progress

component/table/tablev3.templ

@@ -10,7 +10,11 @@ templ TableV3(thName []string, thWidth []string, trComponent templ.Component) {
 				<thead>
 					<tr class="rounded-lg bg-header-table">
 						for i, item := range thName {
-							<th scope="col" width={ thWidth[i] }>{ item }</th>
+							if i == (len(thName) - 1) {
+								<th scope="col" style="text-align: center;" width={ thWidth[i] }>{ item }</th>
+							} else {
+								<th scope="col" width={ thWidth[i] }>{ item }</th>
+							}
 						}
 					</tr>
 				</thead>

component/table/tablev3_templ.go

@@ -38,35 +38,68 @@ func TableV3(thName []string, thWidth []string, trComponent templ.Component) tem
 				return templ_7745c5c3_Err
 			}
 			for i, item := range thName {
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<th scope=\"col\" width=\"")
-				if templ_7745c5c3_Err != nil {
-					return templ_7745c5c3_Err
-				}
-				var templ_7745c5c3_Var2 string
-				templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(thWidth[i])
-				if templ_7745c5c3_Err != nil {
-					return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\table\tablev3.templ`, Line: 13, Col: 41}
-				}
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
-				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_Var3 string
-				templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(item)
-				if templ_7745c5c3_Err != nil {
-					return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\table\tablev3.templ`, Line: 13, Col: 50}
-				}
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
-				if templ_7745c5c3_Err != nil {
-					return templ_7745c5c3_Err
-				}
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</th>")
-				if templ_7745c5c3_Err != nil {
-					return templ_7745c5c3_Err
+				if i == (len(thName) - 1) {
+					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<th scope=\"col\" style=\"text-align: center;\" width=\"")
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
+					var templ_7745c5c3_Var2 string
+					templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(thWidth[i])
+					if templ_7745c5c3_Err != nil {
+						return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\table\tablev3.templ`, Line: 14, Col: 70}
+					}
+					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+					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_Var3 string
+					templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(item)
+					if templ_7745c5c3_Err != nil {
+						return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\table\tablev3.templ`, Line: 14, Col: 79}
+					}
+					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
+					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</th>")
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
+				} else {
+					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<th scope=\"col\" width=\"")
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
+					var templ_7745c5c3_Var4 string
+					templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(thWidth[i])
+					if templ_7745c5c3_Err != nil {
+						return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\table\tablev3.templ`, Line: 16, Col: 42}
+					}
+					_, 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(item)
+					if templ_7745c5c3_Err != nil {
+						return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\table\tablev3.templ`, Line: 16, Col: 51}
+					}
+					_, 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("</th>")
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
 				}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</tr></thead> <tbody>")
@@ -101,9 +134,9 @@ func DivEmptyV3() templ.Component {
 			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
+		templ_7745c5c3_Var6 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var6 == nil {
+			templ_7745c5c3_Var6 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div></div>")

handlers/dev/md.nonlabtemplate.handlers.go

@@ -19,24 +19,26 @@ import (
 	"go.uber.org/zap"
 )
 
-type MDNonlabTemplateServices interface {
+type MDNonLabTemplateServices interface {
 	GetMDNonLabTemplateBreadcrumb() (models.BreadCrumbV1, error)
-	GetListNonlabTemplate(search string, currentPage int, rowPerPage int) ([]models.MDNonlabTemplate, int, error)
-	GetMDNonlabTemplateByID(id string) (models.MDNonlabTemplate, error)
-	DeleteDataNonlabTemplate(id string) (models.MDNonlabTemplate, error)
+	GetMDNonLabTemplateData(search string, currentPage int, rowPerPage int) ([]models.MDNonLabTemplate, int, error)
+	DeleteDataMDNLT(id string) (models.MDNonLabTemplate, error)
+	GetMDNonLabTemplateByID(id string) (models.MDNonLabTemplate, error)
+	SaveInMemoryDetail(kode string, name string) (models.MDNonLabTemplateDetail, error)
+	ListMemoryDetail() ([]models.MDNonLabTemplateDetail, error)
 }
 
-type MDNonlabTemplateHandler struct {
-	MDNonlabTemplateServices MDNonlabTemplateServices
+type MDNonLabTemplateHandler struct {
+	MDNonLabTemplateServices MDNonLabTemplateServices
 }
 
-func NewMDNonLabTemplateHandler(nlt MDNonlabTemplateServices) *MDNonlabTemplateHandler {
-	return &MDNonlabTemplateHandler{
-		MDNonlabTemplateServices: nlt,
+func NewMDNonLabTemplateHandler(nlt MDNonLabTemplateServices) *MDNonLabTemplateHandler {
+	return &MDNonLabTemplateHandler{
+		MDNonLabTemplateServices: nlt,
 	}
 }
 
-func (nlt *MDNonlabTemplateHandler) HandleShowNonlabTemplateScreen(c echo.Context) error {
+func (mdnlt *MDNonLabTemplateHandler) HandleShowMDNonLabTemplateScreen(c echo.Context) error {
 	logger, _ := zap.NewProduction()
 
 	tableID := utils.GenerateRandomID("tableid")
@@ -65,7 +67,7 @@ func (nlt *MDNonlabTemplateHandler) HandleShowNonlabTemplateScreen(c echo.Contex
 
 	title := "Master Non-lab Template"
 
-	dataBreadCrumb, err := nlt.MDNonlabTemplateServices.GetMDNonLabTemplateBreadcrumb()
+	dataBreadCrumb, err := mdnlt.MDNonLabTemplateServices.GetMDNonLabTemplateBreadcrumb()
 	if err != nil {
 		defer logger.Sync()
 		logger.Info("ERROR BREADCRUMB DEV", zap.Any("error", err))
@@ -79,15 +81,14 @@ func (nlt *MDNonlabTemplateHandler) HandleShowNonlabTemplateScreen(c echo.Contex
 	navbaruserComp := navbarmenu.Navbar(dataUser)
 	sidebarusrComp := sidebaruserprofile.Navbaruserprofile(dataUser)
 
-	dataList, totalPage, err := nlt.MDNonlabTemplateServices.GetListNonlabTemplate("", 1, 5)
+	dataList, totalPage, err := mdnlt.MDNonLabTemplateServices.GetMDNonLabTemplateData("", 1, 5)
 	if err != nil {
 		defer logger.Sync()
 		logger.Info("ERROR GET DATA DEV", zap.Any("error", err))
 		return err
 	}
 
-	// init comp
-	tableComp := dev_mdnonlabtemplateview.TableNonlabTmplt(dataList,
+	tableComp := dev_mdnonlabtemplateview.TableNonLabTemplate(dataList,
 		tableID,
 		"/dev/md/nonlabtemplate/openedit",
 		"#"+dialogEditBodyID,
@@ -124,102 +125,173 @@ func (nlt *MDNonlabTemplateHandler) HandleShowNonlabTemplateScreen(c echo.Contex
 		dev_mdnonlabtemplateview.AfterRequestContent(),
 	)
 
-	// dialog add
-	dialogAddBody := dev_mdnonlabtemplateview.BodyFormMDNonlabTemplate(
+	// modal add detail
+	// detailAddID := utils.GenerateRandomID("detailaddID")
+	tableDetailID := utils.GenerateRandomID("tabledetailID")
+	btnAddNamaID := utils.GenerateRandomID("btnaddnamaID")
+	btnAddDetailID := utils.GenerateRandomID("btnaddDetailID")
+	tableDetailPaginationID := utils.GenerateRandomID("tabledetailpaginationID")
+	// dialogDetailEditID := utils.GenerateRandomID("dialogeditid")
+	dialogDetailEditBodyID := utils.GenerateRandomID("dialogeditbodyid")
+	// dialogDetailDeleteID := utils.GenerateRandomID("dialogdeleteid")
+	dialogDetailDeleteBodyID := utils.GenerateRandomID("dialogdeletebodyid")
+
+	btnSimpanDetail := dev_mdnonlabtemplateview.BtnAddDetail()
+	var listDetaill []models.MDNonLabTemplateDetail
+	tableDetail := dev_mdnonlabtemplateview.TableDetail(listDetaill,
+		tableDetailID,
+		"/dev/md/nonlabtemplate/detailedit",
+		"#"+dialogDetailEditBodyID,
+		"outerHTML",
+		"#dialogDetailEditBodyID, #dialogDetailEditID, #dialogDetailDeleteBodyID, #dialogDetailDeleteID",
+		"/dev/md/nonlabtemplate/detaildelete",
+		"#"+dialogDetailDeleteBodyID,
+		"outerHTML",
+		"#dialogDetailEditBodyID, #dialogDetailEditID, #dialogDetailDeleteBodyID, #dialogDetailDeleteID",
+	)
+
+	dialogAddBodyComp := dev_mdnonlabtemplateview.BodyFormMDNonlabTemplate(
 		dialogAddBodyID,
 		models.CustomTextFieldv2Prm{
-			Name:  "nonlabtemplateid",
-			ID:    "nonlabtemplateinputid",
-			Type:  "hidden",
-			Value: dialogAddBodyID,
+			Label:       "Non Lab Template Name",
+			Name:        "nonlabtemplateid",
+			Placeholder: "Non Lab Template Name",
+			Type:        "hidden",
+			ID:          "nonlabtemplateid",
 		},
 		models.CustomTextFieldv2Prm{
-			Label: "Nama Template",
-			Name:  "nonlabtemplatename",
-			ID:    "nonlabtemplateinputname",
-			Type:  "text",
+			Label:       "Template Name",
+			Name:        "nonlabtemplatename",
+			Placeholder: "Template Name",
+			Type:        "text",
+			ID:          "nonlabtemplatename",
 		},
 		models.CustomCheckboxv1Prm{
+			Name:  "nonlabtemplateflag",
+			ID:    "nonlabtemplateflag",
 			Text:  "Template Fisik",
-			Name:  "nonlabtemplatefisik",
-			ID:    "nonlabtemplateinputname",
 			Value: "N",
 		},
-		dev_mdnonlabtemplateview.BtnSimpanNama(
-			"/dev/md/nonlabtemplate/simpanama",
-			"#"+dialogAddBodyID,
-			"outerHTML",
-			"#"+dialogAddID,
-			"#tableID, #paginationID, #searchID, #dialogDeleteBodyID, #dialogDeleteID, #dialogEditBodyID, #"+searchID+", #currpage"+paginationID,
-		),
-		dev_mdnonlabtemplateview.JSShowModal(""),
-	)
-	dialogAddBtn := dev_mdnonlabtemplateview.ActionFormMDNonlabTmplt(
-		"/dev/md/nonlabtemplate/closeaddform",
-		"#"+dialogAddBodyID,
-		"outerHTML",
-		"#"+dialogAddID,
-	)
-	dialogAddCls := dev_mdnonlabtemplateview.BtnCloseFormMDNonlabTmplt(
-		"/dev/md/nonlabtemplate/closeaddform",
-		"#"+dialogAddBodyID,
-		"innerHTML",
-		"#"+dialogAddID,
-	)
-
-	modalAddFormComponent := dev_mdnonlabtemplateview.MDNonlabTmpltForm(models.MDNonlabTemplateForm{
-		IDComponent:  "test1",
-		Link:         "/dev/md/nonlabtemplate/add",
-		HxTarget:     "#" + dialogAddBodyID,
-		HxSwap:       "outerHTML",
-		HxInclude:    "#tableID, #paginationID, #searchID, #dialogDeleteBodyID, #dialogDeleteID, #dialogEditBodyID, #" + searchID + ", #currpage" + paginationID,
-		ModalID:      dialogAddID,
-		ModalTitle:   "New - Nonlab Template",
-		DialogBody:   dialogAddBody,
-		DialogAction: dialogAddBtn,
-		ButtonClose:  dialogAddCls,
-	})
-
-	// dialog delete
-	dialogDeleteCmp := dev_mdnonlabtemplateview.DeleteKonfirmasiBody(
-		models.CustomTextFieldv2Prm{Name: "nonlabtemplateid", Type: "hidden", Value: "0"},
-		dialogDeleteBodyID,
-		"Apakah anda yakin menghapus non lab template berikut ?",
-		[]string{"NAME"},
-		[]string{""},
+		models.CustomTextFieldv2Prm{
+			// Label:       "Template Name",
+			Name:        "nonlabtemplatedetailkode",
+			Placeholder: "Kode",
+			Type:        "text",
+			ID:          "nonlabtemplatedetailkode",
+		},
+		models.CustomTextFieldv2Prm{
+			// Label:       "Template Name",
+			Name:        "nonlabtemplatedetailname",
+			Placeholder: "Detail Name",
+			Type:        "text",
+			ID:          "nonlabtemplatedetailname",
+		},
+		btnSimpanDetail,
+		tableDetail,
 		dev_mdnonlabtemplateview.JSHideModal(""),
 	)
 
-	modalActionDeleteComp := dev_mdnonlabtemplateview.ActionFormNonlabTemplateDelete(
+	modalActioAddComp := dev_mdnonlabtemplateview.ActionFormMDNLT(
+		"/dev/md/nonlabtemplate/closeaddform",
+		"#"+dialogAddBodyID,
+		"outerHTML",
+		"#"+dialogAddID,
+	)
+
+	btnCloseModalAdd := dev_mdnonlabtemplateview.BtnCloseFormMDNLT(
+		"/dev/md/nonlabtemplate/closeaddform",
+		"#"+dialogAddBodyID,
+		"outerHTML",
+		"#"+dialogAddID,
+	)
+
+	modalAddFormComponent := dev_mdnonlabtemplateview.NonLabTemplateModalForm(
+		models.MDNonLabTemplateForm{
+			IDComponent:  "formnonlabtemplate",
+			Link:         "/dev/md/nonlabtemplate/add",
+			HxTarget:     "#" + dialogAddBodyID,
+			HxSwap:       "outerHTML",
+			HxInclude:    "#tableID, #paginationID, #searchID, #dialogAddBodyID, #dialogAddID, #dialogDeleteBodyID, #dialogEditBodyID, #" + searchID + ", #currpage" + paginationID,
+			ModalID:      dialogAddID,
+			ModalTitle:   "New - Nonlab Template",
+			DialogBody:   dialogAddBodyComp,
+			DialogAction: modalActioAddComp,
+			ButtonCLose:  btnCloseModalAdd,
+		},
+	)
+
+	// modal delete form
+	dialogDeleteComp := dev_mdnonlabtemplateview.BodyFormMDNonlabTemplate(
+		dialogDeleteBodyID,
+		models.CustomTextFieldv2Prm{
+			Label:       "Non Lab Template Name",
+			Name:        "nonlabtemplateid",
+			Placeholder: "Non Lab Template Name",
+			Type:        "hidden",
+			ID:          "nonlabtemplateid",
+		},
+		models.CustomTextFieldv2Prm{
+			Label:       "Non Lab Template Name",
+			Name:        "nonlabtemplatename",
+			Placeholder: "Non Lab Template Name",
+			Type:        "text",
+			ID:          "nonlabtemplatename",
+		},
+		models.CustomCheckboxv1Prm{
+			Name:  "nonlabtemplateflag",
+			ID:    "nonlabtemplateflag",
+			Text:  "Template Fisik",
+			Value: "N",
+		},
+		models.CustomTextFieldv2Prm{
+			// Label:       "Template Name",
+			Name:        "nonlabtemplatedetailkode",
+			Placeholder: "Kode",
+			Type:        "text",
+			ID:          "nonlabtemplatedetailkode",
+		},
+		models.CustomTextFieldv2Prm{
+			// Label:       "Template Name",
+			Name:        "nonlabtemplatedetailname",
+			Placeholder: "Detail Name",
+			Type:        "text",
+			ID:          "nonlabtemplatedetailname",
+		},
+		btnSimpanDetail,
+		tableDetail,
+		dev_mdnonlabtemplateview.JSHideModal(""),
+	)
+
+	modalActionDeleteComp := dev_mdnonlabtemplateview.ActionFormMDNLTDelete(
 		"/dev/md/nonlabtemplate/closedeleteform",
 		"#"+dialogDeleteBodyID,
 		"outerHTML",
 		"#"+dialogDeleteID,
 	)
 
-	btnCloseModalDelete := dev_mdnonlabtemplateview.BtnCloseFormMDNonlabTmplt(
+	btnCloseModalDelete := dev_mdnonlabtemplateview.BtnCloseFormMDNLT(
 		"/dev/md/nonlabtemplate/closedeleteform",
 		"#"+dialogDeleteBodyID,
 		"outerHTML",
 		"#"+dialogDeleteID,
 	)
 
-	modalDeleteFormComponent := dev_mdnonlabtemplateview.MDNonlabTmpltForm(
-		models.MDNonlabTemplateForm{
+	modalDeleteFormComponent := dev_mdnonlabtemplateview.NonLabTemplateModalForm(
+		models.MDNonLabTemplateForm{
 			IDComponent:  "formnonlabtemplate",
 			Link:         "/dev/md/nonlabtemplate/delete",
 			HxTarget:     "#" + dialogDeleteBodyID,
 			HxSwap:       "outerHTML",
 			HxInclude:    "#tableID, #paginationID, #searchID, #dialogDeleteBodyID, #dialogDeleteID, #dialogEditBodyID, #" + searchID + ", #currpage" + paginationID,
 			ModalID:      dialogDeleteID,
-			ModalTitle:   "Delete - Nonlab Template",
-			DialogBody:   dialogDeleteCmp,
+			ModalTitle:   "Delete - Non Lab Template",
+			DialogBody:   dialogDeleteComp,
 			DialogAction: modalActionDeleteComp,
-			ButtonClose:  btnCloseModalDelete,
+			ButtonCLose:  btnCloseModalDelete,
 		},
 	)
 
-	content := dev_mdnonlabtemplateview.MdNonlabTemplateScreen(
+	content := dev_mdnonlabtemplateview.MDNonLabTemplateScreen(
 		tableID,
 		paginationID,
 		searchID,
@@ -229,6 +301,10 @@ func (nlt *MDNonlabTemplateHandler) HandleShowNonlabTemplateScreen(c echo.Contex
 		dialogEditBodyID,
 		dialogDeleteID,
 		dialogDeleteBodyID,
+		btnAddNamaID,
+		btnAddDetailID,
+		tableDetailID,
+		tableDetailPaginationID,
 		breadcrumbComp,
 		tableFilter,
 		tableComp,
@@ -236,11 +312,10 @@ func (nlt *MDNonlabTemplateHandler) HandleShowNonlabTemplateScreen(c echo.Contex
 		modalAddFormComponent,
 		modalDeleteFormComponent,
 	)
+	css := dev_mdnonlabtemplateview.CSSMDNonLabTemplate()
+	js := dev_mdnonlabtemplateview.JSSMDNonLabTemplate()
 
-	css := dev_mdnonlabtemplateview.CSSmdnontemplate()
-	js := dev_mdnonlabtemplateview.JSmdnontemplate()
-
-	view := dev_mdnonlabtemplateview.ShowMdNonlabTemplateScreen(
+	view := dev_mdnonlabtemplateview.ShowMDNonLabTemplate(
 		title,
 		content,
 		css,
@@ -249,10 +324,11 @@ func (nlt *MDNonlabTemplateHandler) HandleShowNonlabTemplateScreen(c echo.Contex
 		navbaruserComp,
 		sidebarusrComp,
 	)
+
 	return utils.View(c, view)
 }
 
-func (nlt *MDNonlabTemplateHandler) HandleFilterNonlabTemplate(c echo.Context) error {
+func (mdnlt *MDNonLabTemplateHandler) HandleFilterMDNonLabTemplate(c echo.Context) error {
 	search := c.QueryParam("search")
 	searchID := c.QueryParam("searchID")
 	tableID := c.QueryParam("tableID")
@@ -262,14 +338,14 @@ func (nlt *MDNonlabTemplateHandler) HandleFilterNonlabTemplate(c echo.Context) e
 	var retval []templ.Component
 	logger, _ := zap.NewProduction()
 
-	dataList, totalPage, err := nlt.MDNonlabTemplateServices.GetListNonlabTemplate(search, 1, 5)
+	dataList, totalPage, err := mdnlt.MDNonLabTemplateServices.GetMDNonLabTemplateData(search, 1, 5)
 	if err != nil {
 		defer logger.Sync()
 		logger.Info("ERROR GET DATA", zap.Any("error", err))
 		return err
 	}
 
-	tableComp := dev_mdnonlabtemplateview.TableNonlabTmplt(dataList,
+	tableComp := dev_mdnonlabtemplateview.TableNonLabTemplate(dataList,
 		tableID,
 		"/dev/md/nonlabtemplate/openedit",
 		"#"+dialogEditBodyID,
@@ -298,7 +374,7 @@ func (nlt *MDNonlabTemplateHandler) HandleFilterNonlabTemplate(c echo.Context) e
 	return utils.ViewMulti(c, retval)
 }
 
-func (nlt *MDNonlabTemplateHandler) HandleNonlabTempltPagination(c echo.Context) error {
+func (mdnlt *MDNonLabTemplateHandler) HandleChangePageMDNonLabTemplate(c echo.Context) error {
 	search := c.QueryParam("search")
 	pageparam := c.QueryParam("page")
 	tableID := c.QueryParam("tableID")
@@ -306,9 +382,9 @@ func (nlt *MDNonlabTemplateHandler) HandleNonlabTempltPagination(c echo.Context)
 	paginationID := c.QueryParam("paginationID")
 	dialogEditBodyID := c.QueryParam("dialogEditBodyID")
 	dialogDeleteBodyID := c.QueryParam("dialogDeleteBodyID")
-
 	var retval []templ.Component
 	logger, _ := zap.NewProduction()
+
 	page, err := strconv.Atoi(pageparam)
 	if err != nil {
 		defer logger.Sync()
@@ -316,14 +392,14 @@ func (nlt *MDNonlabTemplateHandler) HandleNonlabTempltPagination(c echo.Context)
 		return err
 	}
 
-	dataList, totalPage, err := nlt.MDNonlabTemplateServices.GetListNonlabTemplate(search, page, 5)
+	dataList, totalPage, err := mdnlt.MDNonLabTemplateServices.GetMDNonLabTemplateData(search, page, 5)
 	if err != nil {
 		defer logger.Sync()
 		logger.Info("ERROR CONVERT PAGE PARAM", zap.Any("error", err))
 		return err
 	}
 
-	tableComp := dev_mdnonlabtemplateview.TableNonlabTmplt(dataList,
+	tableComp := dev_mdnonlabtemplateview.TableNonLabTemplate(dataList,
 		tableID,
 		"/dev/md/nonlabtemplate/openedit",
 		"#"+dialogEditBodyID,
@@ -352,14 +428,85 @@ func (nlt *MDNonlabTemplateHandler) HandleNonlabTempltPagination(c echo.Context)
 	return utils.ViewMulti(c, retval)
 }
 
-func (nlt *MDNonlabTemplateHandler) HandleOpenFormDelete(c echo.Context) error {
+// handle add
+func (mdnlt *MDNonLabTemplateHandler) HandleCloseFormAdd(c echo.Context) error {
+	// logger, _ := zap.NewProduction()
+	dialogAddBodyID := c.FormValue("dialogAddBodyID")
+	// detailAddID := c.FormValue("detailAddID")
+
+	tableDetailID := utils.GenerateRandomID("tabledetailID")
+	// dialogDetailEditID := utils.GenerateRandomID("dialogeditid")
+	dialogDetailEditBodyID := utils.GenerateRandomID("dialogeditbodyid")
+	// dialogDetailDeleteID := utils.GenerateRandomID("dialogdeleteid")
+	dialogDetailDeleteBodyID := utils.GenerateRandomID("dialogdeletebodyid")
+
+	btnSimpanDetail := dev_mdnonlabtemplateview.BtnAddDetail()
+
+	var listDetaill []models.MDNonLabTemplateDetail
+	tableDetail := dev_mdnonlabtemplateview.TableDetail(listDetaill,
+		tableDetailID,
+		"/dev/md/nonlabtemplate/detailedit",
+		"#"+dialogDetailEditBodyID,
+		"outerHTML",
+		"#dialogDetailEditBodyID, #dialogDetailEditID, #dialogDetailDeleteBodyID, #dialogDetailDeleteID",
+		"/dev/md/nonlabtemplate/detaildelete",
+		"#"+dialogDetailDeleteBodyID,
+		"outerHTML",
+		"#dialogDetailEditBodyID, #dialogDetailEditID, #dialogDetailDeleteBodyID, #dialogDetailDeleteID",
+	)
+
+	newForm := dev_mdnonlabtemplateview.BodyFormMDNonlabTemplate(
+		dialogAddBodyID,
+		models.CustomTextFieldv2Prm{
+			Label:       "Non Lab Template Name",
+			Name:        "nonlabtemplateid",
+			Placeholder: "Non Lab Template Name",
+			Type:        "hidden",
+			ID:          "nonlabtemplateid",
+		},
+		models.CustomTextFieldv2Prm{
+			Label:       "Non Lab Template Name",
+			Name:        "nonlabtemplatename",
+			Placeholder: "Non Lab Template Name",
+			Type:        "text",
+			ID:          "nonlabtemplatename",
+		},
+		models.CustomCheckboxv1Prm{
+			Name:  "nonlabtemplateflag",
+			ID:    "nonlabtemplateflag",
+			Text:  "Template Fisik",
+			Value: "N",
+		},
+		models.CustomTextFieldv2Prm{
+			// Label:       "Template Name",
+			Name:        "nonlabtemplatedetailkode",
+			Placeholder: "Kode",
+			Type:        "text",
+			ID:          "nonlabtemplatedetailkode",
+		},
+		models.CustomTextFieldv2Prm{
+			// Label:       "Template Name",
+			Name:        "nonlabtemplatedetailname",
+			Placeholder: "Detail Name",
+			Type:        "text",
+			ID:          "nonlabtemplatedetailname",
+		},
+		btnSimpanDetail,
+		tableDetail,
+		dev_mdnonlabtemplateview.JSHideModal(""),
+	)
+	return utils.View(c, newForm)
+}
+
+// handle delete
+func (mdnlt *MDNonLabTemplateHandler) HandleOpenFormDelete(c echo.Context) error {
 	id := c.QueryParam("id")
 	dialogDeleteID := c.QueryParam("dialogDeleteID")
 	dialogDeleteBodyID := c.QueryParam("dialogDeleteBodyID")
 
-	dataMDNLT, err := nlt.MDNonlabTemplateServices.GetMDNonlabTemplateByID(id)
+	dataMDNLT, err := mdnlt.MDNonLabTemplateServices.GetMDNonLabTemplateByID(id)
 	if err != nil {
-		newForm := dev_mdnonlabtemplateview.DeleteKonfirmasiBody(
+		newForm := dev_mdnonlabtemplateview.DeleteConfirmBody(
 			models.CustomTextFieldv2Prm{Name: "nonlabtemplateid", Type: "hidden", Value: "0"},
 			dialogDeleteBodyID,
 			"Apakah anda yakin menghapus non lab template berikut ?",
@@ -370,20 +517,20 @@ func (nlt *MDNonlabTemplateHandler) HandleOpenFormDelete(c echo.Context) error {
 		return utils.ViewMulti(c, []templ.Component{customtoastv2.CustomToastV2Show("Error", err.Error(), "danger"), newForm})
 	}
 
-	newForm := dev_mdnonlabtemplateview.DeleteKonfirmasiBody(
-		models.CustomTextFieldv2Prm{Name: "nonlabtemplateid", Type: "hidden", Value: strconv.Itoa(dataMDNLT.NonlabTemplateID)},
+	newForm := dev_mdnonlabtemplateview.DeleteConfirmBody(
+		models.CustomTextFieldv2Prm{Name: "nonlabtemplateid", Type: "hidden", Value: strconv.Itoa(dataMDNLT.NonLabTemplateID)},
 		dialogDeleteBodyID,
 		"Apakah anda yakin menghapus non lab template berikut ?",
 		[]string{"NAME"},
-		[]string{dataMDNLT.NonlabTemplateName},
+		[]string{dataMDNLT.NonLabTemplateName},
 		dev_mdnonlabtemplateview.JSShowModal("#"+dialogDeleteID),
 	)
 	return utils.View(c, newForm)
 }
 
-func (nlt *MDNonlabTemplateHandler) HandleCloseFormDelete(c echo.Context) error {
+func (mdnlt *MDNonLabTemplateHandler) HandleCloseFormDelete(c echo.Context) error {
 	dialogDeleteBodyID := c.FormValue("dialogDeleteBodyID")
-	newForm := dev_mdnonlabtemplateview.DeleteKonfirmasiBody(
+	newForm := dev_mdnonlabtemplateview.DeleteConfirmBody(
 		models.CustomTextFieldv2Prm{Type: "hidden", Value: "0", Name: "nonlabtemplateid"},
 		dialogDeleteBodyID,
 		"Apakah anda yakin menghapus non lab template berikut ?",
@@ -394,7 +541,7 @@ func (nlt *MDNonlabTemplateHandler) HandleCloseFormDelete(c echo.Context) error
 	return utils.View(c, newForm)
 }
 
-func (nlt *MDNonlabTemplateHandler) HandleDelete(c echo.Context) error {
+func (mdnlt *MDNonLabTemplateHandler) HandleDeleteMDNLT(c echo.Context) error {
 	logger, _ := zap.NewProduction()
 	defer logger.Sync()
 
@@ -416,10 +563,10 @@ func (nlt *MDNonlabTemplateHandler) HandleDelete(c echo.Context) error {
 	logger.Info("ADD NON LAB TEMPLATE PARAM", zap.Any("tableid", tableID), zap.Any("search", search), zap.Any("currPage", currPage))
 
 	// delete data from db
-	respDel, err := nlt.MDNonlabTemplateServices.DeleteDataNonlabTemplate(id)
+	respDel, err := mdnlt.MDNonLabTemplateServices.DeleteDataMDNLT(id)
 	if err != nil {
 		logger.Info("Error", zap.Any("error", err))
-		newForm := dev_mdnonlabtemplateview.DeleteKonfirmasiBody(
+		newForm := dev_mdnonlabtemplateview.DeleteConfirmBody(
 			models.CustomTextFieldv2Prm{Name: "nonlabtemplateid", Type: "hidden", Value: ""},
 			dialogDeleteBodyID,
 			"Apakah anda yakin menghapus non lab template berikut ?",
@@ -431,14 +578,14 @@ func (nlt *MDNonlabTemplateHandler) HandleDelete(c echo.Context) error {
 	}
 	logger.Info("Response Delete", zap.Any("Resp", respDel))
 
-	dataNLTList, totalPage, err := nlt.MDNonlabTemplateServices.GetListNonlabTemplate(search, currPage, 5)
+	dataNLTList, totalPage, err := mdnlt.MDNonLabTemplateServices.GetMDNonLabTemplateData(search, currPage, 5)
 	if err != nil {
 		defer logger.Sync()
 		logger.Info("Error get list data non lab template", zap.Any("error", err))
 		return err
 	}
 
-	tableComp := dev_mdnonlabtemplateview.TableNonlabTmplt(dataNLTList,
+	tableComp := dev_mdnonlabtemplateview.TableNonLabTemplate(dataNLTList,
 		tableID,
 		"/dev/md/nonlabtemplate/openedit",
 		"#"+dialogEditBodyID,
@@ -463,7 +610,7 @@ func (nlt *MDNonlabTemplateHandler) HandleDelete(c echo.Context) error {
 	)
 
 	var retVal []templ.Component
-	newForm := dev_mdnonlabtemplateview.DeleteKonfirmasiBody(
+	newForm := dev_mdnonlabtemplateview.DeleteConfirmBody(
 		models.CustomTextFieldv2Prm{Name: "nonlabtemplateid", Type: "hidden", Value: ""},
 		dialogDeleteBodyID,
 		"Apakah anda yakin menghapus non lab template berikut ?",
@@ -480,87 +627,56 @@ func (nlt *MDNonlabTemplateHandler) HandleDelete(c echo.Context) error {
 	return utils.ViewMulti(c, retVal)
 }
 
-func (nlt *MDNonlabTemplateHandler) HandleCloseFormAdd(c echo.Context) error {
+func (mdnlt *MDNonLabTemplateHandler) HandleAddDetail(c echo.Context) error {
 	logger, _ := zap.NewProduction()
 	defer logger.Sync()
 
-	dialogAddBodyID := c.FormValue("dialogAddBodyID")
-	dialogAddID := c.FormValue("dialogAddID")
-	searchID := c.FormValue("searchID")
-	paginationID := c.FormValue("paginationID")
+	nonlabtemplatedetailkode := c.FormValue("nonlabtemplatedetailkode")
+	nonlabtemplatedetailname := c.FormValue("nonlabtemplatedetailname")
 
-	dialogAddBody := dev_mdnonlabtemplateview.BodyFormMDNonlabTemplate(
-		dialogAddBodyID,
-		models.CustomTextFieldv2Prm{
-			Name: "nonlabtemplateid",
-			ID:   "nonlabtemplateinputid",
-			Type: "hidden",
-		},
-		models.CustomTextFieldv2Prm{
-			Label: "Nama Template",
-			Name:  "nonlabtemplatename",
-			ID:    "nonlabtemplateinputname",
-			Type:  "text",
-		},
-		models.CustomCheckboxv1Prm{
-			Text:  "Template Fisik",
-			Name:  "nonlabtemplatefisik",
-			ID:    "nonlabtemplateinputname",
-			Value: "N",
-		},
-		dev_mdnonlabtemplateview.BtnSimpanNama(
-			"/dev/md/nonlabtemplate/simpanama",
-			"#"+dialogAddBodyID,
-			"outerHTML",
-			"#"+dialogAddID,
-			"#tableID, #paginationID, #searchID, #dialogDeleteBodyID, #dialogDeleteID, #dialogEditBodyID, #"+searchID+", #currpage"+paginationID,
-		),
-		dev_mdnonlabtemplateview.JSHideModal("#"+dialogAddID),
+	tableDetailID := c.FormValue("tableDetailID")
+	// dialogDetailEditID := utils.GenerateRandomID("dialogeditid")
+	dialogDetailEditBodyID := utils.GenerateRandomID("dialogeditbodyid")
+	// dialogDetailDeleteID := utils.GenerateRandomID("dialogdeleteid")
+	dialogDetailDeleteBodyID := utils.GenerateRandomID("dialogdeletebodyid")
+
+	respAdd, err := mdnlt.MDNonLabTemplateServices.SaveInMemoryDetail(nonlabtemplatedetailkode, nonlabtemplatedetailname)
+	if err != nil {
+		return err
+	}
+
+	logger.Info("response save memory", zap.Any("return", respAdd))
+
+	updatedTable, err := mdnlt.MDNonLabTemplateServices.ListMemoryDetail()
+	if err != nil {
+		return err
+	}
+
+	tableComponent := dev_mdnonlabtemplateview.TableDetail(updatedTable,
+		tableDetailID,
+		"/dev/md/nonlabtemplate/detailedit",
+		"#"+dialogDetailEditBodyID,
+		"outerHTML",
+		"#dialogDetailEditBodyID, #dialogDetailEditID, #dialogDetailDeleteBodyID, #dialogDetailDeleteID",
+		"/dev/md/nonlabtemplate/detaildelete",
+		"#"+dialogDetailDeleteBodyID,
+		"outerHTML",
+		"#dialogDetailEditBodyID, #dialogDetailEditID, #dialogDetailDeleteBodyID, #dialogDetailDeleteID",
 	)
-	return utils.View(c, dialogAddBody)
+
+	return utils.View(c, tableComponent)
 }
 
-func (nlt *MDNonlabTemplateHandler) HandleSimpanNama(c echo.Context) error {
+func (mdnlt *MDNonLabTemplateHandler) HandleAddNama(c echo.Context) error {
 	logger, _ := zap.NewProduction()
-	dialogAddBodyID := c.FormValue("dialogAddBodyID")
-	dialogAddID := c.FormValue("dialogAddID")
-	searchID := c.FormValue("searchID")
-	paginationID := c.FormValue("paginationID")
-	logger.Info("Test Button")
 
-	fisik := c.FormValue("nonlabtemplatefisik")
-	name := c.FormValue("nonlabtemplatename")
-	id := c.FormValue("nonlabtemplateid")
-	logger.Info("Component ID", zap.Any("ID", id))
+	nama := c.FormValue("nonlabtemplatename")
+	fisik := c.FormValue("nonlabtemplateflag")
 
-	dialogAddBody := dev_mdnonlabtemplateview.BodyFormMDNonlabTemplate(
-		dialogAddBodyID,
-		models.CustomTextFieldv2Prm{
-			Name: "nonlabtemplateid",
-			ID:   "nonlabtemplateinputid",
-			Type: "hidden",
-		},
-		models.CustomTextFieldv2Prm{
-			Label: "Nama Template",
-			Name:  "nonlabtemplatename",
-			ID:    "nonlabtemplateinputname",
-			Type:  "text",
-			Value: name,
-		},
-		models.CustomCheckboxv1Prm{
-			Text:  "Template Fisik",
-			Name:  "nonlabtemplatefisik",
-			ID:    "nonlabtemplateinputname",
-			Value: fisik,
-		},
-		dev_mdnonlabtemplateview.BtnSimpanNama(
-			"/dev/md/nonlabtemplate/simpanama",
-			"#"+dialogAddBodyID,
-			"outerHTML",
-			"#"+dialogAddID,
-			"#tableID, #paginationID, #searchID, #dialogDeleteBodyID, #dialogDeleteID, #dialogEditBodyID, #"+searchID+", #currpage"+paginationID,
-		),
-		dev_mdnonlabtemplateview.JSShowModal(""),
+	logger.Info("Test Button Add nama",
+		zap.Any("nama", nama),
+		zap.Any("flag", fisik),
 	)
-	return utils.View(c, dialogAddBody)
+
+	return nil
 }

handlers/routes.go

@@ -278,17 +278,17 @@ func SetupRoutesDev(app *echo.Echo, appStore db.AppStore) {
 	dev.POST("/md/samplestation/edit", devMDSampleStationHandlers.HandleEditMDSS)
 	dev.POST("/md/samplestation/closeeditform", devMDSampleStationHandlers.HandleCloseEditForm)
 
-	// md nonlab template
-	devMDNonlabTemplateServices := dev_services.NewMDNonlabTemplateServices(appStore)
-	devMDNonlabTemplateHandlers := dev_handlers.NewMDNonLabTemplateHandler(devMDNonlabTemplateServices)
-	dev.GET("/md/nonlabtemplate", devMDNonlabTemplateHandlers.HandleShowNonlabTemplateScreen)
-	dev.GET("/md/nonlabtemplate/filter", devMDNonlabTemplateHandlers.HandleFilterNonlabTemplate)
-	dev.GET("/md/nonlabtemplate/changepage", devMDNonlabTemplateHandlers.HandleNonlabTempltPagination)
-	dev.GET("/md/nonlabtemplate/opendelete", devMDNonlabTemplateHandlers.HandleOpenFormDelete)
-	dev.POST("/md/nonlabtemplate/closedeleteform", devMDNonlabTemplateHandlers.HandleCloseFormDelete)
-	dev.POST("/md/nonlabtemplate/delete", devMDNonlabTemplateHandlers.HandleDelete)
-	dev.POST("/md/nonlabtemplate/simpanama", devMDNonlabTemplateHandlers.HandleSimpanNama)
-	dev.POST("/md/nonlabtemplate/closeaddform", devMDNonlabTemplateHandlers.HandleCloseFormAdd)
+	// master result nonlab template
+	devMDMRNonlabTemplateServices := dev_services.NewMDNonLabTemplateServices(appStore)
+	devMDMRNonLabTemplateHandler := dev_handlers.NewMDNonLabTemplateHandler(devMDMRNonlabTemplateServices)
+	dev.GET("/md/nonlabtemplate", devMDMRNonLabTemplateHandler.HandleShowMDNonLabTemplateScreen)
+	dev.GET("/md/nonlabtemplate/filter", devMDMRNonLabTemplateHandler.HandleFilterMDNonLabTemplate)
+	dev.GET("/md/nonlabtemplate/changepage", devMDMRNonLabTemplateHandler.HandleChangePageMDNonLabTemplate)
+	dev.GET("/md/nonlabtemplate/opendelete", devMDMRNonLabTemplateHandler.HandleOpenFormDelete)
+	dev.POST("/md/nonlabtemplate/closedeleteform", devMDMRNonLabTemplateHandler.HandleCloseFormDelete)
+	dev.POST("/md/nonlabtemplate/delete", devMDMRNonLabTemplateHandler.HandleDeleteMDNLT)
+	dev.POST("/md/nonlabtemplate/closeaddform", devMDMRNonLabTemplateHandler.HandleCloseFormAdd)
+	dev.POST("/md/nonlabtemplate/addnama", devMDMRNonLabTemplateHandler.HandleAddNama)
 
 	// masterdata nat unit
 	devMdNatUnitServices := dev_services.NewMdNatUnitServices(appStore)

models/mdnonlabtemplate.models.go

@@ -0,0 +1,47 @@
+package models
+
+import "github.com/a-h/templ"
+
+type MDNonLabTemplate struct {
+	NonLabTemplateID                int    `db:"NonlabTemplateID"`
+	NonLabTemplateName              string `db:"NonlabTemplateName"`
+	NonLabTemplateFlagFisik         string `db:"NonlabTemplateFlagFisik"`
+	NonLabTemplateIsActive          string `db:"NonlabTemplateIsActive"`
+	NonLabTemplateCreated           string `db:"NonlabTemplateCreated"`
+	NonLabTemplateCreatedUserID     string `db:"NonlabTemplateUserID"`
+	NonLabTemplateLastUpdated       string `db:"NonlabTemplateLastUpdated"`
+	NonLabTemplateLastUpdatedUserID string `db:"NonlabTemplateLastUpdatedUserID"`
+	NonLabTemplateDelete            string `db:"NonlabTemplateDelete"`
+	NonlabTemplateDeleteUserID      string `db:"NonlabTemplateDeleteUserID"`
+}
+
+type MDNonLabTemplateDetail struct {
+	NonlabTemplateDetailID               int    `db:"NonlabTemplateDetailID"`
+	NonlabTemplateDetailNonlabTemplateID int    `db:"NonlabTemplateDetailNonlabTemplateID"`
+	NonlabTemplateDetailCode             string `db:"NonlabTemplateDetailCode"`
+	NonlabTemplateDetailName             string `db:"NonlabTemplateDetailName"`
+	NonlabTemplateDetailFlagActive       string `db:"NonlabTemplateDetailFlagActive"`
+	NonlabTemplateDetailIsActive         string `db:"NonlabTemplateDetailIsActive"`
+}
+
+type InputDetailNonLabTemplate struct {
+	NonLabTemplateName      string `db:"NonlabTemplateName"`
+	NonLabTemplateFlagFisik string `db:"NonlabTemplateFlagFisik"`
+	NonLabTemplatDetail     []MDNonLabTemplateDetail
+}
+
+type MDNonLabTemplateForm struct {
+	IDComponent       string
+	Link              string
+	HxTarget          string
+	HxSwap            string
+	HxInclude         string
+	ModalID           string
+	ModalTitle        string
+	InputID           CustomTextFieldv2Prm
+	InputNama         CustomTextFieldv2Prm
+	CheckboxFlagFisik CustomCheckboxv1Prm
+	DialogBody        templ.Component
+	DialogAction      templ.Component
+	ButtonCLose       templ.Component
+}

models/nonlabtemplate.models.go

@@ -1,32 +0,0 @@
-package models
-
-import "github.com/a-h/templ"
-
-type MDNonlabTemplate struct {
-	NonlabTemplateID                int    `db:"NonlabTemplateID"`
-	NonlabTemplateName              string `db:"NonlabTemplateName"`
-	NonlabTemplateFlagFisik         string `db:"NonlabTemplateFlagFisik"`
-	NonlabTemplateIsActive          string `db:"NonlabTemplateIsActive"`
-	NonlabTemplateCreated           string `db:"NonlabTemplateCreated"`
-	NonlabTemplateCreatedUserID     string `db:"NonlabTemplateUserID"`
-	NonlabTemplateLastUpdated       string `db:"NonlabTemplateLastUpdated"`
-	NonlabTemplateLastUpdatedUserID string `db:"NonlabTemplateLastUpdatedUserID"`
-	NonlabTemplateDelete            string `db:"NonlabTemplateDelete"`
-	NonlabTemplateDeleteUserID      string `db:"NonlabTemplateDeleteUserID"`
-}
-
-type MDNonlabTemplateForm struct {
-	IDComponent  string
-	Link         string
-	HxTarget     string
-	HxSwap       string
-	HxInclude    string
-	ModalID      string
-	ModalTitle   string
-	InputID      CustomTextFieldv2Prm
-	InputName    CustomTextFieldv2Prm
-	InputFlag    CustomCheckboxv1Prm
-	DialogBody   templ.Component
-	DialogAction templ.Component
-	ButtonClose  templ.Component
-}

models/terminology.models.go

@@ -1,29 +0,0 @@
-package models
-
-import "database/sql"
-
-type TerminologyV0 struct {
-	ResourceType    string         `db:"resource_type"`
-	AttributePath   string         `db:"attribute_path"`
-	Code            string         `db:"code"`
-	ParentCode      string         `db:"parent_code"`
-	Display         string         `db:"display"`
-	DisplayEn       string         `db:"display_en"`
-	CodeSystem      string         `db:"code_system"`
-	OrderNo         uint           `db:"order_no"`
-	FtIndex         sql.NullString `db:"ft_index"`
-	UseInd          bool           `db:"use_ind"`
-	Description     sql.NullString `db:"description"`
-	StatusCd        string         `db:"status_cd"`
-	CreatedDttm     string         `db:"created_dttm"`
-	CreatedUserID   uint           `db:"created_user_id"`
-	UpdatedDttm     string         `db:"updated_dttm"`
-	UpdatedUserID   uint           `db:"updated_user_id"`
-	NullifiedDttm   string         `db:"nullified_dttm"`
-	NullifiedUserID uint           `db:"nullified_user_id"`
-}
-
-type TerminologyParamv0 struct {
-	AttributePath string `json:"AttributePath"`
-	CodeSystem    string `json:"CodeSystem"`
-}

services/app.services.go

@@ -1,14 +1,8 @@
 package services
 
-import (
-	"cpone/models"
-	dbx "cpone/package/database"
-	"fmt"
+import "cpone/models"
 
-	"go.uber.org/zap"
-)
-
-// Func get menu sidebar
+//Func get menu sidebar
 func GetMenu() ([]models.Menu, error) {
 
 	// dummyBreadcrumb := []Breadcrumb{
@@ -521,30 +515,6 @@ func GetUserLogin() (models.User, error) {
 	return a, nil
 }
 
-func GetTerminologyList(inp models.TerminologyParamv0) ([]models.TerminologyV0, error) {
-	logger, _ := zap.NewProduction()
-	defer logger.Sync()
+func GetTerminology(attributePath string, codeSystem string) {
 
-	var term []models.TerminologyV0
-
-	query := `
-		SELECT
-			*
-		FROM terminology
-		WHERE status_cd = 'normal'
-		AND code_system = ?
-		AND attribute_path = ?
-	`
-
-	logger.Info("QUERY SEARCH TERMINOLOGY",
-		zap.String("query search", query),
-	)
-
-	if err := dbx.Handlex.Select(&term, query,
-		inp.CodeSystem,
-		inp.AttributePath); err != nil {
-		return nil, fmt.Errorf("error querying database terminology: %v", err)
-	}
-
-	return term, nil
 }

services/dev/md.nonlabtemplate.services.go

@@ -6,22 +6,46 @@ import (
 	dbx "cpone/package/database"
 	"fmt"
 	"math"
+	"strconv"
 	"strings"
 
 	"go.uber.org/zap"
 )
 
-type MDNonlabTemplateServices struct {
-	MDNonlabTemplateStore db.AppStore
+type MDNonLabTemplateServices struct {
+	MDNonLabTemplateStore db.AppStore
+	DetailStore           []models.MDNonLabTemplateDetail
+	addChan               chan models.MDNonLabTemplateDetail
+	delChan               chan models.MDNonLabTemplateDetail
 }
 
-func NewMDNonlabTemplateServices(uStore db.AppStore) *MDNonlabTemplateServices {
-	return &MDNonlabTemplateServices{
-		MDNonlabTemplateStore: uStore,
+func NewMDNonLabTemplateServices(uStore db.AppStore) *MDNonLabTemplateServices {
+	aChan := make(chan models.MDNonLabTemplateDetail)
+	dChan := make(chan models.MDNonLabTemplateDetail)
+
+	serv := MDNonLabTemplateServices{
+		MDNonLabTemplateStore: uStore,
+		DetailStore:           []models.MDNonLabTemplateDetail{},
+		addChan:               aChan,
+		delChan:               dChan,
+	}
+
+	go serv.runner()
+	return &serv
+}
+
+func (mdnlt *MDNonLabTemplateServices) runner() {
+	for {
+		select {
+		case x := <-mdnlt.addChan:
+			mdnlt.DetailStore = append(mdnlt.DetailStore, x)
+		case y := <-mdnlt.delChan:
+			mdnlt.DetailStore = append(mdnlt.DetailStore, y)
+		}
 	}
 }
 
-func (nlt *MDNonlabTemplateServices) GetMDNonLabTemplateBreadcrumb() (models.BreadCrumbV1, error) {
+func (mdnlt *MDNonLabTemplateServices) GetMDNonLabTemplateBreadcrumb() (models.BreadCrumbV1, error) {
 	var ret models.BreadCrumbV1
 
 	breadcrumb := models.BreadCrumbV1{
@@ -46,11 +70,11 @@ func (nlt *MDNonlabTemplateServices) GetMDNonLabTemplateBreadcrumb() (models.Bre
 	return ret, nil
 }
 
-func (nlt *MDNonlabTemplateServices) GetListNonlabTemplate(search string, currPage int, rowPerPage int) ([]models.MDNonlabTemplate, int, error) {
-	var ret []models.MDNonlabTemplate
+func (mdnlt *MDNonLabTemplateServices) GetMDNonLabTemplateData(search string, currentPage int, rowPerPage int) ([]models.MDNonLabTemplate, int, error) {
+	var ret []models.MDNonLabTemplate
 	var totalData int
 
-	offset := (currPage - 1) * rowPerPage
+	offset := (currentPage - 1) * rowPerPage
 	prm := "%" + strings.TrimSpace(search) + "%"
 	query := `
 		SELECT COUNT(*)
@@ -85,9 +109,9 @@ func (nlt *MDNonlabTemplateServices) GetListNonlabTemplate(search string, currPa
 	return ret, totalPage, nil
 }
 
-func (nlt *MDNonlabTemplateServices) GetMDNonlabTemplateByID(id string) (models.MDNonlabTemplate, error) {
+func (mdnlt *MDNonLabTemplateServices) GetMDNonLabTemplateByID(id string) (models.MDNonLabTemplate, error) {
 	logger, _ := zap.NewProduction()
-	var ret models.MDNonlabTemplate
+	var ret models.MDNonLabTemplate
 
 	q := `
 		SELECT
@@ -112,9 +136,112 @@ func (nlt *MDNonlabTemplateServices) GetMDNonlabTemplateByID(id string) (models.
 	return ret, nil
 }
 
-func (nlt *MDNonlabTemplateServices) DeleteDataNonlabTemplate(id string) (models.MDNonlabTemplate, error) {
+func (mdnlt *MDNonLabTemplateServices) GetListingDetailByID(id string) ([]models.MDNonLabTemplateDetail, error) {
 	logger, _ := zap.NewProduction()
-	var ret models.MDNonlabTemplate
+	var ret []models.MDNonLabTemplateDetail
+
+	q := `
+		SELECT
+		NonlabTemplateDetailID,
+		NonlabTemplateDetailNonlabTemplateID,
+		NonlabTemplateDetailCode,
+		NonlabTemplateDetailName,
+		NonlabTemplateDetailIsActive
+		FROM nonlab_template_detail
+		WHERE NonlabTemplateDetailIsActive = 'Y'
+		AND NonlabTemplateDetailNonlabTemplateID = ?
+	`
+
+	if err := dbx.Handlex.Select(&ret, q, id); err != nil {
+		defer logger.Sync()
+		logger.Error("Error get detail",
+			zap.String("ID", id),
+			zap.Error(err),
+		)
+		return nil, fmt.Errorf("error get list detail: %v", err)
+	}
+
+	return ret, nil
+}
+
+func (mdnlt *MDNonLabTemplateServices) AddDataMDNLT(input models.InputDetailNonLabTemplate) (models.MDNonLabTemplate, error) {
+	logger, _ := zap.NewProduction()
+	var ret models.MDNonLabTemplate
+
+	// cek duplicate non lab template name
+	var count int
+	prm := "%" + input.NonLabTemplateName + "%"
+	q := `SELECT COUNT(*) FROM nonlab_template WHERE NonlabTemplateIsActive = 'Y' AND NonlabTemplateName LIKE ?`
+	err := dbx.Handlex.Get(&count, q, prm)
+	if err != nil {
+		defer logger.Sync()
+		logger.Error("cek duplicate", zap.Any("name", input.NonLabTemplateName))
+		return ret, fmt.Errorf("query failed to cek duplicate")
+	}
+	if count > 0 {
+		defer logger.Sync()
+		logger.Error("duplicate data", zap.Any("name", input.NonLabTemplateName))
+		return ret, fmt.Errorf("duplicate code or name")
+	}
+
+	// insert data
+	tx, err := dbx.Handlex.Beginx()
+	if err != nil {
+		return ret, err
+	}
+	defer tx.Rollback()
+
+	qnlt := `
+		INSERT INTO nonlab_template (
+			NonlabTemplateName,
+			NonlabTemplateFlagFisik,
+			NonlabTemplateCreated
+		) VALUES (?,?,NOW());
+	`
+	rsp := tx.MustExec(qnlt, input.NonLabTemplateName, input.NonLabTemplateFlagFisik)
+	insertedID, err := rsp.LastInsertId()
+	if err != nil {
+		defer logger.Sync()
+		logger.Error("failed insert data template", zap.Any("name", input.NonLabTemplateName), zap.Any("flag fisik", input.NonLabTemplateFlagFisik))
+		return ret, fmt.Errorf("query failed insert data template")
+	}
+
+	qry, err := tx.Preparex(`
+		INSERT INTO nonlab_template_detail (
+			NonlabTemplateDetailNonlabTemplateID,
+			NonlabTemplateDetailCode,
+			NonlabTemplateDetailName,
+			NonlabTemplateDetailFlagActive
+		) VALUES (?,?,?,?)
+	`)
+	if err != nil {
+		return ret, fmt.Errorf("query failed: %v", err)
+	}
+	defer qry.Close()
+
+	for _, detail := range input.NonLabTemplatDetail {
+		_, err := qry.Exec(
+			insertedID,
+			detail.NonlabTemplateDetailCode,
+			detail.NonlabTemplateDetailName,
+			detail.NonlabTemplateDetailFlagActive,
+		)
+		if err != nil {
+			return ret, fmt.Errorf("query insert detail failed: %v", err)
+		}
+	}
+
+	if err := tx.Commit(); err != nil {
+		return ret, fmt.Errorf("commit query failed: %v", err)
+	}
+
+	s := strconv.Itoa(int(insertedID))
+	return mdnlt.GetMDNonLabTemplateByID(s)
+}
+
+func (mdnlt *MDNonLabTemplateServices) DeleteDataMDNLT(id string) (models.MDNonLabTemplate, error) {
+	logger, _ := zap.NewProduction()
+	var ret models.MDNonLabTemplate
 
 	q := `
 		UPDATE nonlab_template
@@ -131,5 +258,20 @@ func (nlt *MDNonlabTemplateServices) DeleteDataNonlabTemplate(id string) (models
 		return ret, fmt.Errorf("query failed delete non lab template")
 	}
 
-	return nlt.GetMDNonlabTemplateByID(id)
+	return mdnlt.GetMDNonLabTemplateByID(id)
+}
+
+func (mdnlt *MDNonLabTemplateServices) SaveInMemoryDetail(kode string, name string) (models.MDNonLabTemplateDetail, error) {
+	data := models.MDNonLabTemplateDetail{
+		NonlabTemplateDetailCode: kode,
+		NonlabTemplateDetailName: name,
+	}
+
+	mdnlt.addChan <- data
+
+	return data, nil
+}
+
+func (mdnlt *MDNonLabTemplateServices) ListMemoryDetail() ([]models.MDNonLabTemplateDetail, error) {
+	return mdnlt.DetailStore, nil
 }

views/dev/mdnonlabtemplate/mdnonlabtemplate.templ

@@ -1,10 +1,10 @@
 package dev_mdnonlabtemplateview
 
-import "cpone/layout"
-import "cpone/models"
 import "cpone/component/customtextfield"
+import "cpone/models"
+import "cpone/layout"
 
-templ MdNonlabTemplateScreen(
+templ MDNonLabTemplateScreen(
     tableID string,
     paginationID string,
     searchID string,
@@ -14,51 +14,70 @@ templ MdNonlabTemplateScreen(
     dialogEditBodyID string,
     dialogDeleteID string,
     dialogDeleteBodyID string,
+    btnAddNamaID string,
+    btnAddDetailID string,
+    tableDetailID string,
+    tableDetailPaginationID string,
     breadcrumb templ.Component,
-    filtercomponent templ.Component,
-    tablecontent templ.Component,
-    paginationtable templ.Component,
+    filterComponent templ.Component,
+    tableComponent templ.Component,
+    paginationComponent templ.Component,
     modalAddForm templ.Component,
-    // modalEditForm templ.Component,
     modalDeleteForm templ.Component,
 ) {
     <div class="container-fluid">
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "tableID",
-			Name:  "tableID",
-			Type:  "hidden",
-			Value: tableID})
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "paginationID",
-			Name:  "paginationID",
-			Type:  "hidden",
-			Value: paginationID})
+        @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "tableID",
+            Name: "tableID",
+            Type: "hidden",
+            Value: tableID,})
+        @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "paginationID",
+            Name: "paginationID",
+            Type: "hidden",
+            Value: paginationID,})
         @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "searchID",
             Name: "searchID",
             Type: "hidden",
-            Value: searchID})        
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogAddID",
-			Name:  "dialogAddID",
-			Type:  "hidden",
-			Value: dialogAddID})
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogAddBodyID",
-			Name:  "dialogAddBodyID",
-			Type:  "hidden",
-			Value: dialogAddBodyID})
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogEditID",
-			Name:  "dialogEditID",
-			Type:  "hidden",
-			Value: dialogEditID})
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogEditBodyID",
-			Name:  "dialogEditBodyID",
-			Type:  "hidden",
-			Value: dialogEditBodyID})
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogDeleteID",
-			Name:  "dialogDeleteID",
-			Type:  "hidden",
-			Value: dialogDeleteID})
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogDeleteBodyID",
-			Name:  "dialogDeleteBodyID",
-			Type:  "hidden",
-			Value: dialogDeleteBodyID})
+            Value: searchID,})
+        @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogAddID",
+            Name: "dialogAddID",
+            Type: "hidden",
+            Value: dialogAddID,})
+        @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogAddBodyID",
+            Name: "dialogAddBodyID",
+            Type: "hidden",
+            Value: dialogAddBodyID,})
+        @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogEditID",
+            Name: "dialogEditID",
+            Type: "hidden",
+            Value: dialogEditID,})
+        @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogEditBodyID",
+            Name: "dialogEditBodyID",
+            Type: "hidden",
+            Value: dialogEditBodyID,})
+        @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogDeleteID",
+            Name: "dialogDeleteID",
+            Type: "hidden",
+            Value: dialogDeleteID,})
+        @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogDeleteBodyID",
+            Name: "dialogDeleteBodyID",
+            Type: "hidden",
+            Value: dialogDeleteBodyID,})
+        @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "btnAddNamaID",
+            Name: "btnAddNamaID",
+            Type: "hidden",
+            Value: btnAddNamaID,})
+        @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "btnAddDetailID",
+            Name: "btnAddDetailID",
+            Type: "hidden",
+            Value: btnAddDetailID,})
+        @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "tableDetailID",
+            Name: "tableDetailID",
+            Type: "hidden",
+            Value: tableDetailID,})
+        @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "tableDetailPaginationID",
+            Name: "tableDetailPaginationID",
+            Type: "hidden",
+            Value: tableDetailPaginationID,})
         <div class="row align-items-center mb-10">
             <div class="col-md-10 col-sm-12 p-0">
                 @breadcrumb
@@ -70,40 +89,35 @@ templ MdNonlabTemplateScreen(
                         class="btn btn-primary"
                         data-toggle="modal"
                         data-target={ "#" + dialogAddID }
-                    >
-                        Add New
-                    </button>
+                    >Add New</button>
                 </div>
             </div>
             <div class="col-md-2 d-block d-lg-none d-xl-none d-md-none d-sm-block justify-content-center px-5">
                 <button 
-                    type="button"
+                    type="button" 
                     class="btn btn-primary btn-block"
                     data-toggle="modal"
                     data-target={ "#" + dialogAddID }
-                >
-                    Add New
-                </button>
+                >Add New</button>
             </div>
         </div>
-        <div id="loading-parent" class=" rounded">
-            @filtercomponent
-            @tablecontent
-            @paginationtable
-            <div id="loading-child" class=" rounded bg-transparent">
-                <div id="loading-spinner" class="spinner-border text-primary d-none" style="width: 3rem; height: 3rem" role="status">
+        @filterComponent
+        <div id="loading-parent" class="rounded">
+            @tableComponent
+            @paginationComponent
+            @modalAddForm
+            @modalDeleteForm
+            <div id="loading-child" class="rounded bg-transparent">
+                <div id="loading-spinner" class="spinner-border text-primary d-none" style="width: 3rem; height: 3rem;" role="status">
                     <span class="sr-only">Loading...</span>
-                </div>                
-            </div>
+                </div>
+            </div>            
         </div>
         <div id="loadingcontent"></div>
-        @modalAddForm
-        // @modalEditForm
-        @modalDeleteForm
     </div>
 }
 
-templ CSSmdnontemplate() {
+templ CSSMDNonLabTemplate() {
 	<link
 		rel="stylesheet"
 		href="assets/css/googlefont/poppins.css"
@@ -133,82 +147,26 @@ templ CSSmdnontemplate() {
         #title {
             font-weight: 600;
         }
-    </style>
+        
+    </style>    
 }
 
-templ JSmdnontemplate() {
-	<script>
-		document.addEventListener('htmx:afterSwap', function(event) {
-			// Reinitialize selectpicker after HTMX content swap
-			$('.selectpicker').selectpicker('refresh');
-		});
-    
+templ JSSMDNonLabTemplate() {
+    <script>
         document.addEventListener('htmx:beforeRequest', function(event) {
-            console.log("Before Request")
-			console.log(event.detail.xhr)
-			console.log(event.detail.target)
-            
+            var indicator = document.querySelector('#loadingcontent');
+            if (indicator) {
+                console.log('Loading Start')
+            }
         });
 
         document.addEventListener('htmx:afterRequest', function(event) {
-            console.log("After Request")
-            console.log(event.detail.xhr)
-			console.log(event.detail.target)
+            var indicator = document.querySelector('#loadingcontent');
+            if (indicator) {
+                console.log('Loading End')
+            }
         });
-        document.addEventListener('htmx:historyCacheError', function(event) {
-            console.log("Error History Cache Error")
-            console.log(event.detail.cause)
-			
-        });
-        document.addEventListener('htmx:historyCacheMissError', function(event) {
-            console.log("Error History Cache Miss Error")
-            console.log(event.detail.xhr)
-            console.log(event.detail.path)
-			
-        });
-        document.addEventListener('htmx:oobErrorNoTarget', function(event) {
-            console.log("Error OOB No Target")
-            console.log(event.detail.content)
-        });
-        document.addEventListener('htmx:onLoadError', function(event) {
-            console.log("Error On Load")
-            console.log(event.detail.xhr)
-            console.log(event.detail.elt)
-            console.log(event.detail.target)
-            console.log(event.detail.exception)
-            console.log(event.detail.requestConfig)
-        });
-        document.addEventListener('htmx:responseError', function(event) {
-            console.log("Error Response")
-            console.log(event.detail.xhr)
-            console.log(event.detail.elt)
-            console.log(event.detail.requestConfig)
-        });
-        document.addEventListener('htmx:sendError', function(event) {
-            console.log("Error Send Error")
-            console.log(event.detail.xhr)
-            console.log(event.detail.elt)
-            console.log(event.detail.requestConfig)
-        });
-        document.addEventListener('htmx:sseError', function(event) {
-            console.log("Error Sse ")
-            console.log(event.detail.xhr)
-            console.log(event.detail.error)
-            console.log(event.detail.source)
-        });
-		document.addEventListener('htmx:swapError', function(event) {
-            console.log("Error Swap Error")
-            console.log(event.detail.xhr)
-            console.log(event.detail.elt)
-            console.log("Target Swap: "+event.detail.target)
-            console.log(event.detail.requestConfig)
-        });
-		document.addEventListener('htmx:targetError', function(event) {
-            console.log("Error target")
-            console.log(event.detail.elt)
-            console.log("Target ID: "+event.detail.target)
-        });
-    </script>    
+    </script>
 }
 
 script BeforeRequestContent() {
@@ -233,16 +191,15 @@ script AfterRequestContent() {
     loadingSpinner.classList.add("d-none");
 }
 
-templ ShowMdNonlabTemplateScreen(
+templ ShowMDNonLabTemplate(
     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
-    }
-}
+    navbarmenu templ.Component,
+    navbaruser templ.Component,
+    userprofile templ.Component) {
+        @layout.CorporateLayout(title, css, js, navbarmenu, navbaruser, userprofile) {
+            @cmp
+        }
+    }

views/dev/mdnonlabtemplate/mdnonlabtemplate_templ.go

@@ -10,11 +10,11 @@ import "context"
 import "io"
 import "bytes"
 
-import "cpone/layout"
-import "cpone/models"
 import "cpone/component/customtextfield"
+import "cpone/models"
+import "cpone/layout"
 
-func MdNonlabTemplateScreen(
+func MDNonLabTemplateScreen(
 	tableID string,
 	paginationID string,
 	searchID string,
@@ -24,12 +24,15 @@ func MdNonlabTemplateScreen(
 	dialogEditBodyID string,
 	dialogDeleteID string,
 	dialogDeleteBodyID string,
+	btnAddNamaID string,
+	btnAddDetailID string,
+	tableDetailID string,
+	tableDetailPaginationID string,
 	breadcrumb templ.Component,
-	filtercomponent templ.Component,
-	tablecontent templ.Component,
-	paginationtable templ.Component,
+	filterComponent templ.Component,
+	tableComponent templ.Component,
+	paginationComponent templ.Component,
 	modalAddForm templ.Component,
-	// modalEditForm templ.Component,
 	modalDeleteForm templ.Component,
 ) templ.Component {
 	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
@@ -111,6 +114,34 @@ func MdNonlabTemplateScreen(
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
+		templ_7745c5c3_Err = customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "btnAddNamaID",
+			Name:  "btnAddNamaID",
+			Type:  "hidden",
+			Value: btnAddNamaID}).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "btnAddDetailID",
+			Name:  "btnAddDetailID",
+			Type:  "hidden",
+			Value: btnAddDetailID}).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "tableDetailID",
+			Name:  "tableDetailID",
+			Type:  "hidden",
+			Value: tableDetailID}).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "tableDetailPaginationID",
+			Name:  "tableDetailPaginationID",
+			Type:  "hidden",
+			Value: tableDetailPaginationID}).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"row align-items-center mb-10\"><div class=\"col-md-10 col-sm-12 p-0\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
@@ -126,42 +157,42 @@ func MdNonlabTemplateScreen(
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs("#" + dialogAddID)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplate.templ`, Line: 72, Col: 55}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplate.templ`, Line: 91, Col: 55}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">Add New\r</button></div></div><div class=\"col-md-2 d-block d-lg-none d-xl-none d-md-none d-sm-block justify-content-center px-5\"><button type=\"button\" class=\"btn btn-primary btn-block\" data-toggle=\"modal\" data-target=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">Add New</button></div></div><div class=\"col-md-2 d-block d-lg-none d-xl-none d-md-none d-sm-block justify-content-center px-5\"><button type=\"button\" class=\"btn btn-primary btn-block\" data-toggle=\"modal\" data-target=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var3 string
 		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs("#" + dialogAddID)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplate.templ`, Line: 83, Col: 51}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplate.templ`, Line: 100, Col: 51}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">Add New\r</button></div></div><div id=\"loading-parent\" class=\" rounded\">")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">Add New</button></div></div>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = filtercomponent.Render(ctx, templ_7745c5c3_Buffer)
+		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)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"loading-parent\" class=\"rounded\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = paginationtable.Render(ctx, templ_7745c5c3_Buffer)
+		templ_7745c5c3_Err = tableComponent.Render(ctx, templ_7745c5c3_Buffer)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"loading-child\" class=\" rounded bg-transparent\"><div id=\"loading-spinner\" class=\"spinner-border text-primary d-none\" style=\"width: 3rem; height: 3rem\" role=\"status\"><span class=\"sr-only\">Loading...</span></div></div></div><div id=\"loadingcontent\"></div>")
+		templ_7745c5c3_Err = paginationComponent.Render(ctx, templ_7745c5c3_Buffer)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -173,7 +204,7 @@ func MdNonlabTemplateScreen(
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"loading-child\" class=\"rounded bg-transparent\"><div id=\"loading-spinner\" class=\"spinner-border text-primary d-none\" style=\"width: 3rem; height: 3rem;\" role=\"status\"><span class=\"sr-only\">Loading...</span></div></div></div><div id=\"loadingcontent\"></div></div>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -184,7 +215,7 @@ func MdNonlabTemplateScreen(
 	})
 }
 
-func CSSmdnontemplate() templ.Component {
+func CSSMDNonLabTemplate() 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 {
@@ -197,7 +228,7 @@ func CSSmdnontemplate() templ.Component {
 			templ_7745c5c3_Var4 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<link rel=\"stylesheet\" href=\"assets/css/googlefont/poppins.css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/publicsans.css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/roboto.css\"><style>\r\n        body {\r\n        background-color: white;\r\n        /* padding-right: 100px;\r\n                padding-left: 100px; */\r\n        }\r\n        #div-chart {\r\n            /* overflow-x: scroll; */\r\n            margin: 40px 10vw 40px 10vw;\r\n        }\r\n        .title {\r\n            font-size:20px;\r\n            font-weight: bold;\r\n        }\r\n        #title {\r\n            font-weight: 600;\r\n        }\r\n    </style>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<link rel=\"stylesheet\" href=\"assets/css/googlefont/poppins.css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/publicsans.css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/roboto.css\"><style>\r\n        body {\r\n        background-color: white;\r\n        /* padding-right: 100px;\r\n                padding-left: 100px; */\r\n        }\r\n        #div-chart {\r\n            /* overflow-x: scroll; */\r\n            margin: 40px 10vw 40px 10vw;\r\n        }\r\n        .title {\r\n            font-size:20px;\r\n            font-weight: bold;\r\n        }\r\n        #title {\r\n            font-weight: 600;\r\n        }\r\n        \r\n    </style>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -208,7 +239,7 @@ func CSSmdnontemplate() templ.Component {
 	})
 }
 
-func JSmdnontemplate() templ.Component {
+func JSSMDNonLabTemplate() 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 {
@@ -221,7 +252,7 @@ func JSmdnontemplate() templ.Component {
 			templ_7745c5c3_Var5 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<script>\r\n\t\tdocument.addEventListener('htmx:afterSwap', function(event) {\r\n\t\t\t// Reinitialize selectpicker after HTMX content swap\r\n\t\t\t$('.selectpicker').selectpicker('refresh');\r\n\t\t});\r\n    \r\n        document.addEventListener('htmx:beforeRequest', function(event) {\r\n            console.log(\"Before Request\")\r\n\t\t\tconsole.log(event.detail.xhr)\r\n\t\t\tconsole.log(event.detail.target)\r\n            \r\n        });\r\n\r\n        document.addEventListener('htmx:afterRequest', function(event) {\r\n            console.log(\"After Request\")\r\n            console.log(event.detail.xhr)\r\n\t\t\tconsole.log(event.detail.target)\r\n        });\r\n        document.addEventListener('htmx:historyCacheError', function(event) {\r\n            console.log(\"Error History Cache Error\")\r\n            console.log(event.detail.cause)\r\n\t\t\t\r\n        });\r\n        document.addEventListener('htmx:historyCacheMissError', function(event) {\r\n            console.log(\"Error History Cache Miss Error\")\r\n            console.log(event.detail.xhr)\r\n            console.log(event.detail.path)\r\n\t\t\t\r\n        });\r\n        document.addEventListener('htmx:oobErrorNoTarget', function(event) {\r\n            console.log(\"Error OOB No Target\")\r\n            console.log(event.detail.content)\r\n        });\r\n        document.addEventListener('htmx:onLoadError', function(event) {\r\n            console.log(\"Error On Load\")\r\n            console.log(event.detail.xhr)\r\n            console.log(event.detail.elt)\r\n            console.log(event.detail.target)\r\n            console.log(event.detail.exception)\r\n            console.log(event.detail.requestConfig)\r\n        });\r\n        document.addEventListener('htmx:responseError', function(event) {\r\n            console.log(\"Error Response\")\r\n            console.log(event.detail.xhr)\r\n            console.log(event.detail.elt)\r\n            console.log(event.detail.requestConfig)\r\n        });\r\n        document.addEventListener('htmx:sendError', function(event) {\r\n            console.log(\"Error Send Error\")\r\n            console.log(event.detail.xhr)\r\n            console.log(event.detail.elt)\r\n            console.log(event.detail.requestConfig)\r\n        });\r\n        document.addEventListener('htmx:sseError', function(event) {\r\n            console.log(\"Error Sse \")\r\n            console.log(event.detail.xhr)\r\n            console.log(event.detail.error)\r\n            console.log(event.detail.source)\r\n        });\r\n\t\tdocument.addEventListener('htmx:swapError', function(event) {\r\n            console.log(\"Error Swap Error\")\r\n            console.log(event.detail.xhr)\r\n            console.log(event.detail.elt)\r\n            console.log(\"Target Swap: \"+event.detail.target)\r\n            console.log(event.detail.requestConfig)\r\n        });\r\n\t\tdocument.addEventListener('htmx:targetError', function(event) {\r\n            console.log(\"Error target\")\r\n            console.log(event.detail.elt)\r\n            console.log(\"Target ID: \"+event.detail.target)\r\n        });\r\n    </script>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<script>\r\n        document.addEventListener('htmx:beforeRequest', function(event) {\r\n            var indicator = document.querySelector('#loadingcontent');\r\n            if (indicator) {\r\n                console.log('Loading Start')\r\n            }\r\n        });\r\n\r\n        document.addEventListener('htmx:afterRequest', function(event) {\r\n            var indicator = document.querySelector('#loadingcontent');\r\n            if (indicator) {\r\n                console.log('Loading End')\r\n            }\r\n        });\r\n    </script>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -266,15 +297,14 @@ func AfterRequestContent() templ.ComponentScript {
 	}
 }
 
-func ShowMdNonlabTemplateScreen(
+func ShowMDNonLabTemplate(
 	title string,
 	cmp templ.Component,
 	css templ.Component,
 	js templ.Component,
 	navbarmenu templ.Component,
 	navbaruser templ.Component,
-	userprofile templ.Component,
-) 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 {

views/dev/mdnonlabtemplate/mdnonlabtemplatedetailtable.templ

@@ -0,0 +1,110 @@
+package dev_mdnonlabtemplateview
+
+import "cpone/models"
+import "cpone/component/table"
+import "strconv"
+
+templ TableDetail(data []models.MDNonLabTemplateDetail,
+	tableID string,
+	hxGetEdit string,
+	hxTargetEdit string,
+	hxSwapEdit string,
+	hxIncludeEdit string,
+	hxGetDelete string,
+	hxTargetDelete string,
+	hxSwapDelete string,
+	hxIncludeDelete string,
+
+) {
+    <div id={ tableID } hx-swap-oob="true">
+        @tablecomponent.TableV3([]string{"KODE", "TEST", "AKSI"},
+        []string{"20%","60%","20%"},
+        RowTableDetail(data,
+            hxGetEdit,
+            hxTargetEdit,
+            hxSwapEdit,
+            hxIncludeEdit,
+            hxGetDelete,
+            hxTargetDelete,
+            hxSwapDelete,
+            hxIncludeDelete,
+        ))
+    </div>
+}
+
+templ RowTableDetail(data []models.MDNonLabTemplateDetail,
+	hxGetEdit string,
+	hxTargetEdit string,
+	hxSwapEdit string,
+	hxIncludeEdit string,
+	hxGetDelete string,
+	hxTargetDelete string,
+	hxSwapDelete string,
+	hxIncludeDelete string,
+) {
+    if len(data) == 0 {
+        <tr>
+            <td colspan="3" class="text-center">Belum ada data</td>
+        </tr>
+    }
+    for _, d := range data {
+        <tr>
+            <td>{ d.NonlabTemplateDetailCode }</td>
+            <td>{ d.NonlabTemplateDetailName }</td>
+            <td>
+                @ActionTableDetail(d.NonlabTemplateDetailID,
+                    hxGetEdit,
+                    hxTargetEdit,
+                    hxSwapEdit,
+                    hxIncludeEdit,
+                    hxGetDelete,
+                    hxTargetDelete,
+                    hxSwapDelete,
+                    hxIncludeDelete,
+                )
+            </td>
+        </tr>
+    }
+}
+
+templ ActionTableDetail(id int,
+    hxGetEdit string,
+	hxTargetEdit string,
+	hxSwapEdit string,
+	hxIncludeEdit string,
+	hxGetDelete string,
+	hxTargetDelete string,
+	hxSwapDelete string,
+	hxIncludeDelete string,
+) {
+    <div class="row px-5 d-flex justify-content-around">
+        <a 
+            type="button"
+            class="btnactionnlt col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-tosca mb-2 btn-sm"
+            hx-get={ hxGetDelete + "?id=" + strconv.Itoa(id) }
+            hx-target={ hxTargetDelete }
+            hx-swap={ hxSwapDelete }
+            hx-include={ hxIncludeDelete }
+            hx-indicator={ "#spnrdel" + strconv.Itoa(id) }
+            hx-on::before-request={ HandleBeforeRequestRow(strconv.Itoa(id)) }
+            hx-on::after-request={ HandleAfterRequestRow(strconv.Itoa(id)) }            
+        >
+            <span id={ "spnrdel" + strconv.Itoa(id) } class="htmx-indicator spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
+            <i class="flaticon2-trash"></i>
+        </a>
+        <a
+			type="button"
+			class="btnactiongr col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-tosca mb-2 btn-sm"
+			hx-get={ hxGetEdit + "?id=" + strconv.Itoa(id) }
+			hx-target={ hxTargetEdit }
+			hx-swap={ hxSwapEdit }
+			hx-include={ hxIncludeEdit }
+			hx-indicator={ "#spnredt" + strconv.Itoa(id) }
+			hx-on::before-request={ HandleBeforeRequestRow(strconv.Itoa(id)) }
+			hx-on::after-request={ HandleAfterRequestRow(strconv.Itoa(id)) }        
+        >
+            <span id={ "spnredt" + strconv.Itoa(id) } class="htmx-indicator spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
+            Pilih
+        </a>
+    </div>
+}

views/dev/mdnonlabtemplate/mdnonlabtemplatedetailtable_templ.go

@@ -0,0 +1,407 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package dev_mdnonlabtemplateview
+
+//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/models"
+import "cpone/component/table"
+import "strconv"
+
+func TableDetail(data []models.MDNonLabTemplateDetail,
+	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("<div id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(tableID)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatedetailtable.templ`, Line: 19, Col: 21}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap-oob=\"true\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = tablecomponent.TableV3([]string{"KODE", "TEST", "AKSI"},
+			[]string{"20%", "60%", "20%"},
+			RowTableDetail(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("</div>")
+		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 RowTableDetail(data []models.MDNonLabTemplateDetail,
+	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("<tr><td colspan=\"3\" class=\"text-center\">Belum ada data</td></tr>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		for _, d := range data {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<tr><td>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var4 string
+			templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(d.NonlabTemplateDetailCode)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatedetailtable.templ`, Line: 52, Col: 44}
+			}
+			_, 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("</td><td>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var5 string
+			templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(d.NonlabTemplateDetailName)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatedetailtable.templ`, Line: 53, Col: 44}
+			}
+			_, 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("</td><td>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = ActionTableDetail(d.NonlabTemplateDetailID,
+				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("</td></tr>")
+			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 ActionTableDetail(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_Var6 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var6 == nil {
+			templ_7745c5c3_Var6 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"row px-5 d-flex justify-content-around\">")
+		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("<a type=\"button\" class=\"btnactionnlt col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-tosca mb-2 btn-sm\" hx-get=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var7 string
+		templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(hxGetDelete + "?id=" + strconv.Itoa(id))
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatedetailtable.templ`, Line: 84, Col: 60}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var8 string
+		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(hxTargetDelete)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatedetailtable.templ`, Line: 85, Col: 38}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var9 string
+		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwapDelete)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatedetailtable.templ`, Line: 86, Col: 34}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-include=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var10 string
+		templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(hxIncludeDelete)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatedetailtable.templ`, Line: 87, Col: 40}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-indicator=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var11 string
+		templ_7745c5c3_Var11, templ_7745c5c3_Err = templ.JoinStringErrs("#spnrdel" + strconv.Itoa(id))
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatedetailtable.templ`, Line: 88, Col: 56}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var11))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::before-request=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var12 templ.ComponentScript = HandleBeforeRequestRow(strconv.Itoa(id))
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var12.Call)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::after-request=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var13 templ.ComponentScript = HandleAfterRequestRow(strconv.Itoa(id))
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var13.Call)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"><span id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var14 string
+		templ_7745c5c3_Var14, templ_7745c5c3_Err = templ.JoinStringErrs("spnrdel" + strconv.Itoa(id))
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatedetailtable.templ`, Line: 92, Col: 51}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var14))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"htmx-indicator spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span> <i class=\"flaticon2-trash\"></i></a> ")
+		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("<a type=\"button\" class=\"btnactiongr col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-tosca mb-2 btn-sm\" hx-get=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var15 string
+		templ_7745c5c3_Var15, templ_7745c5c3_Err = templ.JoinStringErrs(hxGetEdit + "?id=" + strconv.Itoa(id))
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatedetailtable.templ`, Line: 98, Col: 49}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var15))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var16 string
+		templ_7745c5c3_Var16, templ_7745c5c3_Err = templ.JoinStringErrs(hxTargetEdit)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatedetailtable.templ`, Line: 99, Col: 27}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var16))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var17 string
+		templ_7745c5c3_Var17, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwapEdit)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatedetailtable.templ`, Line: 100, Col: 23}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var17))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-include=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var18 string
+		templ_7745c5c3_Var18, templ_7745c5c3_Err = templ.JoinStringErrs(hxIncludeEdit)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatedetailtable.templ`, Line: 101, Col: 29}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var18))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-indicator=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var19 string
+		templ_7745c5c3_Var19, templ_7745c5c3_Err = templ.JoinStringErrs("#spnredt" + strconv.Itoa(id))
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatedetailtable.templ`, Line: 102, Col: 47}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var19))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::before-request=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var20 templ.ComponentScript = HandleBeforeRequestRow(strconv.Itoa(id))
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var20.Call)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::after-request=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var21 templ.ComponentScript = HandleAfterRequestRow(strconv.Itoa(id))
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var21.Call)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"><span id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var22 string
+		templ_7745c5c3_Var22, templ_7745c5c3_Err = templ.JoinStringErrs("spnredt" + strconv.Itoa(id))
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatedetailtable.templ`, Line: 106, Col: 51}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var22))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"htmx-indicator spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span> Pilih\r</a></div>")
+		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
+	})
+}

views/dev/mdnonlabtemplate/mdnonlabtemplatemodal.templ

@@ -0,0 +1,235 @@
+package dev_mdnonlabtemplateview
+
+import "cpone/models"
+import "cpone/component/modal"
+import "cpone/component/customtextfield"
+import "cpone/component/customcheckbox"
+
+templ NonLabTemplateModalForm(data models.MDNonLabTemplateForm) {
+    <div class="">
+        <form
+            id={ data.IDComponent }
+            hx-post={ data.Link }
+            class="form"
+            hx-target={ data.HxTarget }
+            hx-swap={ data.HxSwap }
+            hx-include={ data.HxInclude }
+            hx-indicator=".formloading"
+            hx-on::before-request={ HandleFormBeforeRequest() }
+            hx-on::after-request={ HandleFormAfterRequest() }
+        >
+            if data.ModalTitle == "Delete - Non Lab Template" {
+                @modalcomponent.Modal(data.ModalID,
+                    data.ModalTitle,
+                    data.DialogBody,
+                    data.DialogAction,
+                    data.ButtonCLose,
+                )                
+            }
+            @modalcomponent.ModalXL(data.ModalID,
+                data.ModalTitle,
+                data.DialogBody,
+                data.DialogAction,
+                data.ButtonCLose,
+            )
+        </form>
+    </div>
+}
+
+script HandleFormBeforeRequest() {
+    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() {
+    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 BodyFormMDNonlabTemplate(
+    componentID string,
+    inputID models.CustomTextFieldv2Prm,
+    inputName models.CustomTextFieldv2Prm,
+    flagFisik models.CustomCheckboxv1Prm,
+    kodeDetail models.CustomTextFieldv2Prm,
+    namaDetail models.CustomTextFieldv2Prm,
+    btnDetail templ.Component,
+    tableDetail templ.Component,
+    hxOnLoad templ.ComponentScript,
+) {
+    <div id={ componentID } hx-on::load={ hxOnLoad }>
+        @customtextfield.CustomTextFieldv2(inputID)
+        <div class="row">
+            <div class="col-8">
+                @customtextfield.CustomTextFieldv2(inputName)
+            </div>
+            <div class="col-4">
+                @customcheckbox.MainCustomCheckboxInput(flagFisik)
+            </div>
+        </div>
+        <div class="row align-items-center">
+            <div class="col-3">
+                @customtextfield.CustomTextFieldv2(kodeDetail)
+            </div>
+            <div class="col-8">
+                @customtextfield.CustomTextFieldv2(namaDetail)
+            </div>
+            <div class="col-1">
+                @btnDetail
+            </div>
+        </div>
+        <h6 class="font-weight-bold">Detail Hasil</h6>
+        @tableDetail
+    </div>
+}
+
+templ BtnAddNama(
+    btnAddNamaID string,
+) {
+    <button
+        type="button"
+        class="btn btnaddnama btn-outline-secondary font-weight-bolder rounded-lg"
+        aria-label="Add Detail"
+        data-target={ "#"+btnAddNamaID }
+    >
+        Simpan
+    </button>
+}
+
+templ BtnAddDetail(
+    btnAddNamaID string,
+) {
+    <button 
+        type="button" 
+        class="btn btnadddetail"
+        aria-label="Add Detail"
+        data-targer={ "#"+btnAddNamaID }
+    >
+        <i aria-hidden="true" class="ki ki-solid-plus icon-2x text-primary"></i>
+    </button>
+}
+
+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 ActionFormMDNLT(LinkClose string, targetClose string, hxSwapClose string, modalID string) {
+    <div>
+		<button
+			hx-on::after-request={ JSHideModal(modalID) }
+			hx-post={ LinkClose }
+			hx-target={ targetClose }
+			hx-swap={ hxSwapClose }
+			hx-indicator=".cancelloading"
+			type="button"
+			class="btn btn-outline-secondary font-weight-bolder rounded-lg mr-4 btnactcancel "
+			data-dismiss="modal"
+		>
+			<span class="htmx-indicator spinner-border spinner-border-sm cancelloading" role="status" aria-hidden="true"></span>
+			Batal
+		</button>
+		<button
+			type="submit"
+			class="btn btn-primary btn-shadow font-weight-bold rounded-lg btnactsavedata"
+		>
+			<span class="htmx-indicator spinner-border spinner-border-sm formloading" role="status" aria-hidden="true"></span>
+			Simpan
+		</button>        
+    </div>
+}
+
+templ BtnCloseFormMDNLT(LinkClose string, targetClose string, hxSwapClose string, modalID string) {
+    <button 
+        hx-post={ LinkClose }
+        hx-target={ targetClose }
+        hx-swap={ hxSwapClose }
+        type="button" 
+        hx-on::after-request={ JSHideModal(modalID) }
+        class="close btnactcancel"
+        data-dismiss="modal"
+        aria-label="Close"
+    >
+        <i aria-hidden="true" class="ki ki-close"></i>
+    </button>
+}
+
+templ DeleteConfirmBody(
+    inputID models.CustomTextFieldv2Prm,
+    componentID string,
+    message string,
+    dataHeader []string,
+    dataText []string,
+    hxOnLoad templ.ComponentScript,
+) {
+    <div id={ componentID } hx-on::load={ hxOnLoad }>
+        <p>{ message }</p>
+        <div class="card rounded-lg">
+            <div class="card-body d-flex flex-row">
+                <div class="d-flex flex-column">
+                    for _, v := range dataHeader {
+                        <div class="mb-1 mt-1 text-disabled font-weight-bold mr-5">{ v }</div>
+                    }
+                </div>
+                <div class="d-flex flex-column">
+                    for _, v := range dataText {
+                        <div class="mb-1 mt-1 font-weight-bold">{ v }</div>
+                    }
+                </div>                
+            </div>
+        </div>
+        @customtextfield.CustomTextFieldv2(inputID)
+    </div>
+}
+
+templ ActionFormMDNLTDelete(LinkClose string, targetClose string, hxSwapClose string, modalID string) {
+    <div>
+		<button
+			hx-on::after-request={ JSHideModal(modalID) }
+			hx-post={ LinkClose }
+			hx-target={ targetClose }
+			hx-swap={ hxSwapClose }
+			hx-indicator=".cancelloading"
+			type="button"
+			class="btn btn-outline-secondary font-weight-bolder rounded-lg mr-4 btnactcancel"
+			data-dismiss="modal"
+		>
+			<span class="htmx-indicator spinner-border spinner-border-sm cancelloading" role="status" aria-hidden="true"></span>
+			Batal
+		</button>
+		<button
+			type="submit"
+			class="btn btn-primary btn-shadow font-weight-bold rounded-lg btnactsavedata"
+		>
+			<span class="htmx-indicator spinner-border spinner-border-sm formloading" role="status" aria-hidden="true"></span>
+			Yakin
+		</button>        
+    </div>
+}

views/dev/mdnonlabtemplate/mdnonlabtemplatemodal_templ.go

@@ -15,7 +15,7 @@ import "cpone/component/modal"
 import "cpone/component/customtextfield"
 import "cpone/component/customcheckbox"
 
-func MDNonlabTmpltForm(data models.MDNonlabTemplateForm) templ.Component {
+func NonLabTemplateModalForm(data models.MDNonLabTemplateForm) 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 {
@@ -43,7 +43,7 @@ func MDNonlabTmpltForm(data models.MDNonlabTemplateForm) templ.Component {
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(data.IDComponent)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodal.templ`, Line: 11, Col: 33}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 11, Col: 33}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
@@ -56,7 +56,7 @@ func MDNonlabTmpltForm(data models.MDNonlabTemplateForm) templ.Component {
 		var templ_7745c5c3_Var3 string
 		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(data.Link)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodal.templ`, Line: 12, Col: 31}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 12, Col: 31}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 		if templ_7745c5c3_Err != nil {
@@ -69,7 +69,7 @@ func MDNonlabTmpltForm(data models.MDNonlabTemplateForm) templ.Component {
 		var templ_7745c5c3_Var4 string
 		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(data.HxTarget)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodal.templ`, Line: 14, Col: 37}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 14, Col: 37}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
 		if templ_7745c5c3_Err != nil {
@@ -82,7 +82,7 @@ func MDNonlabTmpltForm(data models.MDNonlabTemplateForm) templ.Component {
 		var templ_7745c5c3_Var5 string
 		templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(data.HxSwap)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodal.templ`, Line: 15, Col: 33}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 15, Col: 33}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
 		if templ_7745c5c3_Err != nil {
@@ -95,7 +95,7 @@ func MDNonlabTmpltForm(data models.MDNonlabTemplateForm) templ.Component {
 		var templ_7745c5c3_Var6 string
 		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(data.HxInclude)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodal.templ`, Line: 16, Col: 39}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 16, Col: 39}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
 		if templ_7745c5c3_Err != nil {
@@ -123,11 +123,22 @@ func MDNonlabTmpltForm(data models.MDNonlabTemplateForm) templ.Component {
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
+		if data.ModalTitle == "Delete - Non Lab Template" {
+			templ_7745c5c3_Err = modalcomponent.Modal(data.ModalID,
+				data.ModalTitle,
+				data.DialogBody,
+				data.DialogAction,
+				data.ButtonCLose,
+			).Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
 		templ_7745c5c3_Err = modalcomponent.ModalXL(data.ModalID,
 			data.ModalTitle,
 			data.DialogBody,
 			data.DialogAction,
-			data.ButtonClose,
+			data.ButtonCLose,
 		).Render(ctx, templ_7745c5c3_Buffer)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
@@ -145,37 +156,37 @@ func MDNonlabTmpltForm(data models.MDNonlabTemplateForm) templ.Component {
 
 func HandleFormBeforeRequest() templ.ComponentScript {
 	return templ.ComponentScript{
-		Name: `__templ_HandleFormBeforeRequest_7bdf`,
-		Function: `function __templ_HandleFormBeforeRequest_7bdf(){const btnActCancel = document.querySelectorAll('.btnactcancel');
+		Name: `__templ_HandleFormBeforeRequest_5ffd`,
+		Function: `function __templ_HandleFormBeforeRequest_5ffd(){const btnActCancel = document.querySelectorAll('.btnactcancel');
     const btnActSaveData = document.querySelectorAll('.btnactsavedata');
 
-    for (let i = 0; i < btnActCancel.length; i++) {
+    for (let i=0; i < btnActCancel.length; i++) {
         btnActCancel[i].setAttribute('disabled', 'true');
     }
-    for (let i = 0; i < btnActSaveData.length; i++) {
+    for (let i=0; i < btnActSaveData.length; i++) {
         btnActSaveData[i].setAttribute('disabled', 'true');
     }
 }`,
-		Call:       templ.SafeScript(`__templ_HandleFormBeforeRequest_7bdf`),
-		CallInline: templ.SafeScriptInline(`__templ_HandleFormBeforeRequest_7bdf`),
+		Call:       templ.SafeScript(`__templ_HandleFormBeforeRequest_5ffd`),
+		CallInline: templ.SafeScriptInline(`__templ_HandleFormBeforeRequest_5ffd`),
 	}
 }
 
 func HandleFormAfterRequest() templ.ComponentScript {
 	return templ.ComponentScript{
-		Name: `__templ_HandleFormAfterRequest_cc6f`,
-		Function: `function __templ_HandleFormAfterRequest_cc6f(){const btnActCancel = document.querySelectorAll('.btnactcancel');
+		Name: `__templ_HandleFormAfterRequest_a7c5`,
+		Function: `function __templ_HandleFormAfterRequest_a7c5(){const btnActCancel = document.querySelectorAll('.btnactcancel');
     const btnActSaveData = document.querySelectorAll('.btnactsavedata');
 
-    for (let i = 0; i < btnActCancel.length; i++) {
+    for (let i=0; i < btnActCancel.length; i++) {
         btnActCancel[i].removeAttribute('disabled');
     }
-    for (let i = 0; i < btnActSaveData.length; i++) {
+    for (let i=0; i < btnActSaveData.length; i++) {
         btnActSaveData[i].removeAttribute('disabled');
-    }
+    }    
 }`,
-		Call:       templ.SafeScript(`__templ_HandleFormAfterRequest_cc6f`),
-		CallInline: templ.SafeScriptInline(`__templ_HandleFormAfterRequest_cc6f`),
+		Call:       templ.SafeScript(`__templ_HandleFormAfterRequest_a7c5`),
+		CallInline: templ.SafeScriptInline(`__templ_HandleFormAfterRequest_a7c5`),
 	}
 }
 
@@ -183,8 +194,11 @@ func BodyFormMDNonlabTemplate(
 	componentID string,
 	inputID models.CustomTextFieldv2Prm,
 	inputName models.CustomTextFieldv2Prm,
-	inputFlag models.CustomCheckboxv1Prm,
-	btnSimpan templ.Component,
+	flagFisik models.CustomCheckboxv1Prm,
+	kodeDetail models.CustomTextFieldv2Prm,
+	namaDetail models.CustomTextFieldv2Prm,
+	btnDetail templ.Component,
+	tableDetail templ.Component,
 	hxOnLoad templ.ComponentScript,
 ) templ.Component {
 	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
@@ -210,7 +224,7 @@ func BodyFormMDNonlabTemplate(
 		var templ_7745c5c3_Var10 string
 		templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(componentID)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodal.templ`, Line: 63, Col: 25}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 74, Col: 25}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
 		if templ_7745c5c3_Err != nil {
@@ -245,19 +259,106 @@ func BodyFormMDNonlabTemplate(
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = customcheckbox.MainCustomCheckboxInput(inputFlag).Render(ctx, templ_7745c5c3_Buffer)
+		templ_7745c5c3_Err = customcheckbox.MainCustomCheckboxInput(flagFisik).Render(ctx, templ_7745c5c3_Buffer)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div><div class=\"row align-items-center\"><div class=\"col-3\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = btnSimpan.Render(ctx, templ_7745c5c3_Buffer)
+		templ_7745c5c3_Err = customtextfield.CustomTextFieldv2(kodeDetail).Render(ctx, templ_7745c5c3_Buffer)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><script>\r\n        document.addEventListener('htmx:afterSwap', function(event) {\r\n            $('.selectpicker').selectpicker('refresh');\r\n        })\r\n    </script>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"col-8\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = customtextfield.CustomTextFieldv2(namaDetail).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"col-1\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = btnDetail.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div><h6 class=\"font-weight-bold\">Detail Hasil</h6>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = tableDetail.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+		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 BtnAddNama(
+	btnAddNamaID 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_Var12 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var12 == nil {
+			templ_7745c5c3_Var12 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<button type=\"button\" class=\"btn btnaddnama btn-outline-secondary font-weight-bolder rounded-lg\" aria-label=\"Add Detail\" data-target=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var13 string
+		templ_7745c5c3_Var13, templ_7745c5c3_Err = templ.JoinStringErrs("#" + btnAddNamaID)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 107, Col: 38}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var13))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">Simpan\r</button>")
+		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 BtnAddDetail() 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_Var14 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var14 == nil {
+			templ_7745c5c3_Var14 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<button type=\"button\" class=\"btn btnadddetail\" aria-label=\"Add Detail\"><i aria-hidden=\"true\" class=\"ki ki-solid-plus icon-2x text-primary\"></i></button>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -280,24 +381,25 @@ func JSHideModal(modalID string) templ.ComponentScript {
 
 func JSShowModal(modalID string) templ.ComponentScript {
 	return templ.ComponentScript{
-		Name: `__templ_JSShowModal_658d`,
-		Function: `function __templ_JSShowModal_658d(modalID){$(modalID).modal('show')
-    const btnActCancel = document.querySelectorAll('.btnactcancel');
-    const btnActSaveData = document.querySelectorAll('.btnactsavedata');
+		Name: `__templ_JSShowModal_0500`,
+		Function: `function __templ_JSShowModal_0500(modalID){$(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');
-    }
+	for (let i = 0; i < btnActCancel.length; i++) {
+			btnActCancel[i].removeAttribute('disabled');
+		
+	}
+	for (let i = 0; i < btnActSaveData.length; i++) {
+			btnActSaveData[i].removeAttribute('disabled');
+	}
 }`,
-		Call:       templ.SafeScript(`__templ_JSShowModal_658d`, modalID),
-		CallInline: templ.SafeScriptInline(`__templ_JSShowModal_658d`, modalID),
+		Call:       templ.SafeScript(`__templ_JSShowModal_0500`, modalID),
+		CallInline: templ.SafeScriptInline(`__templ_JSShowModal_0500`, modalID),
 	}
 }
 
-func ActionFormMDNonlabTmplt(LinkClose string, targetClose string, hxSwapClose string, modalID string) templ.Component {
+func ActionFormMDNLT(LinkClose string, targetClose string, hxSwapClose string, modalID 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 {
@@ -305,9 +407,9 @@ func ActionFormMDNonlabTmplt(LinkClose string, targetClose string, hxSwapClose s
 			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
 		}
 		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var12 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var12 == nil {
-			templ_7745c5c3_Var12 = templ.NopComponent
+		templ_7745c5c3_Var15 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var15 == nil {
+			templ_7745c5c3_Var15 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div>")
@@ -322,8 +424,8 @@ func ActionFormMDNonlabTmplt(LinkClose string, targetClose string, hxSwapClose s
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		var templ_7745c5c3_Var13 templ.ComponentScript = JSHideModal(modalID)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var13.Call)
+		var templ_7745c5c3_Var16 templ.ComponentScript = JSHideModal(modalID)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var16.Call)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -331,12 +433,12 @@ func ActionFormMDNonlabTmplt(LinkClose string, targetClose string, hxSwapClose s
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		var templ_7745c5c3_Var14 string
-		templ_7745c5c3_Var14, templ_7745c5c3_Err = templ.JoinStringErrs(LinkClose)
+		var templ_7745c5c3_Var17 string
+		templ_7745c5c3_Var17, templ_7745c5c3_Err = templ.JoinStringErrs(LinkClose)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodal.templ`, Line: 103, Col: 31}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 145, Col: 22}
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var14))
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var17))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -344,12 +446,12 @@ func ActionFormMDNonlabTmplt(LinkClose string, targetClose string, hxSwapClose s
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		var templ_7745c5c3_Var15 string
-		templ_7745c5c3_Var15, templ_7745c5c3_Err = templ.JoinStringErrs(targetClose)
+		var templ_7745c5c3_Var18 string
+		templ_7745c5c3_Var18, templ_7745c5c3_Err = templ.JoinStringErrs(targetClose)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodal.templ`, Line: 104, Col: 35}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 146, Col: 26}
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var15))
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var18))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -357,16 +459,16 @@ func ActionFormMDNonlabTmplt(LinkClose string, targetClose string, hxSwapClose s
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		var templ_7745c5c3_Var16 string
-		templ_7745c5c3_Var16, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwapClose)
+		var templ_7745c5c3_Var19 string
+		templ_7745c5c3_Var19, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwapClose)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodal.templ`, Line: 105, Col: 33}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 147, Col: 24}
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var16))
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var19))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-indicator=\".cancelloading\" type=\"button\" class=\"btn btn-outline-secondary font-weight-bolder rounded-lg mr-4 btnactcancel\" data-dismiss=\"modal\"><span class=\"htmx-indicator spinner-border spinner-border-sm cancelloading\" role=\"status\" aria-hidden=\"true\"></span> Batal\r</button> <button type=\"submit\" class=\"btn btn-primary btn-shadow font-weight-bold rounded-lg btnactsavedata\"><span class=\"htmx-indicator spinner-border spinner-border-sm formloading\" role=\"status\" aria-hidden=\"true\"></span> Simpan\r</button></div>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-indicator=\".cancelloading\" type=\"button\" class=\"btn btn-outline-secondary font-weight-bolder rounded-lg mr-4 btnactcancel \" data-dismiss=\"modal\"><span class=\"htmx-indicator spinner-border spinner-border-sm cancelloading\" role=\"status\" aria-hidden=\"true\"></span> Batal\r</button> <button type=\"submit\" class=\"btn btn-primary btn-shadow font-weight-bold rounded-lg btnactsavedata\"><span class=\"htmx-indicator spinner-border spinner-border-sm formloading\" role=\"status\" aria-hidden=\"true\"></span> Simpan\r</button></div>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -377,7 +479,7 @@ func ActionFormMDNonlabTmplt(LinkClose string, targetClose string, hxSwapClose s
 	})
 }
 
-func BtnCloseFormMDNonlabTmplt(LinkClose string, targetClose string, hxSwapClose string, modalID string) templ.Component {
+func BtnCloseFormMDNLT(LinkClose string, targetClose string, hxSwapClose string, modalID 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 {
@@ -385,9 +487,9 @@ func BtnCloseFormMDNonlabTmplt(LinkClose string, targetClose string, hxSwapClose
 			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
 		}
 		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var17 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var17 == nil {
-			templ_7745c5c3_Var17 = templ.NopComponent
+		templ_7745c5c3_Var20 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var20 == nil {
+			templ_7745c5c3_Var20 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
 		templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, JSHideModal(modalID))
@@ -398,12 +500,12 @@ func BtnCloseFormMDNonlabTmplt(LinkClose string, targetClose string, hxSwapClose
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		var templ_7745c5c3_Var18 string
-		templ_7745c5c3_Var18, templ_7745c5c3_Err = templ.JoinStringErrs(LinkClose)
+		var templ_7745c5c3_Var21 string
+		templ_7745c5c3_Var21, templ_7745c5c3_Err = templ.JoinStringErrs(LinkClose)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodal.templ`, Line: 126, Col: 27}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 168, Col: 27}
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var18))
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var21))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -411,12 +513,12 @@ func BtnCloseFormMDNonlabTmplt(LinkClose string, targetClose string, hxSwapClose
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		var templ_7745c5c3_Var19 string
-		templ_7745c5c3_Var19, templ_7745c5c3_Err = templ.JoinStringErrs(targetClose)
+		var templ_7745c5c3_Var22 string
+		templ_7745c5c3_Var22, templ_7745c5c3_Err = templ.JoinStringErrs(targetClose)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodal.templ`, Line: 127, Col: 31}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 169, Col: 31}
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var19))
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var22))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -424,12 +526,12 @@ func BtnCloseFormMDNonlabTmplt(LinkClose string, targetClose string, hxSwapClose
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		var templ_7745c5c3_Var20 string
-		templ_7745c5c3_Var20, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwapClose)
+		var templ_7745c5c3_Var23 string
+		templ_7745c5c3_Var23, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwapClose)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodal.templ`, Line: 128, Col: 29}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 170, Col: 29}
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var20))
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var23))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -437,8 +539,8 @@ func BtnCloseFormMDNonlabTmplt(LinkClose string, targetClose string, hxSwapClose
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		var templ_7745c5c3_Var21 templ.ComponentScript = JSHideModal(modalID)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var21.Call)
+		var templ_7745c5c3_Var24 templ.ComponentScript = JSHideModal(modalID)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var24.Call)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -453,7 +555,14 @@ func BtnCloseFormMDNonlabTmplt(LinkClose string, targetClose string, hxSwapClose
 	})
 }
 
-func BtnSimpanNama(Link string, target string, hxSwap string, modalID string, hxInclude string) templ.Component {
+func DeleteConfirmBody(
+	inputID models.CustomTextFieldv2Prm,
+	componentID string,
+	message string,
+	dataHeader []string,
+	dataText []string,
+	hxOnLoad 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 {
@@ -461,64 +570,185 @@ func BtnSimpanNama(Link string, target string, hxSwap string, modalID string, hx
 			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
+		templ_7745c5c3_Var25 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var25 == nil {
+			templ_7745c5c3_Var25 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<button hx-post=\"")
+		templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, hxOnLoad)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		var templ_7745c5c3_Var23 string
-		templ_7745c5c3_Var23, templ_7745c5c3_Err = templ.JoinStringErrs(Link)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodal.templ`, Line: 141, Col: 22}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var23))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var24 string
-		templ_7745c5c3_Var24, templ_7745c5c3_Err = templ.JoinStringErrs(target)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodal.templ`, Line: 142, Col: 26}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var24))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var25 string
-		templ_7745c5c3_Var25, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwap)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodal.templ`, Line: 143, Col: 24}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var25))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-include=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var26 string
-		templ_7745c5c3_Var26, templ_7745c5c3_Err = templ.JoinStringErrs(hxInclude)
+		templ_7745c5c3_Var26, templ_7745c5c3_Err = templ.JoinStringErrs(componentID)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodal.templ`, Line: 144, Col: 30}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 189, Col: 25}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var26))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" type=\"button\" class=\"btn btn-outline-secondary font-weight-bolder rounded-lg\" aria-label=\"Simpan Nama\">Simpan\r</button>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::load=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var27 templ.ComponentScript = hxOnLoad
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var27.Call)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"><p>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var28 string
+		templ_7745c5c3_Var28, templ_7745c5c3_Err = templ.JoinStringErrs(message)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 190, Col: 20}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var28))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</p><div class=\"card rounded-lg\"><div class=\"card-body d-flex flex-row\"><div class=\"d-flex flex-column\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for _, v := range dataHeader {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"mb-1 mt-1 text-disabled font-weight-bold mr-5\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var29 string
+			templ_7745c5c3_Var29, templ_7745c5c3_Err = templ.JoinStringErrs(v)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 195, Col: 86}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var29))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"d-flex flex-column\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for _, v := range dataText {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"mb-1 mt-1 font-weight-bold\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var30 string
+			templ_7745c5c3_Var30, templ_7745c5c3_Err = templ.JoinStringErrs(v)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 200, Col: 67}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var30))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = customtextfield.CustomTextFieldv2(inputID).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+		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 ActionFormMDNLTDelete(LinkClose string, targetClose string, hxSwapClose string, modalID 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_Var31 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var31 == nil {
+			templ_7745c5c3_Var31 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, JSHideModal(modalID))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<button hx-on::after-request=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var32 templ.ComponentScript = JSHideModal(modalID)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var32.Call)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-post=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var33 string
+		templ_7745c5c3_Var33, templ_7745c5c3_Err = templ.JoinStringErrs(LinkClose)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 213, Col: 22}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var33))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var34 string
+		templ_7745c5c3_Var34, templ_7745c5c3_Err = templ.JoinStringErrs(targetClose)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 214, Col: 26}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var34))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var35 string
+		templ_7745c5c3_Var35, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwapClose)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatemodal.templ`, Line: 215, Col: 24}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var35))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-indicator=\".cancelloading\" type=\"button\" class=\"btn btn-outline-secondary font-weight-bolder rounded-lg mr-4 btnactcancel\" data-dismiss=\"modal\"><span class=\"htmx-indicator spinner-border spinner-border-sm cancelloading\" role=\"status\" aria-hidden=\"true\"></span> Batal\r</button> <button type=\"submit\" class=\"btn btn-primary btn-shadow font-weight-bold rounded-lg btnactsavedata\"><span class=\"htmx-indicator spinner-border spinner-border-sm formloading\" role=\"status\" aria-hidden=\"true\"></span> Yakin\r</button></div>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}

views/dev/mdnonlabtemplate/mdnonlabtemplatetable.templ

@@ -0,0 +1,129 @@
+package dev_mdnonlabtemplateview
+
+import "cpone/models"
+import "cpone/component/table"
+import "strconv"
+
+templ TableNonLabTemplate(
+    data []models.MDNonLabTemplate,
+    tableID string,
+    hxGetEdit string,
+    hxTargetEdit string,
+    hxSwapEdit string,
+    hxIncludeEdit string,
+    hxGetDelete string,
+    hxTargetDelete string,
+    hxSwapDelete string,
+    hxIncludeDelete string,
+) {
+    <div id={ tableID } hx-swap-oob="true">
+        @tablecomponent.TableV3([]string{"NAMA TEMPLATE", "AKSI"},
+            []string{"80%","20%"},
+            ItemRow(data,
+                hxGetEdit,
+                hxTargetEdit,
+                hxSwapEdit,
+                hxIncludeEdit,
+                hxGetDelete,
+                hxTargetDelete,
+                hxSwapDelete,
+                hxIncludeDelete,
+        ))
+    </div>
+}
+
+templ ItemRow(
+    data []models.MDNonLabTemplate,
+    hxGetEdit string,
+    hxTargetEdit string,
+    hxSwapEdit string,
+    hxIncludeEdit string,
+    hxGetDelete string,
+    hxTargetDelete string,
+    hxSwapDelete string,
+    hxIncludeDelete string,
+) {
+    if len(data) == 0 {
+        <tr>
+            <td colspan="3" class="text-center">Data Tidak Ditemukan</td>
+        </tr>
+    }
+    for _, i := range data {
+        <tr>
+            <td>{ i.NonLabTemplateName }</td>
+            <td>
+                @TableAction(i.NonLabTemplateID,
+                    hxGetEdit,
+                    hxTargetEdit,
+                    hxSwapEdit,
+                    hxIncludeEdit,
+                    hxGetDelete,
+                    hxTargetDelete,
+                    hxSwapDelete,
+                    hxIncludeDelete,
+                )
+            </td>
+        </tr>
+    }
+}
+
+templ TableAction(
+    id int,
+	hxGetEdit string,
+	hxTargetEdit string,
+	hxSwapEdit string,
+	hxIncludeEdit string,
+	hxGetDelete string,
+	hxTargetDelete string,
+	hxSwapDelete string,
+	hxIncludeDelete string,    
+) {
+    <div class="row px-5 d-flex justify-content-around">
+        <a 
+            type="button"
+            class="btnactionnlt col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-tosca mb-2 btn-sm"
+            hx-get={ hxGetEdit + "?id=" + strconv.Itoa(id) }
+            hx-target={ hxTargetEdit }
+            hx-swap={ hxSwapEdit }
+            hx-include={ hxIncludeEdit }
+            hx-indicator={ "#spnredt" + strconv.Itoa(id) }
+            hx-on::before-request={ HandleBeforeRequestRow(strconv.Itoa(id)) }
+            hx-on::after-request={ HandleAfterRequestRow(strconv.Itoa(id)) }
+        >
+            <span id={ "spnredt" + strconv.Itoa(id) } class="htmx-indicator spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
+            Edit
+        </a>
+        <a 
+			type="button"
+			class="btnactionnlt col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-danger mb-2 btn-sm"
+			hx-get={ hxGetDelete + "?id=" + strconv.Itoa(id) }
+			hx-target={ hxTargetDelete }
+			hx-swap={ hxSwapDelete }
+			hx-include={ hxIncludeDelete }
+			hx-indicator={ "#spnrdel" + strconv.Itoa(id) }
+            hx-on::before-request={ HandleBeforeRequestRow(strconv.Itoa(id)) }
+            hx-on::after-request={ HandleAfterRequestRow(strconv.Itoa(id)) }
+        >
+            <span id={ "spnrdel" + strconv.Itoa(id) } class="htmx-indicator spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
+            Hapus
+        </a>
+    </div>
+}
+
+script HandleBeforeRequestRow(id string) {
+    var cusid_ele = document.getElementsByClassName('btnactionnlt');
+    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('btnactionnlt');
+    for (var i = 0; i < cusid_ele.length; ++i) {
+        var item = cusid_ele[i];
+        item.classList.remove('disabled');
+    }
+    console.log(id);
+}

views/dev/mdnonlabtemplate/mdnonlabtemplatetable_templ.go

@@ -10,12 +10,12 @@ import "context"
 import "io"
 import "bytes"
 
-import "cpone/component/table"
 import "cpone/models"
+import "cpone/component/table"
 import "strconv"
 
-func TableNonlabTmplt(
-	data []models.MDNonlabTemplate,
+func TableNonLabTemplate(
+	data []models.MDNonLabTemplate,
 	tableID string,
 	hxGetEdit string,
 	hxTargetEdit string,
@@ -45,7 +45,7 @@ func TableNonlabTmplt(
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(tableID)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\nonlabtemplatetable.templ`, Line: 19, Col: 21}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatetable.templ`, Line: 19, Col: 21}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
@@ -55,10 +55,9 @@ func TableNonlabTmplt(
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = tablecomponent.TableV3([]string{"NAMA", "AKSI"},
+		templ_7745c5c3_Err = tablecomponent.TableV3([]string{"NAMA TEMPLATE", "AKSI"},
 			[]string{"80%", "20%"},
-			RowNonlabTmplt(data,
-				tableID,
+			ItemRow(data,
 				hxGetEdit,
 				hxTargetEdit,
 				hxSwapEdit,
@@ -82,9 +81,8 @@ func TableNonlabTmplt(
 	})
 }
 
-func RowNonlabTmplt(
-	data []models.MDNonlabTemplate,
-	tableID string,
+func ItemRow(
+	data []models.MDNonLabTemplate,
 	hxGetEdit string,
 	hxTargetEdit string,
 	hxSwapEdit string,
@@ -107,20 +105,20 @@ func RowNonlabTmplt(
 		}
 		ctx = templ.ClearChildren(ctx)
 		if len(data) == 0 {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<tr><td colspan=\"2\" class=\"text-center\">Data Tidak Ditemukan</td></tr>")
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<tr><td colspan=\"3\" class=\"text-center\">Data Tidak Ditemukan</td></tr>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 		}
-		for _, v := range data {
+		for _, i := range data {
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<tr><td>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 			var templ_7745c5c3_Var4 string
-			templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(v.NonlabTemplateName)
+			templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(i.NonLabTemplateName)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\nonlabtemplatetable.templ`, Line: 55, Col: 38}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatetable.templ`, Line: 53, Col: 38}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
 			if templ_7745c5c3_Err != nil {
@@ -130,7 +128,7 @@ func RowNonlabTmplt(
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = RowAction(v.NonlabTemplateID,
+			templ_7745c5c3_Err = TableAction(i.NonLabTemplateID,
 				hxGetEdit,
 				hxTargetEdit,
 				hxSwapEdit,
@@ -155,7 +153,7 @@ func RowNonlabTmplt(
 	})
 }
 
-func RowAction(
+func TableAction(
 	id int,
 	hxGetEdit string,
 	hxTargetEdit string,
@@ -186,14 +184,14 @@ func RowAction(
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a type=\"button\" class=\"btnactnlt col-12 col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-tosca mb-2 btn-sm\" hx-get=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a type=\"button\" class=\"btnactionnlt col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-tosca mb-2 btn-sm\" hx-get=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var6 string
 		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(hxGetEdit + "?id=" + strconv.Itoa(id))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\nonlabtemplatetable.templ`, Line: 87, Col: 49}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatetable.templ`, Line: 85, Col: 58}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
 		if templ_7745c5c3_Err != nil {
@@ -206,7 +204,7 @@ func RowAction(
 		var templ_7745c5c3_Var7 string
 		templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(hxTargetEdit)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\nonlabtemplatetable.templ`, Line: 88, Col: 27}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatetable.templ`, Line: 86, Col: 36}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
 		if templ_7745c5c3_Err != nil {
@@ -219,7 +217,7 @@ func RowAction(
 		var templ_7745c5c3_Var8 string
 		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwapEdit)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\nonlabtemplatetable.templ`, Line: 89, Col: 23}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatetable.templ`, Line: 87, Col: 32}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
 		if templ_7745c5c3_Err != nil {
@@ -232,7 +230,7 @@ func RowAction(
 		var templ_7745c5c3_Var9 string
 		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(hxIncludeEdit)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\nonlabtemplatetable.templ`, Line: 90, Col: 29}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatetable.templ`, Line: 88, Col: 38}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
 		if templ_7745c5c3_Err != nil {
@@ -245,7 +243,7 @@ func RowAction(
 		var templ_7745c5c3_Var10 string
 		templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs("#spnredt" + strconv.Itoa(id))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\nonlabtemplatetable.templ`, Line: 91, Col: 47}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatetable.templ`, Line: 89, Col: 56}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
 		if templ_7745c5c3_Err != nil {
@@ -276,7 +274,7 @@ func RowAction(
 		var templ_7745c5c3_Var13 string
 		templ_7745c5c3_Var13, templ_7745c5c3_Err = templ.JoinStringErrs("spnredt" + strconv.Itoa(id))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\nonlabtemplatetable.templ`, Line: 95, Col: 50}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatetable.templ`, Line: 93, Col: 51}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var13))
 		if templ_7745c5c3_Err != nil {
@@ -290,14 +288,14 @@ func RowAction(
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a type=\"button\" class=\"btnactnlt col-12 col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-danger mb-2 btn-sm\" hx-get=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a type=\"button\" class=\"btnactionnlt col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-danger mb-2 btn-sm\" hx-get=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var14 string
 		templ_7745c5c3_Var14, templ_7745c5c3_Err = templ.JoinStringErrs(hxGetDelete + "?id=" + strconv.Itoa(id))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\nonlabtemplatetable.templ`, Line: 101, Col: 51}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatetable.templ`, Line: 99, Col: 51}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var14))
 		if templ_7745c5c3_Err != nil {
@@ -310,7 +308,7 @@ func RowAction(
 		var templ_7745c5c3_Var15 string
 		templ_7745c5c3_Var15, templ_7745c5c3_Err = templ.JoinStringErrs(hxTargetDelete)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\nonlabtemplatetable.templ`, Line: 102, Col: 29}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatetable.templ`, Line: 100, Col: 29}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var15))
 		if templ_7745c5c3_Err != nil {
@@ -323,7 +321,7 @@ func RowAction(
 		var templ_7745c5c3_Var16 string
 		templ_7745c5c3_Var16, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwapDelete)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\nonlabtemplatetable.templ`, Line: 103, Col: 25}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatetable.templ`, Line: 101, Col: 25}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var16))
 		if templ_7745c5c3_Err != nil {
@@ -336,7 +334,7 @@ func RowAction(
 		var templ_7745c5c3_Var17 string
 		templ_7745c5c3_Var17, templ_7745c5c3_Err = templ.JoinStringErrs(hxIncludeDelete)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\nonlabtemplatetable.templ`, Line: 104, Col: 31}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatetable.templ`, Line: 102, Col: 31}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var17))
 		if templ_7745c5c3_Err != nil {
@@ -349,7 +347,7 @@ func RowAction(
 		var templ_7745c5c3_Var18 string
 		templ_7745c5c3_Var18, templ_7745c5c3_Err = templ.JoinStringErrs("#spnrdel" + strconv.Itoa(id))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\nonlabtemplatetable.templ`, Line: 105, Col: 47}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatetable.templ`, Line: 103, Col: 47}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var18))
 		if templ_7745c5c3_Err != nil {
@@ -380,7 +378,7 @@ func RowAction(
 		var templ_7745c5c3_Var21 string
 		templ_7745c5c3_Var21, templ_7745c5c3_Err = templ.JoinStringErrs("spnrdel" + strconv.Itoa(id))
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\nonlabtemplatetable.templ`, Line: 109, Col: 50}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtemplatetable.templ`, Line: 107, Col: 51}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var21))
 		if templ_7745c5c3_Err != nil {
@@ -399,30 +397,30 @@ func RowAction(
 
 func HandleBeforeRequestRow(id string) templ.ComponentScript {
 	return templ.ComponentScript{
-		Name: `__templ_HandleBeforeRequestRow_9ad2`,
-		Function: `function __templ_HandleBeforeRequestRow_9ad2(id){var cusid_ele = document.getElementsByClassName('btnactnlt');
-	for (var i = 0; i < cusid_ele.length; ++i) {
-		var item = cusid_ele[i];  
-		item.classList.add('disabled');
-	}
-	console.log(id)
+		Name: `__templ_HandleBeforeRequestRow_d88d`,
+		Function: `function __templ_HandleBeforeRequestRow_d88d(id){var cusid_ele = document.getElementsByClassName('btnactionnlt');
+    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_9ad2`, id),
-		CallInline: templ.SafeScriptInline(`__templ_HandleBeforeRequestRow_9ad2`, id),
+		Call:       templ.SafeScript(`__templ_HandleBeforeRequestRow_d88d`, id),
+		CallInline: templ.SafeScriptInline(`__templ_HandleBeforeRequestRow_d88d`, id),
 	}
 }
 
 func HandleAfterRequestRow(id string) templ.ComponentScript {
 	return templ.ComponentScript{
-		Name: `__templ_HandleAfterRequestRow_840a`,
-		Function: `function __templ_HandleAfterRequestRow_840a(id){var cusid_ele = document.getElementsByClassName('btnactnlt');
-	for (var i = 0; i < cusid_ele.length; ++i) {
-		var item = cusid_ele[i];  
-		item.classList.remove('disabled');
-	}
-	console.log(id)
+		Name: `__templ_HandleAfterRequestRow_9c9f`,
+		Function: `function __templ_HandleAfterRequestRow_9c9f(id){var cusid_ele = document.getElementsByClassName('btnactionnlt');
+    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_840a`, id),
-		CallInline: templ.SafeScriptInline(`__templ_HandleAfterRequestRow_840a`, id),
+		Call:       templ.SafeScript(`__templ_HandleAfterRequestRow_9c9f`, id),
+		CallInline: templ.SafeScriptInline(`__templ_HandleAfterRequestRow_9c9f`, id),
 	}
 }

views/dev/mdnonlabtemplate/mdnonlabtmptmodal.templ

@@ -1,151 +0,0 @@
-package dev_mdnonlabtemplateview
-
-import "cpone/models"
-import "cpone/component/modal"
-import "cpone/component/customtextfield"
-import "cpone/component/customcheckbox"
-
-templ MDNonlabTmpltForm(data models.MDNonlabTemplateForm) {
-    <div class="">
-        <form
-            id={ data.IDComponent }
-            hx-post={ data.Link }
-            class="form"
-            hx-target={ data.HxTarget }
-            hx-swap={ data.HxSwap }
-            hx-include={ data.HxInclude }
-            hx-indicator=".formloading"
-            hx-on::before-request={ HandleFormBeforeRequest() }
-            hx-on::after-request={ HandleFormAfterRequest() }
-        >
-            @modalcomponent.ModalXL(data.ModalID,
-                data.ModalTitle,
-                data.DialogBody,
-                data.DialogAction,
-                data.ButtonClose,
-            )
-        </form>
-    </div>
-}
-
-script HandleFormBeforeRequest() {
-    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() {
-    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 BodyFormMDNonlabTemplate(
-    componentID string,
-    inputID models.CustomTextFieldv2Prm,
-    inputName models.CustomTextFieldv2Prm,
-    inputFlag models.CustomCheckboxv1Prm,
-    btnSimpan templ.Component,
-    hxOnLoad templ.ComponentScript,
-) {
-    <div id={ componentID } hx-on::load={ hxOnLoad }>
-        @customtextfield.CustomTextFieldv2(inputID)
-        <div class="row">
-            <div class="col-8">
-                @customtextfield.CustomTextFieldv2(inputName)
-            </div>
-            <div class="col-4">
-                @customcheckbox.MainCustomCheckboxInput(inputFlag)
-            </div>
-        </div>
-        @btnSimpan
-    </div>
-    <script>
-        document.addEventListener('htmx:afterSwap', function(event) {
-            $('.selectpicker').selectpicker('refresh');
-        })
-    </script>
-}
-
-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 ActionFormMDNonlabTmplt(LinkClose string, targetClose string, hxSwapClose string, modalID string) {
-    <div>
-        <button 
-            hx-on::after-request={ JSHideModal(modalID) }
-            hx-post={ LinkClose }
-            hx-target={ targetClose }
-            hx-swap={ hxSwapClose }
-            hx-indicator=".cancelloading"
-            type="button" 
-            class="btn btn-outline-secondary font-weight-bolder rounded-lg mr-4 btnactcancel"
-            data-dismiss="modal"
-        >
-            <span class="htmx-indicator spinner-border spinner-border-sm cancelloading" role="status" aria-hidden="true"></span>
-            Batal
-        </button>
-        <button 
-            type="submit"
-            class="btn btn-primary btn-shadow font-weight-bold rounded-lg btnactsavedata"
-        >
-            <span class="htmx-indicator spinner-border spinner-border-sm formloading" role="status" aria-hidden="true"></span>
-            Simpan
-        </button>
-    </div>    
-}
-
-templ BtnCloseFormMDNonlabTmplt(LinkClose string, targetClose string, hxSwapClose string, modalID string) {
-    <button 
-        hx-post={ LinkClose }
-        hx-target={ targetClose }
-        hx-swap={ hxSwapClose }
-        type="button" 
-        hx-on::after-request={ JSHideModal(modalID) }
-        class="close btnactcancel"
-        data-dismiss="modal"
-        aria-label="Close"
-    >
-        <i aria-hidden="true" class="ki ki-close"></i>
-    </button>
-}
-
-templ BtnSimpanNama(Link string, target string, hxSwap string, modalID string, hxInclude string) {
-    <button 
-        hx-post={ Link }
-        hx-target={ target }
-        hx-swap={ hxSwap }
-        hx-include={ hxInclude }
-        type="button"
-        class="btn btn-outline-secondary font-weight-bolder rounded-lg"
-        aria-label="Simpan Nama"
-    >
-        Simpan
-    </button>
-}

views/dev/mdnonlabtemplate/mdnonlabtmptmodaldel.templ

@@ -1,57 +0,0 @@
-package dev_mdnonlabtemplateview
-
-import "cpone/models"
-import "cpone/component/customtextfield"
-
-templ DeleteKonfirmasiBody(
-    inputID models.CustomTextFieldv2Prm,
-    componentID string,
-    message string,
-    dataHeader []string,
-    dataText []string,
-    hxOnLoad templ.ComponentScript,
-) {
-    <div id={ componentID } hx-on::load={ hxOnLoad }>
-        <p>{ message }</p>
-        <div class="card rounded-lg">
-            <div class="card-body d-flex flex-row">
-                <div class="d-flex flex-column">
-                    for _, v := range dataHeader {
-                        <div class="mb-1 mt-1 text-disabled font-weight-bold mr-5">{ v }</div>
-                    }
-                </div>
-                <div class="d-flex flex-column">
-                    for _, v := range dataText {
-                        <div class="mb-1 mt-1 font-weight-bold">{ v }</div>
-                    }
-                </div>
-            </div>
-        </div>
-        @customtextfield.CustomTextFieldv2(inputID)
-    </div>    
-}
-
-templ ActionFormNonlabTemplateDelete(LinkClose string, targetClose string, hxSwapClose string, modalID string) {
-    <div>
-        <button
-            hx-on::after-request={ JSHideModal(modalID) }
-            hx-post={ LinkClose }
-            hx-target={ targetClose }
-            hx-swap={ hxSwapClose }
-            hx-indicator=".cancelloading"
-            type="button" 
-            class="btn btn-outline-secondary font-weight-bolder rounded-lg mr-4 btnactcancel"
-            data-dismiss="modal"
-        >
-            <span class="htmx-indicator spinner-border spinner-border-sm cancelloading" role="status" aria-hidden="true"></span>
-            Batal
-        </button>
-        <button 
-            type="submit" 
-            class="btn btn-primary btn-shadow font-weight-bold rounded-lg btnactsavedata"
-        >
-            <span class="htmx-indicator spinner-border spinner-border-sm formloading" role="status" aria-hidden="true"></span>
-            Yakin
-        </button>
-    </div>
-}

views/dev/mdnonlabtemplate/mdnonlabtmptmodaldel_templ.go

@@ -1,218 +0,0 @@
-// Code generated by templ - DO NOT EDIT.
-
-// templ: version: v0.2.663
-package dev_mdnonlabtemplateview
-
-//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/models"
-import "cpone/component/customtextfield"
-
-func DeleteKonfirmasiBody(
-	inputID models.CustomTextFieldv2Prm,
-	componentID string,
-	message string,
-	dataHeader []string,
-	dataText []string,
-	hxOnLoad 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_Var1 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var1 == nil {
-			templ_7745c5c3_Var1 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, hxOnLoad)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var2 string
-		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(componentID)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodaldel.templ`, Line: 14, Col: 25}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::load=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var3 templ.ComponentScript = hxOnLoad
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var3.Call)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"><p>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var4 string
-		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(message)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodaldel.templ`, Line: 15, Col: 20}
-		}
-		_, 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("</p><div class=\"card rounded-lg\"><div class=\"card-body d-flex flex-row\"><div class=\"d-flex flex-column\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		for _, v := range dataHeader {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"mb-1 mt-1 text-disabled font-weight-bold mr-5\">")
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-			var templ_7745c5c3_Var5 string
-			templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(v)
-			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodaldel.templ`, Line: 20, Col: 86}
-			}
-			_, 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("</div>")
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"d-flex flex-column\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		for _, v := range dataText {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"mb-1 mt-1 font-weight-bold\">")
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-			var templ_7745c5c3_Var6 string
-			templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(v)
-			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodaldel.templ`, Line: 25, Col: 67}
-			}
-			_, 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("</div>")
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div></div>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = customtextfield.CustomTextFieldv2(inputID).Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
-		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 ActionFormNonlabTemplateDelete(LinkClose string, targetClose string, hxSwapClose string, modalID 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("<div>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, JSHideModal(modalID))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<button hx-on::after-request=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var8 templ.ComponentScript = JSHideModal(modalID)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var8.Call)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-post=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var9 string
-		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(LinkClose)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodaldel.templ`, Line: 38, Col: 31}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var10 string
-		templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(targetClose)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodaldel.templ`, Line: 39, Col: 35}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var11 string
-		templ_7745c5c3_Var11, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwapClose)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mdnonlabtemplate\mdnonlabtmptmodaldel.templ`, Line: 40, Col: 33}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var11))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-indicator=\".cancelloading\" type=\"button\" class=\"btn btn-outline-secondary font-weight-bolder rounded-lg mr-4 btnactcancel\" data-dismiss=\"modal\"><span class=\"htmx-indicator spinner-border spinner-border-sm cancelloading\" role=\"status\" aria-hidden=\"true\"></span> Batal\r</button> <button type=\"submit\" class=\"btn btn-primary btn-shadow font-weight-bold rounded-lg btnactsavedata\"><span class=\"htmx-indicator spinner-border spinner-border-sm formloading\" role=\"status\" aria-hidden=\"true\"></span> Yakin\r</button></div>")
-		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
-	})
-}

views/dev/mdnonlabtemplate/nonlabtemplatetable.templ

@@ -1,131 +0,0 @@
-package dev_mdnonlabtemplateview
-
-import "cpone/component/table"
-import "cpone/models"
-import "strconv"
-
-templ TableNonlabTmplt(
-    data []models.MDNonlabTemplate,
-	tableID string,
-	hxGetEdit string,
-	hxTargetEdit string,
-	hxSwapEdit string,
-	hxIncludeEdit string,
-	hxGetDelete string,
-	hxTargetDelete string,
-	hxSwapDelete string,
-	hxIncludeDelete string,    
-) {
-    <div id={ tableID } hx-swap-oob="true" >
-        @tablecomponent.TableV3([]string{"NAMA", "AKSI"},
-        []string{"80%","20%"},
-        RowNonlabTmplt(data,
-			tableID,
-            hxGetEdit,
-            hxTargetEdit,
-            hxSwapEdit,
-            hxIncludeEdit,
-            hxGetDelete,
-            hxTargetDelete,
-            hxSwapDelete,
-            hxIncludeDelete,
-        ))
-    </div>
-}
-
-templ RowNonlabTmplt(
-    data []models.MDNonlabTemplate,
-    tableID string,
-	hxGetEdit string,
-	hxTargetEdit string,
-	hxSwapEdit string,
-	hxIncludeEdit string,
-	hxGetDelete string,
-	hxTargetDelete string,
-	hxSwapDelete string,
-	hxIncludeDelete string,
-) {
-    if len(data) == 0 {
-        <tr>
-            <td colspan="2" class="text-center">Data Tidak Ditemukan</td>
-        </tr>
-    }
-    for _, v := range data {
-        <tr>
-            <td>{ v.NonlabTemplateName }</td>
-            <td>
-                @RowAction(v.NonlabTemplateID,
-					hxGetEdit,
-					hxTargetEdit,
-					hxSwapEdit,
-					hxIncludeEdit,
-					hxGetDelete,
-					hxTargetDelete,
-					hxSwapDelete,
-					hxIncludeDelete,
-                )
-            </td>
-        </tr>
-    }
-}
-
-templ RowAction(
-	id int,
-	hxGetEdit string,
-	hxTargetEdit string,
-	hxSwapEdit string,
-	hxIncludeEdit string,
-	hxGetDelete string,
-	hxTargetDelete string,
-	hxSwapDelete string,
-	hxIncludeDelete string,    
-) {
-    <div class="row px-5 d-flex justify-content-around">
-        <a
-            type="button"
-            class="btnactnlt col-12 col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-tosca mb-2 btn-sm"
-			hx-get={ hxGetEdit + "?id=" + strconv.Itoa(id) }
-			hx-target={ hxTargetEdit }
-			hx-swap={ hxSwapEdit }
-			hx-include={ hxIncludeEdit }
-			hx-indicator={ "#spnredt" + strconv.Itoa(id) }
-			hx-on::before-request={ HandleBeforeRequestRow(strconv.Itoa(id)) }
-			hx-on::after-request={ HandleAfterRequestRow(strconv.Itoa(id)) }            
-        >
-           <span id={ "spnredt" + strconv.Itoa(id) } class="htmx-indicator spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
-           Edit
-        </a>
-        <a
-            type="button"
-            class="btnactnlt col-12 col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-danger mb-2 btn-sm"
-			hx-get={ hxGetDelete + "?id=" + strconv.Itoa(id) }
-			hx-target={ hxTargetDelete }
-			hx-swap={ hxSwapDelete }
-			hx-include={ hxIncludeDelete }
-			hx-indicator={ "#spnrdel" + strconv.Itoa(id) }
-			hx-on::before-request={ HandleBeforeRequestRow(strconv.Itoa(id)) }
-			hx-on::after-request={ HandleAfterRequestRow(strconv.Itoa(id)) }            
-        >
-           <span id={ "spnrdel" + strconv.Itoa(id) } class="htmx-indicator spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
-           Hapus
-        </a>        
-    </div>
-}
-
-script HandleBeforeRequestRow(id string) {
-	var cusid_ele = document.getElementsByClassName('btnactnlt');
-	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('btnactnlt');
-	for (var i = 0; i < cusid_ele.length; ++i) {
-		var item = cusid_ele[i];  
-		item.classList.remove('disabled');
-	}
-	console.log(id)
-}