« MediaWiki:Mobile.js » : différence entre les versions

MediaWiki:Mobile.js (voir la source)

Version du 17 décembre 2023 à 17:10

3 065 octets ajoutés , 17 décembre 2023

aucun résumé des modifications

Daniel

Editeurs, Bureaucrates, Administrateurs d’interface, Administrateurs

1 397

modifications

@@ Ligne 2 : / Ligne 2 : @@
 /* Penser à aligner Mobile.js et Common.js pour la version bureau */
-	alert ("Mobile.js");
+	//alert ("Mobile.js");
 //---------------------------------------------------------------------------
-//	Copie d'un texte vers presse papier par bouton 11/2023
+//	Javascript nécessaire à la page de création d'une nouvelle recette
-//	Operationnel, installé dans comme suit
+//	Testé ici sous connexion Daniel pour mise au point
-//	Mediawiki:Mobile.js		pour exploitation pour les mobiles
+//
-//  Mediawiki:common.js	non installé car non nécessaires aux versions bureau
+// Version en exploitation : ce script doit être copié dans les deux pages
-//	Utilisateur:Daniel/common.js conservé en commentaire pour tests
+//	Mediawiki:Common.js et Mediawiki:Mobile.js
 //---------------------------------------------------------------------------
-/*
+mw.loader.using('mediawiki.widgets').then( function (){
-	Voir
-	https://www.mediawiki.org/wiki/Gadget_kitchen
+	// See documentation at:
-	https://www.mediawiki.org/wiki/Manual:CopyTextLayout
+	// https://doc.wikimedia.org/oojs-ui/master/js/#!/api/OO.ui.ActionFieldLayout
-	https://www.mediawiki.org/wiki/How_to_enhance_wiki_content_with_JavaScript
+	// https://doc.wikimedia.org/oojs-ui/master/js/#!/api/OO.ui.TextInputWidget
-	https://doc.wikimedia.org/oojs-ui/master/demos/?page=widgets&theme=wikimediaui&direction=ltr&platform=mobile#ButtonWidget-normal
+	// https://doc.wikimedia.org/oojs-ui/master/js/#!/api/OO.ui.ButtonWidget
+		var inputTitreRecette = new OO.ui.TextInputWidget( {
+		    placeholder: 'Le titre de la recette'
+		} );
+		var buttonValiderTitre = new OO.ui.ButtonWidget( {
+			label: 'Validez le titre',
+		} );
+		var fieldtitre = new OO.ui.ActionFieldLayout(
+			inputTitreRecette,
+			buttonValiderTitre,
+		    {
+		        label: 'Entrez le titre de la recette puis validez le',
+		        align: 'top',
+		        help: 'Si une recette existe déjà sous ce titre, elle sera présentée pour modification'
+		    }
+		);
+		var buttonCreerRecette = new OO.ui.ButtonWidget( {
+			label: 'Créer la recette',
+			href: 'https://doc.wikimedia.org',
+			disabled: true
+		} );
+		// A ButtonSelectWidget that contains three ButtonOptionWidgets.
+		// Note dsg : title est le nom du modèle de page qui est appelé pour créer la recette. Se limiter à 1 mot,
+		// l'espace étant mal interpreté par mediawiki quand il décode l'URI. Ainsi j'ai corrigé
+		// "plat principal" en le remplaçant par "plat".
+		// C'est dans le Modèle:plat que référence sera faite à la Catégorie:plt principal
+		var option1 = new OO.ui.ButtonOptionWidget( {
+		        data: "1",
+		        label: 'Entrée',
+		        title: 'Entrée',
+		    } ),
+		    option2 = new OO.ui.ButtonOptionWidget( {
+		        data: 2,
+		        label: 'Plat',
+		        title: 'Plat'
+		    } ),
+		    option3 = new OO.ui.ButtonOptionWidget( {
+		        data: 3,
+		        label: 'Dessert',
+		        title: 'Dessert'
+		    } ),
+		    buttonSelect = new OO.ui.ButtonSelectWidget( {
+		        items: [ option1, option2, option3 ]
+		    } );
+		$( '.dsg_TitreNouvellePage' ).append(fieldtitre.$element );
+		$( '.dsg_creationRecette' ).append(buttonCreerRecette.$element );
+		$( '.dsg_ButtonChoixCategorie' ).append(buttonSelect.$element );
+		feuVertTitre = false;
+		feuVertCategorie = false;
+		buttonValiderTitre.on( 'click', function () {
+			titreProposed = inputTitreRecette.getValue();
+			if ( !inputTitreRecette.value) {
+		        //alert("input vide" );
+		        feuVertTitre = false;
+		        buttonCreerRecette.setDisabled(true);
+		    } else {
+		        //alert("titre recu "+titreProposed );
+		       feuVertTitre = true;
+		       if(feuVertTitre && feuVertCategorie)
+		        	buttonCreerRecette.setDisabled(false);
+		        else buttonCreerRecette.setDisabled(true);
+		    }
+		});
+		buttonSelect.on("choose", function () {
+			categorieChoisie = buttonSelect.findSelectedItem( ).getTitle();
+			//alert (categorieChoisie);
+			//alert("titre recu "+titreProposed );
+			feuVertCategorie = true;
+		    if(feuVertTitre && feuVertCategorie)
+		        buttonCreerRecette.setDisabled(false);
+		    else buttonCreerRecette.setDisabled(true);
+		  });
-*/
+		buttonCreerRecette.on( 'click', function () {
+			//alert("FV categ "+feuVertCategorie);
+			//alert("feuVertTitre "+feuVertTitre);
+			if(feuVertTitre && feuVertCategorie) {
-mw.loader.using('mediawiki.widgets').then( function (){
+				// On prévoit ici les deux modes d'appel des pages des mediawikis.
+				// Voir la documentation mediawiki sur les URL des sites qui dépendent
+				// du type de serveur et de procédure de chaque site
+				if(window.location.pathname == '/index.php'){
+					//alert('On est chez ovh');
+					lienAppelCreation = window.location.pathname + '?title=';
+					lienAppelCreation = lienAppelCreation +
+						encodeURI (titreProposed + "&action=edit&section=new&preload=Modèle:" + categorieChoisie);
+				}else{
+					//alert('On est en local');
+					lienAppelCreation = '/index.php/';
+					lienAppelCreation = lienAppelCreation + titreProposed +
+						encodeURI (  "?action=edit&section=new&preload=Modèle:" + categorieChoisie);
+				}
+			// Réinitialisation au cas où on utiliserait le bouton retour du navigateur
+			buttonCreerRecette.setDisabled(true);
+			inputTitreRecette.setValue(null);
+			// Création de la nouvelle page
+			window.location.href = 	lienAppelCreation;
+			}
-	var copyText = new mw.widgets.CopyTextLayout( {
+		});
-            title: 'Copy the text',
-            copyText: '\{\{subst:Modèle:entrée\}\}'
-        } );
-	var copyTextPlat = new mw.widgets.CopyTextLayout( {
-            title: 'Copy the text',
-            copyText: '\{\{subst:Modèle:plat\}\}'
-        } );
-	var copyTextDessert = new mw.widgets.CopyTextLayout( {
-            title: 'Copy the text',
-            copyText: '\{\{subst:Modèle:dessert\}\}'
-        } );
-	//$( '#bodyContent' ).prepend( copyText.$element );
+});
-	$( '.dsg_RecetteCategorie' ).append(copyText.$element );
-	$( '.dsg_RecetteCategorie' ).append(copyTextPlat.$element );
-	$( '.dsg_RecetteCategorie' ).append(copyTextDessert.$element );
-});
 /*******************************************************************************/