Tutorial MES

I   (Pop-up iniziale per PALTCMES che richiede l'identificativo del lavoratore)
    id="txtBox_workerBadge"
        Type:   Input
        Desc:   Nel seguente campo è richiesto l'inserimento della matricola dell'utente, può essere eventualmente scanerizzato il QrCode presente nel badge.

II  (Pop-up dove viene richiesto l'op in cui si sta lavorando)
    Id="txtBox_prodTable"
        Type:   Input
        Desc:   Nel seguente campo è richiesto l'inserimento dell'identificativo dell'ordine di produzione.

III ()
    Id="datagrid-routes"
        Type:   Grid
        Desc:   Nella seguente tabella vengo mostrate le fasi disponibili per l'ordine di produzione inserito precedentemente, per procedere selezione la fase.

IV
    Id="list-activities"
        Type:   List of buttons
        Desc:   Nella seguente vista è possibile selezionare l'attività che si sta per svolgere, per procedere seleziona l'attività.

V   (Pop-up Nota )
    Id="textArea-insertNote"
        Type:   Input
        Desc:   Nel seguente pop-up è possibile inserire una nota, per dichiararne l'attività

VI
    I
        Id="svMes"
        Desc:   Benvenuto nell'interfaccia principale del mes!
    II
        Id="refParentId"
        Desc:   Il seguente bottone ti permette di cambiare l'ordine di produzione e successivamente verrà richiesto di indicare la fase e l'attività
    III
        Id="refLineId"
        Desc:   Questo bottone ti permette di cambiare la fase e successivamente verrà richiesto di indicare l'attività
    IV
        Id="refActivityId"
        Desc:   Mentre questo bottone ti permette di cambiare l'attività
    V
        Id="tdRefMesLabels"
        Desc:   Il seguente campo mostra le informazioni dell'OP inserito
    VI
        Id="inventThumbZREPARTO"
        Desc:   La seguente immagini se disponibile mostra un'anteprima dell'ordine di produzione e se cliccato permette di scaricare il modello e la tavola
    VII
        Id="tableProdRoute"
        Desc:   Qui sotto vengono mostrate le informazioni dischiarate precedentemente
    VIII
        Id="workerDiv"
        Desc:   Premendo questo bottone ti permetterà di uscire dalla plancia con il proprio utente e permettere ad altri di accedere con la propria matricola

VI
    Id="btnDeposit"
        Desc:   Con il seguente pulsante è possibile versare del materiale a magazzino verrà richiesto di inserire l'op e selezionare la fase
(prob. part 2)  nel seguente pop-up è possibile dichiarare la quantità di materiale versata in magazzino

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------

*IntroJs Steps Definition*

// Pop-up iniziale per PALTCMES che richiede l'identificativo del lavoratore
{
    element: document.querySelector('#txtBox_workerBadge'),
    intro: 'Nel seguente campo è richiesto l'inserimento della prorpia matricola, può essere anche scanerizzato il QrCode presente nel badge.'
},
{   // Questo passo dovrà essere presente solo se la preview della webcam
    element: document.querySelector(''),  // <--- da trovare l'id della preview
    intro: 'Può essere anche scanerizzato il QrCode presente nel badge.'
}

//Pop-up dove viene richiesto l'op in cui si sta lavorando
{
    element: document.querySelector('#txtBox_prodTable'),
    intro: 'Nel seguente campo è richiesto l'inserimento dell'identificativo dell'ordine di produzione su cui andrai a lavorare.'
}

// Pop-up lista fasi
{
    element: document.querySelector('#datagrid-routes'),
    intro: 'Nella seguente tabella vengo mostrate le fasi disponibili per l'ordine di produzione precedentemente inserito, per procedere selezione la fase che andrai a svolgere.'
}


// Pop-up lista attività
{
    element: document.querySelector('#list-activities'),
    intro: 'Nella seguente vista è possibile selezionare l'attività che si sta per svolgere, per procedere seleziona l'attività.'
}


// Pop-up nota 
{
    element: document.querySelector('#textArea-insertNote'),
    intro: 'Nel seguente pop-up è possibile inserire una nota, per dichiararne l'attività che verrà svolta'
}


// Plancia utente
{
    element: document.querySelector('#svMes'),
    intro: 'Benvenuto nell'interfaccia principale del MES!' // Tramite la seguente plancia puoi eseguire diverse (interazioni/funzioni/...[non go idea de che])
},
{
    element: document.querySelector('#refParentId'),
    intro: 'Il seguente bottone ti permette di cambiare l'ordine di produzione dichiarato, successivamente verrà richiesto di indicare la fase e l'attività.'
},
{
    element: document.querySelector('#refLineId'),
    intro: 'Questo bottone ti permette di cambiare la fase e verrà richiesto di indicare l'attività.'
},
{
    element: document.querySelector('#refActivityId'),
    intro: 'Mentre questo bottone ti permette di cambiare l'attività.'
},
{
    element: document.querySelector('#tdRefMesLabels'),
    intro: 'Nel seguente campo vengono mostrate le informazioni dell'OP inserito.'
},
{
    element: document.querySelector('#inventThumbZREPARTO'),
    intro: 'La seguente immagini, se disponibile, mostra un'anteprima dell'ordine di produzione e se cliccato permette di scaricane il modello e la tavola'
},
{
    element: document.querySelector('#tableProdRoute'),
    intro: 'Qui sotto vengono mostrate le informazioni dichiarate precedentemente'
},
{   // Dovrà essere visibile solo per PALTCMES
    element: document.querySelector('#workerDiv'),
    intro: 'Premendo questo bottone ti permetterà di uscire dalla plancia con il proprio utente e permettere ad altri di accedere con la propria matricola.'
},
{   // Bottone in alto a Dx
    element: document.querySelector('#btnDeposit'),
    intro: 'Con il seguente pulsante è possibile versare del materiale a magazzino, verrà richiesto di inserire l'op di riferimento e selezionare la fase'
},  // Da capire come funziona e una volta aperto eseguire il tutorial se necessario
{
    element: document.querySelector('#btnTutorial'),
    intro: 'Con il seguente bottone è possibile ripetere la guida appena conclusa'
}



// Template
{
    element: document.querySelector('#'),
    intro:
}