refactor(server): add ui class in jquery component selectors

bastean · May 25, 2024 · 3c1743e · 3c1743e
1 parent 30d4b9a
commit 3c1743e
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 33 deletions.
diff --git 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
@@ -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
@@ -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
@@ -3,7 +3,7 @@ package home
 var RegisterFormTagId = "register"
 
 script RegisterFormInit(formTagId, loginTabTagId string) {
-    $("#"+formTagId)
+    $(`#${formTagId}`)
         .form({
             on: "blur",
             inline : true,
@@ -63,29 +63,29 @@ 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"
                 });
             }
         })
     ;
 }
 
 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
@@ -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
@@ -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;