Mercurial > code > home > repos > light9

<!doctype html>
<html>
  <head>
    <title></title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="/style.css">
    <link rel="import" href="/lib/polymer/polymer.html">
  </head>
  <body>
    <dom-module id="service-button-row">
      <style>
       div {
         display: flex;
         justify-content: space-between;
         padding: 2px 3px;
       }
       div:hover {
         background: gray;
         }
       .left {
         display: inline-block;
         margin-right: 3px;
       }
      </style>
      <template>
        <div>
          <span class="left"><a class="big" href="{{withSlash}}">{{name}}</a></span>
          <span><button on-click="click">window</button></span>
        </div>
      </template>
    </dom-module>
    <script>
     Polymer({
       is: "service-button-row",
       properties: {
         name: String,
         withSlash: { type: String, computed: 'computeWithSlash(name)' },
       },
       computeWithSlash: function (name) {
         return name + '/';
       },
       click: function() {
         window.open(this.withSlash, '_blank',
                     'scrollbars=1,resizable=1,titlebar=0,location=0');
       }
     });
    </script>

    <h1>light9 home page</h1>

    <div style="float: left">
      <service-button-row name="rdfdb"></service-button-row>
      <service-button-row name="effectEval"></service-button-row>
      <service-button-row name="ascoltami"></service-button-row>
      <service-button-row name="subComposer"></service-button-row>
      <service-button-row name="subServer"></service-button-row>
      <service-button-row name="picamserve"></service-button-row>
      <service-button-row name="vidref"></service-button-row>
      <service-button-row name="."></service-button-row>
    </div>

  </body>
</html>
author	Drew Perttula <drewp@bigasterisk.com>
date	Wed, 10 Jun 2015 05:40:38 +0000
parents	b15a2d8ef1ab
children	2df0dc79ce76