designer

designer.html

<link rel="import" href="../yodlee-component/yodlee-scaffold.html">
<link rel="import" href="../yodlee-component/yodlee-navigation.html">
<link rel="import" href="../yodlee-component/yodlee-tabbed-container.html">
<link rel="import" href="../yodlee-component/timely-transactions-list.html">
<link rel="import" href="../hackathon-elements/yodlee-recent-transactions.html">
<link rel="import" href="../yodlee-component/timely-challenge.html">
<link rel="import" href="../hackathon-elements/yodlee-account-summary.html">
<link rel="import" href="../yodlee-component/yodlee-notifications.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;
      }
      #yodlee_account_summary {
        width: 100%;
        height: 100%;
      }
      #yodlee_recent_transactions {
        width: 100%;
        height: 100%;
      }
      #yodlee_recent_transactions1 {
        width: 100%;
        height: 100%;
      }
    </style>
    <yodlee-scaffold responsivewidth="450px" toolbartitle="Scaffold Container" selectedpage="{{ $.yodlee_navigation.selectedIndex }}" profilepic="images/profile/profile_1.jpeg" profilename="Jessica Mavericks" id="yodlee_scaffold">
      <yodlee-navigation selectedlabel="Timely" id="yodlee_navigation"></yodlee-navigation>
      <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-transactions-list tabletitle="TRANSACTIONS" id="timely_transactions_list" class="timely-list">
          <yodlee-recent-transactions id="yodlee_recent_transactions1" class="full" page3></yodlee-recent-transactions>
        </timely-transactions-list>
        <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-chart dashstyle="longdash" id="chart3" data="[194.9 , 71.5, 106.4, 55.2, 144.0, 176.0]"></timely-chart>
        <bills-due-list tabletitle="UPCOMING BILLS" id="bills2" class="timely-list"></bills-due-list>
      </yodlee-tabbed-container>
      <yodlee-account-summary id="yodlee_account_summary" class="full" page2></yodlee-account-summary>
      <yodlee-recent-transactions id="yodlee_recent_transactions" class="full" page3></yodlee-recent-transactions>
      <yodlee-notifications id="yodlee_notifications" notifications></yodlee-notifications>
    </yodlee-scaffold>
  </template>

  <script>

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

  </script>

</polymer-element>