diff options
Diffstat (limited to 'tpl')
-rw-r--r-- | tpl/default/css/shaarli.css | 35 | ||||
-rw-r--r-- | tpl/default/page.header.html | 12 | ||||
-rw-r--r-- | tpl/default/pluginsadmin.html | 145 |
3 files changed, 187 insertions, 5 deletions
diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css index a1435b37..f57c0bb0 100644 --- a/tpl/default/css/shaarli.css +++ b/tpl/default/css/shaarli.css | |||
@@ -619,6 +619,10 @@ pre { | |||
619 | border-bottom: 1px solid #797979; | 619 | border-bottom: 1px solid #797979; |
620 | } | 620 | } |
621 | 621 | ||
622 | .page-form h3 { | ||
623 | text-align: center; | ||
624 | } | ||
625 | |||
622 | .page-form a { | 626 | .page-form a { |
623 | color: #b0ddce; | 627 | color: #b0ddce; |
624 | font-weight: bold; | 628 | font-weight: bold; |
@@ -640,6 +644,7 @@ pre { | |||
640 | 644 | ||
641 | .page-form textarea { | 645 | .page-form textarea { |
642 | height: 240px; | 646 | height: 240px; |
647 | padding: 15px 5px 3px 15px; | ||
643 | resize: vertical; | 648 | resize: vertical; |
644 | overflow-y: auto; | 649 | overflow-y: auto; |
645 | word-wrap:break-word | 650 | word-wrap:break-word |
@@ -652,7 +657,7 @@ pre { | |||
652 | } | 657 | } |
653 | 658 | ||
654 | .page-form input[type="submit"] { | 659 | .page-form input[type="submit"] { |
655 | margin: 10px 0; | 660 | margin: 15px 5px; |
656 | height: 35px; | 661 | height: 35px; |
657 | width: 150px; | 662 | width: 150px; |
658 | background: #1b926c; | 663 | background: #1b926c; |
@@ -712,6 +717,32 @@ pre { | |||
712 | font-size: 0.7em; | 717 | font-size: 0.7em; |
713 | } | 718 | } |
714 | 719 | ||
720 | .page-form section { | ||
721 | margin-top: 20px; | ||
722 | } | ||
723 | |||
724 | |||
725 | .page-form table { | ||
726 | margin: auto; | ||
727 | width: 90%; | ||
728 | } | ||
729 | |||
730 | .page-form table .order { | ||
731 | text-decoration: none; | ||
732 | } | ||
733 | |||
734 | .page-form table, .page-form th, .page-form td { | ||
735 | border-width: 1px 0; | ||
736 | border-style: solid; | ||
737 | border-color: #b0ddce; | ||
738 | } | ||
739 | |||
740 | .page-form th, .page-form td { | ||
741 | padding: 5px; | ||
742 | |||
743 | } | ||
744 | |||
745 | /* Awesomeplete fix */ | ||
715 | .page-form .awesomplete { | 746 | .page-form .awesomplete { |
716 | width: 80%; | 747 | width: 80%; |
717 | } | 748 | } |
@@ -875,7 +906,7 @@ pre { | |||
875 | 906 | ||
876 | .label-tag { | 907 | .label-tag { |
877 | border: 1px solid #505050; | 908 | border: 1px solid #505050; |
878 | font-size: 0.9em; | 909 | font-size: 1em; |
879 | } | 910 | } |
880 | 911 | ||
881 | .label-tag:hover { | 912 | .label-tag:hover { |
diff --git a/tpl/default/page.header.html b/tpl/default/page.header.html index 335ef686..177b32fb 100644 --- a/tpl/default/page.header.html +++ b/tpl/default/page.header.html | |||
@@ -153,11 +153,17 @@ | |||
153 | {/if} | 153 | {/if} |
154 | 154 | ||
155 | {if="!empty($plugin_errors) && isLoggedIn()"} | 155 | {if="!empty($plugin_errors) && isLoggedIn()"} |
156 | <ul class="errors"> | 156 | <div class="pure-g new-version-message pure-alert pure-alert-error pure-alert-closable"> |
157 | <div class="pure-u-2-24"></div> | ||
158 | <div class="pure-u-20-24"> | ||
157 | {loop="plugin_errors"} | 159 | {loop="plugin_errors"} |
158 | <li>{$value}</li> | 160 | <p>{$value}</p> |
159 | {/loop} | 161 | {/loop} |
160 | </ul> | 162 | </div> |
163 | <div class="pure-u-2-24"> | ||
164 | <i class="fa fa-times pure-alert-close"></i> | ||
165 | </div> | ||
166 | </div> | ||
161 | {/if} | 167 | {/if} |
162 | 168 | ||
163 | <div class="clear"></div> | 169 | <div class="clear"></div> |
diff --git a/tpl/default/pluginsadmin.html b/tpl/default/pluginsadmin.html new file mode 100644 index 00000000..189c103b --- /dev/null +++ b/tpl/default/pluginsadmin.html | |||
@@ -0,0 +1,145 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <html> | ||
3 | <head> | ||
4 | {include="includes"} | ||
5 | </head> | ||
6 | <body> | ||
7 | {include="page.header"} | ||
8 | |||
9 | <noscript> | ||
10 | <div class="pure-g new-version-message pure-alert pure-alert-warning"> | ||
11 | <div class="pure-u-2-24"></div> | ||
12 | <div class="pure-u-20-24"> | ||
13 | {'You need to enable Javascript to change plugin loading order.'|t} | ||
14 | </div> | ||
15 | </div> | ||
16 | <div class="clear"></div> | ||
17 | </noscript> | ||
18 | |||
19 | <form method="POST" action="?do=save_pluginadmin" name="pluginform" id="pluginform"> | ||
20 | <div class="pure-g"> | ||
21 | <div class="pure-u-lg-1-6 pure-u-1-8"></div> | ||
22 | <div class="pure-u-lg-2-3 pure-u-3-4 page-form page-form-complete"> | ||
23 | <h2>{'Plugin administration'|t}</h2> | ||
24 | |||
25 | <section id="enabled_plugins"> | ||
26 | <h3>{'Enabled Plugins'|t}</h3> | ||
27 | |||
28 | <div> | ||
29 | {if="count($enabledPlugins)==0"} | ||
30 | <p>{'No plugin enabled.'|t}</p> | ||
31 | {else} | ||
32 | <table id="plugin_table"> | ||
33 | <thead> | ||
34 | <tr> | ||
35 | <th class="center">{'Disable'|t}</th> | ||
36 | <th class="center">{'Order'|t}</th> | ||
37 | <th>{'Name'|t}</th> | ||
38 | <th>{'Description'|t}</th> | ||
39 | </tr> | ||
40 | </thead> | ||
41 | <tbody> | ||
42 | {loop="$enabledPlugins"} | ||
43 | <tr data-line="{$key}" data-order="{$counter}"> | ||
44 | <td class="center"><input type="checkbox" name="{$key}" id="{$key}" checked="checked"></td> | ||
45 | <td class="center"> | ||
46 | {if="count($enabledPlugins)>1"} | ||
47 | <a href="#" class="order" | ||
48 | onclick="return orderUp(this.parentNode.parentNode.getAttribute('data-order'));"> | ||
49 | ▲ | ||
50 | </a> | ||
51 | <a href="#" class="order" | ||
52 | onclick="return orderDown(this.parentNode.parentNode.getAttribute('data-order'));"> | ||
53 | ▼ | ||
54 | </a> | ||
55 | {/if} | ||
56 | <input type="hidden" name="order_{$key}" value="{$counter}"> | ||
57 | </td> | ||
58 | <td class="center"><label for="{$key}">{function="str_replace('_', ' ', $key)"}</label></td> | ||
59 | <td><label for="{$key}">{$value.description}</label></td> | ||
60 | </tr> | ||
61 | {/loop} | ||
62 | </tbody> | ||
63 | </table> | ||
64 | {/if} | ||
65 | </div> | ||
66 | </section> | ||
67 | |||
68 | <section id="disabled_plugins"> | ||
69 | <h3>{'Disabled Plugins'|t}</h3> | ||
70 | |||
71 | <div> | ||
72 | {if="count($disabledPlugins)==0"} | ||
73 | <p>{'No plugin disabled.'|t}</p> | ||
74 | {else} | ||
75 | <table> | ||
76 | <tr> | ||
77 | <th class="center">{'Enable'|t}</th> | ||
78 | <th>{'Name'|t}</th> | ||
79 | <th>{'Description'|t}</th> | ||
80 | </tr> | ||
81 | {loop="$disabledPlugins"} | ||
82 | <tr> | ||
83 | <td class="center"><input type="checkbox" name="{$key}" id="{$key}"></td> | ||
84 | <td class="center"><label for="{$key}">{function="str_replace('_', ' ', $key)"}</label></td> | ||
85 | <td><label for="{$key}">{$value.description}</label></td> | ||
86 | </tr> | ||
87 | {/loop} | ||
88 | </table> | ||
89 | {/if} | ||
90 | </div> | ||
91 | |||
92 | </section> | ||
93 | |||
94 | <div class="center"> | ||
95 | <input type="submit" value="{'Save'|t}" name="save"> | ||
96 | </div> | ||
97 | </div> | ||
98 | </div> | ||
99 | <input type="hidden" name="token" value="{$token}"> | ||
100 | </form> | ||
101 | |||
102 | <form action="?do=save_pluginadmin" method="POST"> | ||
103 | <div class="pure-g"> | ||
104 | <div class="pure-u-lg-1-6 pure-u-1-8"></div> | ||
105 | <div class="pure-u-lg-2-3 pure-u-3-4 page-form page-form-light"> | ||
106 | <h2>{'Plugin configuration'|t}</h2> | ||
107 | <section id="plugin_parameters"> | ||
108 | <div> | ||
109 | {if="count($enabledPlugins)==0"} | ||
110 | <p>{'No plugin enabled.'|t}</p> | ||
111 | {else} | ||
112 | {loop="$enabledPlugins"} | ||
113 | {if="count($value.parameters) > 0"} | ||
114 | <div class="plugin_parameters"> | ||
115 | <h3>{function="str_replace('_', ' ', $key)"}</h3> | ||
116 | {loop="$value.parameters"} | ||
117 | <div class="plugin_parameter"> | ||
118 | <div class="float_label"> | ||
119 | <label for="{$key}"> | ||
120 | <code>{$key}</code> | ||
121 | </label> | ||
122 | </div> | ||
123 | <div class="float_input"> | ||
124 | <input name="{$key}" value="{$value}" id="{$key}" type="text" /> | ||
125 | </div> | ||
126 | </div> | ||
127 | {/loop} | ||
128 | </div> | ||
129 | {/if} | ||
130 | {/loop} | ||
131 | {/if} | ||
132 | <div class="center"> | ||
133 | <input type="submit" name="parameters_form" value="{'Save'|t}"/> | ||
134 | </div> | ||
135 | </div> | ||
136 | </section> | ||
137 | </div> | ||
138 | </div> | ||
139 | </form> | ||
140 | |||
141 | {include="page.footer"} | ||
142 | <script src="inc/plugin_admin.js#"></script> | ||
143 | |||
144 | </body> | ||
145 | </html> | ||