light9 Changeset - 5a9952820f9d

Changeset - 5a9952820f9d

Parent rev.

Child rev.

[Not reviewed]

default

0 3 0

Drew Perttula - 6 years ago 2019-06-01 10:56:55
drewp@bigasterisk.com

more debug js setups
Ignore-this: c271d7fc9dff951e91e8e6b22d544646

3 files changed with 12 insertions and 0 deletions:

light9/collector/web/index.html

light9/effect/sequencer.html

light9/web/effects/index.html

0 comments (0 inline, 0 general)

light9/collector/web/index.html

➞

Show inline comments

 <!doctype html>
 <html>
   <head>
     <title>collector</title>
     <meta charset="utf-8" />
     <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
     <script src="/lib/debug/debug-build.js"></script>
     <script>
      debug.enable('*');
     </script>
     <link rel="import" href="/lib/polymer/polymer.html">
     <link rel="import" href="/lib/iron-ajax/iron-ajax.html">
     <link rel="import" href="../rdfdb-synced-graph.html">
     <link rel="import" href="../resource-display.html">
     <script src="../lib/jquery/dist/jquery.slim.min.js"></script>
     <script src="/node_modules/n3/n3-browser.js"></script>
     <script src="/lib/async/dist/async.js"></script>
     <script src="/lib/underscore/underscore-min.js"></script>
     <script src="../websocket.js"></script>
     <link rel="stylesheet"  href="/style.css">
     <style>
      td { white-space: nowrap; }
     </style>
   </head>
   <body>
     <dom-module id="light9-collector-device">
       <template>
         <style>
          :host {
              display: block;
              break-inside: avoid-column;
              font-size: 80%;
+         }
          h3 {
              margin-top: 12px;
              margin-bottom: 0;
+         }
          td { white-space: nowrap; }
          td.nonzero {
              background: #310202;
              color: #e25757;
+         }
          td.full {
              background: #2b0000;
              color: red;
              font-weight: bold;
+         }
         </style>
         <h3><resource-display graph="{{graph}}" uri="{{uri}}"></resource-display></h3>
         <table class="borders">
           <tr>
             <th>out attr</th>
             <th>value</th>
             <th>chan</th>
           </tr>

light9/effect/sequencer.html

➞

Show inline comments

 <!doctype html>
 <html>
   <head>
     <title>effect sequencer</title>
     <meta charset="utf-8" />
     <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
     <script src="/lib/debug/debug-build.js"></script>
     <script>
      debug.enable('*');
     </script>
     <link rel="import" href="/lib/polymer/polymer.html">
     <link rel="import" href="/lib/iron-ajax/iron-ajax.html">
     <link rel="import" href="../rdfdb-synced-graph.html">
     <link rel="import" href="../resource-display.html">
     <script src="/node_modules/n3/n3-browser.js"></script>
     <script src="/lib/async/dist/async.js"></script>
     <script src="/lib/underscore/underscore-min.js"></script>
     <link rel="stylesheet"  href="/style.css">
   </head>
   <body>
     <dom-module id="light9-sequencer-ui">
       <template>
         <style>
          :host {
              display: block;
+         }
          td {
              white-space: nowrap;
              padding: 0 20px;
+         }
          tr.active { background: #151515; }
          .inactive > * { opacity: .5; }
          .effectSetting {
              display: inline-block;
              background: #1b1e21;
              margin: 1px 3px;
+         }
          .chart {
              height: 40px;
              background: #222;
              display: inline-flex;
              align-items: flex-end;
+         }
          .chart > div {
              background: #a4a54f;
              width: 8px;
              margin: 0 1px;
+         }
         </style>
         <rdfdb-synced-graph graph="{{graph}}"></rdfdb-synced-graph>
         <h1>Sequencer <a href="stats">[stats]</a></h1>
         <p>fps={{report.recentFps}}</p>
         <p>Recent frame times (best to worst):

light9/web/effects/index.html

➞

Show inline comments

 <!doctype html>
 <html>
   <head>
     <title>subserver effects2</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="/style.css">
     <script src="/lib/webcomponentsjs/webcomponents-lite.min.js"></script>
     <script src="/lib/debug/debug-build.js"></script>
     <script>
      debug.enable('*');
     </script>
     <link rel="import" href="/lib/polymer/polymer.html">
     <link rel="import" href="/lib/iron-ajax/iron-ajax.html">
     <script src="/node_modules/n3/n3-browser.js"></script>
     <script src="/lib/async/dist/async.js"></script>
     <script src="/lib/underscore/underscore-min.js"></script>
     <link rel="import" href="/rdfdb-synced-graph.html">
     <link rel="import" href="/resource-display.html">
   </head>
   <body>
     <!-- replaces effects.jade for subserver -->
     <dom-module id="light9-effect-class">
       <template>
         <style>
          :host {
              display: block;
              padding: 5px;
              border: 1px solid green;
              background: #1e271e;
              margin-bottom: 3px;
+         }
         </style>
         Effect
         <resource-display graph="{{graph}}" uri="{{uri}}" rename></resource-display>
         <iron-ajax id="songEffects"
                    url="/effectEval/songEffects"
                    method="POST"
                    content-type="application/x-www-form-urlencoded"></iron-ajax>
         <span style="float:right">
           <button on-click="onAdd">Add to current song</button>
           <button on-mousedown="onMomentaryPress"
                   on-mouseup="onMomentaryRelease">Add momentary</button>
         </span>
       </template>
     </dom-module>
     <dom-module id="light9-effects">
       <template>
         <style>
         </style>
         <h1>Effects</h1>
         <rdfdb-synced-graph graph="{{graph}}"></rdfdb-synced-graph>
         <template is="dom-repeat" items="{{effectClasses}}">
           <light9-effect-class graph="{{graph}}" uri="{{item}}"></light9-effect-class>
         </template>

0 comments (0 inline, 0 general)