libreavous/squelettes/content/scrutarijs.html

[===============================================================(#REM)
Configuration du client Scrutari
]
<script>
    $(function () {
        var configOptions = Scrutari.Lav.getConfigOptions();
        var scrutariConfig = new Scrutari.Config("libreavous", Scrutari.Lav.SCRUTARI_URL, "fr", "site", configOptions);
        var initOptions = Object.assign(Scrutari.Lav.getInitOptions(), {
            initialQuery: "[(#ENV*{q}|scrutari_escape_query)]",
            initialQId: "[(#ENV*{qid}|scrutari_escape_query)]",
            permalinkPattern: "https://www.libreavous.org/spip.php?page=scrutarijs&qid=$QID"
        });
        Scrutari.Client.init(scrutariConfig, "scrutari_client", initOptions, null);
    });
    </script>
</script>


[===============================================================(#REM)
Déclaration du bloc destiné à recevoir le client
]
<article class="texte_content">
<BOUCLE_entete(ARTICLES){page=recherchescrutari}>
	<header class="cartouche">
		[<p class="#EDIT{surtitre} surtitre">#(#SURTITRE)</p>]
		<h1><span class="#EDIT{titre} article__titre">#TITRE</span>[
			<small class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</small>
		]</h1>
	</header>
	<div class="main">
		[<div class="#EDIT{chapo} article__chapo">(#CHAPO|adaptive_images{#CONST{_CONTENT_WIDTH},0})</div>]
		[<div class="#EDIT{texte} article__texte">(#TEXTE|adaptive_images{#CONST{_CONTENT_WIDTH},0})</div>]
	</div>
</BOUCLE_entete>

[===============================================================(#REM)
Structure du client
]
<div id="scrutari_client">

<!-- main -->
<!-- main.main-form -->
<form data-scrutari-form="mainsearch">
    <!-- main.main-form.area-input -->
    <div data-scrutari-area="input" class="scrutari-lav-Input">
        <input type="search" class="scrutari-input-Text" size="40" name="q" value="" placeholder="Chercher un sujet, un-e intervenant-e…">
        <button type="submit" class="btn scrutari-lav-Submit">Rechercher</button>
    </div>
    <!-- /main.main-form.area-input -->
    <!-- main.main-form.area-parameters -->
    <details data-scrutari-area="parameters"  class="scrutari-lav-details-Container">
        <summary class="scrutari-lav-details-Summary">Option de recherche avancée</summary>
        <div class="scrutari-lav-details-Body">
            <p>
                <button data-scrutari-button="showModal" data-scrutari-target="help_relation" type="button" title="Aide sur les relations">
                    <i class="fas fa-question-circle"></i>
                </button>
                <span>Relations :</span>
                <label class="scrutari-Label"><input type="radio" name="q-mode" value="intersection" checked> Et</label>
                <label class="scrutari-Label"><input type="radio" name="q-mode" value="union"> Ou</label>
                <label class="scrutari-Label"><input type="radio" name="q-mode" value="operation"> Avancée</label>
            </p>
            <p>
                <button data-scrutari-button="showModal" data-scrutari-target="help_ponderation" type="button" title="Aide sur la priorité">
                    <i class="fas fa-question-circle"></i>
                </button>
                <span>Priorité :</span>
                <label class="scrutari-Label"><input type="radio" name="ponderation" value="pertinence" checked> Pertinence</label>
                <label class="scrutari-Label"><input type="radio" name="ponderation" value="date"> Date</label>
            </p>
            <p>
                <button data-scrutari-button="showModal" data-scrutari-target="help_periode" type="button" title="Aide sur la période">
                    <i class="fas fa-question-circle"></i>
                </button>
                <span>Période :</span>
                <input type="text" class="scrutari-input-Text" name="periode" value="" size="20">
            </p>
            <p>
                <button data-scrutari-button="showModal" data-scrutari-target="help_elargir" type="button" title="Aide sur « élargir »">
                    <i class="fas fa-question-circle"></i>
                </button>
                <span>Élargir :</span>
                <label class="scrutari-Label"><input type="radio" name="wildchar" value="end" checked> Oui*</label>
                <label class="scrutari-Label"><input type="radio" name="wildchar" value="none"> Non</label>
            </p>
        </div>
    </details>
    <!-- /main.main-form.area-parameters -->
</form>
<!-- /main.main-form -->
<!-- main.area-result -->
<div data-scrutari-area="result" class="scrutari-area-Result">
    <div class="scrutari-Hidden" data-scrutari-hidden="empty">
        <h3>Votre recherche :</h3>
        <p id="scrutari_lav_sequence" class="scrutari-lav-Sequence"></p>
    </div>
    <div class="scrutari-Hidden scrutari-lav-Filtre" data-scrutari-hidden="empty">
        <p>Filtrer les résultats :
        <label class="scrutari-lav-FiltreLabel"><input type="radio" name="lav-site" value="tous" checked> Tous</label>
        <span data-scrutari-count="total-tous" class="scrutari-lav-Total">(<span data-scrutari-component="value"></span>)</span>
        <label class="scrutari-lav-FiltreLabel"><input type="radio" name="lav-site" value="libreavous" class="scrutari-lav-Total"> Libre à vous !</label>
        <span data-scrutari-count="total-libreavous" class="scrutari-lav-Total">(<span data-scrutari-component="value"></span>)</span>
        <label class="scrutari-lav-FiltreLabel"><input type="radio" name="lav-site" value="librealire"> Libre à lire</label>
        <span data-scrutari-count="total-librealire" class="scrutari-lav-Total">(<span data-scrutari-component="value"></span>)</span>
        </p>
    </div>
    <!-- main.area-result.result-history -->
    <div class="scrutari-Hidden scrutari-lav-history-Container" data-scrutari-hidden="start">
        <span class="scrutari-lav-history-Label">Votre historique :</span>
        <div data-scrutari-block="historyList" class="scrutari-lav-history-List">
        </div>
        <span>
            <button class="scrutari-lav-history-Clear" data-scrutari-button="clearHistory" title="Vider l’historique"><i class="fas fa-trash"></i></button>
        </span>
    </div>
    <!-- /main.area-result.result-history -->
    <!-- main.area-result.result-links -->
    <div class="scrutari-Hidden" data-scrutari-hidden="empty">
        <p>Partager votre recherche :
            <a href="#" data-scrutari-link="permalink" data-scrutari-button="copyPermalink" target="_blank" class="btn taille80 blanc">Copier l’URL</a>
            <a href="#" data-scrutari-link="csv" target="_blank" class="btn taille80 blanc">Télécharger (CSV)</a>
            <a href="#" data-scrutari-link="ods" target="_blank" class="btn taille80 blanc">Télécharger (ODS)</a>
            <a href="#" data-scrutari-link="atom" target="_blank" class="btn taille80 blanc">S’abonner (Atom)</a>
        </p>
     </div>
    <!-- /main.area-result.result-links -->
    <div class="scrutari-Hidden scrutari-lav-TitreResultats" data-scrutari-hidden="empty">
        <h3>Vos résultats</h3>
    </div>
    <div data-scrutari-block="paginationBlock"></div>
    <div class="scrutari-Hidden" data-scrutari-hidden="empty">
        <!-- main.area-result.result-poweredby -->
        <p class="scrutari-links-Poweredby"><a href="http://www.scrutari.net" target="_blank"><span class="scrutari-icon-Logo"></span> Recherche effectuée par Scrutari</a></p>
        <!-- /main.area-result.result-poweredby -->
    </div>
</div>
<!-- /main.area-result -->
<!-- /main -->



</div>
</article>


[===============================================================(#REM)
Partie consacrée à la réécriture des gabarits
voir https://framagit.org/Scrutari/scrutarijs/-/wikis/adaptation#reformuler-un-%C3%A9lement-de-structure-et-de-gabarit
]
<script data-name="fiche_attribute" type="text/x-scrutari-template">
{{if type!=="block"}}
<li>
    {{for valueArray ~len=valueArray.length}}
        {{:~scrutari_mark(#data)}}{{if #index != (~len -1)}}, {{/if}}
    {{/for}}
</li>
{{else}}
<li>
    <p>
       {{>title}}{{>~scrutari_loc("_ colon")}}
    </p>
    <div class="scrutari-fiche-AttributeValues">
    {{for valueArray ~len=valueArray.length}}
        <p class="scrutari-fiche-AttributeValue">
            {{:~scrutari_mark(#data)}}
        </p>
    {{/for}}
    </div>
</li>
{{/if}}
</script>
<script data-name="fiche_mtitre" type="text/x-scrutari-template">
<p class="scrutari-fiche-Titre surtitre">
{{if _numero}}
    <span class="num_emission">{{: _numero}}</span>
{{/if}}
    <a href="{{:href}}"
       class="scrutari-fiche-Link"
       data-scrutari-link="fiche_{{:codefiche}}"
       {{if _target}} target="{{:_target}}"{{/if}}>
    {{if mtitre}}
        {{:~scrutari_mark(mtitre)}}
    {{else}}
        {{:href}}
    {{/if}}
    </a>
</p>
</script>
<script data-name="libreavous_end_ul" type="text/x-scrutari-template">
</ul>
</script>
<script data-name="libreavous_start_ul" type="text/x-scrutari-template">
<ul class="spip">
</script>
<script data-name="pagination_lav" type="text/x-scrutari-template">
{{for array}}
<div class="{{if !active}}scrutari-Hidden{{/if}}"  data-scrutari-block="ficheGroup{{:suffix}}" data-scrutari-name="{{:name}}">
    <div data-scrutari-block="ficheList{{:suffix}}"></div>
    <div data-scrutari-block="bottomTabs{{:suffix}}"></div>
</div>
{{/for}}
</script>


[===============================================================(#REM)
Fenêtres
]
<BOUCLE_fenetres(ARTICLES){id_rubrique=12}>
<aside data-scrutari-modal="help_#SURTITRE" class="scrutari-Hidden" aria-hidden="true">
    <header>
        #TITRE
    </header>
    <div>
    #TEXTE
    </div>
</aside>
</BOUCLE_fenetres>