github.com/mweagle/Sparta@v1.15.0/resources/describe/template.html (about)

     1  <!doctype html>
     2  <html lang="en">
     3  
     4  <head>
     5    <meta charset="UTF-8">
     6  
     7    <title>{{ .ServiceName }}</title>
     8  
     9    <!-- CSS files -->
    10    {{range .CSSFiles}}
    11  
    12    <!-- File: {{.KeyName}} -->
    13    <style>
    14      {{.Data}}
    15    </style>
    16    {{end}}
    17  
    18    <!-- custom fonts -->
    19    <link
    20      href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"
    21      rel="stylesheet">
    22    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@700;800&display=swap"
    23      rel="stylesheet">
    24  
    25    <!-- Make sure the global JSON values are initialized
    26    before we try and load the deferred initializers -->
    27    <script charset="UTF-8">
    28      CLOUDFORMATION_TEMPLATE_RAW = {{ .CloudFormationTemplate }}
    29  
    30      CYTOSCAPE_DATA = {{ .CytoscapeData }};
    31    </script>
    32  
    33  
    34    <!-- JS Files -->
    35    {{range .JSFiles}}
    36    <!-- File: {{.KeyName}} -->
    37    <script type="text/javascript">
    38      // <![CDATA[
    39      {{.Data}}
    40      //]]>
    41    </script>
    42    {{end}}
    43  
    44    <style>
    45      /* Show it is fixed to the top */
    46      body {
    47        min-height: 75rem;
    48        padding-top: 4.5rem;
    49        font-family : "Open Sans", "Avenir", "sans-serif";
    50      }
    51  
    52      .spartaLayout {
    53        font-family: "Hasklig", "Ubuntu Mono", "Menlo", "Courier New", "Lucida Console", "monospace";
    54        font-size: 12px;
    55      }
    56  
    57      #cytoscapeDIVTarget {
    58        width: 100%;
    59        height: 100%;
    60        position: absolute;
    61        padding-top: 4.5rem;
    62        top: 0px;
    63        left: 0px;
    64      }
    65    </style>
    66  </head>
    67  
    68  <body>
    69    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
    70      <a class="navbar-brand" href="#">{{ .ServiceName }}</a>
    71      <div class="collapse navbar-collapse" id="navbarCollapse">
    72        <ul id="navBarItems" class="navbar-nav mr-auto">
    73          <li class="nav-item" id="lambda-tab">
    74            <a class="nav-link" href="#lambda" onclick="showView('lambda')">
    75              <img src="data:image/svg+xml;base64,{{ index .ImageMap "Compute_AWSLambda_LambdaFunction.svg"}}" width="32" height="32"
    76                class="d-inline-block align-top" alt="" /> Lambdas
    77            </a>
    78          </li>
    79          <li class="nav-item dropdown">
    80              <a class="nav-link dropdown-toggle"
    81                href="#"
    82                id="navbarDropdown"
    83                role="button"
    84                data-toggle="dropdown"
    85                aria-haspopup="true"
    86                aria-expanded="false">
    87                Layout
    88              </a>
    89              <div class="dropdown-menu" aria-labelledby="navbarDropdown">
    90                <a class="dropdown-item" id="layout-breadthfirst" href="#">Breadth First</a>
    91                <a class="dropdown-item" id="layout-dagre" href="#">Dagre</a>
    92                <a class="dropdown-item" id="layout-cose" href="#">COSE</a>
    93                <a class="dropdown-item" id="layout-grid" href="#">Grid</a>
    94                <a class="dropdown-item" id="layout-circle" href="#">Circle</a>
    95                <a class="dropdown-item" id="layout-concentric" href="#">Concentric</a>
    96              </div>
    97            </li>
    98          <li>
    99            <span style="display: inline-block; width:1px; height:100%; background:#000; margin: 0 2px;"></span>
   100          </li>
   101          <li class="nav-item" id="cloudformation-template-tab">
   102            <a class="nav-link " href="#cloudformation-template" onclick="showView('cloudformation-template')">
   103              <img src="data:image/svg+xml;base64,{{ index .ImageMap "ManagementTools_AWSCloudFormation.svg"}}" width="32" height="32"
   104                class="d-inline-block align-top" alt="" /> CloudFormation Template</a>
   105          </li>
   106        </ul>
   107        <ul class="nav navbar-nav ml-auto">
   108          <li class="nav-item">
   109            <a class="nav-link" target="_blank" href="https://gosparta.io">
   110              <img src="data:image/png;base64,{{ index .ImageMap "SpartaHelmet256.png"}}" width="32" height="32" class="d-inline-block align-top"
   111                alt=""> Sparta
   112            </a>
   113          </li>
   114          <li class="nav-item">
   115            <a class="nav-link" target="_blank" href="https://github.com/mweagle/Sparta/commit/{{ .SpartaVersion }}">
   116              <smallest>
   117                ({{ .SpartaVersion }})
   118              </smallest>
   119            </a>
   120          </li>
   121        </ul>
   122      </div>
   123    </nav>
   124  
   125    <main role="main" class="container-fluid">
   126      <div id="view-container">
   127        <div id="lambda-view">
   128          <div id="cytoscapeDIVTarget"></div>
   129        </div>
   130        <div class="card" id="cloudformation-template-view">
   131            <div class="card-body">
   132              <p class="card-text">
   133                <pre class="hljs">
   134                  <code class="json" id="rawTemplateContent"></code>
   135                </pre>
   136              </p>
   137            </div>
   138        </div>
   139      </div>
   140    </main>
   141    </body>
   142  </html>