Blapy Demos

Form Search

<div id="input_10071" class="col-xs-12 col-sm-3" style="" > <div class="form-group"> <label class="control-label" for="search_10071">   <div class="row equalHeight formInputFieldTitle"> <div class="formInputFieldTitle titleWithNoLine" style="font-weight:bold," ><span style="background-color:unset;" > Search</span> </div> </div>    </label> <div> <input type="text" class="" name="FORM_Search" id="search_10071" placeholder="" value="{{firstname}}" > </div> </div> </div>     <script> //load selectpicker function initSelectOption_10122() { let getScriptProcessing = false; function startBootstrapSelect() { //debugger; $(document).find('#select_searchlastname_10122').selectpicker( $.extend({},{ iconBase: 'far' ,tickIcon:'fa-check' }) ); getScriptProcessing = true; } $(document).on( "Blapy_PageReady","body", function(event,anError) { if ( $(document).find('#select_searchlastname_10122').length==0 || getScriptProcessing ) { return; } $.loadFileOnce("/assets/libraries/bootstrap-select/js/bootstrap-select.js") .done( function() { startBootstrapSelect(); }); /* if (typeof $.fn.selectpicker === 'undefined') { $.getScript("/assets/libraries/bootstrap-select/js/bootstrap-select.js", function() { startBootstrapSelect(); }); } else { startBootstrapSelect(); } */ });//end on blapy_pageready //include specific code of select window.initSelectedOption_10122 = function(aJson) { let aValueToSelect = "{{lastname}}"; if (aValueToSelect == "") return aJson; aInputTag = "lastname"; if (aInputTag == "") return aJson; //debugger; aJson = aJson.map(aData => { if (aData[aInputTag] == aValueToSelect) { aData[aInputTag+"ischecked"]="selected"; } return aData; }); return aJson; } }//end of initSelectOption_10122 if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initSelectOption_10122, false); } else initSelectOption_10122(); </script> <div id="selectoptions_10122" class="selectContainer col-sm-3" > <div class="form-group"> <label for="" >   <div class="row equalHeight formSelectOptionsFieldTitle"> <div class="formSelectOptionsFieldTitle titleWithNoLine" style="font-weight:bold," ><span style="background-color:transparent;" > Search on lastname <span class="alert-danger"></span></span> </div> </div>    </label> <div id='blapy_10122_div' data-blapy-container="true" data-blapy-container-name="searchlastname_10122" data-blapy-container-content="searchlastname-2025-05-01 - 14:26:14" data-blapy-update="json" data-blapy-template-wrap="<select class='form-control selectpicker show-tick' data-style='btn-warning' name='FORM_SearchLastName' id='select_searchlastname_10122' title='Select a lastname...' onChange='$("#form_10070").submit();' >" data-blapy-template-header="<option value=''>Select a lastname...</option>" data-blapy-template-init="/poubelle/fonctions-evoluees/blapy-demos/blapy-table/data/test-json-data.json" data-blapy-template-init-params="{}" data-blapy-template-init-method="GET" data-blapy-template-init-processdata="initSelectedOption_10122" data-blapy-template-mustache-delimiterStart="{+" data-blapy-template-mustache-delimiterEnd="+}" data-blapy-template-init-purejson="1" data-blapy-noblapydata="1" > <|xmp style="display:none"> <option value="{+lastname+}" {+lastnameischecked+} > {+lastname+} </option> <|/xmp> </div> </div> </div>

Blapy Table

Test blapy object

Ceci est un objet blapy... dans lequel on met des blocs blapy

Information en provenance de l'API Rest: https://www.intersel.fr/tools/getipinfo.json

Blapy login

suite bloc

test avec sous-bloc

<div> <h2> </h2> <h1>{{firstname}} {{lastname}}</h1> <ul> <li>Id : {{id}}</li> <li>Prénom : {{firstname}}</li> <li>Nom : {{lastname}}</li> </ul> <p> </p> <p> </p> </div> <section id="subSection_10123" class="subsection" >        <section id="section_sous_bloc_blapy_10123" class="section_10060_10124 template_section_40" style=" background-color:none; " data-info="" > <style scoped> #rowcontainer_sous_bloc_blapy_10123.container { width:100%; } #rowcontainer_sous_bloc_blapy_10123 .container { width:100%; } </style> <div id="rowcontainer_sous_bloc_blapy_10123" class="rowcontainer_10060_10124 template_rowcontainer_40 container" style="clear:none; background:none; " data-info="" > <div class="row">    <div class="row equalHeight "> <div class="titleBackgroundLine title"></div> <h1 class="title col-xs-12 fittext " style="" data-minfontsize="15" data-maxfontsize="100" data-displayRefWidth="1200" ><span style="background-color:#9A295C;" > Details {{firstname}}</span> </h1> </div>    <div id="blapy_10124_div" class="col-xs-12 pb15 textcontent" data-blapy-container="true" data-blapy-container-name="details {{id}}" data-blapy-container-content="sous-bloc-blapy-2025-05-01 - 14:26:14" data-blapy-update="json" data-blapy-template-init="/poubelle/fonctions-evoluees/blapy-demos/test-avec-sous-bloc/data-nv-0-details-person.html" data-blapy-template-init-params="{"action":"search","search":"{{id}}"}" data-blapy-template-init-method="GET" data-blapy-template-mustache-delimiterStart="{%" data-blapy-template-mustache-delimiterEnd="%}" data-blapy-template-init-purejson="1" data-blapy-noblapydata="1" > <|xmp style="display:none;"> <ul> <li>Age: {%age%}</li> <li>Ville: {%city%}</li> <li>Sexe: {%sex%}</li> </ul> <section id="subSection_10124" class="subsection" >        <section id="section_sous_sous_bloc_blapy_10124" class="section_10060_10126 template_section_40" style=" background-color:none; " data-info="" > <style scoped> #rowcontainer_sous_sous_bloc_blapy_10124.container { width:100%; } #rowcontainer_sous_sous_bloc_blapy_10124 .container { width:100%; } </style> <div id="rowcontainer_sous_sous_bloc_blapy_10124" class="rowcontainer_10060_10126 template_rowcontainer_40 container" style=" background:none; " data-info="" > <div class="row">    <div class="row equalHeight "> <div class="titleBackgroundLine title"></div> <h1 class="title col-xs-12 fittext " style="" data-minfontsize="15" data-maxfontsize="100" data-displayRefWidth="1200" ><span style="background-color:transparent;" > Infos Adresse sur {%city%}</span> </h1> </div>    <div id="blapy_10126_div" class="col-xs-12 pb15 textcontent" data-blapy-container="true" data-blapy-container-name="info from city {%city%} {{id}}" data-blapy-container-content="sous-sous-bloc-blapy-2025-05-01 - 14:26:14" data-blapy-update="json" data-blapy-template-init="/poubelle/fonctions-evoluees/blapy-demos/test-avec-sous-bloc/data-nv-0-details-city.html" data-blapy-template-init-params="{"action":"search","search":"{%city%}"}" data-blapy-template-init-method="GET" data-blapy-template-mustache-delimiterStart="{$" data-blapy-template-mustache-delimiterEnd="$}" data-blapy-template-init-purejson="1" data-blapy-noblapydata="1" > <||xmp style="display:none;"> <ul> <li>CP: {$cp$}</li> <li>Région: {$region$}</li> <li>Pays: {$country$}</li> </ul> <section id="subSection_10126" class="subsection" >    </section> <||/xmp> </div>   </div> </div> </section>     </section> <|/xmp> </div>   </div> </div> </section>     </section>

Un bloc blapy

Quelques resources....

<div>{{{pagetitle}}} - {{publishedon}}</div> <section id="subSection_10119" class="subsection" >        <section id="section_test_stream_blocs_10119" class="section_10060_10121 template_section_40 col-sm-12" style="clear:none; background-color:#9A295C; " data-info="" > <style scoped> #rowcontainer_test_stream_blocs_10119.container { width:100%; } #rowcontainer_test_stream_blocs_10119 .container { width:100%; } </style> <div id="rowcontainer_test_stream_blocs_10119" class="rowcontainer_10060_10121 template_rowcontainer_40 container" style="clear:none; background:none; " data-info="" > <div class="row">    créé le : {{createdon}} {{#content}} Contenu: {{{content}}} {{/content}} {{^content}} Pas de contenu... {{/content}} {{#contentIsEmpty}} <p>Après controle avec la fonction testIfContentIsEmpty... on confirme! c'est bien vide!</p> {{/contentIsEmpty}}    </div> </div> </section>     </section>