diff --git a/assets/asset-corporate-portal/css/sas.bundle.css b/assets/asset-corporate-portal/css/sas.bundle.css index 9bbacf6..cc205b8 100644 --- a/assets/asset-corporate-portal/css/sas.bundle.css +++ b/assets/asset-corporate-portal/css/sas.bundle.css @@ -294,6 +294,56 @@ a.text-white:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5); } + +.btn-field { + color: var(--text-black); + background-color: var(--fieldbg) !important; + border-color: var(--fieldbg) !important; +} +.btn-field.btn-lg { + padding: 0.825rem 1.42rem !important; + font-size: 1.08rem !important; + line-height: 1.5 !important; + border-radius: 0.42rem !important; +} +.btn-field.btn-lg.rounded-lg { + padding: 0.825rem 1.42rem !important; + font-size: 1.08rem !important; + line-height: 1.5 !important; + border-radius: 0.85rem !important; +} +.btn-field:hover { + color: var(--text-black); + background-color: var(--fieldbg) !important; + border-color: var(--fieldbg) !important; +} +.btn-field:focus, +.btn-field.focus { + color: var(--text-black); + background-color: var(--fieldbg) !important; + border-color: var(--fieldbg) !important; + -webkit-box-shadow: 0 0 0 0rem var(--fieldbg) !important; + box-shadow: 0 0 0 0rem var(--fieldbg) !important; +} +.btn-field.disabled, +.btn-field:disabled { + color: var(--text-black); + background-color: var(--fieldbg) !important; + border-color: var(--fieldbg) !important; +} +.btn-field:not(:disabled):not(.disabled):active, +.btn-field:not(:disabled):not(.disabled).active, +.show > .btn-field.dropdown-toggle { + color: var(--text-black); + background-color: var(--fieldbg) !important; + border-color: var(--fieldbg) !important; +} +.btn-field:not(:disabled):not(.disabled):active:focus, +.btn-field:not(:disabled):not(.disabled).active:focus, +.show > .btn-field.dropdown-toggle:focus { + -webkit-box-shadow: 0 0 0 0rem var(--fieldbg) !important; + box-shadow: 0 0 0 0rem var(--fieldbg) !important; +} /* COBA CUSTOM BTN */ .btn-tosca { color: #ffffff; diff --git a/handlers/dev/md.bahan.handlers.go b/handlers/dev/md.bahan.handlers.go new file mode 100644 index 0000000..6ac26a0 --- /dev/null +++ b/handlers/dev/md.bahan.handlers.go @@ -0,0 +1,231 @@ +package dev_handlers + +import ( + breadcrumadmin "cpone/component/breadcrumbadmin" + navbarmenu "cpone/component/navbar" + "cpone/component/pagination" + sidebaruserprofile "cpone/component/sidebar_user_profile" + "cpone/models" + "cpone/services" + "cpone/utils" + dev_mdbahanview "cpone/views/dev/mdbahan" + "strconv" + + "github.com/a-h/templ" + "github.com/labstack/echo/v4" + "go.uber.org/zap" +) + +type MdBahanServices interface { + GetListMdBahan( + search string, + stationID string, + currentPage int, + rowPerPage int) ([]models.Bahan, int, error) + GetMdBahanBreadCrumb(title string) (models.BreadCrumbV1, error) + GetListSampleStation() ([]models.TmpSampleStation, error) +} + +func NewMdBahanHandler(us MdBahanServices) *MdBahanHandler { + return &MdBahanHandler{ + MdBahanServices: us, + } +} + +type MdBahanHandler struct { + MdBahanServices MdBahanServices +} + +func (lh *MdBahanHandler) HandleShowMdBahanScreen(c echo.Context) error { + logger, _ := zap.NewProduction() + + dataMenu, err := services.GetMenu() + paginationID := utils.GenerateRandomID("paginationID") + + if err != nil { + defer logger.Sync() + logger.Info("ERROR BREADCRUMB DEV", + zap.Any("error", err), + ) + return err + } + + //get user login + dataUser, err := services.GetUserLogin() + + if err != nil { + defer logger.Sync() + logger.Info("ERROR BREADCRUMB DEV", + zap.Any("error", err), + ) + return err + } + dataBreadCrumb, err := lh.MdBahanServices.GetMdBahanBreadCrumb("Bahan") + + if err != nil { + defer logger.Sync() + logger.Info("ERROR BREADCRUMB DEV", + zap.Any("error", err), + ) + return err + } + + //Breadcrumb component + breadcrumbComponent := breadcrumadmin.MainBreadcrumbAdminV1(dataBreadCrumb) + // navbar menu + navbarmenuComponent := navbarmenu.NavbarMenu(dataMenu) + + // navbar user + navbaruserComponent := navbarmenu.Navbar(dataUser) + + // sidebar + sidebaruserprofileComponent := sidebaruserprofile.Navbaruserprofile(dataUser) + bahanList, totalPage, err := lh.MdBahanServices.GetListMdBahan("", "1", 1, 5) + defer logger.Sync() + logger.Info("GET DATA BAHAN", + zap.Any("data", bahanList), + zap.Any("err", err), + zap.Any("totalPage", totalPage), + ) + stationList, err := lh.MdBahanServices.GetListSampleStation() + defer logger.Sync() + logger.Info("GET DATA BAHAN", + zap.Any("data", bahanList), + zap.Any("err", err), + zap.Any("totalPage", totalPage), + ) + + //Bahan Table + tableBahanID := utils.GenerateRandomID("BahanID") + mdBahanTable := dev_mdbahanview.TableBahan( + bahanList, + tableBahanID, "getedt", "trgtEdit", "swpEdit", "imcldEdit", "getDlt", "trgtDlt", "swpDlt", "imcldDlt") + + //FIlter table + mdBahanFilter := dev_mdbahanview.MdBahanFilter( + "/dev/md/bahan/filter", + "input changed delay:500ms", + "#filter-name, #filter-station, #tableID, #paginationID", + "outerHTML", + "#"+paginationID, + stationList, + stationList[0].T_SampleStationID, + dev_mdbahanview.BeforeRequestContent(), + dev_mdbahanview.AfterRequestContent(), + ) + + //Pagination + + mdbahanPagination := pagination.PaginationV3( + totalPage, 1, + "/dev/md/bahan/pagination", + paginationID, + "#filter-name, #filter-station, #tableID, #paginationID, #currpage"+paginationID, + "#"+paginationID, + "outerHTML", + "", + "", + dev_mdbahanview.BeforeRequestContent(), + dev_mdbahanview.AfterRequestContent(), + ) + + mdBahanScreen := dev_mdbahanview.MdBahanScreen(tableBahanID, paginationID, breadcrumbComponent, mdBahanTable, mdBahanFilter, mdbahanPagination) + cssMdBahan := dev_mdbahanview.CssMdUserGroup() + jsMdBahan := dev_mdbahanview.JsMdBahan() + + view := dev_mdbahanview.ShowMdBahanScreen( + "Md Bahan", + mdBahanScreen, + cssMdBahan, + jsMdBahan, + navbarmenuComponent, + navbaruserComponent, + sidebaruserprofileComponent) + return utils.View(c, view) +} + +func (lh *MdBahanHandler) HandleFilterMdBahan(c echo.Context) error { + logger, _ := zap.NewProduction() + var retval []templ.Component + filtername := c.QueryParam("filtername") + filterstation := c.QueryParam("filterstation") + tableID := c.QueryParam("tableID") + paginationID := c.QueryParam("paginationID") + bahanList, totalPage, err := lh.MdBahanServices.GetListMdBahan(filtername, filterstation, 1, 5) + defer logger.Sync() + logger.Info("GET DATA BAHAN", + zap.Any("data", bahanList), + zap.Any("err", err), + zap.Any("totalPage", totalPage), + ) + //Bahan Table + + mdBahanTable := dev_mdbahanview.TableBahan( + bahanList, + tableID, "getedt", "trgtEdit", "swpEdit", "imcldEdit", "getDlt", "trgtDlt", "swpDlt", "imcldDlt") + //Pagination + + mdbahanPagination := pagination.PaginationV3( + totalPage, 1, + "/dev/md/bahan/pagination", + paginationID, + "#filter-name, #filter-station, #tableID, #paginationID, #currpage"+paginationID, + "#"+paginationID, + "outerHTML", + "", + "", + dev_mdbahanview.BeforeRequestContent(), + dev_mdbahanview.AfterRequestContent(), + ) + retval = append(retval, mdBahanTable) + retval = append(retval, mdbahanPagination) + return utils.ViewMulti(c, retval) +} +func (lh *MdBahanHandler) HandlePaginationMdBahan(c echo.Context) error { + logger, _ := zap.NewProduction() + var retval []templ.Component + pageparam := c.QueryParam("page") + + filtername := c.QueryParam("filtername") + filterstation := c.QueryParam("filterstation") + tableID := c.QueryParam("tableID") + paginationID := c.QueryParam("paginationID") + page, err := strconv.Atoi(pageparam) + if err != nil { + defer logger.Sync() + logger.Info("ERROR CONVERT PAGE PARAM", + zap.Any("page", page), + zap.Any("error ", err), + ) + return err + } + bahanList, totalPage, err := lh.MdBahanServices.GetListMdBahan(filtername, filterstation, page, 5) + defer logger.Sync() + logger.Info("GET DATA BAHAN", + zap.Any("data", bahanList), + zap.Any("err", err), + zap.Any("totalPage", totalPage), + ) + //Bahan Table + + mdBahanTable := dev_mdbahanview.TableBahan( + bahanList, + tableID, "getedt", "trgtEdit", "swpEdit", "imcldEdit", "getDlt", "trgtDlt", "swpDlt", "imcldDlt") + //Pagination + + mdbahanPagination := pagination.PaginationV3( + totalPage, page, + "/dev/md/bahan/pagination", + paginationID, + "#filter-name, #filter-station, #tableID, #paginationID, #currpage"+paginationID, + "#"+paginationID, + "outerHTML", + "", + "", + dev_mdbahanview.BeforeRequestContent(), + dev_mdbahanview.AfterRequestContent(), + ) + retval = append(retval, mdBahanTable) + retval = append(retval, mdbahanPagination) + return utils.ViewMulti(c, retval) +} diff --git a/handlers/routes.go b/handlers/routes.go index d1b13b1..25388b1 100644 --- a/handlers/routes.go +++ b/handlers/routes.go @@ -291,4 +291,11 @@ func SetupRoutesDev(app *echo.Echo, appStore db.AppStore) { dev.GET("/md/groupresultv2/opendelete", devMdGRhandlers.HandleOpenDeleteForm) dev.POST("/md/groupresultv2/closedeleteform", devMdGRhandlers.HandleCloseFormDelete) dev.POST("/md/groupresultv2/delete", devMdGRhandlers.HandleDeleteUserGroup) + //MD BAHAN + devMdBahanServices := dev_services.NewMdBahanServices(appStore) + devMdBahanHandlers := dev_handlers.NewMdBahanHandler(devMdBahanServices) + dev.GET("/md/bahan", devMdBahanHandlers.HandleShowMdBahanScreen) + dev.GET("/md/bahan/filter", devMdBahanHandlers.HandleFilterMdBahan) + dev.GET("/md/bahan/pagination", devMdBahanHandlers.HandlePaginationMdBahan) + } diff --git a/models/bahan.models.go b/models/bahan.models.go new file mode 100644 index 0000000..047d4dd --- /dev/null +++ b/models/bahan.models.go @@ -0,0 +1,23 @@ +package models + +type Bahan struct { + T_BahanID int `db:"T_BahanID"` + T_BahanT_SampleStationID string `db:"T_BahanT_SampleStationID"` + T_SampleStationID string `db:"T_SampleStationID"` + T_SampleStationName string `db:"T_SampleStationName"` + T_BahanCode string `db:"T_BahanCode"` + T_BahanName string `db:"T_BahanName"` + T_BahanLangName string `db:"T_BahanLangName"` + T_BahanIsActive string `db:"T_BahanIsActive"` + T_BahanCreated string `db:"T_BahanCreated"` + T_BahanCreatedUserID string `db:"T_BahanCreatedUserID"` + T_BahanLastUpdated string `db:"T_BahanLastUpdated"` + T_BahanLastUpdatedUserID string `db:"T_BahanLastUpdatedUserID"` + T_BahanDeleted string `db:"T_BahanDeleted"` + T_BahanDeletedUserID string `db:"T_BahanDeletedUserID"` +} + +type TmpSampleStation struct { + T_SampleStationID string `db:"T_SampleStationID"` + T_SampleStationName string `db:"T_SampleStationName"` +} diff --git a/services/dev/md.bahan.services.go b/services/dev/md.bahan.services.go new file mode 100644 index 0000000..97cdd91 --- /dev/null +++ b/services/dev/md.bahan.services.go @@ -0,0 +1,109 @@ +package dev_services + +import ( + "cpone/db" + "cpone/models" + dbx "cpone/package/database" + "fmt" + "math" + "strings" +) + +func NewMdBahanServices(uStore db.AppStore) *MdBahanServices { + + return &MdBahanServices{ + + MdBahanStore: uStore, + } +} + +type MdBahanServices struct { + MdBahanStore db.AppStore +} + +func (su *MdBahanServices) GetListMdBahan( + search string, + stationID string, + currentPage int, + rowPerPage int) ([]models.Bahan, int, error) { + var bahanList []models.Bahan + var totalData int + offset := (currentPage - 1) * rowPerPage + prm := "%" + strings.TrimSpace(search) + "%" + querytotal := ` + SELECT COUNT(*) FROM + t_bahan + JOIN + t_samplestation + ON T_BahanT_SampleStationID = T_SampleStationID + AND T_BahanIsActive = 'Y' + AND T_SampleStationIsActive = 'Y' + WHERE (T_BahanName LIKE ? OR T_BahanCode LIKE ? ) + AND T_BahanT_SampleStationID = ? + ` + if err := dbx.Handlex.Get(&totalData, querytotal, prm, prm, stationID); err != nil { + return nil, 0, fmt.Errorf("error querying database: %v", err) + } + query := ` + SELECT t_bahan.*, + T_SampleStationName, + T_SampleStationID FROM + t_bahan + JOIN + t_samplestation + ON T_BahanT_SampleStationID = T_SampleStationID + AND T_BahanIsActive = 'Y' + AND T_SampleStationIsActive = 'Y' + WHERE (T_BahanName LIKE ? OR T_BahanCode LIKE ? ) + AND T_BahanT_SampleStationID = ? + LIMIT ? OFFSET ? + ` + + if err := dbx.Handlex.Select(&bahanList, query, prm, prm, stationID, rowPerPage, offset); err != nil { + return nil, 0, fmt.Errorf("error querying database: %v", err) + } + totalPage := int(math.Ceil(float64(totalData) / float64(rowPerPage))) + + return bahanList, totalPage, nil + +} + +func (su *MdBahanServices) GetMdBahanBreadCrumb(title string) (models.BreadCrumbV1, error) { + + ret := models.BreadCrumbV1{ + Title: "Master Bahan", + Item: []models.ItemBreadCrumbV1{ + { + Item: "Dashboard", + Url: "/dev/dashboard", + }, + { + Item: "Master", + Url: "/dev/master", + }, + { + Item: "Bahan", + Url: "", + }, + }, + } + + return ret, nil +} +func (su *MdBahanServices) GetListSampleStation() ([]models.TmpSampleStation, error) { + var stationList []models.TmpSampleStation + query := ` + SELECT + T_SampleStationID, + T_SampleStationName + FROM + t_samplestation + WHERE T_SampleStationIsActive = 'Y' + ` + + if err := dbx.Handlex.Select(&stationList, query); err != nil { + return nil, fmt.Errorf("error querying database: %v", err) + } + + return stationList, nil +} diff --git a/views/dev/mdbahan/mdbahan.templ b/views/dev/mdbahan/mdbahan.templ new file mode 100644 index 0000000..1ad1a37 --- /dev/null +++ b/views/dev/mdbahan/mdbahan.templ @@ -0,0 +1,221 @@ +package dev_mdbahanview + +import "cpone/layout" +import "cpone/models" +import "cpone/component/customtextfield" + +templ MdBahanScreen( + tableID string, + paginationID string, + breadcrumb templ.Component, + tablecontent templ.Component, + filterComponent templ.Component, + pagination templ.Component, +) { +
+ @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "tableID", + Name: "tableID", + Type: "hidden", + Value: tableID}) + @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "paginationID", + Name: "paginationID", + Type: "hidden", + Value: paginationID}) +
+
+ @breadcrumb +
+
+ //
+
+ +
+
+
+ +
+
+
+ @filterComponent + @tablecontent + @pagination +
+ // + +
+
+
+
+} + +templ CssMdUserGroup() { +} + +templ JsMdBahan() { + +} + +script BeforeRequestContent() { + const loadingParent = document.getElementById("loading-parent"); + const loadingChild = document.getElementById("loading-child"); + const loadingSpinner = document.getElementById("loading-spinner"); + + loadingParent.classList.add("overlay"); + loadingParent.classList.add("overlay-block"); + loadingChild.classList.add("overlay-layer"); + loadingSpinner.classList.remove("d-none"); +} + +script AfterRequestContent() { + const loadingParent = document.getElementById("loading-parent"); + const loadingChild = document.getElementById("loading-child"); + const loadingSpinner = document.getElementById("loading-spinner"); + + loadingParent.classList.remove("overlay"); + loadingParent.classList.remove("overlay-block"); + loadingChild.classList.remove("overlay-layer"); + loadingSpinner.classList.add("d-none"); +} + +templ MdBahanFilter( + hxGet string, + hxTrigger string, + hxInclude string, + hxSwap string, + hxTarget string, + dataStation []models.TmpSampleStation, + selectedIdStation string, + hxBeforeRequest templ.ComponentScript, + hxAfterRequest templ.ComponentScript, +) { +
+
+
+ +
+
+ + // + // +
+
+
+} + +templ ShowMdBahanScreen(title string, cmp templ.Component, css templ.Component, js templ.Component, + navbarmenu templ.Component, + navbaruser templ.Component, + userprofile templ.Component) { + @layout.CorporateLayout(title, css, js, navbarmenu, navbaruser, userprofile) { + @cmp + } +} diff --git a/views/dev/mdbahan/mdbahan_templ.go b/views/dev/mdbahan/mdbahan_templ.go new file mode 100644 index 0000000..9290f5a --- /dev/null +++ b/views/dev/mdbahan/mdbahan_templ.go @@ -0,0 +1,480 @@ +// Code generated by templ - DO NOT EDIT. + +// templ: version: v0.2.663 +package dev_mdbahanview + +//lint:file-ignore SA4006 This context is only used if a nested component is present. + +import "github.com/a-h/templ" +import "context" +import "io" +import "bytes" + +import "cpone/layout" +import "cpone/models" +import "cpone/component/customtextfield" + +func MdBahanScreen( + tableID string, + paginationID string, + breadcrumb templ.Component, + tablecontent templ.Component, + filterComponent templ.Component, + pagination templ.Component, +) templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var1 := templ.GetChildren(ctx) + if templ_7745c5c3_Var1 == nil { + templ_7745c5c3_Var1 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "tableID", + Name: "tableID", + Type: "hidden", + Value: tableID}).Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "paginationID", + Name: "paginationID", + Type: "hidden", + Value: paginationID}).Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = breadcrumb.Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = filterComponent.Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = tablecontent.Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = pagination.Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +} + +func CssMdUserGroup() templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var2 := templ.GetChildren(ctx) + if templ_7745c5c3_Var2 == nil { + templ_7745c5c3_Var2 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +} + +func JsMdBahan() templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var3 := templ.GetChildren(ctx) + if templ_7745c5c3_Var3 == nil { + templ_7745c5c3_Var3 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +} + +func BeforeRequestContent() templ.ComponentScript { + return templ.ComponentScript{ + Name: `__templ_BeforeRequestContent_911f`, + Function: `function __templ_BeforeRequestContent_911f(){const loadingParent = document.getElementById("loading-parent"); + const loadingChild = document.getElementById("loading-child"); + const loadingSpinner = document.getElementById("loading-spinner"); + + loadingParent.classList.add("overlay"); + loadingParent.classList.add("overlay-block"); + loadingChild.classList.add("overlay-layer"); + loadingSpinner.classList.remove("d-none"); +}`, + Call: templ.SafeScript(`__templ_BeforeRequestContent_911f`), + CallInline: templ.SafeScriptInline(`__templ_BeforeRequestContent_911f`), + } +} + +func AfterRequestContent() templ.ComponentScript { + return templ.ComponentScript{ + Name: `__templ_AfterRequestContent_6cc0`, + Function: `function __templ_AfterRequestContent_6cc0(){const loadingParent = document.getElementById("loading-parent"); + const loadingChild = document.getElementById("loading-child"); + const loadingSpinner = document.getElementById("loading-spinner"); + + loadingParent.classList.remove("overlay"); + loadingParent.classList.remove("overlay-block"); + loadingChild.classList.remove("overlay-layer"); + loadingSpinner.classList.add("d-none"); +}`, + Call: templ.SafeScript(`__templ_AfterRequestContent_6cc0`), + CallInline: templ.SafeScriptInline(`__templ_AfterRequestContent_6cc0`), + } +} + +func MdBahanFilter( + hxGet string, + hxTrigger string, + hxInclude string, + hxSwap string, + hxTarget string, + dataStation []models.TmpSampleStation, + selectedIdStation string, + hxBeforeRequest templ.ComponentScript, + hxAfterRequest templ.ComponentScript, +) templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var4 := templ.GetChildren(ctx) + if templ_7745c5c3_Var4 == nil { + templ_7745c5c3_Var4 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, hxBeforeRequest, hxAfterRequest) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, hxBeforeRequest, hxAfterRequest) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +} + +func ShowMdBahanScreen(title string, cmp templ.Component, css templ.Component, js templ.Component, + navbarmenu templ.Component, + navbaruser templ.Component, + userprofile templ.Component) templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var22 := templ.GetChildren(ctx) + if templ_7745c5c3_Var22 == nil { + templ_7745c5c3_Var22 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + templ_7745c5c3_Var23 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + templ_7745c5c3_Err = cmp.Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = io.Copy(templ_7745c5c3_W, templ_7745c5c3_Buffer) + } + return templ_7745c5c3_Err + }) + templ_7745c5c3_Err = layout.CorporateLayout(title, css, js, navbarmenu, navbaruser, userprofile).Render(templ.WithChildren(ctx, templ_7745c5c3_Var23), templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +} diff --git a/views/dev/mdbahan/mdbahanformmodal.templ b/views/dev/mdbahan/mdbahanformmodal.templ new file mode 100644 index 0000000..00a89d2 --- /dev/null +++ b/views/dev/mdbahan/mdbahanformmodal.templ @@ -0,0 +1,185 @@ +package dev_mdbahanview + +import "cpone/models" + +templ UserGroupForm(data models.UserGroupFormComponent) { +
+
+ @modalcomponent.Modal(data.ModalID, + data.ModalTitle, + data.DialogBody, + data.DialogAction, + data.ButtonCLose) +
+
+} + +script HandleFormBeforeRequest() { + console.log("handle disable btn add"); + const btnActCancel = document.querySelectorAll('.btnactcancel'); + const btnactsavedata = document.querySelectorAll('.btnactsavedata'); + + for (let i = 0; i < btnActCancel.length; i++) { + btnActCancel[i].setAttribute('disabled', 'true'); + + } + for (let i = 0; i < btnactsavedata.length; i++) { + btnactsavedata[i].setAttribute('disabled', 'true'); + + } +} + +script HandleFormAfterRequest() { + console.log("handle enable btn add"); + + const btnactcancel = document.querySelectorAll('.btnactcancel'); + const btnactsavedata = document.querySelectorAll('.btnactsavedata'); + + + for (let i = 0; i < btnactcancel.length; i++) { + btnactcancel[i].removeAttribute('disabled'); + + } + for (let i = 0; i < btnactsavedata.length; i++) { + btnactsavedata[i].removeAttribute('disabled'); + + } +} + +templ BodyFormUserGroup(inputId models.CustomTextFieldv2Prm, + inputCode models.CustomTextFieldv2Prm, + inputName models.CustomTextFieldv2Prm, + componentID string, + hxOnLoad templ.ComponentScript) { +
+ @customtextfield.CustomTextFieldv2( + inputId) + @customtextfield.CustomTextFieldv2( + inputCode) + @customtextfield.CustomTextFieldv2( + inputName) +
+} + +script JsHideModal(modalID string) { + $(modalID).modal('hide') +} + +script JsShowModal(modalID string) { + $(modalID).modal('show') + const btnactcancel = document.querySelectorAll('.btnactcancel'); + const btnactsavedata = document.querySelectorAll('.btnactsavedata'); + + + for (let i = 0; i < btnactcancel.length; i++) { + btnactcancel[i].removeAttribute('disabled'); + + } + for (let i = 0; i < btnactsavedata.length; i++) { + btnactsavedata[i].removeAttribute('disabled'); + + } +} + +templ ActionFormUserGroup(LinkClose string, targetClose string, hxSwapClose string, modalID string) { +
+ + +
+} + +templ BtnCloseFormUserGroup(LinkClose string, targetClose string, hxSwapClose string, modalID string) { + +} + +templ DeleteConfirmationBody(inputId models.CustomTextFieldv2Prm, + componentID string, + message string, + datHeader []string, + dataText []string, + hxOnLoad templ.ComponentScript) { +
+

{ message }

+
+
+
+ for _, v := range datHeader { +
{ v }
+ } +
+
+ for _, v := range dataText { +
+ { v } +
+ } +
+
+
+ @customtextfield.CustomTextFieldv2(inputId) +
+} + +templ ActionFormUserGroupDelete(LinkClose string, targetClose string, hxSwapClose string, modalID string) { +
+ + +
+} diff --git a/views/dev/mdbahan/mdbahantable.templ b/views/dev/mdbahan/mdbahantable.templ new file mode 100644 index 0000000..b5bf1d0 --- /dev/null +++ b/views/dev/mdbahan/mdbahantable.templ @@ -0,0 +1,130 @@ +package dev_mdbahanview + +import "cpone/component/table" +import "cpone/models" +import "strconv" + +templ TableBahan(data []models.Bahan, + tableID string, + hxGetEdit string, + hxTargetEdit string, + hxSwapEdit string, + hxIncludeEdit string, + hxGetDelete string, + hxTargetDelete string, + hxSwapDelete string, + hxIncludeDelete string, +) { +
+ @tablecomponent.TableV3([]string{"KODE", "NAMA BAHAN", "SAMPLE STATION", "AKSI"}, + []string{"20%", "30%", "30%", "20%"}, + RowBahan(data, + hxGetEdit, + hxTargetEdit, + hxSwapEdit, + hxIncludeEdit, + hxGetDelete, + hxTargetDelete, + hxSwapDelete, + hxIncludeDelete, + )) +
+} + +templ RowBahan(data []models.Bahan, + hxGetEdit string, + hxTargetEdit string, + hxSwapEdit string, + hxIncludeEdit string, + hxGetDelete string, + hxTargetDelete string, + hxSwapDelete string, + hxIncludeDelete string, +) { + if len(data) == 0 { + + Data Tidak Ditemukan + + } + for _, v := range data { + + { v.T_BahanCode } + { v.T_BahanName } + { v.T_SampleStationName } + + @TableAction(v.T_BahanID, + hxGetEdit, + hxTargetEdit, + hxSwapEdit, + hxIncludeEdit, + hxGetDelete, + hxTargetDelete, + hxSwapDelete, + hxIncludeDelete, + ) + + + } +} + +templ TableAction( + id int, + hxGetEdit string, + hxTargetEdit string, + hxSwapEdit string, + hxIncludeEdit string, + hxGetDelete string, + hxTargetDelete string, + hxSwapDelete string, + hxIncludeDelete string, + +) { +
+ + + Edit + + + + Hapus + +
+} + +script HandleBeforeRequestRow(id string) { + var cusid_ele = document.getElementsByClassName('btnactbhn'); + for (var i = 0; i < cusid_ele.length; ++i) { + var item = cusid_ele[i]; + item.classList.add('disabled'); + } + console.log(id) +} + +script HandleAfterRequestRow(id string) { + var cusid_ele = document.getElementsByClassName('btnactbhn'); + for (var i = 0; i < cusid_ele.length; ++i) { + var item = cusid_ele[i]; + item.classList.remove('disabled'); + } + console.log(id) +} diff --git a/views/dev/mdbahan/mdbahantable_templ.go b/views/dev/mdbahan/mdbahantable_templ.go new file mode 100644 index 0000000..7c5bb03 --- /dev/null +++ b/views/dev/mdbahan/mdbahantable_templ.go @@ -0,0 +1,451 @@ +// Code generated by templ - DO NOT EDIT. + +// templ: version: v0.2.663 +package dev_mdbahanview + +//lint:file-ignore SA4006 This context is only used if a nested component is present. + +import "github.com/a-h/templ" +import "context" +import "io" +import "bytes" + +import "cpone/component/table" +import "cpone/models" +import "strconv" + +func TableBahan(data []models.Bahan, + tableID string, + hxGetEdit string, + hxTargetEdit string, + hxSwapEdit string, + hxIncludeEdit string, + hxGetDelete string, + hxTargetDelete string, + hxSwapDelete string, + hxIncludeDelete string, +) templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var1 := templ.GetChildren(ctx) + if templ_7745c5c3_Var1 == nil { + templ_7745c5c3_Var1 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = tablecomponent.TableV3([]string{"KODE", "NAMA BAHAN", "SAMPLE STATION", "AKSI"}, + []string{"20%", "30%", "30%", "20%"}, + RowBahan(data, + hxGetEdit, + hxTargetEdit, + hxSwapEdit, + hxIncludeEdit, + hxGetDelete, + hxTargetDelete, + hxSwapDelete, + hxIncludeDelete, + )).Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +} + +func RowBahan(data []models.Bahan, + hxGetEdit string, + hxTargetEdit string, + hxSwapEdit string, + hxIncludeEdit string, + hxGetDelete string, + hxTargetDelete string, + hxSwapDelete string, + hxIncludeDelete string, +) templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var3 := templ.GetChildren(ctx) + if templ_7745c5c3_Var3 == nil { + templ_7745c5c3_Var3 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + if len(data) == 0 { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("Data Tidak Ditemukan") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + } + for _, v := range data { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + var templ_7745c5c3_Var4 string + templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(v.T_BahanCode) + if templ_7745c5c3_Err != nil { + return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdbahan\mdbahantable.templ`, Line: 51, Col: 22} + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4)) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + var templ_7745c5c3_Var5 string + templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(v.T_BahanName) + if templ_7745c5c3_Err != nil { + return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdbahan\mdbahantable.templ`, Line: 52, Col: 22} + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5)) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + var templ_7745c5c3_Var6 string + templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(v.T_SampleStationName) + if templ_7745c5c3_Err != nil { + return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdbahan\mdbahantable.templ`, Line: 53, Col: 30} + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6)) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = TableAction(v.T_BahanID, + hxGetEdit, + hxTargetEdit, + hxSwapEdit, + hxIncludeEdit, + hxGetDelete, + hxTargetDelete, + hxSwapDelete, + hxIncludeDelete, + ).Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +} + +func TableAction( + id int, + hxGetEdit string, + hxTargetEdit string, + hxSwapEdit string, + hxIncludeEdit string, + hxGetDelete string, + hxTargetDelete string, + hxSwapDelete string, + hxIncludeDelete string, + +) templ.Component { + return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { + templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) + if !templ_7745c5c3_IsBuffer { + templ_7745c5c3_Buffer = templ.GetBuffer() + defer templ.ReleaseBuffer(templ_7745c5c3_Buffer) + } + ctx = templ.InitializeContext(ctx) + templ_7745c5c3_Var7 := templ.GetChildren(ctx) + if templ_7745c5c3_Var7 == nil { + templ_7745c5c3_Var7 = templ.NopComponent + } + ctx = templ.ClearChildren(ctx) + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, HandleBeforeRequestRow(strconv.Itoa(id)), HandleAfterRequestRow(strconv.Itoa(id))) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" Edit\r ") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, HandleBeforeRequestRow(strconv.Itoa(id)), HandleAfterRequestRow(strconv.Itoa(id))) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" Hapus\r
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + if !templ_7745c5c3_IsBuffer { + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) + } + return templ_7745c5c3_Err + }) +} + +func HandleBeforeRequestRow(id string) templ.ComponentScript { + return templ.ComponentScript{ + Name: `__templ_HandleBeforeRequestRow_7d4f`, + Function: `function __templ_HandleBeforeRequestRow_7d4f(id){var cusid_ele = document.getElementsByClassName('btnactbhn'); + for (var i = 0; i < cusid_ele.length; ++i) { + var item = cusid_ele[i]; + item.classList.add('disabled'); + } + console.log(id) +}`, + Call: templ.SafeScript(`__templ_HandleBeforeRequestRow_7d4f`, id), + CallInline: templ.SafeScriptInline(`__templ_HandleBeforeRequestRow_7d4f`, id), + } +} + +func HandleAfterRequestRow(id string) templ.ComponentScript { + return templ.ComponentScript{ + Name: `__templ_HandleAfterRequestRow_ce9e`, + Function: `function __templ_HandleAfterRequestRow_ce9e(id){var cusid_ele = document.getElementsByClassName('btnactbhn'); + for (var i = 0; i < cusid_ele.length; ++i) { + var item = cusid_ele[i]; + item.classList.remove('disabled'); + } + console.log(id) +}`, + Call: templ.SafeScript(`__templ_HandleAfterRequestRow_ce9e`, id), + CallInline: templ.SafeScriptInline(`__templ_HandleAfterRequestRow_ce9e`, id), + } +}