Html site 8 5/1/2017

SUBMITTED BY: canonical

DATE: May 2, 2017, 1:45 a.m.

FORMAT: HTML

SIZE: 7.9 kB

Raw Download

HITS: 367

Report
  1. If you want more of my pastes visit: https://randompaste.000webhostapp.com/index.html
  2. --------------------------------------------------------------------------------------
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  8. <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
  9. <title>CDS Data Centers</title>
  10. <link rel="stylesheet" href="https://js.arcgis.com/3.18/dijit/themes/claro/claro.css">
  11. <link rel="stylesheet" href="https://js.arcgis.com/3.18/esri/css/esri.css">
  12. <style>
  13. html, body,
  14. #map {
  15. height: 100%;
  16. width: 100%;
  17. margin: 0;
  18. padding: 0;
  19. }
  20. #search {
  21. display: block;
  22. position: absolute;
  23. z-index: 2;
  24. top: 20px;
  25. left: 74px;
  26. }
  27. #HomeButton {
  28. position: absolute;
  29. top: 95px;
  30. left: 20px;
  31. z-index: 50;
  32. body {
  33. position: relative;
  34. background-color: #FFF;
  35. overflow: hidden;
  36. font-family: "Trebuchet MS";
  37. }
  38. </style>
  39. <script src="https://js.arcgis.com/3.18/"></script>
  40. <script>
  41. var map, csv;
  42. require([
  43. "esri/map", "esri/dijit/Search", "esri/layers/CSVLayer",
  44. "esri/layers/FeatureLayer", "esri/layers/LabelClass", "esri/symbols/TextSymbol",
  45. "esri/Color", "esri/symbols/Font", "esri/symbols/SimpleMarkerSymbol",
  46. "esri/symbols/SimpleLineSymbol", "esri/symbols/SimpleFillSymbol", "esri/renderers/SimpleRenderer",
  47. "esri/renderers/UniqueValueRenderer", "esri/InfoTemplate", "esri/dijit/BasemapGallery",
  48. "esri/dijit/Basemap", "esri/dijit/BasemapLayer", "esri/dijit/Scalebar",
  49. "esri/dijit/HomeButton", "dojo/parser", "dijit/layout/BorderContainer",
  50. "dijit/layout/ContentPane", "dijit/TitlePane", "dojo/domReady!"
  51. ], function(
  52. Map, Search, CSVLayer, FeatureLayer, LabelClass, TextSymbol, Color, Font,
  53. SimpleMarkerSymbol, SimpleLineSymbol, SimpleFillSymbol, SimpleRenderer,
  54. UniqueValueRenderer, InfoTemplate, BasemapGallery, Basemap, BasemapLayer,
  55. Scalebar, HomeButton, parser
  56. ){
  57. parser.parse();
  58. var map = new Map("map", {
  59. basemap: "satellite",
  60. center: [ 0,0 ],
  61. zoom: 2,
  62. showLabels: false
  63. });
  64. var scalebar = new Scalebar({
  65. map: map,
  66. scalebarUnit: "dual"
  67. });
  68. var home = new HomeButton({
  69. map: map
  70. }, "HomeButton");
  71. home.startup();
  72. var basemapGallery = new BasemapGallery({
  73. showArcGISBasemaps: true,
  74. map: map
  75. }, "basemapGallery");
  76. basemapGallery.startup();
  77. basemapGallery.on("error", function(msg) {
  78. console.log("basemap gallery error: ", msg);
  79. });
  80. var search = new Search({
  81. map: map
  82. }, "search");
  83. search.startup();
  85. var csv = new CSVLayer("./Data/DataCenters.csv", {
  86. outFields: ["*"]
  87. });
  88. var csv1 = new CSVLayer("./Data/VES_Sites.csv", {
  89. outFields: ["*"]
  90. });
  92. var labelSymbol = new TextSymbol().setColor(new Color([0, 63, 125, 0.9])).setFont(new Font("11px", Font.STYLE_NORMAL, Font.VARIANT_NORMAL, Font.WEIGHT_BOLD, "Century")).setOffset(0, 0).setAlign(TextSymbol.ALIGN_START).setHaloColor(new Color([255, 255, 255])).setHaloSize(1);
  93. var labelRenderer = new SimpleRenderer(labelSymbol);
  94. var json = {
  95. "labelExpressionInfo": {"value": "{Name}"},
  96. "labelPlacement":"above-center"
  97. };
  98. var lc = new LabelClass(json);
  99. lc.symbol = labelSymbol;
  100. csv.setLabelingInfo([ lc ]);
  102. var labelSymbol1 = new TextSymbol().setColor(new Color([0, 63, 125, 0.9])).setFont(new Font("8px", Font.STYLE_NORMAL, Font.VARIANT_NORMAL, Font.WEIGHT_BOLD, "Century")).setOffset(0, 0).setAlign(TextSymbol.ALIGN_START).setHaloColor(new Color([255, 255, 255])).setHaloSize(1);
  103. var labelRenderer1 = new SimpleRenderer(labelSymbol1);
  104. var json1 = {
  105. "labelExpressionInfo": {"value": "{Name}"},
  106. "labelPlacement":"below-center"
  107. };
  108. var lc1 = new LabelClass(json1);
  109. lc1.symbol = labelSymbol1;
  110. <!--csv1.setLabelingInfo([ lc1 ]);-->
  112. var defaultSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 15,
  113. new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASHED),
  114. new Color([76, 230, 0, 1]),
  115. new Color([255, 255, 255, 0.7]));
  116. var renderer = new UniqueValueRenderer(defaultSymbol, "Status");
  117. renderer.addValue("Offline", new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 15,
  118. new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASHED),
  119. new Color([128, 128, 128, 0.7]),
  120. new Color([255, 255, 255, 0.9])));
  122. var defaultSymbol1 = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 10,
  123. new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
  124. new Color([32, 32, 32]), 0.7),
  125. new Color([0, 128, 255, 0.5]));
  126. var renderer1 = new UniqueValueRenderer(defaultSymbol1, "Status", "Facility_Type", null, ":");
  127. renderer1.addValue("Online:VES", new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 10,
  128. new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
  129. new Color([255, 255, 255]), 0.7),
  130. new Color([0, 169, 230, 0.5])));
  131. renderer1.addValue("Online:NEBS", new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 10,
  132. new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
  133. new Color([0, 169, 230]), 0.9),
  134. new Color([0, 169, 230, 0.7])));
  135. renderer1.addValue("Offline:VES", new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 10,
  136. new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
  137. new Color([255, 255, 255]), 0.9),
  138. new Color([130, 130, 130, 0.7])));
  139. renderer1.addValue("Offline:NEBS", new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 10,
  140. new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
  141. new Color([255, 0, 0]), 0.9),
  142. new Color([0, 169, 230, 0.7])));
  144. csv.setRenderer(renderer);
  145. csv1.setRenderer(renderer1);
  147. var template = new InfoTemplate();
  148. template.setTitle("${Name}");
  149. template.setContent("Status: ${Status}</br>Total CPU (VCPU): ${Total CPU}</br>Total Network: ${Total Network}</br>Total Storage (GB): ${Total Storage}</br></br><a target='_blank' href= http://txslnno-rhsat.cds.eng.vzwcorp.com/pub/vcp/index.html?data_group=${data_group}&site=${lname}>State0</a></br><a target='_blank' href= http://alerts.vcp.mon.vzwops.com/icingaweb2/monitoring/tactical/>Fault Tolerance</a></br><a target='_blank' href='http://10.75.140.109:3000/' style="display:none" />Performance Metrics</a></br><a target='_blank' href='http://analytics.vcp.mon.vzwops.com:443/app/kibana#/discover' />Log Management</a>");
  151. var template_ves = new InfoTemplate();
  152. template_ves.setTitle("${Name} - ${Region}");
  153. template_ves.setContent("Status: ${Date}</br>Total CPU (VCPU): ${Total CPU}</br>Total Network: ${Total Network}</br>Total Storage (GB): ${Total Storage}</br></br><a target='_blank' href= http://txslnno-rhsat.cds.eng.vzwcorp.com/pub/vcp/index.html?data_group=${data_group}&site=${lname}>State0</a></br><a target='_blank' href= http://alerts.vcp.mon.vzwops.com/icingaweb2/monitoring/tactical/>Fault Tolerance</a></br><a target='_blank' href='http://10.75.140.109:3000/' style="display:none" />Performance Metrics</a></br><a target='_blank' href='http://analytics.vcp.mon.vzwops.com:443/app/kibana#/discover' />Log Management</a>");
  155. csv.setInfoTemplate(template);
  156. csv1.setInfoTemplate(template_ves);
  158. map.addLayers([csv, csv1]);
  159. });
  160. </script>
comments powered by Disqus