d069de46
 Luigi Serra
google card compo...
|
1
2
3
4
5
6
7
|
<link rel="import" href="../../bower_components/polymer/polymer.html"/>
<link rel="import" href="../../bower_components/paper-material/paper-material.html"/>
<link rel="import" href="../../bower_components/paper-fab/paper-fab.html"/>
<link rel="import" href="../../bower_components/iron-icons/iron-icons.html"/>
<link rel="import" href="../../bower_components/paper-dialog/paper-dialog.html"/>
<link rel="import" href="../../bower_components/neon-animation/neon-animation.html"/>
|
|
2d8cf127
Luigi Serra
postit and google...
|
8
|
<script src="../../locales/paper_card_controllet_ln.js"></script>
|
|
d069de46
Luigi Serra
google card compo...
|
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<dom-module id="google-card-controllet">
<template>
<link rel="stylesheet" href="../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css">
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<style>
#paper_card_container {
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
background-color: white;
}
#content {
padding: 4px 4px 0px 4px;
position:relative;
|
|
2d8cf127
Luigi Serra
postit and google...
|
26
|
width: 98%;
|
|
d069de46
Luigi Serra
google card compo...
|
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
height: 90%;
}
.footer {
height: 16px;
}
.comment {
position: relative;
top: -50px;
height: 50px;
background-color: white;
padding: 8px;
font-size: small;
color: #727272;
word-wrap: break-word;
overflow: hidden;
}
paper-fab#fullscreen-button {
position: absolute;
|
|
2d8cf127
Luigi Serra
postit and google...
|
48
49
50
|
/*z-index: 10;*/
top: 0px;
right: 0px;
|
|
d069de46
Luigi Serra
google card compo...
|
51
|
--paper-fab-background:#2196F3;
|
|
2d8cf127
Luigi Serra
postit and google...
|
52
53
54
55
|
padding : 0px;
margin: 0px;
height: 24px;
width: 24px;
|
|
d069de46
Luigi Serra
google card compo...
|
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
|
}
paper-dialog {
margin: 0px;
padding: 0px;
z-index: 1100;
}
#fullscreen_container {
display: inline;
position: fixed;
width: 90%;
height: 80vh;
right: 0;
left: 0;
top: 64px;
margin-right: auto;
margin-left: auto;
padding: 8px;
background-color: white;
}
#fullscreen_content {
margin: 0px;
}
#resource{
height: 100%;
width: 100%;
}
</style>
<paper-material id="paper_card_container" elevation="{{elevation}}">
<div id="content">
|
|
2d8cf127
Luigi Serra
postit and google...
|
93
94
|
<iframe id="resource" src="{{resourceUrl}}&embedded=true"></iframe>
<!--<iframe id="resource" src="{{resourceUrl}}"></iframe>-->
|
|
d069de46
Luigi Serra
google card compo...
|
95
96
97
98
|
</div>
<paper-fab id="fullscreen-button" class="open" mini icon="fullscreen" on-click="_handleOpenClick"></paper-fab>
|
|
d069de46
Luigi Serra
google card compo...
|
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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
|
<paper-dialog id="fullscreen_container" entry-animation="scale-up-animation" exit-animation="fade-out-animation">
<!--with-backdrop-->
<div id="fullscreen_content"></div>
</paper-dialog>
</paper-material>
</template>
<script src="../shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
<script>
_this = null;
Polymer({
is: "google-card-controllet",
properties: {
width: {
type: Number,
observer: "_changeWidth"
},
height: {
type: Number,
observer: "_changeHeight"
},
elevation:{
type: Number,
value: 3
},
createNewType : {
type : String,
value : undefined
},
comment:{
cardType: String,
value: ""
},
resourceUrl : {
type : String,
value : undefined
}
},
ready : function(){
},
attached: function(){
$(this.$.fullscreen_container).perfectScrollbar();
},
_changeWidth: function(){
|
|
2d8cf127
Luigi Serra
postit and google...
|
157
158
159
|
//this.style.width = this.width + "px";
//this.$.paper_card_container.style.width = this.width + "px";
//this.$.content.style.width = this.width - 8 + "px";
|
|
d069de46
Luigi Serra
google card compo...
|
160
161
162
|
},
_changeHeight: function(){
|
|
2d8cf127
Luigi Serra
postit and google...
|
163
164
165
166
|
this.style.height = this.height + "vh";
//this.$.content.width = this.width - 4 + "vh";
this.$.paper_card_container.style.height = this.height + "vh";
this.$.content.style.height = this.height - 1 + "vh";
|
|
d069de46
Luigi Serra
google card compo...
|
167
168
169
170
171
172
173
174
175
176
177
178
179
180
|
$(this.$.content).perfectScrollbar();
},
_handleOpenClick: function(){
this.$.fullscreen_content.style.height = "80vh";
this.$.fullscreen_content.innerHTML = this.$.content.innerHTML;
this.$.fullscreen_container.style.display = "inline";//datalet res
this.$.fullscreen_container.open();
}
})
</script>
</dom-module>
|
