From 3c1743ed59d0e35fe5b4d2e2e7d9a4e62066a4a5 Mon Sep 17 00:00:00 2001 From: Bastean Date: Sat, 25 May 2024 16:04:37 -0300 Subject: [PATCH] refactor(server): add ui class in jquery component selectors --- .../component/page/dashboard/form.delete.templ | 12 ++++++------ .../component/page/dashboard/form.update.templ | 14 +++++++------- .../server/component/page/home/form.login.templ | 10 +++++----- .../component/page/home/form.register.templ | 16 ++++++++-------- .../server/component/page/home/page.home.templ | 6 +++--- .../server/component/script/fomantic/init.templ | 8 ++++---- 6 files changed, 33 insertions(+), 33 deletions(-) diff --git a/pkg/cmd/server/component/page/dashboard/form.delete.templ b/pkg/cmd/server/component/page/dashboard/form.delete.templ index 11b3d3d8..c479c6bc 100644 --- a/pkg/cmd/server/component/page/dashboard/form.delete.templ +++ b/pkg/cmd/server/component/page/dashboard/form.delete.templ @@ -3,7 +3,7 @@ package dashboard var DeleteFormTagId = "delete" script DeleteFormInit(formTagId string) { - $("#"+formTagId) + $(`#${formTagId}`) .form({ on: "blur", inline : true, @@ -30,21 +30,21 @@ script DeleteFormInit(formTagId string) { method: "DELETE", onSuccess: function(response, element, xhr) { $.toast({ - class: 'success', + class: "success", message: response.message, - showProgress: 'top', + showProgress: "top", }); _.delay(function() { Storage.Clear(); window.location.replace("/"); - }, 3000); + }, 1000); }, onFailure: function(response, element, xhr) { $.toast({ - class: 'error', + class: "error", message: response.message, - showProgress: 'top' + showProgress: "top" }); } }) diff --git a/pkg/cmd/server/component/page/dashboard/form.update.templ b/pkg/cmd/server/component/page/dashboard/form.update.templ index aa6310b3..3cb46d53 100644 --- a/pkg/cmd/server/component/page/dashboard/form.update.templ +++ b/pkg/cmd/server/component/page/dashboard/form.update.templ @@ -3,7 +3,7 @@ package dashboard var UpdateFormTagId = "update" script UpdateFormInit(formTagId string) { - $("#"+formTagId) + $(`#${formTagId}`) .form({ on: "blur", inline : true, @@ -45,7 +45,7 @@ script UpdateFormInit(formTagId string) { ] }, ConfirmPassword: { - depends : 'UpdatedPassword', + depends : "UpdatedPassword", rules: [ { type: "match[UpdatedPassword]" @@ -59,20 +59,20 @@ script UpdateFormInit(formTagId string) { method: "PATCH", onSuccess: function(response, element, xhr) { $.toast({ - class: 'success', + class: "success", message: response.message, - showProgress: 'top', + showProgress: "top", }); _.delay(function() { window.location.replace("/dashboard"); - }, 3000); + }, 1000); }, onFailure: function(response, element, xhr) { $.toast({ - class: 'error', + class: "error", message: response.message, - showProgress: 'top' + showProgress: "top" }); } }) diff --git a/pkg/cmd/server/component/page/home/form.login.templ b/pkg/cmd/server/component/page/home/form.login.templ index 508a6685..63cfc3ec 100644 --- a/pkg/cmd/server/component/page/home/form.login.templ +++ b/pkg/cmd/server/component/page/home/form.login.templ @@ -3,7 +3,7 @@ package home var LoginFormTagId = "login" script LoginFormInit(formTagId string) { - $("#"+formTagId) + $(`#${formTagId}`) .form({ on: "blur", inline : true, @@ -30,9 +30,9 @@ script LoginFormInit(formTagId string) { method: "POST", onSuccess: function(response, element, xhr) { $.toast({ - class: 'success', + class: "success", message: response.message, - showProgress: 'top', + showProgress: "top", }); _.delay(function() { @@ -41,9 +41,9 @@ script LoginFormInit(formTagId string) { }, onFailure: function(response, element, xhr) { $.toast({ - class: 'error', + class: "error", message: response.message, - showProgress: 'top' + showProgress: "top" }); } }) diff --git a/pkg/cmd/server/component/page/home/form.register.templ b/pkg/cmd/server/component/page/home/form.register.templ index e46670ba..7a958e57 100644 --- a/pkg/cmd/server/component/page/home/form.register.templ +++ b/pkg/cmd/server/component/page/home/form.register.templ @@ -3,7 +3,7 @@ package home var RegisterFormTagId = "register" script RegisterFormInit(formTagId, loginTabTagId string) { - $("#"+formTagId) + $(`#${formTagId}`) .form({ on: "blur", inline : true, @@ -63,21 +63,21 @@ script RegisterFormInit(formTagId, loginTabTagId string) { }, onSuccess: function(response, element, xhr) { $.toast({ - class: 'success', + class: "success", message: response.message, - showProgress: 'top', + showProgress: "top", }); _.delay(function() { - $.tab('change tab', loginTabTagId); - $("#"+formTagId).form('reset'); + $.tab("change tab", loginTabTagId); + $(`#${formTagId}`).form("reset"); }, 1000); }, onFailure: function(response, element, xhr) { $.toast({ - class: 'error', + class: "error", message: response.message, - showProgress: 'top' + showProgress: "top" }); } }) @@ -85,7 +85,7 @@ script RegisterFormInit(formTagId, loginTabTagId string) { } script ShowTerms(modalTagId string) { - $("#"+ modalTagId).modal("show") + $(`#${modalTagId}`).modal("show") } templ RegisterForm() { diff --git a/pkg/cmd/server/component/page/home/page.home.templ b/pkg/cmd/server/component/page/home/page.home.templ index a839e31f..0c326b22 100644 --- a/pkg/cmd/server/component/page/home/page.home.templ +++ b/pkg/cmd/server/component/page/home/page.home.templ @@ -9,11 +9,11 @@ var RegisterTabTagId = "tab-register" var LoginTabTagId = "tab-login" script PageInit() { - $(".container") + $(".ui.container") .transition("fade in", "3s") ; - $(".container .column .menu .right .item") + $(".ui .container .column .menu .right .item") .tab({ context: ".container" }) @@ -28,7 +28,7 @@ script PageInit() { } script ShowTab(tabTagId string) { - $(`.menu .item[data-tab=${tabTagId}]`).trigger("click"); + $(`.ui.menu .item[data-tab=${tabTagId}]`).trigger("click"); } templ Page() { diff --git a/pkg/cmd/server/component/script/fomantic/init.templ b/pkg/cmd/server/component/script/fomantic/init.templ index a0440b09..06704866 100644 --- a/pkg/cmd/server/component/script/fomantic/init.templ +++ b/pkg/cmd/server/component/script/fomantic/init.templ @@ -2,10 +2,10 @@ package fomantic script Init() { $.api.settings.api = { - 'create user' : '/', - 'login user' : '/', - 'update user' : '/dashboard', - 'delete user' : '/dashboard', + "create user" : "/", + "login user" : "/", + "update user" : "/dashboard", + "delete user" : "/dashboard", }; $.api.settings.serializeForm = true;