aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl
diff options
context:
space:
mode:
authorArthurHoaro <arthur@hoa.ro>2016-10-14 14:22:54 +0200
committerArthurHoaro <arthur@hoa.ro>2016-10-14 14:22:54 +0200
commitbe0404d884c69f28d83d4d5c07e6c50fdd286635 (patch)
treed1e4dc65bd4c9e1b95ac831cceafc22411e915c3 /tpl
parent9d2fc4fa133dc78b862b3ca15f3971be11548f1d (diff)
downloadShaarli-be0404d884c69f28d83d4d5c07e6c50fdd286635.tar.gz
Shaarli-be0404d884c69f28d83d4d5c07e6c50fdd286635.tar.zst
Shaarli-be0404d884c69f28d83d4d5c07e6c50fdd286635.zip
Responsive plugin administration page
Diffstat (limited to 'tpl')
-rw-r--r--tpl/default/css/shaarli.css17
-rw-r--r--tpl/default/pluginsadmin.html110
2 files changed, 89 insertions, 38 deletions
diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css
index f57c0bb0..0719ccf7 100644
--- a/tpl/default/css/shaarli.css
+++ b/tpl/default/css/shaarli.css
@@ -948,4 +948,21 @@ pre {
948 */ 948 */
949.tools-item { 949.tools-item {
950 margin: 10px 0; 950 margin: 10px 0;
951}
952
953/**
954 * PLUGIN ADMIN
955 */
956#pluginform .mobile-row {
957 font-size: 0.9em;
958}
959
960@media screen and (max-width: 64em) {
961 #pluginform .main-row, #pluginform .main-row td {
962 border-bottom-style: none;
963 }
964
965 #pluginform .mobile-row, #pluginform .mobile-row td {
966 border-top-style: none;
967 }
951} \ No newline at end of file 968} \ No newline at end of file
diff --git a/tpl/default/pluginsadmin.html b/tpl/default/pluginsadmin.html
index 189c103b..ec0728bd 100644
--- a/tpl/default/pluginsadmin.html
+++ b/tpl/default/pluginsadmin.html
@@ -31,35 +31,48 @@
31 {else} 31 {else}
32 <table id="plugin_table"> 32 <table id="plugin_table">
33 <thead> 33 <thead>
34 <tr> 34 <tr>
35 <th class="center">{'Disable'|t}</th> 35 <th class="center">{'Disable'|t}</th>
36 <th class="center">{'Order'|t}</th> 36 <th>{'Name'|t}</th>
37 <th>{'Name'|t}</th> 37 <th><div class="pure-u-0 pure-u-lg-visible">{'Description'|t}</div></th>
38 <th>{'Description'|t}</th> 38 <th class="center">{'Order'|t}</th>
39 </tr> 39 </tr>
40 </thead> 40 </thead>
41 <tbody> 41 <tbody>
42 {loop="$enabledPlugins"} 42 {loop="$enabledPlugins"}
43 <tr data-line="{$key}" data-order="{$counter}"> 43 <tr data-line="{$key}" data-order="{$counter}" class="main-row">
44 <td class="center"><input type="checkbox" name="{$key}" id="{$key}" checked="checked"></td> 44 <td class="center"><input type="checkbox" name="{$key}" id="{$key}" checked="checked"></td>
45 <td class="center"> 45 <td class="center">
46 {if="count($enabledPlugins)>1"} 46 <label for="{$key}"><strong>{function="str_replace('_', ' ', $key)"}</strong></label>
47 <a href="#" class="order" 47 </td>
48 onclick="return orderUp(this.parentNode.parentNode.getAttribute('data-order'));"> 48 <td><div class="pure-u-0 pure-u-lg-visible"><label for="{$key}">{$value.description}</label></div></td>
49 49 <td class="center">
50 </a> 50 {if="count($enabledPlugins)>1"}
51 <a href="#" class="order" 51 <a href="#" class="order"
52 onclick="return orderDown(this.parentNode.parentNode.getAttribute('data-order'));"> 52 onclick="return orderUp(this.parentNode.parentNode.getAttribute('data-order'));">
53 53
54 </a> 54 </a>
55 {/if} 55 <a href="#" class="order"
56 <input type="hidden" name="order_{$key}" value="{$counter}"> 56 onclick="return orderDown(this.parentNode.parentNode.getAttribute('data-order'));">
57 </td> 57
58 <td class="center"><label for="{$key}">{function="str_replace('_', ' ', $key)"}</label></td> 58 </a>
59 <td><label for="{$key}">{$value.description}</label></td> 59 {/if}
60 </tr> 60 <input type="hidden" name="order_{$key}" value="{$counter}">
61 {/loop} 61 </td>
62 </tr>
63 <tr class="pure-u-lg-0 mobile-row">
64 <td colspan="4"><label for="{$key}">{$value.description}</label></td>
65 </tr>
66 {/loop}
62 </tbody> 67 </tbody>
68 <tfoot>
69 <tr>
70 <th class="center">{'Disable'|t}</th>
71 <th>{'Name'|t}</th>
72 <th><div class="pure-u-0 pure-u-lg-visible">{'Description'|t}</div></th>
73 <th class="center">{'Order'|t}</th>
74 </tr>
75 </tfoot>
63 </table> 76 </table>
64 {/if} 77 {/if}
65 </div> 78 </div>
@@ -73,18 +86,36 @@
73 <p>{'No plugin disabled.'|t}</p> 86 <p>{'No plugin disabled.'|t}</p>
74 {else} 87 {else}
75 <table> 88 <table>
76 <tr> 89 <thead>
77 <th class="center">{'Enable'|t}</th> 90 <tr>
78 <th>{'Name'|t}</th> 91 <th class="center">{'Enable'|t}</th>
79 <th>{'Description'|t}</th> 92 <th>{'Name'|t}</th>
80 </tr> 93 <th><div class="pure-u-0 pure-u-lg-visible">{'Description'|t}</div></th>
81 {loop="$disabledPlugins"} 94 </tr>
82 <tr> 95 </thead>
83 <td class="center"><input type="checkbox" name="{$key}" id="{$key}"></td> 96 <tbody>
84 <td class="center"><label for="{$key}">{function="str_replace('_', ' ', $key)"}</label></td> 97 {loop="$disabledPlugins"}
85 <td><label for="{$key}">{$value.description}</label></td> 98 <tr class="main-row">
86 </tr> 99 <td class="center"><input type="checkbox" name="{$key}" id="{$key}"></td>
87 {/loop} 100 <td class="center">
101 <label for="{$key}"><strong>{function="str_replace('_', ' ', $key)"}</strong></label>
102 </td>
103 <td><div class="pure-u-0 pure-u-lg-visible">
104 <label for="{$key}">{$value.description}</label>
105 </div></td>
106 </tr>
107 <tr class="pure-u-lg-0 mobile-row">
108 <td colspan="3"><label for="{$key}">{$value.description}</label></td>
109 </tr>
110 {/loop}
111 </tbody>
112 <tfoot>
113 <tr>
114 <th class="center">{'Enable'|t}</th>
115 <th>{'Name'|t}</th>
116 <th><div class="pure-u-0 pure-u-lg-visible">{'Description'|t}</div></th>
117 </tr>
118 </tfoot>
88 </table> 119 </table>
89 {/if} 120 {/if}
90 </div> 121 </div>
@@ -118,6 +149,9 @@
118 <div class="float_label"> 149 <div class="float_label">
119 <label for="{$key}"> 150 <label for="{$key}">
120 <code>{$key}</code> 151 <code>{$key}</code>
152 {if="isset($value.desc)"}
153 {$value.desc}
154 {/if}
121 </label> 155 </label>
122 </div> 156 </div>
123 <div class="float_input"> 157 <div class="float_input">