source: extensions/meta_og/admin.tpl

Last change on this file was 33048, checked in by ddtddt, 4 months ago

[meta_og] delete slider round
File size: 12.0 KB
Line 
1{combine_script id='LocalStorageCache' load='footer' path='admin/themes/default/js/LocalStorageCache.js'}
2{combine_script id='jquery.selectize' load='footer' path='themes/default/js/plugins/selectize.min.js'}
3{combine_css id='jquery.selectize' path="themes/default/js/plugins/selectize.{$themeconf.colorscheme}.css"}
4{footer_script}
5jQuery(function($){
6
7if($('#metaogimagesaveid').children("option:selected").val()=="-20"){
8 $('#mognp').show();
9}
10
11$('#metaogimagesaveid').change(function(event){
12 var idphoto=$(this).children("option:selected").val();
13 $('#metaogimagesave2id').val(idphoto);
14 if($('#metaogimagesaveid').children("option:selected").val()=="-10" || $('#metaogimagesaveid').children("option:selected").val()=="-20"){
15   $('#mognp').show();
16   $('#metaogimagescr').attr("src",'');
17   $('#metaogimagescr').hide();
18  }else{
19  var urliog=$('#metaogimagesaveid').children("option:selected").data('url');
20   $('#metaogimagescr').attr("src",urliog);
21   $('#metaogimagescr').show();
22   $('#mognp').hide();
23  }
24  $('#mognpe').hide();
25  $('#metaogimagesaveid').css('border', 'solid 1px #999');
26  $('#metaogimagesave2id').css('border', 'solid 1px #999');
27  $('#submetaogsave').show();
28});
29
30$('#metaogimagesave2id').change(function(){
31 var idphoto2=$(this).val();
32 $('#metaogimagesaveid').val(idphoto2);
33 
34 if($('#metaogimagesaveid').children("option:selected").val()==idphoto2){
35  $('#metaogimagesaveid').css('border', 'solid 1px #999');
36  $('#metaogimagesave2id').css('border', 'solid 1px #999');
37  $('#mognpe').hide();
38  $('#submetaogsave').show();
39  if($('#metaogimagesaveid').children("option:selected").val()=="-10" || $('#metaogimagesaveid').children("option:selected").val()=="-20"){
40   $('#mognp').show();
41   $('#metaogimagescr').attr("src",'');
42   $('#metaogimagescr').hide();
43  }else{
44  var urliog=$('#metaogimagesaveid').children("option:selected").data('url');
45   $('#metaogimagescr').attr("src",urliog);
46   $('#metaogimagescr').show();
47   $('#mognp').hide();
48  }
49 }else{
50  $('#metaogimagesaveid').css('border', 'solid 2px red');
51  $('#metaogimagesave2id').css('border', 'solid 2px red');
52  $('#mognpe').show();
53  $('#mognp').hide();
54  $('#metaogimagescr').attr("src",'');
55  $('#metaogimagescr').hide();
56  $('#submetaogsave').hide();
57 }
58});
59
60});
61{/footer_script}
62
63<div class="titrePage">
64  <h2>{'Manage tags metadata Open Graph'|@translate}</h2>
65</div>
66{if isset ($metagestion)}
67                  <h3>{'Add Open Graph metadata on Piwigo page'|@translate}</h3>
68        <div>
69                <form method="post" >
70                        <fieldset>
71                                <legend>{'Select page'|@translate}</legend>
72                                        {'Pages list'|@translate}
73                                        {if isset ($metaog_edit)}
74                                          {html_options name="metaoglist" values=$metaogpagelist output=$metaogpagelistT selected=$metaog_edit.VALUE}
75                                        {else}
76                                           {html_options name="metaoglist" values=$metaogpagelist output=$metaogpagelistT }
77                                        {/if}
78                                <br>   
79                                <br>
80                                <div style="text-align:center;">
81                                        <input class="submit" name="submetaogchp" type="submit" value="{'edit Open Graph metadata'|@translate}" />
82                                </div>
83                        </fieldset>
84                </form>
85        </div>
86        {if isset ($metaog_edit)}
87        <div>
88                <form method="post" >
89                        <fieldset>
90                                <legend>{'Metadata Open Graph - Plugin meta og'|@translate}</legend>
91                                        {'Metadata Open Graph title'|@translate}
92                                <br>
93                                        <input type="hidden" name="metaogid" value="{$metaog_edit.id}">
94                                        <input type="hidden" name="metaogpage" value="{$metaog_edit.VALUE}">
95                                        <input type="text" name="metaogtitlesave" value="{$metaog_edit.metaogtitle}" size="100" maxlenght="100">
96                                <br>   
97                                <br>
98                                        {'Metadata Open Graph description'|@translate}
99                                <br>
100                                        <textarea rows="2" cols="60" name="metaogdescriptionsave" id="metaogdescriptionsave" class="metaogdescriptionsave">{$metaog_edit.metaogdescription}</textarea></span>
101                                <br>   
102                                <br>
103                                        {'Metadata Open Graph link image'|@translate}
104                                <br>
105                                  <input id="metaogimagesave2id" type="number" name="metaogimagesave2" value="{$metaog_edit.metaogimage}"> {'or'|@translate}
106                                  <select id="metaogimagesaveid" name="metaogimagesave">
107                                        <option value="-20">-----</option>
108                                        <option value="-10">{'no photo'|@translate}</option>
109                                          {foreach from=$info_photos item=infophoto}
110                                                <option data-url="{$infophoto.PHOTOURL}" value="{$infophoto.PHOTOID}" {$infophoto.PHOTOSELECT}>{$infophoto.PHOTOINFO}</option>
111                                          {/foreach}
112                                        </select>
113                                <br>   
114                                <br>
115                                <span style="display:none;" id="mognp">{'don\'t use photo for this page'|@translate}</span>
116                                <span style="display:none;" id="mognpe">{'This ID isn\'t used in your gallery'|@translate}</span>
117                                        <img id="metaogimagescr" src="{$metaog_edit.metaogpath}"<br>
118                                <br>   
119                                <br>
120                                        <div style="text-align:center;">
121                                        <input class="submit" id="submetaogsave" name="submetaogsave" type="submit" value="{'save Open Graph metadata in the database'|@translate}"/>
122                                        </div>
123                        </fieldset>
124                </form>
125        </div>
126        {/if}
127{/if}
128
129{if isset ($metaogconfig)}
130{footer_script}
131jQuery(function($){
132{* <!-- CATEGORIES --> *}
133var categoriesCache=new CategoriesCache({
134  serverKey:'{$CACHE_KEYS.categories}',
135  serverId:'{$CACHE_KEYS._hash}',
136  rootUrl:'{$ROOT_URL}'
137});
138
139categoriesCache.selectize(jQuery('[data-selectize=categories]'));
140});
141{/footer_script}
142  <form method="post" >
143    <fieldset id="mainConf">
144          <strong>{'Customize meta Open Graph image'|@translate}</strong>
145      <div style="margin: 0 0 0 20px" class="mogradio">
146        <input type="checkbox" name="mogshowpai"{if $metaogconfig.MOGSPAI} checked="checked"{/if}>
147        <span class="tiptip" title="{'By default the photo'|@translate}"}>{'photos pages'|@translate}</span>
148                <br>
149                <input type="checkbox" name="mogshowpaa"{if $metaogconfig.MOGSPAA} checked="checked"{/if}>
150                <span class="tiptip" title="{'By default, the album representative'|@translate}">{'albums pages'|@translate}</span>
151          </div>
152          <br>
153          <strong>{'albums for list choose photos for Open Graph image'|@translate}</strong>
154      <br>
155      <select data-selectize="categories" data-value="{$metaogconfig.choose_albums|@json_encode|escape:html}"
156        placeholder="{'Type in a search term'|translate}"
157        name="moglistea[]" multiple style="width:600px;"></select>
158          <br>
159          {'Size for Open Graph metadata'|@translate}&nbsp;:<br>
160          {html_options name="metaogconfigsize" values=$metaogsizelist output=$metaogsizelistT selected=$metaogconfig.MOGsize}
161          <br> 
162          <br>
163          {'Default language for local Open Graph'|@translate}&nbsp;:<br>
164          <select name="metaogconfiglo">
165                <option value="b">{'no delault language'|@translate}</option>
166                                          {foreach from=$info_lang item=infolang}
167                                                <option value="{$infolang.OGLID}" {$infolang.LANGSELECT}>{$infolang.OGLNAME}</option>
168                                          {/foreach}
169          </select>
170          <br>
171          <br>
172          {'Site name for Open Graph'|@translate}&nbsp;:<br>
173          <textarea rows="2" cols="60" name="metaogconfigsname" id="metaogconfigsname" class="metaogconfigsname">{$metaogconfig.MOGSN}</textarea>
174          <br>
175          <br>
176          {'Face Book:app_id'|@translate}&nbsp;:<br>
177          <input type="text" name="metaogconfigfb" value="{$metaogconfig.MOGFB}" size="110" maxlenght="110">
178          <br>
179          <br>
180          twitter:card : {'The card type, which will be one of summary or summary_large_image.'|@translate}<br>
181          {html_options name="metaogconfigtwca" values=$metaogtwcalist output=$metaogtwcalistT selected=$metaogconfig.MOGTCA}
182          <br> 
183          <br>
184          twitter:site : {'@username for the website used in the card footer'|@translate}<br>
185          <input type="text" name="metaogconfitws" value="{$metaogconfig.MOGTS}" size="110" maxlenght="110">
186          <br>
187          <br>
188          twitter:creator: {'@username for the content creator / author.'|@translate}<br>
189          <input type="text" name="metaogconfitwcr" value="{$metaogconfig.MOGTCR}" size="110" maxlenght="110">
190          <br>           
191          <br>
192          <p>
193                <input class="submit" type="submit" name="submitogconfig" value="{'Submit'|@translate}">
194                <input class="submit" type="reset" name="reset" value="{'Reset'|@translate}">
195          </p>
196  </form>
197{/if}
198{if isset ($metaoggestalbum)}
199<div>
200    <form method="post" >
201        <fieldset>
202        <legend><span class="icon-globe icon-blue"></span>{'Manage tags metadata Open Graph'|@translate}</legend>
203{footer_script}
204jQuery(function($) {
205
206if($('#metaogimagesaveAid').children("option:selected").val()=="-20"){
207 $('#mognp').show();
208}
209
210$('#metaogimagesaveAid').change(function(event){
211 var idphoto=$(this).children("option:selected").val();
212 var realbum=$('#metaogimagesaveA2id').data('realbum');
213 $('#metaogimagesaveA2id').val(idphoto);
214 if($('#metaogimagesaveAid').children("option:selected").val()=="-10" || $('#metaogimagesaveAid').children("option:selected").val()=="-20" || idphoto==realbum){
215   $('#mognp').show();
216   $('#metaogimagescrA').attr("src",'');
217   $('#metaogimagescrA').hide();
218  }else{
219  var urliog=$('#metaogimagesaveAid').children("option:selected").data('url');
220   $('#metaogimagescrA').attr("src",urliog);
221   $('#mognp').hide();
222   $('#metaogimagescrA').show();
223  }
224  $('#mognpe').hide();
225  $('#metaogimagesaveAid').css('border', 'solid 1px #999');
226  $('#metaogimagesaveA2id').css('border', 'solid 1px #999');
227  $('input[name=submit]').show();
228});
229
230$('#metaogimagesaveA2id').change(function(){
231 var idphoto2=$(this).val();
232 var realbum=$('#metaogimagesaveA2id').data('realbum');
233 $('#metaogimagesaveAid').val(idphoto2);
234 
235 if($('#metaogimagesaveAid').children("option:selected").val()==idphoto2){
236  $('#metaogimagesaveAid').css('border', 'solid 1px #999');
237  $('#metaogimagesaveA2id').css('border', 'solid 1px #999');
238  $('#mognpe').hide();
239  $('input[name=submit]').show();
240  if($('#metaogimagesaveAid').children("option:selected").val()=="-10" || $('#metaogimagesaveAid').children("option:selected").val()=="-20"|| idphoto2==realbum){
241   $('#mognp').show();
242   $('#metaogimagescrA').attr("src",'');
243   $('#metaogimagescrA').hide();
244  }else{
245  var urliog=$('#metaogimagesaveAid').children("option:selected").data('url');
246   $('#metaogimagescrA').attr("src",urliog);
247   $('#mognp').hide();
248   $('#metaogimagescrA').show();
249  }
250 }else{
251  $('#metaogimagesaveAid').css('border', 'solid 2px red');
252  $('#metaogimagesaveA2id').css('border', 'solid 2px red');
253  $('#mognpe').show();
254  $('#mognp').hide();
255  $('#metaogimagescrA').attr("src",'');
256  $('input[name=submit]').hide();
257  $('#metaogimagescrA').hide();
258 }
259});
260
261});
262{/footer_script}
263
264
265<p>
266          <span style="margin: 0 0 0 20px">{'Metadata Open Graph title'|@translate}</span>
267        <br>
268          <input type="hidden" name="metaogidA" value="{$metaog_editA.metaogidid}">
269          <input type="hidden" name="metaogidobjA" value="{$metaog_editA.metaogidobj}">
270          <span style="margin: 0 0 0 20px"><input type="text" name="metaogtitlesaveA" value="{$metaog_editA.metaogtitle}" size="100" maxlenght="100"></span>
271        <br>   
272        <br>
273          <span style="margin: 0 0 0 20px">{'Metadata Open Graph description'|@translate}</span>
274        <br>
275          <span style="margin: 0 0 0 20px"><textarea rows="2" cols="60" name="metaogdescriptionsaveA" id="metaogdescriptionsaveA" class="metaogdescriptionsaveA">{$metaog_editA.metaogdescription}</textarea></span>
276        <br>   
277        <br>
278  {if ($SHOWMOGI==1)}   
279          <span style="margin: 0 0 0 20px">{'Metadata Open Graph link image'|@translate}</span>
280        <br>
281          <span style="margin: 0 0 0 20px">
282          <input data-realbum="{$metaog_editA.metaogrealbum}" id="metaogimagesaveA2id" type="number" name="metaogimagescrA2" value="{$metaog_editA.metaogimage}"> {'or'|@translate}
283          <select id="metaogimagesaveAid" name="metaogimagesaveA">
284                <option value="-20">-----</option>
285                <option value="-10">{'use representative photo for this album'|@translate}</option>
286            {foreach from=$info_photos item=infophoto}
287                  <option data-url="{$infophoto.PHOTOURL}" value="{$infophoto.PHOTOID}" {$infophoto.PHOTOSELECT}>{$infophoto.PHOTOINFO}</option>
288                {/foreach}
289          </select>
290          </span>
291        <br>
292      <span style="margin: 0 0 0 20px"><span style="display:none;" id="mognp">{'use representative photo for this album'|@translate}</span></span>
293          <span style="margin: 0 0 0 20px"><span style="display:none;" id="mognpe">{'This ID isn\'t used in your gallery'|@translate}</span></span>
294        <br>
295          <img id="metaogimagescrA" src="{$metaog_editA.metaogpath}"><br>
296        <br>
297  {/if}
298</p>
299<p style="margin:0">';
300        <p class="formButtons">
301                <input type="submit" name="submitmetaogalbum" value="{'Save Settings'|@translate}">
302        </p>   
303        </fieldset>
304    </form>
305</div>
306{/if}
Note: See TracBrowser for help on using the repository browser.