-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathlayout.html
More file actions
107 lines (99 loc) · 7.03 KB
/
layout.html
File metadata and controls
107 lines (99 loc) · 7.03 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<link rel="import" href="./Polymer/bower_components/core-drawer-panel/core-drawer-panel.html">
<link rel="import" href="./Polymer/bower_components/core-icon-button/core-icon-button.html">
<link rel="import" href="./Polymer/bower_components/core-toolbar/core-toolbar.html">
<link rel="import" href="./Polymer/bower_components/core-header-panel/core-header-panel.html">
<link rel="import" href="./Polymer/bower_components/core-scroll-header-panel/core-scroll-header-panel.html">
<link rel="import" href="./Polymer/bower_components/core-icons/core-icons.html">
<link rel="import" href="./Polymer/bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="./Polymer/bower_components/core-animated-pages/core-animated-pages.html">
<link rel="import" href="./Polymer/bower_components/core-animated-pages/transitions/hero-transition.html">
<link rel="import" href="./Polymer/bower_components/core-animated-pages/transitions/cross-fade.html">
<link rel="import" href="./Polymer/bower_components/core-animated-pages/transitions/slide-down.html">
<link rel="import" href="./Polymer/bower_components/core-animated-pages/transitions/slide-up.html">
<link rel="import" href="./Polymer/bower_components/core-animated-pages/transitions/tile-cascade.html">
<link rel="import" href="./Polymer/bower_components/paper-tabs/paper-tabs.html">
<link rel="import" href="./Polymer/bower_components/paper-tabs/paper-tab.html">
<link rel="import" href="./Polymer/bower_components/paper-menu-button/paper-menu-button.html">
<link rel="import" href="./Polymer/bower_components/core-icon/core-icon.html">
<link rel="import" href="./Polymer/bower_components/core-field/core-field.html">
<link rel="import" href="./Polymer/bower_components/core-input/core-input.html">
<link rel="import" href="./Polymer/bower_components/speech-mic/speech-mic.html">
<polymer-element name="is-layout">
<template>
<link href="../test/layout.css" rel="stylesheet" />
<core-drawer-panel transition responsivewidth="9999px" selected="main" narrow id="drawerPanel" touch-action="pan-y">
<core-header-panel id="core_header_panel1" main>
<core-scroll-header-panel headermargin="128" condenses headerheight="192" id="core_scroll_header_panel">
<core-toolbar id="core_toolbar" class="tall">
<div id="div" flex></div>
<!--<core-icon-button icon="search" id="core_icon_button1" on-click></core-icon-button>-->
<paper-menu-button icon="search">
<core-field id="core_field" icon="search" theme="core-light-theme" horizontal layout center>
<core-icon icon="search" id="core_icon1"></core-icon>
<paper-input label="Search" willvalidate value="{{ $.speech_mic.transcript }}" id="paper_input"></paper-input>
<speech-mic id="speech_mic" start horizontal layout start-justified></speech-mic>
</core-field>
</paper-menu-button>
<!-- when loading this page here, I have to replace this menu with the correct one, same as I did before-->
<is-nav id="isNav" loggedin={{loggedin}}></is-nav>
<div id="title" class="bottom" horizontal layout center-justified center>Order Food Live</div>
<paper-icon-button icon="menu" id="paper_icon_button" on-click="{{ openleftside }}"></paper-icon-button>
</core-toolbar>
<section id="section9" content>
<core-animated-pages selectedindex="0" notap id="core_animated_pages">
<section id="section1" layout horizontal center center-justified active>
<core-card id="core_card" layout vertical>
replaceMeContent
</core-card>
</section>
<section id="section2"></section>
<section id="section3"></section>
</core-animated-pages>
</section>
</core-scroll-header-panel>
</core-header-panel>
<core-header-panel id="core_header_panel" drawer vertical layout center center-justified>
<section id="section" layout vertical>
<paper-tabs selected="0" selectedindex="0" id="paper_tabs" horizontal layout>
<paper-tab id="paper_tab" active>Google</paper-tab>
<paper-tab id="paper_tab1">Facebook</paper-tab>
<paper-tab id="paper_tab2">News</paper-tab>
</paper-tabs>
<section id="section4" flex relative>
<core-animated-pages transitions="cross-fade" selected="{{ $.paper_tabs.selected }}" lastselected="2" selectedindex="0" notap id="core_animated_pages1">
<section id="section5" layout horizontal center center-justified active>
<core-card id="core_card1" layout vertical cross-fade>
<iframe id="iframe" src="http://widgetsplus.com:8080/39380.htm" width="250px" height="319" frameborder="0"></iframe>
</core-card>
</section>
<section id="section6">
<core-card id="core_card2" layout vertical cross-fade>
<iframe id="iframe1" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FMyLiveChurch%2F&width=240&height=568&colorscheme=light&show_faces=true&header=false&stream=true&show_border=false&appId=377368259070734" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
</core-card>
</section>
<section id="section7">
<core-card id="core_card3" layout vertical cross-fade>
<section id="section8">News coming here</section>
</core-card>
</section>
</core-animated-pages>
</section>
</section>
</core-header-panel>
</core-drawer-panel>
</template>
<script>
Polymer('is-layout', {
openleftside: function () {
this.$.drawerPanel.togglePanel();
},
created: function (){
Polymer.import((['paper/nav/nav.html'], function () {
// called when our import is fully loaded
// including any assets like CSS.
});
//replaceMeContentLink
}
});
</script>
</polymer-element>