<?xml version='1.0' encoding='UTF-8'?><uidget><metadata><name>Newsletter</name><api_version>1.0</api_version><size height='50' width='180' /><server>local://NewsletterCptServer</server><blog en='163' /><gdpr enabled='true' /></metadata><view><content>&lt;form class=&quot;uin_f&quot;&gt;
  &lt;input type=text class=&quot;uin_i site_textbox&quot; placeholder=&quot;Entrez votre email&quot; /&gt;
  &lt;div class=&quot;component_gdpr_container uin_gdpr&quot;&gt;&lt;/div&gt;
	&lt;input type=submit value=&quot;S&apos;inscrire&quot; class=&quot;uin_s site_button cta&quot;/&gt;
&lt;/form&gt;
</content><properties><server_manage help='Créer et envoyer des newsletters à vos abonnés.' icon='ui_newsletter' name='manage' text='Gérer les newsletters' url='/Gestion-des-newsletters/' /></properties><design_properties><select default='&apos;normal&apos;' display='Normal|En ligne' name='display_mode' title='Style d&apos;affichage' values='normal|inline' /><slider class='button_spacing' default='10' maximum='40' minimum='0' name='button_spacing' title='Espace entre la case et le bouton' /><trigger_preset class='gtbackdrop_prop_custom' gt_type='backdrop' help='Sélectionnez un style prédéfini de fond' icon='palette' mode='select' name='backdrop_preset' text='Style de fond' /><trigger_preset class='gttextbox_prop_custom' gt_type='textbox' help='Sélectionnez un style prédéfini pour les champs texte du formulaire' icon='palette' mode='select' name='textbox_preset' text='Style de champ texte' /><trigger_preset class='gtbutton_prop_custom' gt_type='button' help='Sélectionnez un style prédéfini pour le bouton d&apos;inscription à la newsletter' icon='palette' mode='select' name='buttons_preset' text='Style des boutons' trigger='manage_style' /></design_properties></view><script>UI_List.UI_Newsletter={initialize:function(t){this.cpt=t
;t.setOptions([&quot;locked&quot;,&quot;fixed&quot;,&quot;footer&quot;,&quot;sticky&quot;])},
onDisplay:function(t){this.node=t;this.n={
gdpr:t.find(&quot;.component_gdpr_container&quot;)}
;this.form=this.node.find(&quot;form&quot;)
;this.mail=this.node.find(&quot;input:first&quot;)
;this.btn=this.node.find(&quot;input:last&quot;);var e=this
;this.size_getter_el=$(&quot;&lt;div&gt;&lt;/div&gt;&quot;).appendTo(t).css(&quot;clear&quot;,&quot;both&quot;)[0]
;this.form.submit(function(){
e.testFormGdpr(e.form)&amp;&amp;e._subscribe();return!1})
;$.extend(this,componentGdpr);this.initGdpr()
;this.cpt.use_graphical_preset(&quot;button&quot;,[&quot;buttons_preset&quot;])
;this.cpt.use_graphical_preset(&quot;textbox&quot;,[&quot;textbox_preset&quot;])
;this.cpt.use_graphical_preset(&quot;backdrop&quot;,[&quot;backdrop_preset&quot;])
;this.applyPreset();this.onResizeStop();this.setDisplayMode()
;this.cpt.componentBody.css(&quot;overflow&quot;,&quot;visible&quot;)},
onPropertyChanged:function(t){
(t.include(&quot;buttons_preset&quot;)||t.include(&quot;textbox_preset&quot;)||t.include(&quot;backdrop_preset&quot;))&amp;&amp;this.applyPreset()
;(t.include(&quot;display_mode&quot;)||t.include(&quot;button_spacing&quot;))&amp;&amp;this.setDisplayMode()
;this._showProp()},onResizeStop:function(){this.cpt.setSize({
h:1e4});this.cpt.setSize({
h:this.size_getter_el.offsetTop+parseInt(this.cpt.componentBody.css(&quot;paddingBottom&quot;))||0,
w:this.cpt.W()&gt;100?null:130})},onSelect:function(){
this.updateGdpr();this._showProp()},_showProp:function(){
$(&quot;.gtbutton_prop_custom, .gttextbox_prop_custom, .gtbackdrop_prop_custom&quot;,this.cpt.propertyDesignNode).toggle(GraphicalType.available)
;$(&quot;.button_spacing&quot;,this.cpt.propertyDesignNode).toggle(&quot;inline&quot;==this.cpt.data.display_mode)
},_subscribe:function(){var t=this,e=this.mail.val()
;e.match(/^.*@.+\.\w{2,3}$/)?this.cpt.ask({request:&quot;subscribe&quot;,
email:e,gdpr:this.getGdpr(this.n.gdpr)},function(){t._stopForm()
;alert(&quot;F\xe9licitations ! &quot;+sprintf(&quot;Vous venez de souscrire \xe0 la newsletter de %1$s.&quot;,window.location.host)+sprintf(&quot;\nVeuillez consulter votre compte email ou spam (%1$s) pour valider votre inscription.&quot;,e.replace(/.*@/,&quot;&quot;)))
},function(e){var s=Array.isArray(e[0])?e[0].join(&quot;\n&quot;):e[0]
;&quot;email&quot;==s?t._emailInvalid():alert(s);e[1]&amp;&amp;t._stopForm()
}):this._emailInvalid()},_emailInvalid:function(){
alert(&quot;Impossible de souscrire \xe0 la newsletter : l&apos;adresse email est invalide.\nMerci de v\xe9rifier votre adresse email et d&apos;essayer \xe0 nouveau.&quot;)
},_stopForm:function(){
this.form.replaceWith(&quot;&lt;div class=&apos;uin_sb&apos;&gt;Inscrit ! V\xe9rifiez vos emails...&lt;/div&gt;&quot;)
;this.onResizeStop()},onFontFamilyUpdate:function(){
this.onResizeStop()},setDisplayMode:function(){
this.form.removeClassMatch(/display_mode_/).addClass(&quot;display_mode_&quot;+(this.cpt.data.display_mode||&quot;normal&quot;))
;this.node.find(&quot;.display_mode_inline&quot;).css(&quot;grid-column-gap&quot;,null)
;&quot;inline&quot;==this.cpt.data.display_mode&amp;&amp;this.node.find(&quot;.display_mode_inline&quot;).css(&quot;grid-column-gap&quot;,this.cpt.data.button_spacing)
;this.onResizeStop()},applyPreset:function(){
if(GraphicalType.available){
var t=GraphicalType.graphical_types.button.preset_data.prefix
;this.form.removeClassMatch(new RegExp(t))
;(e=this.cpt.getGTPreset(&quot;button&quot;,&quot;buttons_preset&quot;))&amp;&amp;this.form.addClass(&quot;gtbutton_preset &quot;+t+&quot;_&quot;+e)
;t=GraphicalType.graphical_types.textbox.preset_data.prefix
;this.form.removeClassMatch(new RegExp(t))
;(e=this.cpt.getGTPreset(&quot;textbox&quot;,&quot;textbox_preset&quot;))&amp;&amp;this.form.addClass(t+&quot; &quot;+t+&quot;_&quot;+e)
;var e
;t=GraphicalType.graphical_types.backdrop.preset_data.prefix
;this.cpt.componentBody.removeClassMatch(new RegExp(t))
;if(e=this.cpt.getGTPreset(&quot;backdrop&quot;,&quot;backdrop_preset&quot;)){
this.form.addClass(&quot;gt_backdrop_content&quot;)
;this.cpt.componentBody.addClass(t+&quot; &quot;+t+&quot;_&quot;+e)
}else this.form.removeClass(&quot;gt_backdrop_content&quot;)}
this.onResizeStop()}};</script><style>.uin_i{width:100%;box-sizing:border-box}
.uin_sb{background:#60D893;color:#fff;display:flex;align-items:center;justify-content:center}
.UI_Newsletter&gt;.uin_f{text-align:center}
.UI_Newsletter .uin_s{margin-top:2px}
.UI_Newsletter .display_mode_inline{display:grid;grid-template-columns:1fr auto;grid-column-gap:10px}
.UI_Newsletter .display_mode_inline .uin_i{order:1}
.UI_Newsletter .display_mode_inline .uin_gdpr{order:3;grid-column:1/3}
.UI_Newsletter .display_mode_inline .uin_s{margin:0;order:2}</style></uidget>