designer

designer.html

<link rel="import" href="../polymer/polymer.html">

<polymer-element name="my-element" attributes="sales,subscribeTo,publishTo,data">

  <template>
    <style>    
      #td {
        padding: 2px 3px;
        vertical-align: bottom;
        font-size: 110%;
        background-color: rgb(182, 215, 168);
      }
      #td1 {
        padding: 2px 3px;
        vertical-align: bottom;
        font-size: 180%;
        background-color: rgb(182, 215, 168);
      }
    </style>
    <table border="0" spacing="0">
      <tbody>
        <tr>
          <td>
            <table cellspacing="0" cellpadding="0" dir="ltr">
              <colgroup>
                <col width="32"></col>
                <col width="160"></col>
                <col width="21"></col>
                <col width="81"></col>
              </colgroup>
              <tbody>
                <tr>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                </tr>
                <tr>
                  <td></td>
                  <td id="td1" data-sheets-numberformat='[null,4,"\"$\"#,##0.00",1]'>{{ sales }}</td>
                  <td></td>
                  <td rowspan="3" colspan="1">
                    <div>$</div>
                  </td>
                </tr>
                <tr>
                  <td></td>
                  <td id="td">Daily Sales</td>
                  <td></td>
                </tr>
                <tr>
                  <td></td>
                  <td data-sheets-numberformat="[null,7]" data-sheets-formula="=NOW()">9/10/2014 12:20:21</td>
                  <td></td>
                </tr>
                <tr>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td></td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
  </template>

  <script>

    Polymer('my-element', {
      sales: '',
      subscribeTo: '',
      publishTo: '',
      salesChanged: function (oldValue,newValue){},
      subscribeToChanged: function (oldValue,newValue){},
      publishToChanged: function (oldValue,newValue){},
      dataChanged: function (oldValue,newValue){},
      created: function (){this.data={}},
      ready: function (){},
      attached: function (){},
      detached: function (){},
      attributeChanged: function (attrName, oldVal, newVal){},
      buttonClick: function (event, detail, sender){}
    });

  </script>

</polymer-element>