Sunda Cyber Army


* Sunda Cyber Army 2k17 *
Indonesia Defacer ~


Path : /home/dent/public_html/accounts/configurator/js/menus/
File Upload :
Current File : /home/dent/public_html/accounts/configurator/js/menus/StartMenu.js

// Start Menu
function StartMenu() {
  var startMenu = new createjs.Container();
  let tri = new createjs.Container();
  tri.x = -280;
  tri.y = 680;
  tri.scaleX=.9;
  tri.scaleY=.9;
  startMenu.addChild(tri);
  
  var triarcLogo = new createjs.Bitmap("assets/ballymore.png");
  tri.addChild(triarcLogo);
  console.log(triarcLogo.getTransformedBounds())
  let address =  new createjs.Container();
  address.x = 120;
  address.y = 18;
  tri.addChild(address)
  var triText1 = new createjs.Text("Ballymore Company Inc", "bold 20px sans-serif", "#000000");
  triText1.textAlign = "center";
  triText1.x = 270;
  triText1.y = 0;
  address.addChild(triText1);
  var triText3 = new createjs.Text("501 Gunnard Carlson Dr Coatesville, PA 19320 | (800) 762-8327", "bold 15px sans-serif", "#000000");
  triText3.textAlign = "center";
  triText3.x = 270;
  triText3.y = 25;
  address.addChild(triText3);
  let triLine = new createjs.Shape();
  triLine.graphics.beginStroke("#000000").setStrokeStyle(3,1);
  triLine.graphics.moveTo(27,45);
  triLine.graphics.lineTo(27,45);
  triLine.graphics.lineTo(512,45);
  address.addChild(triLine);
  var triText2 = new createjs.Text("Tri-Arc Manufacturing ", "bold 20px sans-serif", "#000000");
  triText2.textAlign = "center";
  triText2.x = 270;
  triText2.y = 52;
  address.addChild(triText2);
  var triText4 = new createjs.Text("390 Fountain St Pittsburgh, PA 15238 | (800) 565-2165", "bold 15px sans-serif", "#000000");
  triText4.textAlign = "center";
  triText4.x = 270;
  triText4.y = 77;
  address.addChild(triText4);

  if(VENDOR)
  {
    var graingerLogo = new createjs.Bitmap("assets/GraingerLogo.jpg");
    graingerLogo.x = 160;
    graingerLogo.y = 720;
    startMenu.addChild(graingerLogo);
  }

  var udesignLogo = new createjs.Bitmap("assets/UDesignLogo.jpg");
  udesignLogo.x = -178;
  udesignLogo.y = 30;
  startMenu.addChild(udesignLogo);

  var udesignLogoBorder = new createjs.Shape();
  udesignLogoBorder.graphics.beginStroke("#e17a0f").drawRoundRect(-184,20,368,110,5);
  startMenu.addChild(udesignLogoBorder);

  var startInstructionText = new createjs.Text("Click a Product to Begin", "bold 30px sans-serif", "#404040");
  startInstructionText.textAlign = "center";
  startInstructionText.x = 0;
  startInstructionText.y = 160;
  startMenu.addChild(startInstructionText);

  var rooftopButton = new createjs.Container();
  rooftopButton.x = -325;
  rooftopButton.y = 475;
  startMenu.addChild(rooftopButton);

  var rooftopButtonBorder = new createjs.Shape();
  rooftopButtonBorder.graphics.beginStroke("#777777").drawRoundRect(0,-180,200,210,5);
  rooftopButton.addChild(rooftopButtonBorder);

  var rooftopButtonImage = new createjs.Bitmap("assets/rooftopicon.jpg");
  rooftopButtonImage.y = -175;
  rooftopButtonImage.x = 22;
  rooftopButton.addChild(rooftopButtonImage);

  var rooftopButtonShape = new createjs.Shape();
  rooftopButtonShape.graphics.beginFill("#777777").beginStroke("#777777").drawRoundRect(0,0,200,50,5);
  rooftopButton.addChild(rooftopButtonShape);

  var rooftopButtonText = new createjs.Text("Rooftop Platform", "20px sans-serif", "#fff");
  rooftopButtonText.textAlign = "center";
  rooftopButtonText.y = 15;
  rooftopButtonText.x = 100;
  rooftopButton.addChild(rooftopButtonText);

  var rooftopButtonHelper = new createjs.ButtonHelper(rooftopButton);
  rooftopButton.addEventListener("click", handleRooftopButtonClick);
  rooftopButton.addEventListener("mouseover", mouseOverRoofTop);
  rooftopButton.addEventListener("mouseout", mouseOutRoofTop);


  var crossoverButton = new createjs.Container();
  crossoverButton.x = -100;
  crossoverButton.y = 475;
  startMenu.addChild(crossoverButton);

  var crossoverButtonBorder = new createjs.Shape();
  crossoverButtonBorder.graphics.beginStroke("#777777").drawRoundRect(0,-180,200,220,5);
  crossoverButton.addChild(crossoverButtonBorder);

  var crossoverButtonImage = new createjs.Bitmap("assets/crossovericon.jpg");
  crossoverButtonImage.x = 10;
  crossoverButtonImage.y = -175;
  crossoverButton.addChild(crossoverButtonImage);

  var crossoverButtonShape = new createjs.Shape();
  crossoverButtonShape.graphics.beginFill("#777777").beginStroke("#777777").drawRoundRect(0,0,200,50,5);
  crossoverButton.addChild(crossoverButtonShape);

  var crossoverButtonText = new createjs.Text("Crossover Ladder", "20px sans-serif", "#fff");
  crossoverButtonText.textAlign = "center";
  crossoverButtonText.y = 15;
  crossoverButtonText.x = 100;
  crossoverButton.addChild(crossoverButtonText);

  var crossoverButtonHelper = new createjs.ButtonHelper(crossoverButton);
  crossoverButton.addEventListener("click", handleCrossoverButtonClick);
  crossoverButton.addEventListener("mouseover", mouseOverRoofTop);
  crossoverButton.addEventListener("mouseout", mouseOutRoofTop);

  var maxaccessButton = new createjs.Container();
  maxaccessButton.x = 125;
  maxaccessButton.y = 475;
  startMenu.addChild(maxaccessButton);

  var maxaccessButtonBorder = new createjs.Shape();
  maxaccessButtonBorder.graphics.beginStroke("#777777").drawRoundRect(0,-180,200,220,5);
  maxaccessButton.addChild(maxaccessButtonBorder);

  var maxaccessButtonImage = new createjs.Bitmap("assets/mpasicon.jpg");
  maxaccessButtonImage.x = 10;
  maxaccessButtonImage.y = -175;
  maxaccessButton.addChild(maxaccessButtonImage);

  var maxaccessButtonShape = new createjs.Shape();
  maxaccessButtonShape.graphics.beginFill("#777777").beginStroke("#777777").drawRoundRect(0,0,200,50,5);
  maxaccessButton.addChild(maxaccessButtonShape);

  var maxaccessButtonText = new createjs.Text("Multi-Platform Access System", "20px sans-serif", "#fff");
  maxaccessButtonText.textAlign = "center";
  maxaccessButtonText.lineWidth = 180;
  maxaccessButtonText.y = 5;
  maxaccessButtonText.x = 100;
  maxaccessButton.addChild(maxaccessButtonText);

  var maxaccessButtonHelper = new createjs.ButtonHelper(maxaccessButton);
  maxaccessButton.addEventListener("click", handlemaxaccessButtonClick);
  maxaccessButton.addEventListener("mouseover", mouseOverRoofTop);
  maxaccessButton.addEventListener("mouseout", mouseOutRoofTop);

  var videoButton = new createjs.Container();
  videoButton.x = -325;
  videoButton.y = 560;
  startMenu.addChild(videoButton);

 let videoLink = new createjs.Shape();
 videoLink.graphics.beginFill("#777777").beginStroke("#777777").drawRoundRect(0,0,650,50,5);
 videoButton.addChild(videoLink);
 var videoText = new createjs.Text("View Configurator Tutorial Video Library", "bold 30px sans-serif", "#fff");

  videoText.y = 13;
  videoText.x = 40;
  videoButton.addChild(videoText);
  var videoButtonHelper = new createjs.ButtonHelper(videoButton);
  videoButton.addEventListener("click", videoUrl);
  videoButton.addEventListener("mouseover", mouseOverVideo);
  videoButton.addEventListener("mouseout", mouseOutVideo);
  return startMenu;
}

// Event Handlers
function handleRooftopButtonClick(event){
  setSystem(LadderType.Rooftop);
  showHeightMenu();
}

function handleCrossoverButtonClick(event){
  setSystem(LadderType.Crossover);
  showHeightMenu();
}

function handlemaxaccessButtonClick(event){
  setSystem(LadderType.MultiPlatform);
  showHeightMenu();
}

function videoUrl(event){
  window.open("https://vimeo.com/showcase/configurator-tutorials")
}

function mouseOverRoofTop(event){
  //let g1 =event.currentTarget.getChildAt(0);
  let g2 =event.currentTarget.getChildAt(2);
  //g1.graphics.beginStroke("#e17a0f").drawRoundRect(0,-180,200,210,5)
  g2.graphics.beginFill("#e17a0f").beginStroke("#e17a0f").drawRoundRect(0,0,200,50,5)
  
}
function mouseOutRoofTop(event){
  //let g1 =event.currentTarget.getChildAt(0);
  let g2 =event.currentTarget.getChildAt(2);
  //g1.graphics.beginStroke("#777777").drawRoundRect(0,-180,200,210,5)
  g2.graphics.beginFill("#777777").beginStroke("#777777").drawRoundRect(0,0,200,50,5)
  
}

function mouseOverVideo(event){
  let g1 =event.currentTarget.getChildAt(0);
  g1.graphics.beginFill("#e17a0f").beginStroke("#e17a0f").drawRoundRect(0,0,650,50,5)
  
}
function mouseOutVideo(event){
  let g1 =event.currentTarget.getChildAt(0);
  g1.graphics.beginFill("#777777").beginStroke("#777777").drawRoundRect(0,0,650,50,5);  
}