258 lines
11 KiB
JavaScript
258 lines
11 KiB
JavaScript
/*
|
|
function introJs() {
|
|
let iJsCoockie = "";
|
|
if (Cookies.get(iJsCoockie) != "completed"){
|
|
let introJsOpt = {
|
|
showBullets: false,
|
|
exitOnOverlayClick: false,
|
|
hideNext: true,
|
|
prevLabel: '< Indietro',
|
|
nextLabel: 'Avanti >',
|
|
skipLabel: 'Salta Tutorial',
|
|
steps: [
|
|
{
|
|
|
|
}],
|
|
};
|
|
|
|
introJs().setOptions(introJsOpt).onexit(function () {
|
|
Cookies.set(iJsCoockie, "completed");
|
|
introJs().exit(true);
|
|
}).start();
|
|
}
|
|
}
|
|
*/
|
|
|
|
function introJsWorkerBadge() {
|
|
let iJsCoockie = "iJsWorkerBadge";
|
|
|
|
if (Cookies.get(iJsCoockie) != "completed"){
|
|
let introJsOpt = {
|
|
showBullets: false,
|
|
exitOnOverlayClick: false,
|
|
hideNext: true,
|
|
prevLabel: '< Indietro',
|
|
nextLabel: 'Avanti >',
|
|
skipLabel: 'Salta Tutorial',
|
|
steps: [
|
|
{
|
|
element: document.querySelector('#txtBox_workerBadge'),
|
|
intro: 'Nel seguente campo è richiesto l\'inserimento della prorpia matricola, può essere anche scanerizzato il QrCode presente nel badge.'
|
|
}],
|
|
};
|
|
|
|
introJs().setOptions(introJsOpt).onexit(function () {
|
|
Cookies.set(iJsCoockie, "completed");
|
|
introJs().exit(true);
|
|
}).start();
|
|
}
|
|
}
|
|
|
|
function introJsProdTable() {
|
|
let iJsCoockie = "iJsProdTable";
|
|
if (Cookies.get(iJsCoockie) != "completed"){
|
|
let introJsOpt = {
|
|
showBullets: false,
|
|
exitOnOverlayClick: false,
|
|
hideNext: true,
|
|
prevLabel: '< Indietro',
|
|
nextLabel: 'Avanti >',
|
|
skipLabel: 'Salta Tutorial',
|
|
steps: [
|
|
{
|
|
element: document.querySelector('#txtBox_prodTable'),
|
|
intro: 'Nel seguente campo è richiesto l\'inserimento dell\'identificativo dell\'ordine di produzione su cui andrai a lavorare.'
|
|
}],
|
|
};
|
|
|
|
introJs().setOptions(introJsOpt).onexit(function () {
|
|
Cookies.set(iJsCoockie, "completed");
|
|
introJs().exit(true);
|
|
}).start();
|
|
}
|
|
}
|
|
|
|
function introJsRoutes() {
|
|
let iJsCoockie = "iJsRoutes";
|
|
if (Cookies.get(iJsCoockie) != "completed"){
|
|
let introJsOpt = {
|
|
showBullets: false,
|
|
exitOnOverlayClick: false,
|
|
hideNext: true,
|
|
prevLabel: '< Indietro',
|
|
nextLabel: 'Avanti >',
|
|
skipLabel: 'Salta Tutorial',
|
|
steps: [
|
|
{
|
|
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.'
|
|
}],
|
|
};
|
|
|
|
introJs().setOptions(introJsOpt).onexit(function () {
|
|
Cookies.set(iJsCoockie, "completed");
|
|
introJs().exit(true);
|
|
}).start();
|
|
}
|
|
}
|
|
|
|
function introJsActivities() {
|
|
let iJsCoockie = "iJsActivities";
|
|
if (Cookies.get(iJsCoockie) != "completed"){
|
|
let introJsOpt = {
|
|
showBullets: false,
|
|
exitOnOverlayClick: false,
|
|
hideNext: true,
|
|
prevLabel: '< Indietro',
|
|
nextLabel: 'Avanti >',
|
|
skipLabel: 'Salta Tutorial',
|
|
steps: [
|
|
{
|
|
element: document.querySelector('#list-activities'),
|
|
intro: 'Nella seguente vista è possibile selezionare l\'attività che si sta per svolgere, per procedere seleziona l\'attività.'
|
|
}],
|
|
};
|
|
|
|
introJs().setOptions(introJsOpt).onexit(function () {
|
|
Cookies.set(iJsCoockie, "completed");
|
|
introJs().exit(true);
|
|
}).start();
|
|
}
|
|
}
|
|
|
|
function introJsInsertNote() {
|
|
let iJsCoockie = "iJsInsertNote";
|
|
if (Cookies.get(iJsCoockie) != "completed"){
|
|
let introJsOpt = {
|
|
showBullets: false,
|
|
exitOnOverlayClick: false,
|
|
hideNext: true,
|
|
prevLabel: '< Indietro',
|
|
nextLabel: 'Avanti >',
|
|
skipLabel: 'Salta Tutorial',
|
|
steps: [
|
|
{
|
|
element: document.querySelector('#textArea-insertNote'),
|
|
intro: 'Nel seguente pop-up è possibile inserire una nota, per dichiararne l\'attività che verrà svolta'
|
|
}],
|
|
};
|
|
|
|
introJs().setOptions(introJsOpt).onexit(function () {
|
|
Cookies.set(iJsCoockie, "completed");
|
|
introJs().exit(true);
|
|
}).start();
|
|
}
|
|
}
|
|
|
|
function introJsSvMes() {
|
|
let iJsCoockie = "iJsSvMes";
|
|
if (Cookies.get(iJsCoockie) != "completed"){
|
|
|
|
let introJsOpt;
|
|
|
|
if (loogedUser == "PALTCMES"){
|
|
introJsOpt = {
|
|
showBullets: false,
|
|
exitOnOverlayClick: false,
|
|
hideNext: true,
|
|
prevLabel: '< Indietro',
|
|
nextLabel: 'Avanti >',
|
|
skipLabel: 'Salta Tutorial',
|
|
steps: [
|
|
{
|
|
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
|
|
/*{ to be implement
|
|
element: document.querySelector('#btnTutorial'),
|
|
intro: 'Con il seguente bottone è possibile ripetere la guida appena conclusa'
|
|
}*/
|
|
],
|
|
};
|
|
} else {
|
|
introJsOpt = {
|
|
showBullets: false,
|
|
exitOnOverlayClick: false,
|
|
hideNext: true,
|
|
prevLabel: '< Indietro',
|
|
nextLabel: 'Avanti >',
|
|
skipLabel: 'Salta Tutorial',
|
|
steps: [
|
|
{
|
|
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'
|
|
},
|
|
{ // 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
|
|
/*{ to be implement
|
|
element: document.querySelector('#btnTutorial'),
|
|
intro: 'Con il seguente bottone è possibile ripetere la guida appena conclusa'
|
|
}*/
|
|
],
|
|
};
|
|
}
|
|
|
|
introJs().setOptions(introJsOpt).onexit(function () {
|
|
Cookies.set(iJsCoockie, "completed");
|
|
introJs().exit(true);
|
|
}).start();
|
|
}
|
|
} |