Passer au contenu principal

App FirstRunWizard : personnalisation panneaux "à propos"

 DOC TECHNIQUE    - EN COURS - 

image-1624874498221.png
Le menu paramètre propose, via l'option "à propos" une fenêtre modale proposant un certain nombre de panneaux d'information. Cette fonctionnalité est proposée par l'app "FirstRunWizard", littéralement : assistant de premier démarrage.

Il se lance donc lors de la première connection à l'application Web, puis peut-être de nouveau executé par l'option "à propos".

Détail des modifications :

Principe général

Les modifications sont apportés dans les fichiers situés dans 
  [ dossier nextcloud ]/ apps / firstrunwizard / templates /

Dans ce dossier, le fichier wizard.php orchestre l'ordre des panneaux en indiquant une référence à page.xxx correspondant à chacun des fichiers à inclure situés dans le même dossier page.xxx.php 

Il suffit donc de créer des fichiers page.xxx.php  et les référencer dans wizard.php pour construire la succession de panneaux qui s'affichera.

Pour notre adaptation de l'app, le contenu du fichier wizard.php est mis à jour ainsi :
<!-- ajout d'une modification de style pour afficher le logo académique -->
<style>
:root {
	--logo-acad: url(https://www.ac-reunion.fr/fileadmin/APPLICATIONS/logo-academie.png);
}
.locoacad {
    background-image: var(--logo-acad);
    background-repeat: no-repeat;
    background-size: 175px;
    background-position: left;
    width: 252px;
    height: 120px;
    margin: 0 auto;
}
</style>
<!-- (...) -->
<div id="firstrunwizard">

	<div class="firstrunwizard-header">
      <!-- (...) -->
	</div>
	<div class="firstrunwizard-content">
		<?php
		print_unescaped($this->inc('page.intro'));
		print_unescaped($this->inc('page.conditions'));
		print_unescaped($this->inc('page.values'));
		print_unescaped($this->inc('page.clients'));
		print_unescaped($this->inc('page.filaos'));
		?>
		<div class="wizard-navigation">
        <!-- (...) -->          
		</div>
	</div>
</div>

Panneau 1 : accueil page.intro.php

image-1625467192593.png
visuel du panneau 1 modifié

Panneau 2 : rappel des conditions d'utilisation page.conditions.php

image-1625467634114.pngvisuel du panneau 2 modifié
Accéder aux conditions d'utilisation

Panneau 3 : Informations sur le service proposé page.values.php

image-1625467699730.pngvisuel du panneau 3 modifié

Panneau 4 : Information sur les clients de synchronisation page.clients.php

image-1625465950461.png
visuel du panneau 4 modifié

Panneau 5 : Modalités d'assistanceAssistance et liens vers la documentation page.filaos.php

image-1625467816022.png
visuel du panneau 5 modifié