arcadiasuite/plus/public/js/tour.js

86 lines
2.3 KiB
JavaScript

$(function () {
// console.clear()
setTimeout(() => {
if ($("#step1").length && $("#step2").length){
let tourVar = window.localStorage.getItem('tour-app-sym');
if(!tourVar){
var tour = new Tour(validaSteps());
tour.show();
window.localStorage.setItem('tour-app-sym', true);
}
}
}, 100);
});
function validaSteps(){
let temp = []
steps.map((x) => {
console.log(x)
if($("#"+x.id).length || !x.id){
temp.push(x)
}
})
return temp
}
var steps = [
{
title: "Bem-vindo!",
content: "<p>Esse é o seu primeiro acesso, um breve tour sobre o sistema.</p>"
},
{
id: "step1",
content: "<p>Apresentamos de início o ambiente de emissão, endereço de IP atribuído, plano utilizado, sua data de expiração e opção de upgrade disponível.</p>"
},
{
id: "step2",
content: "<p>Você pode alterar quando quiser para o tema escuro ou claro.</p>"
},
{
id: "step3",
content: "<p>Aqui estão os detalhes da sua conta, configurações personalizadas e a opção para sair.</p>"
},
{
id: "step4",
content: "<p>Utilize o menu lateral para navegar pelas diferentes telas do sistema.</p>"
},
{
id: "step5",
content: "<p>Aqui, você pode configurar sua empresa. Forneça os dados do emitente, faça o upload do certificado digital, se necessário para emissão fiscal, selecione a natureza da operação e forneça outras informações relevantes.</p>"
},
{
id: "step6",
content: "<p>Registre seus clientes, fornecedores e usuários nesta seção.</p>"
},
{
id: "step7",
content: "<p>Registre seus produtos, categorias, marcas, controle de estoque e padrões de tributação nesta área.</p>"
},
{
title: "Obrigado!",
content: "<p>Esperamos que tenha uma excelente experiência com o nosso sistema.</p>"
}
];
$('#click-tour').click(() => {
if ($("#step1").length && $("#step2").length && $("#step3").length && $("#step4").length && $("#step5").length && $("#step6").length){
var tour = new Tour(validaSteps());
tour.show();
}
})
$('#light-dark-mode').click(() => {
$.get(path_url + "api/usuarios/update-theme", {usuario_id: $('#usuario_id').val(), tema: $(html).attr('data-bs-theme')})
.done((success) => {
console.log(success)
})
.fail((err) => {
console.log(err);
});
})