light9 Files · light9/web/index.html

Files @ a745bee5c419
Branch filter:
Location: light9/light9/web/index.html

a745bee5c419 3.0 KiB text/html Show Annotation Show as Raw Download as Raw
Drew Perttula
new process stats visualizers
Ignore-this: 8e47516baad0bfb9cd02a712571c5a5f
<!doctype html>
<html>
  <head>
    <title>light9 home</title>
    <meta charset="utf-8" />
    <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="stylesheet" href="/style.css">
    <link rel="import" href="/lib/polymer/polymer.html">
  </head>
  <body>
      <script type="module"  src="stats-line.js"></script>
      <script type="module"  src="stats-process.js"></script>


     
    <dom-module id="service-button-row">
      <template>
        <style>
         :host { padding-bottom: 10px;  }
         a {
             color: #7d7dec;
         }
         div {
             display: flex;
             justify-content: space-between;
             padding: 2px 3px;
         }
         .left {
             display: inline-block;
             margin-right: 3px;
             flex-grow: 1;
         }
         .window {
         }
         .serviceGrid > td {
             border: 5px solid red;
             display: inline-block;
         }
         :host > div { display: inline-block; vertical-align: top; }
         :host > div:nth-child(2) { width: 9em; }
         :host > div:nth-child(3) { width: 5em; }
         :host > div:nth-child(4) { width: 3em; }
         :host > div:nth-child(5) { width: 50px; }
         
        </style>


          <div class="left"><a class="big" href="{{name}}/">{{name}}</a></div>
          <div class="window"><button on-click="click">window</button></div>
          <div><a href="{{name}}/stats/">stats</a></div>
          <div id="stats"><stats-line name="{{name}}"></div>

        
      </template>
      <script>
       HTMLImports.whenReady(function () {
           Polymer({
               is: "service-button-row",
               properties: {
                   name: String,
               },
             ready: function() {
             },
               click: function() {
                   window.open(this.name + '/', '_blank',
                               'scrollbars=1,resizable=1,titlebar=0,location=0');
               },
             
           });
       });
      </script>
    </dom-module>
    
    <h1>light9 home page</h1>

    <div style="display: grid">
      <service-button-row name="rdfdb"></service-button-row>
      <hr>
      <service-button-row name="ascoltami"></service-button-row>
      <hr>
      <service-button-row name="picamserve"></service-button-row>
      <service-button-row name="vidref"></service-button-row>
      <hr>
      <service-button-row name="collector"></service-button-row>
      <service-button-row name="effectSequencer"></service-button-row>
      <service-button-row name="live"></service-button-row>
      <service-button-row name="effects"></service-button-row>
      <service-button-row name="timeline"></service-button-row>
      <service-button-row name="paint"></service-button-row>
      <service-button-row name="effectEval"></service-button-row>
      <hr>
      <service-button-row name="subServer"></service-button-row>
      <service-button-row name="subComposer"></service-button-row>
    </div>
    
  </body>
</html>