aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl
diff options
context:
space:
mode:
authorArthurHoaro <arthur@hoa.ro>2018-06-08 12:50:49 +0200
committerArthurHoaro <arthur@hoa.ro>2018-07-05 20:34:22 +0200
commit28f26524609338316cc6e51c743058e6e8c7b12b (patch)
treee03f1e5dde3779a47a682cf1461151fbd687e4bb /tpl
parent787faa42f3a2bcbf83a7853f23f3667a6febf9da (diff)
downloadShaarli-28f26524609338316cc6e51c743058e6e8c7b12b.tar.gz
Shaarli-28f26524609338316cc6e51c743058e6e8c7b12b.tar.zst
Shaarli-28f26524609338316cc6e51c743058e6e8c7b12b.zip
Add a page to update all thumbnails through AJAX requests in both templates
Diffstat (limited to 'tpl')
-rw-r--r--tpl/default/configure.html8
-rw-r--r--tpl/default/page.header.html14
-rw-r--r--tpl/default/thumbnails.html48
-rw-r--r--tpl/vintage/configure.html10
-rw-r--r--tpl/vintage/thumbnails.html28
5 files changed, 99 insertions, 9 deletions
diff --git a/tpl/default/configure.html b/tpl/default/configure.html
index 5695ae8e..dca9503b 100644
--- a/tpl/default/configure.html
+++ b/tpl/default/configure.html
@@ -248,12 +248,10 @@
248 <label for="enableThumbnails"> 248 <label for="enableThumbnails">
249 <span class="label-name">{'Enable thumbnails'|t}</span><br> 249 <span class="label-name">{'Enable thumbnails'|t}</span><br>
250 <span class="label-desc"> 250 <span class="label-desc">
251 {'Warning: '|t} 251 {if="! $gd_enabled"}
252 {if="$gd_enabled"}
253 {'It\'s recommended to visit the picture wall after enabling this feature.'|t}
254 {'If you have a large database, the first retrieval may take a few minutes.'|t}
255 {else}
256 {'You need to enable the extension <code>php-gd</code> to use thumbnails.'|t} 252 {'You need to enable the extension <code>php-gd</code> to use thumbnails.'|t}
253 {elseif="$thumbnails_enabled"}
254 <a href="?do=thumbs_update">{'Synchonize thumbnails'|t}</a>
257 {/if} 255 {/if}
258 </span> 256 </span>
259 </label> 257 </label>
diff --git a/tpl/default/page.header.html b/tpl/default/page.header.html
index 840e4352..fc03404e 100644
--- a/tpl/default/page.header.html
+++ b/tpl/default/page.header.html
@@ -171,4 +171,18 @@
171 </div> 171 </div>
172{/if} 172{/if}
173 173
174{if="!empty($global_warnings) && $is_logged_in"}
175 <div class="pure-g pure-alert pure-alert-warning pure-alert-closable" id="shaarli-warnings-alert">
176 <div class="pure-u-2-24"></div>
177 <div class="pure-u-20-24">
178 {loop="global_warnings"}
179 <p>{$value}</p>
180 {/loop}
181 </div>
182 <div class="pure-u-2-24">
183 <i class="fa fa-times pure-alert-close"></i>
184 </div>
185 </div>
186{/if}
187
174 <div class="clear"></div> 188 <div class="clear"></div>
diff --git a/tpl/default/thumbnails.html b/tpl/default/thumbnails.html
new file mode 100644
index 00000000..a8cf904e
--- /dev/null
+++ b/tpl/default/thumbnails.html
@@ -0,0 +1,48 @@
1<!DOCTYPE html>
2<html>
3<head>
4 {include="includes"}
5</head>
6<body>
7{include="page.header"}
8
9<div class="pure-g thumbnails-page-container">
10 <div class="pure-u-lg-1-3 pure-u-1-24"></div>
11 <div class="pure-u-lg-1-3 pure-u-22-24 page-form page-form-light">
12 <h2 class="window-title">{'Thumbnails update'|t}</h2>
13
14 <div class="pure-g">
15 <div class="pure-u-lg-1-3 pure-u-1-24"></div>
16 <div class="pure-u-lg-1-3 pure-u-22-24">
17 <div class="thumbnail-placeholder" style="width: {$thumbnails_width}px; height: {$thumbnails_height}px;"></div>
18 </div>
19 </div>
20
21 <div class="pure-g">
22 <div class="pure-u-1-12"></div>
23 <div class="pure-u-5-6">
24 <div class="thumbnail-link-title"></div>
25
26 <div class="progressbar">
27 <div></div>
28 </div>
29 </div>
30 </div>
31
32 <div class="pure-g">
33 <div class="pure-u-lg-1-3 pure-u-1-24"></div>
34 <div class="pure-u-lg-1-3 pure-u-22-24">
35 <div class="progress-counter">
36 <span class="progress-current">0</span> / <span class="progress-total">{$ids|count}</span>
37 </div>
38 </div>
39 </div>
40
41 <input type="hidden" name="ids" value="{function="implode($ids, ',')"}" />
42 </div>
43</div>
44
45{include="page.footer"}
46<script src="js/thumbnails_update.min.js?v={$version_hash}"></script>
47</body>
48</html>
diff --git a/tpl/vintage/configure.html b/tpl/vintage/configure.html
index e47c71ad..fc3a563b 100644
--- a/tpl/vintage/configure.html
+++ b/tpl/vintage/configure.html
@@ -132,11 +132,13 @@
132 <td valign="top"><b>Enable thumbnails</b></td> 132 <td valign="top"><b>Enable thumbnails</b></td>
133 <td> 133 <td>
134 <input type="checkbox" name="enableThumbnails" id="enableThumbnails" 134 <input type="checkbox" name="enableThumbnails" id="enableThumbnails"
135 {if="$thumbnails_enabled"}checked{/if}/> 135 {if="$thumbnails_enabled"}checked{/if} {if="!$gd_enabled"}disabled{/if}>
136 <label for="enableThumbnails"> 136 <label for="enableThumbnails">
137 &nbsp;<strong>Warning:</strong> 137 {if="! $gd_enabled"}
138 If you have a large database, the first retrieval may take a few minutes. 138 {'You need to enable the extension <code>php-gd</code> to use thumbnails.'|t}
139 It's recommended to visit the picture wall after enabling this feature 139 {elseif="$thumbnails_enabled"}
140 <a href="?do=thumbs_update">{'Synchonize thumbnails'|t}</a>
141 {/if}
140 </label> 142 </label>
141 </td> 143 </td>
142 </tr> 144 </tr>
diff --git a/tpl/vintage/thumbnails.html b/tpl/vintage/thumbnails.html
new file mode 100644
index 00000000..79aebf8d
--- /dev/null
+++ b/tpl/vintage/thumbnails.html
@@ -0,0 +1,28 @@
1<!DOCTYPE html>
2<html>
3<head>{include="includes"}</head>
4<body>
5<div id="pageheader">
6{include="page.header"}
7</div>
8
9<div class="center thumbnails-update-container">
10 <div class="thumbnail-placeholder" style="width: {$thumbnails_width}px; height: {$thumbnails_height}px;"></div>
11
12 <div class="thumbnail-link-title"></div>
13
14 <div class="progressbar">
15 <div></div>
16 </div>
17
18 <div class="progress-counter">
19 <span class="progress-current">0</span> / <span class="progress-total">{$ids|count}</span>
20 </div>
21</div>
22
23<input type="hidden" name="ids" value="{function="implode($ids, ',')"}" />
24
25{include="page.footer"}
26<script src="js/thumbnails_update.min.js?v={$version_hash}"></script>
27</body>
28</html>