|
@@ -116,17 +116,17 @@
|
116
|
116
|
<table>
|
117
|
117
|
<tr>
|
118
|
118
|
<td>
|
119
|
|
- <button type="button" id="prev" onclick="previous_page()">
|
|
119
|
+ <button type="button" id="pg_previous_page" onclick="previous_page()">
|
120
|
120
|
<span class="pull-left">
|
121
|
121
|
${ICON.FA_FW('fa fa-chevron-left')}
|
122
|
122
|
</span>
|
123
|
123
|
</button>
|
124
|
124
|
</td>
|
125
|
125
|
<td>
|
126
|
|
- <a id="preview_link"><img id='preview' alt="Preview"></a>
|
|
126
|
+ <div id="pg_link"><img id='preview_generator' alt="Preview"></div>
|
127
|
127
|
</td>
|
128
|
128
|
<td>
|
129
|
|
- <button type="button" id="next" onclick="next_page()">
|
|
129
|
+ <button type="button" id="pg_next_page" onclick="next_page()">
|
130
|
130
|
<span>
|
131
|
131
|
${ICON.FA_FW('fa fa-chevron-right')}
|
132
|
132
|
</span>
|
|
@@ -150,45 +150,41 @@
|
150
|
150
|
</table>
|
151
|
151
|
|
152
|
152
|
<script type="text/javascript">
|
153
|
|
- var nb_page = parseInt(${nb_page});
|
154
|
|
- console.log(nb_page);
|
155
|
|
- var page = 0;
|
156
|
|
- var urls = [];
|
157
|
|
- % for one_url in url:
|
158
|
|
- urls.push('${one_url}');
|
159
|
|
- % endfor
|
160
|
|
- console.log(urls);
|
161
|
|
- document.getElementById('preview').src = urls[page];
|
162
|
|
- refresh_button();
|
163
|
|
-
|
164
|
|
- function next_page(){
|
165
|
|
- page = page+1;
|
166
|
|
- console.log('page next');
|
167
|
|
- console.log(urls[page]);
|
168
|
|
- document.getElementById('preview').src = urls[page];
|
169
|
|
- refresh_button();
|
|
153
|
+ var nb_page = parseInt(${nb_page})
|
|
154
|
+ var page = 0
|
|
155
|
+ var urls = [
|
|
156
|
+ % for one_url in url:
|
|
157
|
+ '${one_url}',
|
|
158
|
+ % endfor
|
|
159
|
+ ]
|
|
160
|
+
|
|
161
|
+ document.getElementById('preview_generator').src = urls[page]
|
|
162
|
+ refresh_button()
|
|
163
|
+
|
|
164
|
+ function next_page () {
|
|
165
|
+ page = page + 1
|
|
166
|
+ document.getElementById('preview_generator').src = urls[page]
|
|
167
|
+ refresh_button()
|
170
|
168
|
}
|
171
|
169
|
|
172
|
|
- function previous_page(){
|
173
|
|
- page = page-1;
|
174
|
|
- console.log('page previous');
|
175
|
|
- console.log(urls[page]);
|
176
|
|
- document.getElementById('preview').src = urls[page];
|
177
|
|
- refresh_button();
|
|
170
|
+ function previous_page () {
|
|
171
|
+ page = page - 1
|
|
172
|
+ document.getElementById('preview_generator').src = urls[page]
|
|
173
|
+ refresh_button()
|
178
|
174
|
}
|
179
|
175
|
|
180
|
|
- function refresh_button(){
|
181
|
|
- console.log(page);
|
182
|
|
- document.getElementById('prev').disabled = false;
|
183
|
|
- document.getElementById('next').disabled = false;
|
184
|
|
- document.getElementById('dl_one_pdf').href = "/previews/${result.file.id}/pages/" + page + "/download_pdf_one?revision_id=${result.file.selected_revision}";
|
185
|
|
- document.getElementById('dl_full_pdf').href = "/previews/${result.file.id}/pages/" + page + "/download_pdf_full?revision_id=${result.file.selected_revision}";
|
186
|
|
- document.getElementById('preview_link').href = "/previews/${result.file.id}/pages/" + page + "/high_quality?revision_id=${result.file.selected_revision}";
|
187
|
|
- if(page >= nb_page-1){
|
188
|
|
- document.getElementById('next').disabled = true;
|
|
176
|
+ function refresh_button () {
|
|
177
|
+ document.getElementById('pg_previous_page').disabled = false
|
|
178
|
+ document.getElementById('pg_next_page').disabled = false
|
|
179
|
+ document.getElementById('dl_one_pdf').href = '/previews/${result.file.id}/pages/' + page + '/download_pdf_one?revision_id=${result.file.selected_revision}'
|
|
180
|
+ document.getElementById('dl_full_pdf').href = '/previews/${result.file.id}/pages/' + page + '/download_pdf_full?revision_id=${result.file.selected_revision}'
|
|
181
|
+ document.getElementById('pg_link').href = '/previews/${result.file.id}/pages/' + page + '/high_quality?revision_id=${result.file.selected_revision}'
|
|
182
|
+
|
|
183
|
+ if (page >= nb_page - 1) {
|
|
184
|
+ document.getElementById('pg_next_page').disabled = true
|
189
|
185
|
}
|
190
|
|
- if(page <= 0){
|
191
|
|
- document.getElementById('prev').disabled = true;
|
|
186
|
+ if (page <= 0) {
|
|
187
|
+ document.getElementById('pg_previous_page').disabled = true
|
192
|
188
|
}
|
193
|
189
|
}
|
194
|
190
|
</script>
|