94601c1f
 Renato De Donato
trevieww multitable
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<link rel="import" href="../../bower_components/polymer/polymer.html" />
<link rel="import" href="../../bower_components/neon-animation/neon-animation.html">
<link rel="import" href="../../bower_components/neon-animation/neon-animatable.html">
<link rel="import" href="../../bower_components/neon-animation/neon-animations.html">
<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
<link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
<dom-module id="page-slider-controllet">
<template>
<style is="custom-style">
paper-icon-button{
color: #00BCD4;
height: 48px;
width: 48px;
|
a31f0660
 root
sevc-controllet i...
|
20
|
padding: 0px;
|
|
94601c1f
Renato De Donato
trevieww multitable
|
21
22
23
24
|
--paper-icon-button-ink-color: #00BCD4;
}
paper-icon-button:hover{
|
|
a31f0660
root
sevc-controllet i...
|
25
26
27
28
29
|
color: #00AABF;
}
paper-icon-button[disabled]{
color: #B6B6B6;
|
|
94601c1f
Renato De Donato
trevieww multitable
|
30
31
32
|
}
.header{
|
|
a31f0660
root
sevc-controllet i...
|
33
|
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
94601c1f
Renato De Donato
trevieww multitable
|
34
|
width: 100%;
|
|
a31f0660
root
sevc-controllet i...
|
35
36
|
/*padding-bottom: 8px;*/
/*border-bottom: 2px solid #B6B6B6;*/
|
|
94601c1f
Renato De Donato
trevieww multitable
|
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
|
}
.chevron-left{
float: left;
margin-top: 8px;
}
.chevron-right{
float: right;
margin-top: 8px;
}
.box{
overflow: auto;
}
.avatar {
display: inline-block;
height: 64px;
width: 64px;
border-radius: 50%;
background: #2196F3;
color: #FFFFFF;
line-height: 64px;
font-size: 32px;
vertical-align: middle;
text-align: center;
}
.text {
display: inline-block;
height: 64px;
vertical-align: middle;
padding-left: 20px;
}
.title {
font-size: 32px;
color: #2196F3;
}
.subtitle {
font-size: 16px;
|
|
0f6424fe
root
update new data-s...
|
80
|
color: #727272;/*#00BCD4*/
|
|
94601c1f
Renato De Donato
trevieww multitable
|
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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
}
</style>
<div class="header">
<paper-icon-button class="chevron-left" on-click="_onPrevClick" icon="chevron-left"></paper-icon-button>
<paper-icon-button class="chevron-right" on-click="_onNextClick" icon="chevron-right"></paper-icon-button>
<div class="box">
<div class="avatar">[[avatar]]</div>
<div class="text">
<div class="title">[[title]]</div>
<div class="subtitle">[[subtitle]]</div>
</div>
</div>
</div>
<neon-animated-pages on-neon-animation-finish="_onNeonAnimationFinish" selected="[[selected]]" entry-animation="[[entryAnimation]]" exit-animation="[[exitAnimation]]">
<content></content>
</neon-animated-pages>
</template>
<script>
Polymer({
is : 'page-slider-controllet',
properties : {
entryAnimation : {
type : String,
value : ""
},
exitAnimation : {
type : String,
value : ""
},
selected : {
type : Number,
value : 0
},
|
|
e0e4a976
Renato De Donato
data-sevc-control...
|
126
127
128
129
130
|
prevSelected : {
type : Number,
value : 0
},
|
|
94601c1f
Renato De Donato
trevieww multitable
|
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
|
pages : {
type : Number,
value : document.querySelectorAll('neon-animatable').length
},
title : {
type : String,
value : ""
},
subtitle : {
type : String,
value : ""
},
avatar : {
type : String,
value : "1"
|
|
a31f0660
root
sevc-controllet i...
|
149
|
}
|
|
94601c1f
Renato De Donato
trevieww multitable
|
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
|
},
attached : function() {
this.fire('page-slider-controllet_selected', {selected : this.selected});
},
setTitle : function(title, subtitle) {
this.title = title;
this.subtitle = subtitle;
},
setAvatar : function(innerText) {
this.avatar = innerText;
},
chevronLeft : function(flag) {
var buttons = document.getElementsByTagName("paper-icon-button");
|
|
707a1508
root
update data-table...
|
168
169
170
171
172
173
174
175
|
if(flag == "invisible") {
buttons[0].style.visibility = "hidden";
return;
}
else
buttons[0].style.visibility = "visible";
|
|
94601c1f
Renato De Donato
trevieww multitable
|
176
177
178
179
180
181
182
183
|
if(flag)
buttons[0].removeAttribute("disabled");
else
buttons[0].setAttribute("disabled", "true");
},
chevronRight : function(flag) {
var buttons = document.getElementsByTagName("paper-icon-button");
|
|
707a1508
root
update data-table...
|
184
185
186
187
188
189
190
191
|
if(flag == "invisible") {
buttons[1].style.visibility = "hidden";
return;
}
else
buttons[1].style.visibility = "visible";
|
|
94601c1f
Renato De Donato
trevieww multitable
|
192
193
194
195
196
197
|
if(flag)
buttons[1].removeAttribute("disabled");
else
buttons[1].setAttribute("disabled", "true");
},
|
|
e0e4a976
Renato De Donato
data-sevc-control...
|
198
199
200
201
|
getPrevSelected : function() {
return this.prevSelected;
},
|
|
94601c1f
Renato De Donato
trevieww multitable
|
202
203
204
205
206
207
208
209
|
_onPrevClick : function() {
var buttons = document.getElementsByTagName("paper-icon-button");
buttons[0].setAttribute("disabled", "true");
buttons[1].setAttribute("disabled", "true");
this.entryAnimation = 'slide-from-left-animation';
this.exitAnimation = 'slide-right-animation';
|
|
e0e4a976
Renato De Donato
data-sevc-control...
|
210
|
this.prevSelected = this.selected;
|
|
94601c1f
Renato De Donato
trevieww multitable
|
211
212
213
214
215
216
217
218
219
220
221
|
this.selected = this.selected === 0 ? (this.pages-1) : (this.selected - 1);
},
_onNextClick : function() {
var buttons = document.getElementsByTagName("paper-icon-button");
buttons[0].setAttribute("disabled", "true");
buttons[1].setAttribute("disabled", "true");
this.entryAnimation = 'slide-from-right-animation';
this.exitAnimation = 'slide-left-animation';
|
|
e0e4a976
Renato De Donato
data-sevc-control...
|
222
|
this.prevSelected = this.selected;
|
|
94601c1f
Renato De Donato
trevieww multitable
|
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
|
this.selected = this.selected === (this.pages-1) ? 0 : (this.selected + 1);
},
_onNeonAnimationFinish: function() {
var buttons = document.getElementsByTagName("paper-icon-button");
buttons[0].removeAttribute("disabled");
buttons[1].removeAttribute("disabled");
this.avatar = this.selected+1;
this.fire('page-slider-controllet_selected', {selected : this.selected});
}
});
</script>
</dom-module>
|
