You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
156 lines
6.7 KiB
156 lines
6.7 KiB
<div class="formulaire_spip formulaire_configurer formulaire_#FORM"> |
|
|
|
[<p class="reponse_formulaire reponse_formulaire_ok" role="status">(#ENV*{message_ok})</p>] |
|
[<p class="reponse_formulaire reponse_formulaire_erreur" role="alert">(#ENV*{message_erreur})</p>] |
|
|
|
<form method="post" action="#ENV{action}"><div> |
|
#ACTION_FORMULAIRE |
|
<div class="editer-groupe"> |
|
<div class="editer editer_active[ (#ENV**{erreurs}|table_valeur{active}|oui)erreur]"> |
|
<div class="choix"> |
|
<input type="checkbox" name="active" class="checkbox" id="active_on" value="oui" [(#ENV{active,oui}|=={oui}|oui) checked="checked"] |
|
onclick="jQuery(this).blur();" |
|
onchange="var t=jQuery(this).parents('.editer').eq(0).siblings('.fieldset');if (jQuery(this).prop('checked')) t.show('fast'); else t.hide('fast');" |
|
/> |
|
<label for='active_on'><strong><:mediabox:label_active:></strong></label> |
|
</div> |
|
</div> |
|
<div class="fieldset[(#ENV{active,oui}|=={oui}|non)none]"> |
|
<div class="editer-groupe"> |
|
<div class="editer editer_selecteur_commun[ (#ENV**{erreurs}|table_valeur{selecteur_commun}|oui)erreur]"> |
|
<label for="selecteur_commun"><:mediabox:label_selecteur_commun:></label> |
|
[<span class='erreur'>(#ENV**{erreurs}|table_valeur{selecteur_commun})</span>] |
|
<p class="explication"><:mediabox:explication_selecteur:></p> |
|
<input type="text" name="selecteur_commun" class="text" id="selecteur_commun" size="60" value="#ENV*{selecteur_commun}" /> |
|
</div> |
|
<div class="editer editer_selecteur_galerie[ (#ENV**{erreurs}|table_valeur{selecteur_galerie}|oui)erreur]"> |
|
<label for="selecteur_galerie"><:mediabox:label_selecteur_galerie:></label> |
|
[<span class='erreur'>(#ENV**{erreurs}|table_valeur{selecteur_galerie})</span>] |
|
<p class="explication"><:mediabox:explication_selecteur_galerie:></p> |
|
<input type="text" name="selecteur_galerie" class="text" id="selecteur_galerie" size="60" value="#ENV*{selecteur_galerie}" /> |
|
</div> |
|
|
|
<div class="editer editer_traiter_toutes_images[ (#ENV**{erreurs}|table_valeur{traiter_toutes_images}|oui)erreur]"> |
|
<label><:mediabox:label_traiter_toutes_images:></label> |
|
<p class="explication"><:mediabox:explication_traiter_toutes_images:></p> |
|
<div class="choix"> |
|
<input type="radio" name="traiter_toutes_images" class="radio" id="traiter_images_on" value="oui" [(#ENV{traiter_toutes_images,oui}|=={oui}|oui) checked="checked"] /> |
|
<label for='traiter_images_on'><:item_oui:></label> |
|
</div> |
|
<div class="choix"> |
|
<input type="radio" name="traiter_toutes_images" class="radio" id="traiter_images_off" value="non" [(#ENV{traiter_toutes_images,oui}|=={non}|oui) checked="checked"] /> |
|
<label for='traiter_images_off'><:item_non:></label> |
|
</div> |
|
</div> |
|
|
|
<BOUCLE_boxtypes(DATA){source table, #ENV{_libs}}> |
|
#SET{name,box_type}#SET{obli,''}#SET{defaut,colorbox}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}} |
|
<div class="editer pleine_largeur editer_box_type editer_box_type_#CLE[ (#GET{obli})][ (#GET{erreurs}|oui)erreur]"> |
|
<div class="choix" style="overflow: hidden"> |
|
<input type="radio" name="box_type" id="box_type_#CLE" value="#CLE" [(#ENV{#GET{name},#GET{defaut}}|=={#CLE}|oui)checked="checked"]/> |
|
<label for="box_type_#CLE">#VALEUR{nom}</label> |
|
#SET{fond,formulaires/inc-configurer_mediabox-#CLE} |
|
[(#GET{fond}|trouver_fond|oui) |
|
<div class="fieldset suite"[(#ENV{#GET{name},#GET{defaut}}|=={#CLE}|non) style="display: none"]> |
|
<fieldset><legend><:mediabox:label_apparence:></legend> |
|
<INCLURE{fond=#GET{fond},env} /> |
|
</fieldset> |
|
</div>] |
|
</div> |
|
</div> |
|
</BOUCLE_boxtypes> |
|
|
|
|
|
<div class="fieldset"><fieldset><legend><:mediabox:label_splash:></legend> |
|
<div class="editer-groupe"> |
|
<div class="editer editer_splash_url[ (#ENV**{erreurs}|table_valeur{splash_url}|oui)erreur]"> |
|
<label for="splash_url"><:mediabox:label_splash_url:></label> |
|
[<span class='erreur'>(#ENV**{erreurs}|table_valeur{splash_url})</span>] |
|
<p class="explication"><:mediabox:explication_splash_url:></p> |
|
<input type="text" name="splash_url" class="text" id="splash_url" size="60" value="#ENV*{splash_url}" /> |
|
</div> |
|
<div class="editer splash_width[ (#ENV**{erreurs}|table_valeur{splash_width}|oui)erreur]"> |
|
<label for='splash_width'><:mediabox:label_splash_width:></label> |
|
<input type="text" name="splash_width" class="text" id="splash_width" size="10" value="#ENV*{splash_width}" /> |
|
</div> |
|
<div class="editer splash_height[ (#ENV**{erreurs}|table_valeur{splash_height}|oui)erreur]"> |
|
<label for='splash_height'><:mediabox:label_splash_height:></label> |
|
<input type="text" name="splash_height" class="text" id="splash_height" size="10" value="#ENV*{splash_height}" /> |
|
</div> |
|
</div></fieldset> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<p class="boutons"> |
|
<input type="submit" name="enregistrer" class="over" value="<:bouton_valider:>" /> |
|
<input type="submit" name="reinit" class="btn submit" value="<:mediabox:bouton_reinitialiser:>" /> |
|
<input type="submit" name="enregistrer" class="btn submit" value="<:bouton_valider:>" /> |
|
</p> |
|
</div></form> |
|
</div> |
|
<script type="application/javascript"> |
|
function update_visibilite_suite() { |
|
jQuery('.choix .fieldset.suite').each(function(){ |
|
var $me = jQuery(this); |
|
var $radio = $me.siblings('input[type=radio]'); |
|
if ($radio.prop('checked')) { |
|
if ($me.not(':visible')) { |
|
$me.show('fast'); |
|
} |
|
} |
|
else { |
|
if ($me.is(':visible')) { |
|
$me.hide('fast'); |
|
} |
|
} |
|
}); |
|
} |
|
jQuery(function() { |
|
update_visibilite_suite(); |
|
jQuery('.choix .fieldset.suite').siblings('input[type=radio]').on('change',update_visibilite_suite); |
|
}); |
|
</script> |
|
<style type="text/css"> |
|
.editer_skin>.choix { |
|
display: flex; |
|
flex-wrap: wrap; |
|
padding: 0 !important; |
|
} |
|
.editer_skin>.choix .choix-skin { |
|
flex-basis: 33%; |
|
box-sizing: border-box; |
|
padding: 10px; |
|
background-color: transparent; |
|
border:0 !important; |
|
margin: 0; |
|
display: flex; |
|
align-items: center; |
|
} |
|
.choix-skin:hover,.choix-skin:focus { |
|
background: rgba(0,0,0,0.05) !important; |
|
} |
|
.choix-skin label { width: auto !important;max-width: 85%} |
|
.choix-skin label, |
|
.choix-skin a, |
|
.choix-skin input { display: inline-block !important; width:auto; vertical-align: middle} |
|
.choix-skin a {position: relative;border:1px solid #ccc;} |
|
.choix-skin a img {display: block;} |
|
.choix-skin a[title]::after { |
|
content:attr(title); |
|
position: absolute; |
|
display: block; |
|
bottom: 0; |
|
left: 0; |
|
right: 0; |
|
background: rgba(255,255,255, 0.85); |
|
padding: 2px 5px; |
|
color: #333; |
|
font-size: 0.8em; |
|
text-align: center; |
|
} |
|
|
|
/* .editer_skin .choix input { float: #LANG_LEFT; } |
|
.editer_skin .choix label img { float: #LANG_LEFT; border: 1px solid #ddd; }*/ |
|
</style> |