Bienvenue sur votre site Liv'inWeb : the website builder you were dreaming of!

And now with New site Editor :)

test double contenu

Ceci est un contenu à droite où le lien est désactivé....

Actus et Titres

I've got to find a way to escape the horrible ravages of youth. Suddenly, I'm going to the bathroom like clockwork, every three hours. And those jerks at Social Security stopped sending some me checks. Now 'I'' have to pay ''them'! Stop! Don't shoot fire stick in space canoe! Cause explosive decompression!

MODX Soyez Libre !

MODX Soyez Libre !

Man, I'm sore all over. I feel like I just went ten rounds with mighty Thor. I wish! It's a nickel.

You'll have all the Slurm you can drink when you're partying with Slurms McKenzie! In our darkest hour, we can stand erect, with proud upthrust bosoms

Copie de 3e bloc
L'ACTU

Actus et quelques liens utiles

Contribution à la communauté Opensource

Intersel a choisi les solutions OpenSource dès sa création et contribue régulièrement pour améliorer les logiciels libres de l'internet.
Nous réalisons aussi des
formations et du conseil pour toutes ces solutions ! Pensez à nous contacter pour cela...

Nous avons fait les choix du framework de développement de sites et applications internet "ModX" avec qui nous sommes partenaire "ModX Professional"depuis 2006...

Nous contribuons régulièrement dans le développement de librairies opensource que nous publions généralement sur GitHub :

  • iFSM : librairie javascript de gestion d'IHM sophistiquées à base de machines à états pour jQuery 
  • iFSMAnimation : librairie javascript de création d'animations graphiques sans coder... ou presque!
  • Blapy : librairie javascript / jQuery, alternative efficace à AngularJs et autre framework pour le RAD d'applications internet
  • JamRules : réalisation javascript de création de moteurs de règles avec configurateur pour une recherche rapide dans une multitude une sélection de produits, d'objets, ...

 

Contribution à la communauté Opensource améliorer les…

 Mon nouveau titre

Les <strong>variables</strong> de configuration

Les variables de configuration

Preuve par l'exemple...

Preuve par l'exemple...

  • la preuve par l'exemple Livinweb

Le traitement des Videos...

Video on Livinweb !

25/07/2018

La vidéo est aussi disponible sur Livinweb bien sur!!

Vous pouvez intégrer vos MP4, mais aussi les vidéos youtube, dailymotion, etc...

Video depuis Vimeo...

Une vidéo depuis Vimeo qui vous dit tout sur Modx...

Video depuis Dailymotion...

Une vidéo depuis Dailymotion qui vous dit tout sur Modx...

Video depuis Youtube...

Une vidéo depuis YouTube qui vous dit tout sur Modx...

//www.youtube.com/watch?v=FdOrSpjUehw

 

//www.youtube.com/watch?v=551jOaeJ7js

Video pleine page "Tontons Flingueurs"

Tout sur Livinweb

150:0

heures de travail

+ 30 de plus!

sections paramétrables

4:0

Temps pour mise en oeuvre

Contenu avec des Onglets

Ceci est une démonstration de contenus avec onglets...

Paris by night

Paris [pa.ʁi]a Écouter est la capitale de la France. Elle se situe au cœur d'un vaste bassin sédimentaire aux sols fertiles et au climat tempéré, le bassin parisien, sur une boucle de la Seine, entre les confluents de celle-ci avec la Marne et l'Oise. Ses habitants s’appellent les Parisiens. Paris est également le chef-lieu de la région Île-de-France et une collectivité à statut particulier qui exerce les compétences d'une commune et d'un département. Commune centrale de la métropole du Grand Paris, créée en 2016, elle est divisée en arrondissements, comme les villes de Lyon et de Marseille, au nombre de vingt.

L’État y dispose de prérogatives particulières exercées par le préfet de police de Paris.

Paris 2 by night

Paris (French pronunciation: ​[paʁi] (listen)) is the capital and most populous city of France, with an area of 105 square kilometres (41 square miles) and an official estimated population of 2,140,526 residents as of 1 January 2019.[1] Since the 17th century, Paris has been one of Europe's major centres of finance, commerce, fashion, science, and the arts.

The City of Paris is the centre and seat of government of the Île-de-France, or Paris Region, which has an estimated official 2019 population of 12,213,364, or about 18 percent of the population of France.[1] The larger Paris metropolitan area had a population of 12,532,901 in 2015.[2] The Paris Region had a GDP of €681 billion (US$850 billion) in 2016, accounting for 31 percent of the GDP of France, and was the 5th largest region by GDP in the world.[3] According to the Economist Intelligence Unit Worldwide Cost of Living Survey in 2018, Paris was the second-most expensive city in the world, behind Singapore and ahead of Zurich, Hong Kong, Oslo and Geneva.[4]

Londres

Londres [lɔ̃dʁ]1 Écouter (en anglais : London [ˈlʌndən]2 Écouter), située dans le Sud-Est de la Grande-Bretagne, est la capitale et la plus grande ville de l'Angleterre et du Royaume-Uni. Longtemps capitale de l'Empire britannique, elle est désormais le siège du Commonwealth of Nations.

sous contenu

test de sous contenus....

Bruxelles

Bruxelles [bʁysɛl]1,a Écouter (en néerlandais : Brussel [ˈbrʏsəl]b Écouter ; en allemand : Brüssel [ˈbʁʏs]c Écouter), parfois aussi appelé aire urbaine de Bruxellesd ou Grand Bruxelles2, est une agglomération de Belgique qui s'étend au-delà des limites administratives de la Région de Bruxelles-Capitale pour englober des parties du Brabant wallon et l'arrondissement de Hal-Vilvorde, et au centre de laquelle se trouve la ville de Bruxelles proprement dite.

Notre Meilleure Pub, C'est Vous Tous!

Section de Folders

Avec Livinweb, vous disposez d'un template "couteaux suisse" qui permet de faire quasiment toutes les autres sections en les agenceant et les imbriquant comme des Kaplas!

Section animée

Vous pouvez animer tout contenu simple ou complexe comme vous voulez...

image

image

Twitter

Inscrivez-Vous à notre Newsletter

Pour être toujours au courant des aventures de notre CMS IMX !

Nous trouver

Et voici la carte pour venir nous voir !

C'est tout simple et nous serons heureux de vous accueillir et vous offrir un café !

Et pour nous laisser un petit message, c'est par ici...

 

Nous trouver avec leaflet

Et voici la carte "leaflet" pour venir nous voir !

Nous serons heureux de vous accueillir et vous offrir un café !

Et pour nous laisser un petit message, c'est par ici...

 

Sous KPI pour "signature client"

<!-- end chunk blapyDiv --> <!-- start tagListerDisplayCategories 11314--> <section class=""> </section> <!-- end tagListerDisplayCategories --> <section id="subSection_11314" class="subsection" > <!-- streamSection for subsection 11314/ --> <!-- start ChartC3 --> <!-- start chunk redirectIfDirectAccessToResource -11315 / 11124 --> <!-- end chunk redirectIfDirectAccessToResource --> <!-- start standardSection prospects/11315//11314--> <section id="section_prospects_11314" class="section_11223_11315 template_section_113 col-sm-4" style="clear:none;padding-bottom:3vh; " data-resourceid="11315" data-info="" > <style scoped> #rowcontainer_prospects_11314.container { width:100%; } #rowcontainer_prospects_11314 .container { width:100%; } #rowcontainer_prospects_11314.container .textcontent h1, #rowcontainer_prospects_11314.container .textcontent h2, #rowcontainer_prospects_11314.container .textcontent h3, #rowcontainer_prospects_11314.container .textcontent h4, #rowcontainer_prospects_11314.container .textcontent h5, #rowcontainer_prospects_11314.container .textcontent h1 a, #rowcontainer_prospects_11314.container .textcontent h2 a, #rowcontainer_prospects_11314.container .textcontent h3 a, #rowcontainer_prospects_11314.container .textcontent h4 a, #rowcontainer_prospects_11314.container .textcontent h5 a { font-size:18px;text-align:center; } </style> <div id="rowcontainer_prospects_11314" class="rowcontainer_11223_11315 template_rowcontainer_113 container" style=" " data-resourceid="11315" data-info="" > <div class="row"> <!-- start chunk ChartC3Code --> <!-- begin setTitleSection 11315/nb prospects détecté//bc:/font-size:18px;text-align:center;/title--> <!-- begin displayTitleSection 11315/nb prospects détecté/fittext--> <div class="equalHeight col-xs-12"> <div class="titleBackgroundLine title"></div> <h2 class="title fittext" style="font-size:18px;text-align:center;" data-minfontsize="15" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1800" ><span style="background-color:transparent;" > <span id="siteeditor-longtitle-11315-rte" href="/rest/newsiteeditor/longtitle/11315" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11315" data-successmsg="Modification effectuée" >nb prospects détecté</span> </span> </h2> </div> <!-- end equalHeight --> <!-- end displayTitleSection --> <!-- end setTitleSection --> <div id="chartC3_11315" class="chartC3"> </div> <script> // Init the 'class' // This should be done only once... if (!initChartC3Done) { var initChartC3Done=true; function initChartC3() { }//end function initChartC3 if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initChartC3, false); } else initChartC3(); }//end if !initChartC3Done // initialize this instance function initChartC3_11315() { var jsonChart = { gauge: { min: 0, max: 8 }, color: { pattern: ['#F33809', '#F39509','#e2e345', '#22f309'], // the three color levels for the percentage values. threshold: { // unit: 'value', // percentage is default // max: 10, // 100 is default values: [3, 6,8] } }, size: { height: 180 } }; jsonChart['bindto'] = '#chartC3_11315'; $.extend( jsonChart, {'data':{} }, {'axis':{} }); if (!jsonChart.data['type']) jsonChart.data['type'] = "gauge"; if (!jsonChart.data['columns']) jsonChart.data['columns'] = [ [ 'prospects',{{property_prospects}} ], ]; if (!jsonChart.data['names']) jsonChart.data['names'] = { 'prospects':'prospects', }; if (!jsonChart.data['colors']) jsonChart.data['colors'] = { 'prospects':'#f2e209', }; if (!jsonChart.gauge) jsonChart.gauge={}; if (!jsonChart.gauge.label) jsonChart.gauge.label = {}; if (!jsonChart.gauge.label.format) { jsonChart.gauge.label.format = function(value, ratio, id) { let rawratio = ratio; ratio = d3.format(".0%")(ratio); // format ratio return JSON.stringify([ {"text":d3.format(".1%")(rawratio),"fill":"#224422","style":"font-size:25px;font-weight:bold;","dy":-12} , {"text":"("+value+")","fill":"#446644","style":"font-size:12px;font-weight:bold;","dy":12} ]); // used to pass values to the onrender function } } if (!jsonChart.onrendered) { jsonChart.onrendered = function() { var label = null; //parse title if multiline label = d3.select(this.config.bindto).select('text.c3-gauge-value'); var myTitle = label?label.html():''; try { myTitleData = JSON.parse(myTitle); label.html(''); // remove existant text let tspanlist = label.selectAll('tspan') .data(myTitleData) .enter() .append('tspan') .text(d => d.text) .attr('fill',d => d.fill) .attr('style',d => d.style) .attr('x',d => d.x?d.x:0) .attr('dx',d => d.dx?d.dx:0) .attr('dy',function(d,i){ return d.dy?d.dy:(20*i) }) ; }catch(error) {};//title not a json... do nothing... }//end onrendered }//end if var chart = c3.generate(jsonChart); } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initChartC3_11315, false); } else initChartC3_11315(); </script> <!-- end chunk ChartC3Code --> <!-- add modalButton '' in section 11315 --> </div> </div> </section> <!-- end standardSection 11315 --> <!-- end ChartC3 --> <!-- start ChartC3 --> <!-- start chunk redirectIfDirectAccessToResource -11316 / 11124 --> <!-- end chunk redirectIfDirectAccessToResource --> <!-- start standardSection devis/11316//11314--> <section id="section_devis_11314" class="section_11223_11316 template_section_113 col-sm-4" style="clear:none;padding-bottom:3vh; " data-resourceid="11316" data-info="" > <style scoped> #rowcontainer_devis_11314.container { width:100%; } #rowcontainer_devis_11314 .container { width:100%; } #rowcontainer_devis_11314.container .textcontent h1, #rowcontainer_devis_11314.container .textcontent h2, #rowcontainer_devis_11314.container .textcontent h3, #rowcontainer_devis_11314.container .textcontent h4, #rowcontainer_devis_11314.container .textcontent h5, #rowcontainer_devis_11314.container .textcontent h1 a, #rowcontainer_devis_11314.container .textcontent h2 a, #rowcontainer_devis_11314.container .textcontent h3 a, #rowcontainer_devis_11314.container .textcontent h4 a, #rowcontainer_devis_11314.container .textcontent h5 a { font-size:18px;text-align:center; } </style> <div id="rowcontainer_devis_11314" class="rowcontainer_11223_11316 template_rowcontainer_113 container" style=" " data-resourceid="11316" data-info="" > <div class="row"> <!-- start chunk ChartC3Code --> <!-- begin setTitleSection 11316/nb de devis envoyés//bc:/font-size:18px;text-align:center;/title--> <!-- begin displayTitleSection 11316/nb de devis envoyés/fittext--> <div class="equalHeight col-xs-12"> <div class="titleBackgroundLine title"></div> <h2 class="title fittext" style="font-size:18px;text-align:center;" data-minfontsize="15" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1800" ><span style="background-color:transparent;" > <span id="siteeditor-longtitle-11316-rte" href="/rest/newsiteeditor/longtitle/11316" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11316" data-successmsg="Modification effectuée" >nb de devis envoyés</span> </span> </h2> </div> <!-- end equalHeight --> <!-- end displayTitleSection --> <!-- end setTitleSection --> <div id="chartC3_11316" class="chartC3"> </div> <script> // Init the 'class' // This should be done only once... if (!initChartC3Done) { var initChartC3Done=true; function initChartC3() { }//end function initChartC3 if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initChartC3, false); } else initChartC3(); }//end if !initChartC3Done // initialize this instance function initChartC3_11316() { var jsonChart = { gauge: { min: 0, max: 10 }, color: { pattern: ['#F33809', '#F39509','#e2e345', '#22f309'], // the three color levels for the percentage values. threshold: { // unit: 'value', // percentage is default // max: 10, // 100 is default values: [4, 7,9] } }, size: { height: 180 } }; jsonChart['bindto'] = '#chartC3_11316'; $.extend( jsonChart, {'data':{} }, {'axis':{} }); if (!jsonChart.data['type']) jsonChart.data['type'] = "gauge"; if (!jsonChart.data['columns']) jsonChart.data['columns'] = [ [ 'devis',{{property_devis}} ], ]; if (!jsonChart.data['names']) jsonChart.data['names'] = { 'devis':'devis', }; if (!jsonChart.data['colors']) jsonChart.data['colors'] = { 'devis':'#f2e209', }; if (!jsonChart.gauge) jsonChart.gauge={}; if (!jsonChart.gauge.label) jsonChart.gauge.label = {}; if (!jsonChart.gauge.label.format) { jsonChart.gauge.label.format = function(value, ratio, id) { let rawratio = ratio; ratio = d3.format(".0%")(ratio); // format ratio return JSON.stringify([ {"text":d3.format(".1%")(rawratio),"fill":"#224422","style":"font-size:25px;font-weight:bold;","dy":-12} , {"text":"("+value+")","fill":"#446644","style":"font-size:12px;font-weight:bold;","dy":12} ]); // used to pass values to the onrender function } } if (!jsonChart.onrendered) { jsonChart.onrendered = function() { var label = null; //parse title if multiline label = d3.select(this.config.bindto).select('text.c3-gauge-value'); var myTitle = label?label.html():''; try { myTitleData = JSON.parse(myTitle); label.html(''); // remove existant text let tspanlist = label.selectAll('tspan') .data(myTitleData) .enter() .append('tspan') .text(d => d.text) .attr('fill',d => d.fill) .attr('style',d => d.style) .attr('x',d => d.x?d.x:0) .attr('dx',d => d.dx?d.dx:0) .attr('dy',function(d,i){ return d.dy?d.dy:(20*i) }) ; }catch(error) {};//title not a json... do nothing... }//end onrendered }//end if var chart = c3.generate(jsonChart); } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initChartC3_11316, false); } else initChartC3_11316(); </script> <!-- end chunk ChartC3Code --> <!-- add modalButton '' in section 11316 --> </div> </div> </section> <!-- end standardSection 11316 --> <!-- end ChartC3 --> <!-- start ChartC3 --> <!-- start chunk redirectIfDirectAccessToResource -11317 / 11124 --> <!-- end chunk redirectIfDirectAccessToResource --> <!-- start standardSection recommandation-ext/11317//11314--> <section id="section_recommandation_ext_11314" class="section_11223_11317 template_section_113 col-sm-4" style="clear:none;padding-bottom:3vh; " data-resourceid="11317" data-info="" > <style scoped> #rowcontainer_recommandation_ext_11314.container { width:100%; } #rowcontainer_recommandation_ext_11314 .container { width:100%; } #rowcontainer_recommandation_ext_11314.container .textcontent h1, #rowcontainer_recommandation_ext_11314.container .textcontent h2, #rowcontainer_recommandation_ext_11314.container .textcontent h3, #rowcontainer_recommandation_ext_11314.container .textcontent h4, #rowcontainer_recommandation_ext_11314.container .textcontent h5, #rowcontainer_recommandation_ext_11314.container .textcontent h1 a, #rowcontainer_recommandation_ext_11314.container .textcontent h2 a, #rowcontainer_recommandation_ext_11314.container .textcontent h3 a, #rowcontainer_recommandation_ext_11314.container .textcontent h4 a, #rowcontainer_recommandation_ext_11314.container .textcontent h5 a { font-size:18px;text-align:center; } </style> <div id="rowcontainer_recommandation_ext_11314" class="rowcontainer_11223_11317 template_rowcontainer_113 container" style=" " data-resourceid="11317" data-info="" > <div class="row"> <!-- start chunk ChartC3Code --> <!-- begin setTitleSection 11317/recommandation-ext reçues//bc:/font-size:18px;text-align:center;/title--> <!-- begin displayTitleSection 11317/recommandation-ext reçues/fittext--> <div class="equalHeight col-xs-12"> <div class="titleBackgroundLine title"></div> <h2 class="title fittext" style="font-size:18px;text-align:center;" data-minfontsize="15" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1800" ><span style="background-color:transparent;" > <span id="siteeditor-longtitle-11317-rte" href="/rest/newsiteeditor/longtitle/11317" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11317" data-successmsg="Modification effectuée" >recommandation-ext reçues</span> </span> </h2> </div> <!-- end equalHeight --> <!-- end displayTitleSection --> <!-- end setTitleSection --> <div id="chartC3_11317" class="chartC3"> </div> <script> // Init the 'class' // This should be done only once... if (!initChartC3Done) { var initChartC3Done=true; function initChartC3() { }//end function initChartC3 if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initChartC3, false); } else initChartC3(); }//end if !initChartC3Done // initialize this instance function initChartC3_11317() { var jsonChart = { gauge: { min: 0, max: 3 }, color: { pattern: ['#F33809', '#F39509','#e2e345', '#22f309'], // the three color levels for the percentage values. threshold: { // unit: 'value', // percentage is default // max: 10, // 100 is default values: [1, 2,3] } }, size: { height: 180 } }; jsonChart['bindto'] = '#chartC3_11317'; $.extend( jsonChart, {'data':{} }, {'axis':{} }); if (!jsonChart.data['type']) jsonChart.data['type'] = "gauge"; if (!jsonChart.data['columns']) jsonChart.data['columns'] = [ [ 'recommandation-ext',{{property_recommandation-ext}} ], ]; if (!jsonChart.data['names']) jsonChart.data['names'] = { 'recommandation-ext':'recommandation-ext', }; if (!jsonChart.data['colors']) jsonChart.data['colors'] = { 'recommandation-ext':'#f2e209', }; if (!jsonChart.gauge) jsonChart.gauge={}; if (!jsonChart.gauge.label) jsonChart.gauge.label = {}; if (!jsonChart.gauge.label.format) { jsonChart.gauge.label.format = function(value, ratio, id) { let rawratio = ratio; ratio = d3.format(".0%")(ratio); // format ratio return JSON.stringify([ {"text":d3.format(".1%")(rawratio),"fill":"#224422","style":"font-size:25px;font-weight:bold;","dy":-12} , {"text":"("+value+")","fill":"#446644","style":"font-size:12px;font-weight:bold;","dy":12} ]); // used to pass values to the onrender function } } if (!jsonChart.onrendered) { jsonChart.onrendered = function() { var label = null; //parse title if multiline label = d3.select(this.config.bindto).select('text.c3-gauge-value'); var myTitle = label?label.html():''; try { myTitleData = JSON.parse(myTitle); label.html(''); // remove existant text let tspanlist = label.selectAll('tspan') .data(myTitleData) .enter() .append('tspan') .text(d => d.text) .attr('fill',d => d.fill) .attr('style',d => d.style) .attr('x',d => d.x?d.x:0) .attr('dx',d => d.dx?d.dx:0) .attr('dy',function(d,i){ return d.dy?d.dy:(20*i) }) ; }catch(error) {};//title not a json... do nothing... }//end onrendered }//end if var chart = c3.generate(jsonChart); } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initChartC3_11317, false); } else initChartC3_11317(); </script> <!-- end chunk ChartC3Code --> <!-- add modalButton '' in section 11317 --> </div> </div> </section> <!-- end standardSection 11317 --> <!-- end ChartC3 --> <!-- start ChartC3 --> <!-- start chunk redirectIfDirectAccessToResource -11318 / 11124 --> <!-- end chunk redirectIfDirectAccessToResource --> <!-- start standardSection recommandation-cli/11318//11314--> <section id="section_recommandation_cli_11314" class="section_11223_11318 template_section_113 col-sm-4" style="clear:none;padding-bottom:3vh; " data-resourceid="11318" data-info="" > <style scoped> #rowcontainer_recommandation_cli_11314.container { width:100%; } #rowcontainer_recommandation_cli_11314 .container { width:100%; } #rowcontainer_recommandation_cli_11314.container .textcontent h1, #rowcontainer_recommandation_cli_11314.container .textcontent h2, #rowcontainer_recommandation_cli_11314.container .textcontent h3, #rowcontainer_recommandation_cli_11314.container .textcontent h4, #rowcontainer_recommandation_cli_11314.container .textcontent h5, #rowcontainer_recommandation_cli_11314.container .textcontent h1 a, #rowcontainer_recommandation_cli_11314.container .textcontent h2 a, #rowcontainer_recommandation_cli_11314.container .textcontent h3 a, #rowcontainer_recommandation_cli_11314.container .textcontent h4 a, #rowcontainer_recommandation_cli_11314.container .textcontent h5 a { font-size:18px;text-align:center; } </style> <div id="rowcontainer_recommandation_cli_11314" class="rowcontainer_11223_11318 template_rowcontainer_113 container" style=" " data-resourceid="11318" data-info="" > <div class="row"> <!-- start chunk ChartC3Code --> <!-- begin setTitleSection 11318/recommandation-client//bc:/font-size:18px;text-align:center;/title--> <!-- begin displayTitleSection 11318/recommandation-client/fittext--> <div class="equalHeight col-xs-12"> <div class="titleBackgroundLine title"></div> <h2 class="title fittext" style="font-size:18px;text-align:center;" data-minfontsize="15" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1800" ><span style="background-color:transparent;" > <span id="siteeditor-longtitle-11318-rte" href="/rest/newsiteeditor/longtitle/11318" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11318" data-successmsg="Modification effectuée" >recommandation-client</span> </span> </h2> </div> <!-- end equalHeight --> <!-- end displayTitleSection --> <!-- end setTitleSection --> <div id="chartC3_11318" class="chartC3"> </div> <script> // Init the 'class' // This should be done only once... if (!initChartC3Done) { var initChartC3Done=true; function initChartC3() { }//end function initChartC3 if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initChartC3, false); } else initChartC3(); }//end if !initChartC3Done // initialize this instance function initChartC3_11318() { var jsonChart = { gauge: { min: 0, max: 1 }, color: { pattern: ['#F33809', '#F39509','#e2e345', '#22f309'], // the three color levels for the percentage values. threshold: { // unit: 'value', // percentage is default // max: 10, // 100 is default values: [1] } }, size: { height: 180 } }; jsonChart['bindto'] = '#chartC3_11318'; $.extend( jsonChart, {'data':{} }, {'axis':{} }); if (!jsonChart.data['type']) jsonChart.data['type'] = "gauge"; if (!jsonChart.data['columns']) jsonChart.data['columns'] = [ [ 'recommandation-cli',{{property_recommandation-cli}} ], ]; if (!jsonChart.data['names']) jsonChart.data['names'] = { 'recommandation-cli':'recommandation-cli', }; if (!jsonChart.data['colors']) jsonChart.data['colors'] = { 'recommandation-cli':'#f2e209', }; if (!jsonChart.gauge) jsonChart.gauge={}; if (!jsonChart.gauge.label) jsonChart.gauge.label = {}; if (!jsonChart.gauge.label.format) { jsonChart.gauge.label.format = function(value, ratio, id) { let rawratio = ratio; ratio = d3.format(".0%")(ratio); // format ratio return JSON.stringify([ {"text":d3.format(".1%")(rawratio),"fill":"#224422","style":"font-size:25px;font-weight:bold;","dy":-12} , {"text":"("+value+")","fill":"#446644","style":"font-size:12px;font-weight:bold;","dy":12} ]); // used to pass values to the onrender function } } if (!jsonChart.onrendered) { jsonChart.onrendered = function() { var label = null; //parse title if multiline label = d3.select(this.config.bindto).select('text.c3-gauge-value'); var myTitle = label?label.html():''; try { myTitleData = JSON.parse(myTitle); label.html(''); // remove existant text let tspanlist = label.selectAll('tspan') .data(myTitleData) .enter() .append('tspan') .text(d => d.text) .attr('fill',d => d.fill) .attr('style',d => d.style) .attr('x',d => d.x?d.x:0) .attr('dx',d => d.dx?d.dx:0) .attr('dy',function(d,i){ return d.dy?d.dy:(20*i) }) ; }catch(error) {};//title not a json... do nothing... }//end onrendered }//end if var chart = c3.generate(jsonChart); } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initChartC3_11318, false); } else initChartC3_11318(); </script> <!-- end chunk ChartC3Code --> <!-- add modalButton '' in section 11318 --> </div> </div> </section> <!-- end standardSection 11318 --> <!-- end ChartC3 --> <!-- start ChartC3 --> <!-- start chunk redirectIfDirectAccessToResource -11319 / 11124 --> <!-- end chunk redirectIfDirectAccessToResource --> <!-- start standardSection starter/11319//11314--> <section id="section_starter_11314" class="section_11223_11319 template_section_113 col-sm-4" style="clear:none;padding-bottom:3vh; " data-resourceid="11319" data-info="" > <style scoped> #rowcontainer_starter_11314.container { width:100%; } #rowcontainer_starter_11314 .container { width:100%; } #rowcontainer_starter_11314.container .textcontent h1, #rowcontainer_starter_11314.container .textcontent h2, #rowcontainer_starter_11314.container .textcontent h3, #rowcontainer_starter_11314.container .textcontent h4, #rowcontainer_starter_11314.container .textcontent h5, #rowcontainer_starter_11314.container .textcontent h1 a, #rowcontainer_starter_11314.container .textcontent h2 a, #rowcontainer_starter_11314.container .textcontent h3 a, #rowcontainer_starter_11314.container .textcontent h4 a, #rowcontainer_starter_11314.container .textcontent h5 a { font-size:18px;text-align:center; } </style> <div id="rowcontainer_starter_11314" class="rowcontainer_11223_11319 template_rowcontainer_113 container" style=" " data-resourceid="11319" data-info="" > <div class="row"> <!-- start chunk ChartC3Code --> <!-- begin setTitleSection 11319/nb starter vendus//bc:/font-size:18px;text-align:center;/title--> <!-- begin displayTitleSection 11319/nb starter vendus/fittext--> <div class="equalHeight col-xs-12"> <div class="titleBackgroundLine title"></div> <h2 class="title fittext" style="font-size:18px;text-align:center;" data-minfontsize="15" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1800" ><span style="background-color:transparent;" > <span id="siteeditor-longtitle-11319-rte" href="/rest/newsiteeditor/longtitle/11319" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11319" data-successmsg="Modification effectuée" >nb starter vendus</span> </span> </h2> </div> <!-- end equalHeight --> <!-- end displayTitleSection --> <!-- end setTitleSection --> <div id="chartC3_11319" class="chartC3"> </div> <script> // Init the 'class' // This should be done only once... if (!initChartC3Done) { var initChartC3Done=true; function initChartC3() { }//end function initChartC3 if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initChartC3, false); } else initChartC3(); }//end if !initChartC3Done // initialize this instance function initChartC3_11319() { var jsonChart = { gauge: { min: 0, max: 6 }, color: { pattern: ['#F33809', '#F39509','#e2e345', '#22f309'], // the three color levels for the percentage values. threshold: { // unit: 'value', // percentage is default // max: 10, // 100 is default values: [3, 5,6] } }, size: { height: 180 } }; jsonChart['bindto'] = '#chartC3_11319'; $.extend( jsonChart, {'data':{} }, {'axis':{} }); if (!jsonChart.data['type']) jsonChart.data['type'] = "gauge"; if (!jsonChart.data['columns']) jsonChart.data['columns'] = [ [ 'starter',{{property_starter}} ], ]; if (!jsonChart.data['names']) jsonChart.data['names'] = { 'starter':'starter', }; if (!jsonChart.data['colors']) jsonChart.data['colors'] = { 'starter':'#F33809', }; if (!jsonChart.gauge) jsonChart.gauge={}; if (!jsonChart.gauge.label) jsonChart.gauge.label = {}; if (!jsonChart.gauge.label.format) { jsonChart.gauge.label.format = function(value, ratio, id) { let rawratio = ratio; ratio = d3.format(".0%")(ratio); // format ratio return JSON.stringify([ {"text":d3.format(".1%")(rawratio),"fill":"#224422","style":"font-size:25px;font-weight:bold;","dy":-12} , {"text":"("+value+")","fill":"#446644","style":"font-size:12px;font-weight:bold;","dy":12} ]); // used to pass values to the onrender function } } if (!jsonChart.onrendered) { jsonChart.onrendered = function() { var label = null; //parse title if multiline label = d3.select(this.config.bindto).select('text.c3-gauge-value'); var myTitle = label?label.html():''; try { myTitleData = JSON.parse(myTitle); label.html(''); // remove existant text let tspanlist = label.selectAll('tspan') .data(myTitleData) .enter() .append('tspan') .text(d => d.text) .attr('fill',d => d.fill) .attr('style',d => d.style) .attr('x',d => d.x?d.x:0) .attr('dx',d => d.dx?d.dx:0) .attr('dy',function(d,i){ return d.dy?d.dy:(20*i) }) ; }catch(error) {};//title not a json... do nothing... }//end onrendered }//end if var chart = c3.generate(jsonChart); } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initChartC3_11319, false); } else initChartC3_11319(); </script> <!-- end chunk ChartC3Code --> <!-- add modalButton '' in section 11319 --> </div> </div> </section> <!-- end standardSection 11319 --> <!-- end ChartC3 --> </section>
<!-- end chunk blapyDiv --> <!-- start formInputField 11321 --> <!-- start chunk redirectIfDirectAccessToResource -11321 / 11124 --> <!-- end chunk redirectIfDirectAccessToResource --> <div id="input_11321" class="col-xs-12 col-sm-6" style="" > <div class="form-group"> <div> <label class="control-label" for="devis_11321"> <!-- begin setTitleSection 11321/devis/Une dizaine de devis emis chaque mois/bc:unset//noinit formInputFieldTitle--> <!-- begin displayTitleSection 11321/devis/--> <div class=" noinit formInputFieldTitle"> <div class="formInputFieldTitle titleWithNoLine" style="" data-minfontsize="15" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1800" ><span style="background-color:unset;" > <span id="siteeditor-longtitle-11321-rte" href="/rest/newsiteeditor/longtitle/11321" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11321" data-successmsg="Modification effectuée" >Une dizaine de devis emis chaque mois</span> </span> </div> </div> <!-- end equalHeight --> <!-- end displayTitleSection --> <!-- end setTitleSection --> </label> </div> <div> <input type="number" step="any" oninput="$(this).focus();" class="" name="FORM_devis" id="devis_11321" placeholder="" value="{{property_devis}}" > </div> </div> </div> <!-- end formInputField --> <!-- start formInputField 11322 --> <!-- start chunk redirectIfDirectAccessToResource -11322 / 11124 --> <!-- end chunk redirectIfDirectAccessToResource --> <div id="input_11322" class="col-xs-12 col-sm-6" style="" > <div class="form-group"> <div> <label class="control-label" for="recommandation-ext_11322"> <!-- begin setTitleSection 11322/recommandation-ext/3 recommandations externes/ mois/bc:unset//noinit formInputFieldTitle--> <!-- begin displayTitleSection 11322/recommandation-ext/--> <div class=" noinit formInputFieldTitle"> <div class="formInputFieldTitle titleWithNoLine" style="" data-minfontsize="15" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1800" ><span style="background-color:unset;" > <span id="siteeditor-longtitle-11322-rte" href="/rest/newsiteeditor/longtitle/11322" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11322" data-successmsg="Modification effectuée" >3 recommandations externes/ mois</span> </span> </div> </div> <!-- end equalHeight --> <!-- end displayTitleSection --> <!-- end setTitleSection --> </label> </div> <div> <input type="number" step="any" oninput="$(this).focus();" class="" name="FORM_recommandation-ext" id="recommandation-ext_11322" placeholder="" value="{{property_recommandation-ext}}" > </div> </div> </div> <!-- end formInputField --> <!-- start formInputField 11323 --> <!-- start chunk redirectIfDirectAccessToResource -11323 / 11124 --> <!-- end chunk redirectIfDirectAccessToResource --> <div id="input_11323" class="col-xs-12 col-sm-6" style="" > <div class="form-group"> <div> <label class="control-label" for="recommandation-cli_11323"> <!-- begin setTitleSection 11323/recommandation-cli/recommandation-client/bc:unset//noinit formInputFieldTitle--> <!-- begin displayTitleSection 11323/recommandation-cli/--> <div class=" noinit formInputFieldTitle"> <div class="formInputFieldTitle titleWithNoLine" style="" data-minfontsize="15" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1800" ><span style="background-color:unset;" > <span id="siteeditor-longtitle-11323-rte" href="/rest/newsiteeditor/longtitle/11323" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11323" data-successmsg="Modification effectuée" >recommandation-client</span> </span> </div> </div> <!-- end equalHeight --> <!-- end displayTitleSection --> <!-- end setTitleSection --> </label> </div> <div> <input type="number" step="any" oninput="$(this).focus();" class="" name="FORM_recommandation-cli" id="recommandation-cli_11323" placeholder="" value="{{property_recommandation-cli}}" > </div> </div> </div> <!-- end formInputField --> <!-- start formInputField 11324 --> <!-- start chunk redirectIfDirectAccessToResource -11324 / 11124 --> <!-- end chunk redirectIfDirectAccessToResource --> <div id="input_11324" class="col-xs-12 col-sm-6" style="" > <div class="form-group"> <div> <label class="control-label" for="starter_11324"> <!-- begin setTitleSection 11324/starter/6 starter / mois/bc:unset//noinit formInputFieldTitle--> <!-- begin displayTitleSection 11324/starter/--> <div class=" noinit formInputFieldTitle"> <div class="formInputFieldTitle titleWithNoLine" style="" data-minfontsize="15" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1800" ><span style="background-color:unset;" > <span id="siteeditor-longtitle-11324-rte" href="/rest/newsiteeditor/longtitle/11324" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11324" data-successmsg="Modification effectuée" >6 starter / mois</span> </span> </div> </div> <!-- end equalHeight --> <!-- end displayTitleSection --> <!-- end setTitleSection --> </label> </div> <div> <input type="number" step="any" oninput="$(this).focus();" class="" name="FORM_starter" id="starter_11324" placeholder="" value="{{property_starter}}" > </div> </div> </div> <!-- end formInputField --> <!-- start formInputField 11325 --> <!-- start chunk redirectIfDirectAccessToResource -11325 / 11124 --> <!-- end chunk redirectIfDirectAccessToResource --> <div id="input_11325" class="col-xs-12 col-sm-6" style="" > <div class="form-group"> <div> <label class="control-label" for="prospects_11325"> <!-- begin setTitleSection 11325/prospects/Détecter 8 prospects avec un projet de site web/bc:unset//noinit formInputFieldTitle--> <!-- begin displayTitleSection 11325/prospects/--> <div class=" noinit formInputFieldTitle"> <div class="formInputFieldTitle titleWithNoLine" style="" data-minfontsize="15" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1800" ><span style="background-color:unset;" > <span id="siteeditor-longtitle-11325-rte" href="/rest/newsiteeditor/longtitle/11325" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11325" data-successmsg="Modification effectuée" >Détecter 8 prospects avec un projet de site web</span> </span> </div> </div> <!-- end equalHeight --> <!-- end displayTitleSection --> <!-- end setTitleSection --> </label> </div> <div> <input type="number" step="any" oninput="$(this).focus();" class="" name="FORM_prospects" id="prospects_11325" placeholder="" value="{{property_prospects}}" > </div> </div> </div> <!-- end formInputField -->
<!-- end chunk blapyDiv --> <!-- start tagListerDisplayCategories 11326--> <section class=""> </section> <!-- end tagListerDisplayCategories --> <section id="subSection_11326" class="subsection" > <!-- streamSection for subsection 11326/ --> <!-- start template 400-900-blapyRestReturnedManagement --> <!-- START blapyGeneralErrorManage --> <script id="script_11327" data-extmessage="{{{extmessage}}}"> $(function () { //debugger; let error_message_11327=""; let error_extmessage_11327 = ""; let error_code_11327 = "{{code}}"; let error_class_11327 = ""; let error_delay_11327 = 5000; //debugger; switch(error_code_11327) { case "200": error_message_11327 = "OK bien modifié"; error_class_11327 = "success"; error_delay_11327 = 2000; $("#blapy_11783_div").trigger('reloadBlock',{ params:{ embeddingBlockId:$("#blapy_11783_div").attr('data-blapy-container-name') } }); break; default: error_message_11327 = "Non modifié : {{message}}"; error_extmessage_11327 = "<pre>"+$("#script_11327").attr("data-extmessage")+"</pre>"; error_class_11327 = "danger"; break; } $.imxNotify(error_message_11327,error_class_11327); }); </script> <!-- END blapyGeneralErrorManage --> <!-- end template 400-900-blapyRestReturnedManagement --> </section>