« Utilisateur:Daniel/common.js » : différence entre les versions

aucun résumé des modifications
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 16 : Ligne 16 :
...
...
*/
*/
//---------------------------------------------------------------------------
// A documenter
// https://www.mediawiki.org/wiki/OOUI/OOjs_primer
//---------------------------------------------------------------------------
mw.loader.using('mediawiki.widgets').then( function (){
// See documentation at:
// https://doc.wikimedia.org/oojs-ui/master/js/#!/api/OO.ui.ActionFieldLayout
// https://doc.wikimedia.org/oojs-ui/master/js/#!/api/OO.ui.TextInputWidget
// 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: 'Valider le titre',
} );
var fieldtitre = new OO.ui.ActionFieldLayout(
inputTitreRecette,
buttonValiderTitre,
    {
        label: 'Entrez le nom de la recette puis validez le',
        align: 'top',
        help: 'This is help text'
    }
);
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. 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_TestButton' ).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) {
lienAppelCreation = encodeURI (titreProposed + "?action=edit&section=new&preload=Modèle:" + categorieChoisie);
// alert (lienAppelCreation);
// 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;
}
});
});