« Core js

Boites de dialogue

La gestion des Boites de dialogue de Jeedom repose entièrement sur la lib interne jeeDialog().

jeeDialog.alert()

Affiche une simple alerter, sans option.


jeeDialog.alert('{{Vous devez activer ce plugin pour y accéder.}}')


jeeDialog.alert({
    title: String,
    message: String, //@required
    width: String,
    height: String,
    top: String,
    backdrop: Boolan, //Default: true
    callback: function(result) { //@required
        console.log('result:', result)
    },
    beforeClose: function() {
        console.log('About to close!')
    },
})

jeeDialog.confirm()

Demande une confirmation à l’utilisateur, avec retour.


jeeDialog.confirm('{{Êtes-vous sûr de vouloir supprimer tous ces équipements ?}}', function(result) {
    if (result) {
        //Do stuff
    }
})


jeeDialog.confirm({
    title: String,
    message: String, //@required
    width: String,
    height: String,
    top: String,
    backdrop: Boolan, //Default: true
    buttons: {},
    onShown: function(dialog //dialog HTMLelement) {
        console.log(dialog, 'shown')
    }),
    callback: function(result) { //@required
        console.log('result:', result)
    },
    beforeClose: function() {
        console.log('About to close!')
    },
})

jeeDialog.prompt()

Demande une information à l’utilisateur, avec information en retour.


jeeDialog.prompt("{{Nom du nouvel équipement}} ?", function(result) {
    if (result !== null) {
        var name = result
        //Do stuff
    }
})


jeeDialog.prompt({
    title: String,
    message: String, //@required
    width: String,
    height: String,
    top: String,
    inputType: String, //Default: input'. 'input', 'date', 'time', 'select', 'textarea'
    inputOptions: [ //Options for inputType: 'select'
        {text: String, value: String},
    ],
    placeholder: String,
    value: String / Number, //Default value for inputType
    pattern: String, //Validation pattern. Default pattern if inputType 'time' : '[0-9]{4}-[0-9]{2}-[0-9]{2}'
    backdrop: Boolan, //Default: true
    buttons: {},
    onShown: function(dialog //dialog HTMLelement) {
        console.log(dialog, 'shown')
    }),
    callback: function(result) { //@required
        console.log('result:', result)
    },
    beforeClose: function() {
        console.log('About to close!')
    },
})

jeedomUtils.showAlert()

Affiche une notification.


jeedomUtils.showAlert({
    message: '{{Plugin activé !}}',
    level: 'success'
})


jeedomUtils.showAlert({
    title: String,
    message: String,
    level: String, //'info', 'success', 'warning', 'danger'
    emptyBefore: false, //Remove all other notifications
    timeOut: Number //ms, setting in Configuration / Interface, forced to 0 if level 'danger',
    attachTo: String / HTMLelement, //If String, a valid querySelector
})

jeeDialog.dialog()

Affiche une boite de dialogue complète (redimensionnable, maximisable) avec contenu dynamique.

–wip otions–


jeeDialog.dialog({
    id: 'md_cmdHistory',
    title: '{{Historique}}',
    contentUrl: 'index.php?v=d&modal=cmd.history&id=' + cmdIds
})


jeeDialog.dialog({
    id: String,
    title: String,
    contentUrl: String,
    show: true,
    retainPosition: false,
    fullScreen: false,
    contentUrl: '',
    zIndex: 1019,
    backdrop: true,
    buttons: {
        uniqueid: {
            label: String,
            className: String,
            callback: {
                click: function(event) {
                    console.log('Clicked!', event)
                }
            }
        },
    },
    setTitle: true,
    setContent: true,
    setFooter: false,
    callback: function() {
        console.log('My dialog now exist!')
    },
    onMove: function(event) {
        console.log(event.target, 'is moving')
    },
    onResize: function(event) {
        console.log('Resizing', event)
    },
})


var dialogOptions = jjeeDialog.get('queryselectorstring', 'options')
var dialogElement = jeeDialog.get('queryselectorstring', 'dialog')
var dialogTitleElement = jeeDialog.get('queryselectorstring', 'title')
var dialogContentElement = jeeDialog.get('queryselectorstring', 'content')
var dialogFooterElement = jeeDialog.get('queryselectorstring', 'footer')

jeeDialog.get(dialogElement).destroy()

Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site web. Si vous continuez à utiliser ce site, nous supposerons que vous en êtes satisfait.