<?xml version='1.0' encoding='UTF-8'?><uidget><metadata><name>Icône</name><api_version>1.0</api_version><size height='50' width='50' /><blog en='542' /></metadata><view><content></content><properties><icon_selector default='[{"id":78,"name":"home","service":"Google-material-icons","removable":false}]' default_action='true' help='Choisissez la ou les icônes à afficher.' icon='folder' multiple='5' name='icons' value='Choisir les icônes' /><trigger class='uii_multi_links_action' default_action='false' help='Ajouter sur chaque icône un lien vers un site externe, un document ou une page (ou supprime le lien actuel).' icon='t_link' text='Définir les liens' trigger='manage_links' /></properties><design_properties><colors class='colorsButton' colspan='0|1' default='[&apos;theme_color&apos;, &apos;rgba(0,0,0,0)&apos;]' display='Icône|Arrière plan' elts='2' name='normal_colors' title='Couleurs de l&apos;icône' /><checkbox default='false' help='En cochant cette option, vous pouvez activer le changement de couleur au survol de la souris. Vous pouvez activer le changement de couleur de l&apos;icône et du fond, en utilisant l&apos;outil de sélection de couleur.' name='hover_colors_activate' value='Changer la couleur au survol' /><colors class='colorsButton background_colors_i' colspan='0|1' default='[&apos;theme_color&apos;, &apos;rgba(0,0,0,0)&apos;]' display='Icône|Arrière plan' elts='2' name='hover_colors' title='Couleurs au survol' /><slider class='sliderButton' default='0' maximum='10' minimum='0' name='padding' title='Espacement' /><slider class='sliderButton uii_margin' default='0' maximum='50' minimum='0' name='margin' title='Marge externe' /><slider class='sliderButton' default='0' maximum='100' minimum='0' name='radius' title='Coins arrondis' /><link default_action='true' display='Réinitialiser les valeurs' help='Annule vos personnalisations et recharge le style et les couleurs de votre thème original.' icon='rotate-ccw3' name='reset' trigger='_load_default_values' /></design_properties></view><script>UI_List.UI_Icon={initialize:function(a){this.cpt=a;
a.setOptions([&quot;locked&quot;,&quot;fixed&quot;])
},onDisplay:function(a){if(this.cpt.data.icon&amp;&amp;!this.cpt.data.icons){this.cpt.data.icons=[this.cpt.data.icon]
}if(!this.cpt.data.links){this.cpt.data.links={};
if(this.cpt.data.link){this.cpt.data.links[this.cpt.data.icon.id]=this.cpt.data.link
}}this.cpt.data.margin=this.cpt.data.margin||0;
this._drawIcon()
},onSelect:function(a){if(blockSelector.selected_cpts.length==1){this.cpt.init_sliders(this.cpt);
this.cpt.init_colorPickers(a)
}this._showProp()
},onPropertyChanged:function(a){var b=this;
if(a.include(&quot;hover_colors_activate&quot;)){this._showProp()
}if(a.include(&quot;margin&quot;)||a.include(&quot;padding&quot;)){this._setSize()
}this._showProp();
if(a.include(&quot;icons&quot;)){this.cpt.setAspectRatio(this.cpt.data.icons.length&lt;=1?1:undefined);
if(this.list_links){this.list_links.empty()
}var c=Misc.deepCloneObj(this.cpt.data.links);
$.each(this.cpt.data.links,function(e,d){if(b.cpt.data.icons.find(function(f){return f.id==e
})==null){delete c[e]
}});
if(c!=this.cpt.data.links){this.cpt.setData(&quot;links&quot;,c)
}}if(a.include(&quot;manage_links&quot;)){this.manage_links()
}this._drawIcon()
},onShow:function(){},onResize:function(){if(v.mode==&quot;editor&quot;){if(this.cpt.data.icons.length&lt;=1){this.cpt.setAspectRatio(1);
this.cpt.setData(&quot;margin&quot;,0)
}else{this.cpt.setAspectRatio(undefined)
}}this._setSize()
},onResizeStop:function(){this.cpt.setAspectRatio(this.cpt.data.icons.length&lt;=1?1:undefined);
this._setSize()
},onMoveStop:function(){},onDeselect:function(){this._showProp()
},_drawIcon:function(){var d=this.cpt.data,a=this;
var c=this.cpt.node.find(&quot;.componentBody&quot;).empty();
this.icon_nodes=[];
$.each(d.icons,function(h,e){if(a.cpt.data.links[e.id]){var g=a.cpt.data.links[e.id];
var f=$(&quot;&lt;a&gt;&lt;/a&gt;&quot;).appendTo(c);
f.attr(g).addClass(&quot;ui_i_wrapper&quot;)
}else{var f=$(&quot;&lt;span class=&apos;ui_i_wrapper&apos;&gt;&lt;/span&gt;&quot;).appendTo(c)
}a.icon_nodes.push(f);
f.setIcon(e)
});
var b={default_data:{color:d.normal_colors[0],&quot;background-color&quot;:d.normal_colors[1],&quot;border-radius&quot;:(d.radius/2)+&quot;%&quot;}};
$.each(this.icon_nodes,function(e,f){$(f).off(&quot;hover&quot;).css(b.default_data)
});
if(this.cpt.data.hover_colors_activate){b.hover_normal={color:d.normal_colors[0],&quot;background-color&quot;:d.normal_colors[1]};
b.hover_hover={color:d.hover_colors[0],&quot;background-color&quot;:d.hover_colors[1]};
$.each(this.icon_nodes,function(e,f){$(f).hover(function(){$(this).css(b.hover_hover)
},function(){$(this).css(b.hover_normal)
})
})
}this._setSize()
},_load_default_values:function(){var a=this;
var b=ThemeConfig.UI_Icon;
b.radius=0;
b.padding=0;
b.margin=0;
b.hover_colors_activate=false;
this.cpt.setData(b);
this.cpt.recreatePropertyDesignNode();
this.cpt.setXYZWH({h:50,w:50});
this._drawIcon();
this.onSelect(true)
},_showProp:function(){var a=$(this.cpt.propertyNode).add(this.cpt.propertyDesignNode);
if(this.cpt.data.hover_colors_activate){$(&quot;.background_colors_i&quot;,a).show()
}else{$(&quot;.background_colors_i&quot;,a).hide()
}$(&quot;.uii_margin&quot;,a).toggle(this.cpt.data.icons.length&gt;1)
},_setSize:function(){if(this.icon_nodes){var b=this.cpt.W()-(this.cpt.data.margin*(this.cpt.data.icons.length-1));
var c=b/this.cpt.data.icons.length;
var d=(this.cpt.W()/this.cpt.data.icons.length)-this.cpt.data.margin;
var a=this;
$.each(this.icon_nodes,function(g,f){var e=Math.floor(Math.min(d,a.cpt.H())*(0.8-(a.cpt.data.padding/20)));
f.css({width:Math.floor(Math.min(c,a.cpt.H())),height:Math.floor(Math.min(c,a.cpt.H())),&quot;margin-right&quot;:g+1==a.icon_nodes.length?0:a.cpt.data.margin});
f.find(&quot;i&quot;).css(&quot;font-size&quot;,e)
})
}},manage_links:function(){var b=$(this.cpt.propertyNode).add(this.cpt.propertyDesignNode);
var a=this;
this.list_links=this.list_links||$(&quot;&lt;div class=&apos;list_link&apos;&gt;&lt;/div&gt;&quot;).appendTo($(&quot;.uii_multi_links_action&quot;,b));
if(this.list_links.is(&quot;:empty&quot;)){if(this.cpt.data.icons.length&amp;&amp;this.cpt.data.icons.length==1){this._openLinkDialog(this.cpt.data.icons[0])
}else{$.each(this.cpt.data.icons,function(e,d){var f=$(&quot;&lt;div class=&apos;link_icon_node&apos;&gt;&lt;span&gt;&lt;/span&gt;&lt;button&gt;Choisir un lien&lt;/button&gt;&lt;/div&gt;&quot;);
a.list_links.append(f);
var c=f.find(&quot;button&quot;);
f.find(&quot;span&quot;).setIcon(d);
if(a.cpt.data.links[d.id]){c.text(a.cpt.data.links[d.id].href.length&gt;30?a.cpt.data.links[d.id].href.substr(0,27)+&quot;...&quot;:a.cpt.data.links[d.id].href)
}else{[c.text(&quot;Choisir un lien&quot;)]
}c.on(&quot;click&quot;,function(){a._openLinkDialog(d,c)
})
})
}}else{this.list_links.empty()
}},_openLinkDialog:function(c,a){var e=this;
var f=$.extend({},this.cpt.data.links[c.id]||{href:&quot;&quot;,target:&quot;&quot;,title:&quot;&quot;,onclick:&quot;&quot;,action:&quot;&quot;,className:&quot;&quot;});
f.without_tinymce=true;
f.inline=&quot;yes&quot;;
f.insertLink=function(b){var g=Misc.deepCloneObj(e.cpt.data.links);
if(b){g[c.id]=b;
if(a){a.text(b.href.length&gt;30?b.href.substr(0,27)+&quot;...&quot;:b.href)
}}else{delete g[c.id];
if(a){a.text(&quot;Choisir un lien&quot;)
}}e.cpt.setData(&quot;links&quot;,g)
};
var d=tinyMCE.activeEditor;
d.windowManager.open({url:tinymce.baseURL+&quot;/themes/a_vanced/link.htm?clearcache=08&quot;,width:500+parseInt(d.getLang(&quot;advanced.link_delta_width&quot;,0)),height:400+parseInt(d.getLang(&quot;advanced.link_delta_height&quot;,0)),inline:true},f)
}};</script><style>.componentBody.UI_Icon{text-align:center}
.ui_i_wrapper{display:inline-table;height:100%;width:100%;margin:0 auto}
.ui_i_wrapper i{display:table-cell;text-align:center;vertical-align:middle;cursor:default}
a.ui_i_wrapper{text-decoration:none;display:inline-table}
a.ui_i_wrapper i{cursor:pointer}</style></uidget>