1 | {combine_css path=$GVIDEO_PATH|cat:'admin/template/style.css'} |
---|
2 | {include file='include/colorbox.inc.tpl'} |
---|
3 | {include file='include/add_album.inc.tpl'} |
---|
4 | |
---|
5 | {footer_script} |
---|
6 | jQuery("input[data-toggle]").change(function() { |
---|
7 | $('#'+ $(this).data('toggle')).toggle(); |
---|
8 | }); |
---|
9 | jQuery(".showInfo").tipTip({ |
---|
10 | delay: 0, |
---|
11 | fadeIn: 200, |
---|
12 | fadeOut: 200, |
---|
13 | maxWidth: '300px', |
---|
14 | defaultPosition: 'right' |
---|
15 | }); |
---|
16 | jQuery(".showProvidersInfo").click(function() { |
---|
17 | $(".providersInfo").toggle(); |
---|
18 | }); |
---|
19 | jQuery(".radio input").on('change', function() { |
---|
20 | if (jQuery(this).is(':checked')) { |
---|
21 | var mode = jQuery(this).val(); |
---|
22 | |
---|
23 | jQuery('.'+mode+'-hide').hide(); |
---|
24 | jQuery('.'+mode+'-show').show(); |
---|
25 | } |
---|
26 | }).trigger('change'); |
---|
27 | {/footer_script} |
---|
28 | |
---|
29 | |
---|
30 | <div class="titrePage"> |
---|
31 | <h2>Embedded Videos</h2> |
---|
32 | </div> |
---|
33 | |
---|
34 | <form method="post" action="" class="properties" enctype="multipart/form-data"> |
---|
35 | <div class="radio"> |
---|
36 | <input type="radio" name="mode" value="provider" id="mode_provider" {if $POST.mode!="embed"}checked{/if}><label for="mode_provider">{'Add video from hosting platform'|translate}</label><!-- |
---|
37 | --><input type="radio" name="mode" value="embed" id="mode_embed" {if $POST.mode=="embed"}checked{/if}><label for="mode_embed">{'Add video from embed code'|translate}</label> |
---|
38 | </div> |
---|
39 | |
---|
40 | <div class="warnings custom-warn embed-show provider-hide"> |
---|
41 | <ul><li>{'Do not use this form for videos provided by Youtube, Dailymotion, Vimeo, Wat or Wideo.'|translate}</li></ul> |
---|
42 | </div> |
---|
43 | |
---|
44 | <fieldset> |
---|
45 | <legend>{'Properties'|translate}</legend> |
---|
46 | |
---|
47 | <ul> |
---|
48 | <li> |
---|
49 | <label> |
---|
50 | <span class="property">{'Album'|translate}</span> |
---|
51 | <select style="width:400px" name="category" id="albumSelect" size="1"> |
---|
52 | {html_options options=$category_parent_options selected=$POST.category} |
---|
53 | </select> |
---|
54 | </label> |
---|
55 | {'... or '|translate}<a href="#" class="addAlbumOpen" title="{'create a new album'|translate}">{'create a new album'|translate}</a> |
---|
56 | </li> |
---|
57 | <li class="embed-show provider-hide"> |
---|
58 | <label> |
---|
59 | <span class="property">{'Title'|translate}</span> |
---|
60 | <input type="text"name="title" value="{$POST.title}" style="width:400px;"> |
---|
61 | </label> |
---|
62 | </li> |
---|
63 | <li> |
---|
64 | <label> |
---|
65 | <span class="property">{'Video URL'|translate} <small class="embed-show provider-hide">({'optional'|translate})</small></span> |
---|
66 | <input type="text" name="url" value="{$POST.url}" style="width:400px;"> |
---|
67 | </label> |
---|
68 | </li> |
---|
69 | <li class="embed-show provider-hide"> |
---|
70 | <label> |
---|
71 | <span class="property">{'Embed code'|translate}</span> |
---|
72 | <textarea name="embed_code" style="width:400px;height:80px;">{$POST.embed_code}</textarea> |
---|
73 | </label> |
---|
74 | </li> |
---|
75 | <li class="embed-show {if $gd_available}provider-show{else}provider-hide{/if}"> |
---|
76 | <span class="property">{'Thumbnail'|translate} <small class="embed-show provider-hide">({'optional'|translate})</small></span> |
---|
77 | <input type="file" size="20" name="thumbnail_file" class="embed-show provider-hide"> |
---|
78 | {if $gd_available} |
---|
79 | <label><input type="checkbox" name="add_film_frame" value="true" {if $POST.add_film_frame}checked="checked"{/if}> {'Add film effect'|translate} </label> |
---|
80 | <a class="icon-info-circled-1 showInfo" title="<img src='{$GVIDEO_PATH}admin/template/example-frame.jpg'>"></a> |
---|
81 | {/if} |
---|
82 | </li> |
---|
83 | </ul> |
---|
84 | </fieldset> |
---|
85 | |
---|
86 | <fieldset class="embed-hide provider-show"> |
---|
87 | <legend>{'Configuration'|translate}</legend> |
---|
88 | |
---|
89 | <ul> |
---|
90 | <li> |
---|
91 | <span class="property">{'Video size'|translate}</span> |
---|
92 | <label><input type="radio" name="size_common" value="true" {if $POST.size_common != 'false'}checked="checked"{/if} data-toggle="size"> {'Use common setting'|translate}</label> |
---|
93 | <label><input type="radio" name="size_common" value="false" {if $POST.size_common == 'false'}checked="checked"{/if} data-toggle="size"> {'Change'|translate}</label> |
---|
94 | </li> |
---|
95 | <li {if $POST.size_common != 'false'}style="display:none;"{/if} id="size"> |
---|
96 | <span class="property"> </span> |
---|
97 | <input type="text" name="width" value="{$POST.width}" size="4"> × |
---|
98 | <input type="text" name="height" value="{$POST.height}" size="4"> px |
---|
99 | </li> |
---|
100 | <li> |
---|
101 | <span class="property">{'Autoplay'|translate}</span> |
---|
102 | <label><input type="radio" name="autoplay_common" value="true" {if $POST.autoplay_common != 'false'}checked="checked"{/if} data-toggle="autoplay"> {'Use common setting'|translate}</label> |
---|
103 | <label><input type="radio" name="autoplay_common" value="false" {if $POST.autoplay_common == 'false'}checked="checked"{/if} data-toggle="autoplay"> {'Change'|translate}</label> |
---|
104 | </li> |
---|
105 | <li {if $POST.autoplay_common != 'false'}style="display:none;"{/if} id="autoplay"> |
---|
106 | <span class="property"> </span> |
---|
107 | <label><input type="radio" name="autoplay" value="0" {if $POST.autoplay == '0'}checked="checked"{/if}> {'No'|translate}</label> |
---|
108 | <label><input type="radio" name="autoplay" value="1" {if $POST.autoplay == '1'}checked="checked"{/if}> {'Yes'|translate}</label> |
---|
109 | </li> |
---|
110 | <li> |
---|
111 | <span class="property">{'Get video description'|translate}</span> |
---|
112 | <label><input type="radio" name="sync_description" value="1" {if $gvideo.sync_description}checked="checked"{/if}> {'Yes'|translate}</label> |
---|
113 | <label><input type="radio" name="sync_description" value="0" {if not $gvideo.sync_description}checked="checked"{/if}> {'No'|translate}</label> |
---|
114 | </li> |
---|
115 | <li> |
---|
116 | <span class="property">{'Get video tags'|translate}</span> |
---|
117 | <label><input type="radio" name="sync_tags" value="1" {if $gvideo.sync_tags}checked="checked"{/if}> {'Yes'|translate}</label> |
---|
118 | <label><input type="radio" name="sync_tags" value="0" {if not $gvideo.sync_tags}checked="checked"{/if}> {'No'|translate}</label> |
---|
119 | </li> |
---|
120 | </ul> |
---|
121 | </fieldset> |
---|
122 | |
---|
123 | |
---|
124 | <p style="text-align:left;"> |
---|
125 | <input type="submit" name="add_video" value="{'Add'|translate}"> |
---|
126 | </p> |
---|
127 | |
---|
128 | <fieldset style="margin-top:40px;" class="embed-hide provider-show"> |
---|
129 | <legend>{'Supported services'|translate}</legend> |
---|
130 | |
---|
131 | <ul class="services"> |
---|
132 | <li> |
---|
133 | <img class="icon" src="{$GVIDEO_PATH}admin/template/icons/youtube.png"> |
---|
134 | <a href="http://www.youtube.com" target="_blank">YouTube</a> |
---|
135 | <span class="providersInfo">{'Videos can be unlisted but not private.'|translate}<br></span> |
---|
136 | </li> |
---|
137 | <li> |
---|
138 | <img class="icon" src="{$GVIDEO_PATH}admin/template/icons/vimeo.png"> |
---|
139 | <a href="http://www.vimeo.com" target="_blank">Vimeo</a> |
---|
140 | <span class="providersInfo">{'Videos can be unlisted and private if the gallery website is within the authorized domains (PRO).'|translate}<br></span> |
---|
141 | </li> |
---|
142 | <li> |
---|
143 | <img class="icon" src="{$GVIDEO_PATH}admin/template/icons/dailymotion.png"> |
---|
144 | <a href="http://www.dailymotion.com" target="_blank">Dailymotion</a> |
---|
145 | <span class="providersInfo">{'Videos can be private if you use the private permalink.'|translate}<br></span> |
---|
146 | </li> |
---|
147 | <li> |
---|
148 | <img class="icon" src="{$GVIDEO_PATH}admin/template/icons/wat.png"> |
---|
149 | <a href="http://www.wat.tv" target="_blank">Wat</a> |
---|
150 | <span class="providersInfo" style="font-style:italic;">{'No privacy option.'|translate}<br></span> |
---|
151 | </li> |
---|
152 | <li> |
---|
153 | <img class="icon" src="{$GVIDEO_PATH}admin/template/icons/wideo.png"> |
---|
154 | <a href="http://www.wideo.fr" target="_blank">Wideo</a> |
---|
155 | <span class="providersInfo" style="font-style:italic;">{'No privacy option.'|translate}<br></span> |
---|
156 | </li> |
---|
157 | <li> |
---|
158 | <a class="showProvidersInfo">{'Show privacy details'|translate}</a> |
---|
159 | </li> |
---|
160 | </ul> |
---|
161 | </fieldset> |
---|
162 | |
---|
163 | </form> |
---|