designer

designer.html

<link rel="import" href="../yodlee-component/yodlee-scaffold.html">
<link rel="import" href="../yodlee-component/yodlee-tabbed-container.html">
<link rel="import" href="../yodlee-component/timely-challenge.html">
<link rel="import" href="../yodlee-component/timely-transactions-list.html">
<link rel="import" href="../hackathon-elements/yodlee-recent-transactions.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
      }
      #yodlee_scaffold {
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        position: absolute;
      }
    </style>
    <yodlee-scaffold responsivewidth="450px" toolbartitle="Scaffold Container" profilepic="images/profile/profile_1.jpeg" profilename="Jessica Mavericks" id="yodlee_scaffold">
      <yodlee-tabbed-container query="max-width: 400px" id="yodlee_tabbed_container" page1>
        <timely-chart dashstyle="shortdot" id="chart1" data="[29.9 , 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6]"></timely-chart>
        <timely-chart dashstyle="shortdot" id="chart2" data="[100.9 , 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1]"></timely-chart>
        <bills-due-list tabletitle="BILLS DUE" id="bills1" class="timely-list"></bills-due-list>
        <timely-challenge challenge="Try to spend less than $20 today." tabletitle="CHALLENGES" id="timely_challenge" class="timely-list">
    </timely-challenge>
        <timely-transactions-list tabletitle="TRANSACTIONS" id="timely_transactions_list" class="timely-list">
          <yodlee-recent-transactions id="yodlee_recent_transactions"></yodlee-recent-transactions>
        </timely-transactions-list>
      </yodlee-tabbed-container>
    </yodlee-scaffold>
  </template>

  <script>

    Polymer('my-element', {
      
    });

  </script>

</polymer-element>