From 2a25c60cc2f12c85fbe6d1e0d685c028fb01471f Mon Sep 17 00:00:00 2001 From: adibwp Date: Wed, 26 Jun 2024 17:02:27 +0700 Subject: [PATCH] add piechart dummy tab peserta --- component/chart/chart.templ | 2 +- component/chart/chart_templ.go | 10 +++---- .../mcudetail/tabkepesertaan.handlers.go | 10 ++++--- views/corporate/mcu/mcudetail.templ | 3 ++- views/corporate/mcu/mcudetail_templ.go | 4 +++ .../corporate/mcu/mcutab/tabkepesertaan.templ | 24 +++++++++++------ .../mcu/mcutab/tabkepesertaan_templ.go | 26 ++++++++++++++++--- views/corporate/mcu/mcutabview.templ | 4 +-- views/corporate/mcu/mcutabview_templ.go | 4 +-- 9 files changed, 61 insertions(+), 26 deletions(-) diff --git a/component/chart/chart.templ b/component/chart/chart.templ index 2776c4e..5777191 100644 --- a/component/chart/chart.templ +++ b/component/chart/chart.templ @@ -11,7 +11,7 @@ script GenerateChart(idDiv string, udata string) { var element = document.getElementById(idDiv); console.log("element ",element) if (element) { - element.style.height = "400px"; + element.style.height = "450px"; element.style.width = "100%"; } diff --git a/component/chart/chart_templ.go b/component/chart/chart_templ.go index f4049b8..759bbdd 100644 --- a/component/chart/chart_templ.go +++ b/component/chart/chart_templ.go @@ -53,13 +53,13 @@ func ShowChart(idDiv string, udata string) templ.Component { func GenerateChart(idDiv string, udata string) templ.ComponentScript { return templ.ComponentScript{ - Name: `__templ_GenerateChart_4c73`, - Function: `function __templ_GenerateChart_4c73(idDiv, udata){htmx.onLoad(function(elt) { + Name: `__templ_GenerateChart_906c`, + Function: `function __templ_GenerateChart_906c(idDiv, udata){htmx.onLoad(function(elt) { console.log("elt ",elt) var element = document.getElementById(idDiv); console.log("element ",element) if (element) { - element.style.height = "400px"; + element.style.height = "450px"; element.style.width = "100%"; } @@ -76,7 +76,7 @@ func GenerateChart(idDiv string, udata string) templ.ComponentScript { myChart[idDiv].setOption(option[idDiv]); }); }`, - Call: templ.SafeScript(`__templ_GenerateChart_4c73`, idDiv, udata), - CallInline: templ.SafeScriptInline(`__templ_GenerateChart_4c73`, idDiv, udata), + Call: templ.SafeScript(`__templ_GenerateChart_906c`, idDiv, udata), + CallInline: templ.SafeScriptInline(`__templ_GenerateChart_906c`, idDiv, udata), } } diff --git a/handlers/corporate/mcudetail/tabkepesertaan.handlers.go b/handlers/corporate/mcudetail/tabkepesertaan.handlers.go index 514312d..42b777b 100644 --- a/handlers/corporate/mcudetail/tabkepesertaan.handlers.go +++ b/handlers/corporate/mcudetail/tabkepesertaan.handlers.go @@ -38,7 +38,7 @@ func (tkh *TabKepersertaanHandler) HandleShowTabKepesertaan(c echo.Context) erro Left string `json:"left"` }{ Text: "Testing", - SubText: "Total Peserta 506", + SubText: "Total Peserta 560", Left: "center", }, Tooltip: struct { @@ -53,7 +53,7 @@ func (tkh *TabKepersertaanHandler) HandleShowTabKepesertaan(c echo.Context) erro }{ Top: "bottom", Left: "center", - Orient: "vertical", + Orient: "horizontal", }, Series: []models.Series{ { @@ -106,7 +106,11 @@ func (tkh *TabKepersertaanHandler) HandleShowTabKepesertaan(c echo.Context) erro return err } - content := corporate_mcudetail.TabKepesertaan(chart.ShowChart("1", string(json))) + content := corporate_mcudetail.TabKepesertaan( + chart.ShowChart("alpha", string(json)), + chart.ShowChart("beta", string(json)), + chart.ShowChart("delta", string(json)), + ) return utils.View(c, content) } diff --git a/views/corporate/mcu/mcudetail.templ b/views/corporate/mcu/mcudetail.templ index 2685c3b..bf77ed7 100644 --- a/views/corporate/mcu/mcudetail.templ +++ b/views/corporate/mcu/mcudetail.templ @@ -57,7 +57,8 @@ templ CSSMcuDetail( @CssKesimpulan } -templ JSMcuDetail() { +templ JSMcuDetail() { + } templ ShowMcuDetail( diff --git a/views/corporate/mcu/mcudetail_templ.go b/views/corporate/mcu/mcudetail_templ.go index e21bbff..2ad5c35 100644 --- a/views/corporate/mcu/mcudetail_templ.go +++ b/views/corporate/mcu/mcudetail_templ.go @@ -98,6 +98,10 @@ func JSMcuDetail() templ.Component { templ_7745c5c3_Var3 = templ.NopComponent } ctx = templ.ClearChildren(ctx) + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } if !templ_7745c5c3_IsBuffer { _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W) } diff --git a/views/corporate/mcu/mcutab/tabkepesertaan.templ b/views/corporate/mcu/mcutab/tabkepesertaan.templ index a0e966f..d09f227 100644 --- a/views/corporate/mcu/mcutab/tabkepesertaan.templ +++ b/views/corporate/mcu/mcutab/tabkepesertaan.templ @@ -1,20 +1,28 @@ package corporate_mcudetail templ TabKepesertaan( - chart templ.Component, + chartalpha templ.Component, + chartbeta templ.Component, + chartdelta templ.Component, ) {

Data Kepesertaan MCU

-
- @chart -
- +
+
+ @chartalpha +
+
+
+
+ @chartbeta +
+
+
+
+ @chartdelta
-
} \ No newline at end of file diff --git a/views/corporate/mcu/mcutab/tabkepesertaan_templ.go b/views/corporate/mcu/mcutab/tabkepesertaan_templ.go index c560eac..bcce67a 100644 --- a/views/corporate/mcu/mcutab/tabkepesertaan_templ.go +++ b/views/corporate/mcu/mcutab/tabkepesertaan_templ.go @@ -11,7 +11,9 @@ import "io" import "bytes" func TabKepesertaan( - chart templ.Component, + chartalpha templ.Component, + chartbeta templ.Component, + chartdelta 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) @@ -25,15 +27,31 @@ func TabKepesertaan( templ_7745c5c3_Var1 = templ.NopComponent } ctx = templ.ClearChildren(ctx) - _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("

Data Kepesertaan MCU

") + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("

Data Kepesertaan MCU

") if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } - templ_7745c5c3_Err = chart.Render(ctx, templ_7745c5c3_Buffer) + templ_7745c5c3_Err = chartalpha.Render(ctx, templ_7745c5c3_Buffer) if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } - _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = chartbeta.Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + templ_7745c5c3_Err = chartdelta.Render(ctx, templ_7745c5c3_Buffer) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("
") if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } diff --git a/views/corporate/mcu/mcutabview.templ b/views/corporate/mcu/mcutabview.templ index 9bd85c0..bf44f3c 100644 --- a/views/corporate/mcu/mcutabview.templ +++ b/views/corporate/mcu/mcutabview.templ @@ -6,7 +6,7 @@ templ TabViewMcuDetail(
-
+
//
diff --git a/views/corporate/mcu/mcutabview_templ.go b/views/corporate/mcu/mcutabview_templ.go index aa9327d..0dc136d 100644 --- a/views/corporate/mcu/mcutabview_templ.go +++ b/views/corporate/mcu/mcutabview_templ.go @@ -38,7 +38,7 @@ func TabViewMcuDetail( if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } - _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"#tabkepesertaan\">Peserta
  • Kelainan global
  • Kelainan Lab
  • kelainan Non Lab
  • kelainan Fisik
  • Peserta
  • Kelainan global
  • Kelainan Lab
  • kelainan Non Lab
  • kelainan Fisik
  • Keuangan
    • Keuangan