add hardcode tab daftar peserta

handlers/corporate/mcudetail/tabdaftarpeserta.handlers.go

@@ -0,0 +1,38 @@
+package mcu_corporate_handlers
+
+import (
+	"cpone/utils"
+	corporate_mcudetail "cpone/views/corporate/mcu/mcutab"
+
+	"github.com/labstack/echo/v4"
+)
+
+type TabDaftarPesertaServices interface {
+}
+
+type TabDaftarPesertaHandlers struct {
+	TabDaftarPesertaServices TabDaftarPesertaServices
+}
+
+func NewTabDaftarPesertaHandlers(tdp TabDaftarPesertaServices) *TabDaftarPesertaHandlers {
+	return &TabDaftarPesertaHandlers{
+		TabDaftarPesertaServices: tdp,
+	}
+}
+
+func (tdp *TabDaftarPesertaHandlers) HandleShowTabDaftarPeserta(c echo.Context) error {
+	title := "Daftar Peserta"
+
+	content := corporate_mcudetail.TabDaftarPesertaScreen()
+	css := corporate_mcudetail.CSSTabDaftarPeserta()
+	js := corporate_mcudetail.JsTabDaftarPeserta()
+
+	view := corporate_mcudetail.ShowTabDafterPeserta(
+		title,
+		content,
+		css,
+		js,
+	)
+
+	return utils.View(c, view)
+}

handlers/routes.go

@@ -121,6 +121,10 @@ func SetupRoutesCorporate(app *echo.Echo, appStore db.AppStore) {
 	kesimpulanHdr := mcu_corporate_handlers.NewTabKesimpulanHandler(kesimpulanSrv)
 	corp.GET("/dashboard_pic/detail/:id/tabkesimpulan", kesimpulanHdr.HandleShowTabKesimpulanScreen)
 
+	daftarpesertaServ := mcu_corporate_services.NewTabDaftarPesertaServices(appStore)
+	daftarpesertaHandl := mcu_corporate_handlers.NewTabDaftarPesertaHandlers(daftarpesertaServ)
+	corp.GET("/dashboard_pic/detail/:id/tabdaftarpeserta", daftarpesertaHandl.HandleShowTabDaftarPeserta)
+
 	patientHandler := corporate_handlers.NewPatientHandler(l)
 	corp.GET("/patient", patientHandler.ShowPatient)
 }

services/corporate/mcudetail/tabdaftarpeserta.services.go

@@ -0,0 +1,13 @@
+package mcu_corporate_services
+
+import "cpone/db"
+
+type TabDaftarPesertaServices struct {
+	TabDaftarPesertaStore db.AppStore
+}
+
+func NewTabDaftarPesertaServices(uStore db.AppStore) *TabDaftarPesertaServices {
+	return &TabDaftarPesertaServices{
+		TabDaftarPesertaStore: uStore,
+	}
+}

views/corporate/mcu/mcutab/tabdaftarpeserta.templ

@@ -0,0 +1,134 @@
+package corporate_mcudetail
+
+import "cpone/layout"
+
+templ TabDaftarPesertaScreen() {
+    <div>
+    <table class="table table-hover table-borderless">
+        <thead>
+        <tr>
+            <th scope="col" width="5%">NO LAB</th>
+            <th scope="col" width="25%">NAMA</th>
+            <th scope="col" width="10%">JENIS KELAMIN</th>
+            <th scope="col" width="10%">UMUR</th>
+            <th scope="col" width="35%">KESIMPULAN</th>
+            <th scope="col" width="15%" s>AKSI</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td>21304</td>
+            <td>Abraham Kurniawan</td>
+            <td>Laki - Laki</td>
+            <td>24</td>
+            <td>
+            <div class="row">
+                <div class="col-2">
+                <span class="label-text fit"> Fit </span>
+                <!-- <span class="label label-inline label-text"> FIT </span> -->
+                </div>
+                <div class="col-10 kesimpulan-desc"></div>
+            </div>
+            </td>
+            <td>
+            <div>
+                <a
+                class="btn btn-icon"
+                onclick="ShowModal('Abraham Kurniawan','21304')"
+                >
+                <span
+                    class="iconify iconify-btn"
+                    data-icon="heroicons-solid:document-text"
+                ></span>
+                </a>
+                <a href="mcu/hasil-lab.html" class="btn btn-icon">
+                <span
+                    class="iconify iconify-btn"
+                    data-icon="heroicons-solid:pencil"
+                ></span>
+                </a>
+                <a
+                class="btn btn-icon"
+                onclick="ShowModalAkses('Abraham@gmail.com','Abraham Kurniawan','unchecked')"
+                >
+                <span
+                    class="iconify iconify-btn"
+                    data-icon="heroicons:shield-exclamation-16-solid"
+                ></span>
+                </a>
+            </div>
+            </td>
+        </tr>
+        <tr>
+            <td>21305</td>
+            <td>Anastasia Claudia</td>
+            <td>Perempuan</td>
+            <td>24</td>
+            <td>
+            <div class="row">
+                <div class="col-2 col-xl-2 col-lg-2 col-md-12 col-sm-12">
+                <span class="label-text unfit"> Unfit </span>
+                <!-- <span class="label label-inline label-text"> FIT </span> -->
+                </div>
+                <div
+                class="col-10 col-xl-10 col-lg-10 col-md-12 col-sm-12 kesimpulan-desc"
+                >
+                Anti HBs (Positif : 752), Cholesterol sedikit meningkat
+                (218), LDL Cholesterol Direct meningkat (173)
+                </div>
+            </div>
+            </td>
+            <td>
+            <div>
+                <!-- data-target="#exampleModalSizeLg" -->
+                <a
+                class="btn btn-icon"
+                data-toggle="modal"
+                onclick="ShowModal('Anastasia Claudia', '21305')"
+                >
+                <span
+                    class="iconify iconify-btn"
+                    data-icon="heroicons-solid:document-text"
+                ></span>
+                </a>
+                <a href="mcu/hasil-lab.html" class="btn btn-icon">
+                <span
+                    class="iconify iconify-btn"
+                    data-icon="heroicons-solid:pencil"
+                ></span>
+                </a>
+                <a
+                class="btn btn-icon"
+                onclick="ShowModalAkses('Anastasia@gmail.com','Anastasia Claudia','checked')"
+                >
+                <span
+                    class="iconify iconify-btn"
+                    data-icon="heroicons:shield-exclamation-16-solid"
+                ></span>
+                </a>
+            </div>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    </div>
+}
+
+templ CSSTabDaftarPeserta() {
+
+}
+
+templ JsTabDaftarPeserta() {
+    
+}
+
+templ ShowTabDafterPeserta(
+    title string,
+    cmp templ.Component,
+    css templ.Component,
+    js templ.Component,
+) {
+    @layout.PlaygroundLayout(title, css, js) {
+        @cmp
+    }
+}

views/corporate/mcu/mcutab/tabdaftarpeserta_templ.go

@@ -0,0 +1,121 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package corporate_mcudetail
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import "cpone/layout"
+
+func TabDaftarPesertaScreen() 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><table class=\"table table-hover table-borderless\"><thead><tr><th scope=\"col\" width=\"5%\">NO LAB</th><th scope=\"col\" width=\"25%\">NAMA</th><th scope=\"col\" width=\"10%\">JENIS KELAMIN</th><th scope=\"col\" width=\"10%\">UMUR</th><th scope=\"col\" width=\"35%\">KESIMPULAN</th><th scope=\"col\" width=\"15%\" s>AKSI</th></tr></thead> <tbody><tr><td>21304</td><td>Abraham Kurniawan</td><td>Laki - Laki</td><td>24</td><td><div class=\"row\"><div class=\"col-2\"><span class=\"label-text fit\">Fit </span><!-- <span class=\"label label-inline label-text\"> FIT </span> --></div><div class=\"col-10 kesimpulan-desc\"></div></div></td><td><div><a class=\"btn btn-icon\" onclick=\"ShowModal(&#39;Abraham Kurniawan&#39;,&#39;21304&#39;)\"><span class=\"iconify iconify-btn\" data-icon=\"heroicons-solid:document-text\"></span></a> <a href=\"mcu/hasil-lab.html\" class=\"btn btn-icon\"><span class=\"iconify iconify-btn\" data-icon=\"heroicons-solid:pencil\"></span></a> <a class=\"btn btn-icon\" onclick=\"ShowModalAkses(&#39;Abraham@gmail.com&#39;,&#39;Abraham Kurniawan&#39;,&#39;unchecked&#39;)\"><span class=\"iconify iconify-btn\" data-icon=\"heroicons:shield-exclamation-16-solid\"></span></a></div></td></tr><tr><td>21305</td><td>Anastasia Claudia</td><td>Perempuan</td><td>24</td><td><div class=\"row\"><div class=\"col-2 col-xl-2 col-lg-2 col-md-12 col-sm-12\"><span class=\"label-text unfit\">Unfit </span><!-- <span class=\"label label-inline label-text\"> FIT </span> --></div><div class=\"col-10 col-xl-10 col-lg-10 col-md-12 col-sm-12 kesimpulan-desc\">Anti HBs (Positif : 752), Cholesterol sedikit meningkat\r (218), LDL Cholesterol Direct meningkat (173)\r</div></div></td><td><div><!-- data-target=\"#exampleModalSizeLg\" --><a class=\"btn btn-icon\" data-toggle=\"modal\" onclick=\"ShowModal(&#39;Anastasia Claudia&#39;, &#39;21305&#39;)\"><span class=\"iconify iconify-btn\" data-icon=\"heroicons-solid:document-text\"></span></a> <a href=\"mcu/hasil-lab.html\" class=\"btn btn-icon\"><span class=\"iconify iconify-btn\" data-icon=\"heroicons-solid:pencil\"></span></a> <a class=\"btn btn-icon\" onclick=\"ShowModalAkses(&#39;Anastasia@gmail.com&#39;,&#39;Anastasia Claudia&#39;,&#39;checked&#39;)\"><span class=\"iconify iconify-btn\" data-icon=\"heroicons:shield-exclamation-16-solid\"></span></a></div></td></tr></tbody></table></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 CSSTabDaftarPeserta() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var2 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var2 == nil {
+			templ_7745c5c3_Var2 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func JsTabDaftarPeserta() 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 !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func ShowTabDafterPeserta(
+	title string,
+	cmp templ.Component,
+	css templ.Component,
+	js templ.Component,
+) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Var5 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+			if !templ_7745c5c3_IsBuffer {
+				templ_7745c5c3_Buffer = templ.GetBuffer()
+				defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+			}
+			templ_7745c5c3_Err = cmp.Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			if !templ_7745c5c3_IsBuffer {
+				_, templ_7745c5c3_Err = io.Copy(templ_7745c5c3_W, templ_7745c5c3_Buffer)
+			}
+			return templ_7745c5c3_Err
+		})
+		templ_7745c5c3_Err = layout.PlaygroundLayout(title, css, js).Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}

views/corporate/mcu/mcutab/tabkesimpulan.templ

@@ -26,249 +26,29 @@ templ MainKesimpulan(
 }
 
 templ CssKesimpulan() {
-	<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>
-      #canvas {
-        /* overflow-x: scroll; */
-        margin: 40px 10vw 40px 10vw;
-      }
-      #title {
-        font-weight: 600;
-      }
-      .breadcrumb {
-        background-color: white;
-        padding: 0px 0px !important;
-        padding-left: 0 !important;
-      }
+  <style>
+    .dot-text {
+      position: relative;
+      padding-left: 1.5em; /* Menambahkan padding untuk memberi ruang pada titik */
+    }
 
-      .breadcrumb-item a {
-        color: #3f4254;
-        font-family: Poppins;
-        font-size: 13px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 21px;
-      }
+    .dot-text::before {
+      content: "•"; /* Menambahkan titik di depan teks */
+      position: absolute;
+      left: 1em; /* Atur posisi titik */
+      top: 0;
+      transform: translateX(-100%);
+    }
 
-      .breadcrumb-item.active {
-        color: #b5b5c3;
-        font-family: Poppins;
-        font-size: 13px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 21px;
-      }
-      .nav-tabs {
-        border-bottom: 0px solid #000000 !important;
-      }
-      .nav-link {
-        color: #637381;
-        font-family: Public Sans;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 22px;
-        text-align: center;
-      }
-
-      .nav-link.active {
-        color: #212b36 !important; /* Warna teks untuk tab yang aktif */
-        border-bottom: 2px solid #0c518c !important; /* Garis bawah untuk tab yang aktif */
-        font-family: Public Sans;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 22px;
-        text-align: center;
-      }
-
-      .th {
-        color: #637381;
-        font-family: Roboto;
-        font-weight: 700 !important;
-        font-size: 14px !important;
-        padding-bottom: 5px !important;
-        padding-left: 1px !important;
-        border-bottom: 1pt dashed #e4e6ef !important;
-      }
-      .tr {
-        border-bottom: 1pt dashed #e4e6ef !important;
-        font-family: Roboto;
-      }
-      .td {
-        color: #0e1e28;
-        font-family: Roboto;
-        font-style: normal;
-        font-weight: 500 !important;
-        font-size: 16px !important;
-        line-height: 30px; /* 187.5% */
-        letter-spacing: -0.32px;
-        padding-left: 1px !important;
-        padding-top: 16px !important;
-        padding-bottom: 16px !important;
-      }
-      .thead {
-        border-bottom: 1pt dashed #e4e6ef !important;
-      }
-      .kesimpulan-desc {
-        color: #0e1e28;
-        font-family: Roboto;
-        font-size: 12px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: normal;
-        letter-spacing: -0.24px;
-      }
-      .label-text {
-        background-color: grey;
-        color: black;
-        padding: 5px 20px 5px 20px !important;
-        border-radius: 6px;
-        font-family: Poppins !important;
-        font-size: 11px !important;
-        font-style: normal !important;
-        font-weight: 500 !important;
-        line-height: normal !important;
-      }
-      .label-text.fit {
-        background: #c9f7f5;
-        color: #1bc5bd;
-        padding: 5px 20px 5px 20px !important;
-        border-radius: 6px;
-        font-family: Poppins !important;
-        font-size: 11px !important;
-        font-style: normal !important;
-        font-weight: 500 !important;
-        line-height: normal !important;
-      }
-      .label-text.unfit {
-        background: #fff4de;
-        color: #ffa800;
-        padding: 5px 20px 5px 20px !important;
-        border-radius: 6px;
-        font-family: Poppins !important;
-        font-size: 11px !important;
-        font-style: normal !important;
-        font-weight: 500 !important;
-        line-height: normal !important;
-      }
-
-      .iconify-btn {
-        color: #637381 !important;
-        width: 23px !important;
-        height: 23px !important;
-        margin-right: 1em;
-      }
-      .iconify-btn-blue {
-        color: #0c518c !important;
-        width: 23px !important;
-        height: 23px !important;
-        margin-right: 1em;
-      }
-      .modal-header {
-        border-bottom: none !important;
-      }
-      .modal-title {
-        font-family: "Public Sans" !important;
-        font-size: 18px !important;
-        font-style: normal !important;
-        font-weight: 700 !important;
-        line-height: 28px !important;
-      }
-      .modal-dialog {
-        border-radius: 8px;
-      }
-      .btn-print {
-        border-radius: 6px !important;
-        background-color: #f5f8fa !important;
-        font-family: Roboto;
-        font-size: 14px;
-        margin-bottom: 12px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: normal;
-        display: flex;
-        width: 100%;
-        justify-content: space-between;
-        align-items: center;
-      }
-      .modal-xl {
-        border-radius: 6px !important;
-        max-width: 90vw !important;
-        max-height: 95vh !important;
-        width: 90vw !important;
-        height: 95vh !important;
-      }
-      .header-print {
-        background-color: #d9d9d9;
-      }
-      .modal-print-title {
-        color: #000;
-        font-family: "Open Sans";
-        font-size: 28px;
-        font-style: normal;
-        font-weight: 700;
-        line-height: normal;
-      }
-      .close-print {
-        color: red !important;
-        width: 30px !important;
-        height: 30px !important;
-      }
-      .form-label {
-        font-family: Poppins !important;
-        font-size: 14px !important;
-        font-style: normal !important;
-        font-weight: 600 !important;
-        line-height: 24px !important; /* 171.429% */
-      }
-      .form-input {
-        font-family: Poppins !important;
-        font-size: 16px !important;
-        font-style: normal !important;
-        font-weight: 400 !important;
-        line-height: 24px !important;
-      }
-      .btn-text {
-        font-family: "Public Sans";
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 700;
-        line-height: 24px;
-      }
-      .dot-text {
-        position: relative;
-        padding-left: 1.5em; /* Menambahkan padding untuk memberi ruang pada titik */
-      }
-
-      .dot-text::before {
-        content: "•"; /* Menambahkan titik di depan teks */
-        position: absolute;
-        left: 1em; /* Atur posisi titik */
-        top: 0;
-        transform: translateX(-100%);
-      }
-
-      .information-title {
-        color: #0e1e28;
-        font-family: Poppins;
-        font-size: 20px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: normal;
-      }
-    </style>
+    .information-title {
+      color: #0e1e28;
+      font-family: Poppins;
+      font-size: 20px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: normal;
+    }  
+  </style>
 }
 
 templ JsKesimpulan() {

views/corporate/mcu/mcutabview.templ

@@ -24,7 +24,7 @@ templ TabViewMcuDetail(
 				<a class="nav-link" data-toggle="tab" href="#kt_tab_pane_6" hx-get={"/corp/dashboard_pic/detail/" + id +"/tabkesimpulan"} hx-target="#tabkesimpulan">Kesimpulan</a>
 			</li>
 			<li class="nav-item">
-				<a class="nav-link" data-toggle="tab" href="#kt_tab_pane_7">Daftar Peserta</a>
+				<a class="nav-link" data-toggle="tab" href="#kt_tab_pane_7" hx-get={"/corp/dashboard_pic/detail/" + id +"/tabdaftarpeserta"} hx-target="#tabdaftarpeserta">Daftar Peserta</a>
 			</li>
 		</ul>
 	</div>
@@ -49,7 +49,8 @@ templ TabViewMcuDetail(
 			</div>
 		</div>
 		<div class="tab-pane fade" id="kt_tab_pane_7" role="tabpanel" aria-labelledby="kt_tab_pane_7">
-			tab 7
+			<div id="tabdaftarpeserta">	
+			</div>
 		</div>
 	</div>
 }

views/corporate/mcu/mcutabview_templ.go

@@ -38,7 +38,20 @@ func TabViewMcuDetail(
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"#tabkesimpulan\">Kesimpulan</a></li><li class=\"nav-item\"><a class=\"nav-link\" data-toggle=\"tab\" href=\"#kt_tab_pane_7\">Daftar Peserta</a></li></ul></div><div class=\"tab-content mt-5\" id=\"myTabContent\"><div class=\"tab-pane fade show active\" id=\"kt_tab_pane_1\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_2\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_001.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_2\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_2\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_002.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_3\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_3\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_003.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_4\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_4\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_004.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_5\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_5\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_005.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_6\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_6\"><div id=\"tabkesimpulan\"></div></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_7\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_7\">tab 7\r</div></div>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"#tabkesimpulan\">Kesimpulan</a></li><li class=\"nav-item\"><a class=\"nav-link\" data-toggle=\"tab\" href=\"#kt_tab_pane_7\" hx-get=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs("/corp/dashboard_pic/detail/" + id + "/tabdaftarpeserta")
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\corporate\mcu\mcutabview.templ`, Line: 27, Col: 127}
+		}
+		_, 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("\" hx-target=\"#tabdaftarpeserta\">Daftar Peserta</a></li></ul></div><div class=\"tab-content mt-5\" id=\"myTabContent\"><div class=\"tab-pane fade show active\" id=\"kt_tab_pane_1\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_2\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_001.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_2\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_2\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_002.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_3\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_3\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_003.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_4\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_4\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_004.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_5\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_5\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_005.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_6\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_6\"><div id=\"tabkesimpulan\"></div></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_7\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_7\"><div id=\"tabdaftarpeserta\"></div></div></div>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}

views/dev/mcu/tabviewdetailmcu.templ

@@ -24,7 +24,7 @@ templ TabViewDetailMcu(
 				<a class="nav-link" data-toggle="tab" href="#kt_tab_pane_6" hx-get={"/corp/dashboard_pic/detail/" + id +"/tabkesimpulan"} hx-target="#tabkesimpulan">Kesimpulan</a>
 			</li>
 			<li class="nav-item">
-				<a class="nav-link" data-toggle="tab" href="#kt_tab_pane_7">Daftar Peserta</a>
+				<a class="nav-link" data-toggle="tab" href="#kt_tab_pane_7" hx-get={"/corp/dashboard_pic/detail/" + id +"/tabdaftarpeserta"} hx-target="#tabdaftarpeserta">Daftar Peserta</a>
 			</li>
 		</ul>
 	</div>
@@ -49,7 +49,9 @@ templ TabViewDetailMcu(
 			</div>
 		</div>
 		<div class="tab-pane fade" id="kt_tab_pane_7" role="tabpanel" aria-labelledby="kt_tab_pane_7">
-			tab 7
+			<div id="tabdaftarpeserta">
+				
+			</div>
 		</div>
 	</div>
 }

views/dev/mcu/tabviewdetailmcu_templ.go

@@ -38,7 +38,20 @@ func TabViewDetailMcu(
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"#tabkesimpulan\">Kesimpulan</a></li><li class=\"nav-item\"><a class=\"nav-link\" data-toggle=\"tab\" href=\"#kt_tab_pane_7\">Daftar Peserta</a></li></ul></div><div class=\"tab-content mt-5\" id=\"myTabContent\"><div class=\"tab-pane fade show active\" id=\"kt_tab_pane_1\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_2\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_001.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_2\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_2\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_002.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_3\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_3\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_003.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_4\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_4\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_004.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_5\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_5\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_005.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_6\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_6\"><div id=\"tabkesimpulan\"></div></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_7\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_7\">tab 7\r</div></div>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"#tabkesimpulan\">Kesimpulan</a></li><li class=\"nav-item\"><a class=\"nav-link\" data-toggle=\"tab\" href=\"#kt_tab_pane_7\" hx-get=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs("/corp/dashboard_pic/detail/" + id + "/tabdaftarpeserta")
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\mcu\tabviewdetailmcu.templ`, Line: 27, Col: 127}
+		}
+		_, 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("\" hx-target=\"#tabdaftarpeserta\">Daftar Peserta</a></li></ul></div><div class=\"tab-content mt-5\" id=\"myTabContent\"><div class=\"tab-pane fade show active\" id=\"kt_tab_pane_1\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_2\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_001.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_2\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_2\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_002.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_3\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_3\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_003.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_4\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_4\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_004.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_5\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_5\" style=\"height: 800px;\"><object data=\"https://devcpone.aplikasi.web.id/birt/run?__report=report/one/mcu/rpt_mcu_graph_005.rptdesign&amp;__format=pdf&amp;PID=2&amp;username=adhi&amp;tm=1717726294764\" type=\"application/pdf\" width=\"100%\" height=\"100%\"></object></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_6\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_6\"><div id=\"tabkesimpulan\"></div></div><div class=\"tab-pane fade\" id=\"kt_tab_pane_7\" role=\"tabpanel\" aria-labelledby=\"kt_tab_pane_7\"><div id=\"tabdaftarpeserta\"></div></div></div>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}