oscarleiva
/
energylink


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width">
  <meta name="theme-color" content="#000">

  <title>Energy Link</title>

  <base href="[[.AppSubUrl]]/" />

  <link rel="preload" href="public/fonts/roboto/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2" as="font"
    crossorigin />
  <link rel="icon" type="image/png" href="public/img/fav32.png">
  <link rel="mask-icon" href="public/img/grafana_mask_icon.svg" color="#F05A28">
  <link rel="apple-touch-icon" sizes="180x180" href="public/img/apple-touch-icon.png">

  <link rel="stylesheet" href="public/build/grafana.[[ .Theme ]].<%= webpack.hash %>.css">

  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="msapplication-TileColor" content="#2b5797">
  <meta name="msapplication-config" content="public/img/browserconfig.xml">
</head>

<body class="theme-[[ .Theme ]] [[.AppNameBodyClass]]">

  <style>
    .preloader {
      height: 100%;
      flex-direction: column;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .preloader__enter {
      opacity: 0;
      animation-name: preloader-fade-in;
      animation-iteration-count: 1;
      animation-duration: .9s;
      animation-delay: 1.35s;
      animation-fill-mode: forwards;
    }

    .preloader__bounce {
      text-align: center;
      animation-name: preloader-bounce;
      animation-duration: .9s;
      animation-iteration-count: infinite;
    }

    .preloader__logo {
      display: inline-block;
      animation-name: preloader-squash;
      animation-duration: .9s;
      animation-iteration-count: infinite;
      width: 60px;
      height: 60px;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' id='svg3494' version='1.1' viewBox='0 0 96.043755 96.043755' height='96.043755mm' width='96.043755mm'%3E%3Cdefs id='defs3488' /%3E%3Cmetadata id='metadata3491'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg transform='translate(162.07619,22.503275)' id='layer1'%3E%3Cg id='g2275' transform='matrix(1.5085714,0,0,1.5085714,-179.66512,-208.27783)' style='stroke-width:0.66287881'%3E%3Cg transform='translate(-200.09115,95.498048)' id='g2273' style='stroke-width:0.66287881'%3E%3Ccircle style='opacity:1;fill:%23fcb122;fill-opacity:1;stroke:none;stroke-width:1.06985879;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke' id='circle2259' cx='243.58316' cy='59.480648' r='31.832682' /%3E%3Cg id='g2271' transform='matrix(1.0007031,0,0,1.0051995,60.862184,23.778766)' style='opacity:1;stroke-width:0.66092998'%3E%3Cpath id='path2261' d='m 183.82493,18.567342 c 1.89981,0 3.42926,1.6434 3.42926,3.684753 v 26.530231 c 0,2.041359 -1.52945,3.684752 -3.42926,3.684752 h -6.17265 c -1.63604,0 -2.99446,-1.22004 -3.34096,-2.862127 -0.30812,0.06409 -0.62639,0.09856 -0.95247,0.09856 h -8.90235 c -2.73994,0 -4.94583,-2.37025 -4.94583,-5.314333 V 26.645244 c 0,-2.944081 2.20589,-5.314337 4.94583,-5.314337 h 8.90235 c 0.32596,0 0.64403,0.03497 0.95205,0.09903 0.34631,-1.642367 1.70517,-2.862592 3.34138,-2.862592 z' style='opacity:1;fill:%2380888f;fill-opacity:1;stroke:none;stroke-width:1.06671321;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke' /%3E%3Cg style='fill:%2380888f;fill-opacity:1;stroke-width:0.82799894' transform='matrix(-0.76576576,0,0,0.83206106,297.16508,-35.247382)' id='g2267'%3E%3Crect style='opacity:1;fill:%2380888f;fill-opacity:1;stroke:none;stroke-width:1.33635592;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke' id='rect2263' width='22.944336' height='6.3597097' x='119.47591' y='72.565742' rx='4.1341147' /%3E%3Crect rx='4.1341147' y='91.169258' x='119.47591' height='6.3597097' width='22.944336' id='rect2265' style='opacity:1;fill:%2380888f;fill-opacity:1;stroke:none;stroke-width:1.33635592;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke' /%3E%3C/g%3E%3Cpath d='m 168.66763,36.333788 3.21381,-3.213808 12.35735,12.357334 z m 9.4296,-1.63316 -3.21381,3.213814 -12.35733,-12.357333 z' style='fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:0.17487103px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1' id='path2269' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cstyle type='text/css' id='style4061'%3E .st0%7Bfill:url(%23SVGID_1_);%7D%0A%3C/style%3E%3C/svg%3E");
    }

    .preloader__text {
      margin-top: 16px;
      font-weight: 500;
      font-size: 14px;
      font-family: Sans-serif;
      opacity: 0;
      animation-name: preloader-fade-in;
      animation-duration: .9s;
      animation-delay: 1.8s;
      animation-fill-mode: forwards;
    }

    .theme-light .preloader__text {
      color: #52545c;
    }

    .theme-dark .preloader__text {
      color: #d8d9da;
    }

    @keyframes preloader-fade-in {
      0% {
        opacity: 0;
        /*animation-timing-function: linear;*/
        animation-timing-function: cubic-bezier(0, 0, 0.5, 1)
      }

      100% {
        opacity: 1;
      }
    }

    @keyframes preloader-bounce {

      from,
      to {
        transform: translateY(0px);
        animation-timing-function: cubic-bezier(0.3, 0.0, 0.1, 1)
      }

      50% {
        transform: translateY(-50px);
        animation-timing-function: cubic-bezier(.9, 0, .7, 1)
      }
    }

    @keyframes preloader-squash {
      0% {
        transform: scaleX(1.3) scaleY(.8);
        animation-timing-function: cubic-bezier(.3, 0, .1, 1);
        transform-origin: bottom center;
      }

      15% {
        transform: scaleX(.75) scaleY(1.25);
        animation-timing-function: cubic-bezier(0, 0, .7, .75);
        transform-origin: bottom center;
      }

      55% {
        transform: scaleX(1.05) scaleY(.95);
        animation-timing-function: cubic-bezier(.9, 0, 1, 1);
        transform-origin: top center;
      }

      95% {
        transform: scaleX(.75) scaleY(1.25);
        animation-timing-function: cubic-bezier(0, 0, 0, 1);
        transform-origin: bottom center;
      }

      100% {
        transform: scaleX(1.3) scaleY(.8);
        transform-origin: bottom center;
        animation-timing-function: cubic-bezier(0, 0, 0.7, 1);
      }
    }

    /* Fail info */
    .preloader__text--fail {
      display: none;
    }

    /* stop logo animation */
    .preloader--done .preloader__bounce,
    .preloader--done .preloader__logo {
      animation-name: none;
      display: none;
    }

    .preloader--done .preloader__logo,
    .preloader--done .preloader__text {
      display: none;
      color: #ff5705 !important;
      font-size: 15px;
    }

    .preloader--done .preloader__text--fail {
      display: block;
    }

    [ng\:cloak],
    [ng-cloak],
    .ng-cloak {
      display: none !important;
    }
  </style>

  <div class="preloader">
    <div class="preloader__enter">
      <div class="preloader__bounce">
        <div class="preloader__logo"></div>
      </div>
    </div>
    <div class="preloader__text">Cargando EnergyLink</div>
    <div class="preloader__text preloader__text--fail">
      <p>
        <strong>If you're seeing this EnergyLink has failed to load its application files</strong>
        <br />
        <br />
      </p>
      <p>
        1. This could be caused by your reverse proxy settings.<br /><br />
        2. If you host grafana under subpath make sure your grafana.ini root_url setting includes subpath<br /> <br />
        3. If you have a local dev build make sure you build frontend using: yarn start, yarn start:hot, or yarn
        build<br /> <br />
        4. Sometimes restarting grafana-server can help<br />
      </p>
    </div>
  </div>

  <grafana-app class="grafana-app" ng-cloak>
    <sidemenu class="sidemenu"></sidemenu>
    <app-notifications-list class="page-alert-list"></app-notifications-list>
    <dashboard-search></dashboard-search>

    <div class="main-view">
      <div class="scroll-canvas">
        <div ng-view></div>

        <footer class="footer">
          <div class="text-center">
            <ul>
              <li>
                <a href="https://www.mercadoselectricos.com.sv/contacto/" target="_blank">
                  <i class="fa fa-support"></i>
                  Support Merelec
                </a>
              </li>
              <li>
                <a href="https://www.mercadoselectricos.com.sv/" target="_blank">
                  <i class="fa fa-briefcase"></i>
                  Merelec Business
                </a>
              </li>

            </ul>
          </div>
        </footer>
      </div>
    </div>
  </grafana-app>

  <script>
    window.grafanaBootData = {
      user: [[.User]],
      settings: [[.Settings]],
      navTree: [[.NavTree]]
    };

    // In case the js files fails to load the code below will show an info message.
    window.onload = function () {
      var preloader = document.getElementsByClassName("preloader");
      if (preloader.length) {
        preloader[0].className = "preloader preloader--done";
      }
    };
  </script>

  [[if .GoogleTagManagerId]]
  <!-- Google Tag Manager -->
  <script>
    dataLayer = [{
      'IsSignedIn': '[[.User.IsSignedIn]]',
      'Email': '[[.User.Email]]',
      'Name': '[[.User.Name]]',
      'UserId': '[[.User.Id]]',
      'OrgId': '[[.User.OrgId]]',
      'OrgName': '[[.User.OrgName]]',
    }];
  </script>
  <noscript>
    <iframe src="//www.googletagmanager.com/ns.html?id=[[.GoogleTagManagerId]]" height="0" width="0"
      style="display:none;visibility:hidden"></iframe>
  </noscript>
  <script>(function (w, d, s, l, i) {
      w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', '[[.GoogleTagManagerId]]');</script>
  <!-- End Google Tag Manager -->
  [[end]]

</body>

</html>