diff options
-rw-r--r-- | tpl/default/css/shaarli.css | 17 | ||||
-rw-r--r-- | tpl/default/pluginsadmin.html | 110 |
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"> |