add xs layout echarts

handlers/corporate/mcudetail/tabkelainanfisik.hanlders.go

@@ -7,6 +7,7 @@ import (
 	corporate_mcudetail "cpone/views/corporate/mcu/mcutab"
 	"encoding/json"
 
+	"github.com/a-h/templ"
 	"github.com/labstack/echo/v4"
 	"go.uber.org/zap"
 )
@@ -53,13 +54,25 @@ func (tkf *TabKelainanFisikHandler) HandleShowTabKelainanFisik(c echo.Context) e
 		return err
 	}
 
-	content := corporate_mcudetail.Tabkelainanfisik(
-		chart.ShowChartFixed("bmixs", string(bmijson), "300px", "450px"),
-		chart.ShowChartFixed("bmimd", string(bmijson), "500px", "450px"),
+	chartsxs := []templ.Component{
+		chart.ShowChartFixed("bmixs", string(bmijson), "400px", "450px"),
+		chart.ShowChartFixed("hprxs", string(hiperjson), "400px", "450px"),
+	}
+
+	chartsmd := []templ.Component{
+		chart.ShowChartFixed("bmimd", string(bmijson), "450px", "450px"),
+		chart.ShowChartFixed("hprmd", string(hiperjson), "450px", "450px"),
+	}
+
+	chartslg := []templ.Component{
 		chart.ShowChartFixed("bmilg", string(bmijson), "600px", "450px"),
-		chart.ShowChartFixed("hprxs", string(hiperjson), "300px", "450px"),
-		chart.ShowChartFixed("hprmd", string(hiperjson), "500px", "450px"),
 		chart.ShowChartFixed("hprlg", string(hiperjson), "600px", "450px"),
+	}
+
+	content := corporate_mcudetail.Tabkelainanfisik(
+		chartsxs,
+		chartsmd,
+		chartslg,
 	)
 
 	return utils.View(c, content)

handlers/corporate/mcudetail/tabkelainanglobal.handlers.go

@@ -7,6 +7,7 @@ import (
 	corporate_mcudetail "cpone/views/corporate/mcu/mcutab"
 	"encoding/json"
 
+	"github.com/a-h/templ"
 	"github.com/labstack/echo/v4"
 	"go.uber.org/zap"
 )
@@ -52,13 +53,25 @@ func (tkg *TabKelainanGlobalHandler) HandleShowTabKelainanGlobal(c echo.Context)
 		return err
 	}
 
-	content := corporate_mcudetail.TabKelainanGlobal(
-		chart.ShowChartFixed("chartmcuxs", string(klmcujson), "300px", "450px"),
-		chart.ShowChartFixed("chartfisikxs", string(klfisjson), "300px", "450px"),
+	chartsxs := []templ.Component{
+		chart.ShowChartFixed("chartmcuxs", string(klmcujson), "400px", "450px"),
+		chart.ShowChartFixed("chartfisikxs", string(klfisjson), "400px", "450px"),
+	}
+
+	chartsmd := []templ.Component{
 		chart.ShowChartFixed("chartmcumd", string(klmcujson), "500px", "450px"),
 		chart.ShowChartFixed("chartfisikmd", string(klfisjson), "500px", "450px"),
+	}
+
+	chartslg := []templ.Component{
 		chart.ShowChartFixed("chartmculg", string(klmcujson), "1000px", "450px"),
 		chart.ShowChartFixed("chartfisiklg", string(klfisjson), "1000px", "450px"),
+	}
+
+	content := corporate_mcudetail.TabKelainanGlobal(
+		chartsxs,
+		chartsmd,
+		chartslg,
 	)
 
 	return utils.View(c, content)

handlers/corporate/mcudetail/tabkelainanlab.handlers.go

@@ -7,6 +7,7 @@ import (
 	corporate_mcudetail "cpone/views/corporate/mcu/mcutab"
 	"encoding/json"
 
+	"github.com/a-h/templ"
 	"github.com/labstack/echo/v4"
 )
 
@@ -92,13 +93,37 @@ func (tkl *TabKelainanLabHandler) HandleShowTabKelainanLab(c echo.Context) error
 		return err
 	}
 
-	content := corporate_mcudetail.TabKelainanLab(
-		chart.ShowChartFixed("dataprelg", string(dataprejson), "1000px", "450px"),
+	chartsxs := []templ.Component{
+		chart.ShowChartFixed("dataprexs", string(dataprejson), "400px", "450px"),
+		chart.ShowChartFixed("hemaxs", string(hemajson), "400px", "450px"),
+		chart.ShowChartFixed("urinxs", string(urinjson), "400px", "450px"),
+		chart.ShowChartFixed("hatixs", string(hatijson), "400px", "450px"),
+		chart.ShowChartFixed("lemakxs", string(lemakjson), "400px", "450px"),
+		chart.ShowChartFixed("glukosxs", string(glukosjson), "400px", "450px"),
+	}
+
+	chartsmd := []templ.Component{
+		chart.ShowChartFixed("datapremd", string(dataprejson), "500px", "450px"),
+		chart.ShowChartFixed("hemamd", string(hemajson), "500px", "450px"),
+		chart.ShowChartFixed("urinmd", string(urinjson), "500px", "450px"),
+		chart.ShowChartFixed("hatimd", string(hatijson), "500px", "450px"),
+		chart.ShowChartFixed("lemakmd", string(lemakjson), "500px", "450px"),
+		chart.ShowChartFixed("glukosmd", string(glukosjson), "500px", "450px"),
+	}
+
+	chartslg := []templ.Component{
 		chart.ShowChartFixed("hemalg", string(hemajson), "600px", "450px"),
 		chart.ShowChartFixed("urinlg", string(urinjson), "600px", "450px"),
 		chart.ShowChartFixed("hatilg", string(hatijson), "600px", "450px"),
 		chart.ShowChartFixed("lemaklg", string(lemakjson), "600px", "450px"),
 		chart.ShowChartFixed("glukoslg", string(glukosjson), "600px", "450px"),
+	}
+
+	content := corporate_mcudetail.TabKelainanLab(
+		chart.ShowChartFixed("dataprelg", string(dataprejson), "1000px", "450px"),
+		chartsxs,
+		chartsmd,
+		chartslg,
 	)
 
 	return utils.View(c, content)

handlers/corporate/mcudetail/tabkelainannonlab.handlers.go

@@ -7,6 +7,7 @@ import (
 	corporate_mcudetail "cpone/views/corporate/mcu/mcutab"
 	"encoding/json"
 
+	"github.com/a-h/templ"
 	"github.com/labstack/echo/v4"
 )
 
@@ -48,9 +49,25 @@ func (tknl *TabKelainanNonLabHandler) HandleShowTabKelainanNonLab(c echo.Context
 		return err
 	}
 
-	content := corporate_mcudetail.TabKelainanNonLab(
+	chartsxs := []templ.Component{
+		chart.ShowChartFixed("datanonxs", string(dataprejson), "400px", "450px"),
+		chart.ShowChartFixed("thoraxxs", string(thrxjson), "400px", "450px"),
+	}
+
+	chartsmd := []templ.Component{
+		chart.ShowChartFixed("datanonmd", string(dataprejson), "500px", "450px"),
+		chart.ShowChartFixed("thoraxmd", string(thrxjson), "500px", "450px"),
+	}
+
+	chartslg := []templ.Component{
 		chart.ShowChartFixed("datanonlg", string(dataprejson), "1000px", "450px"),
 		chart.ShowChartFixed("thoraxlg", string(thrxjson), "600px", "450px"),
+	}
+
+	content := corporate_mcudetail.TabKelainanNonLab(
+		chartsxs,
+		chartsmd,
+		chartslg,
 	)
 
 	return utils.View(c, content)

handlers/corporate/mcudetail/tabkepesertaan.handlers.go

@@ -7,6 +7,7 @@ import (
 	corporate_mcudetail "cpone/views/corporate/mcu/mcutab"
 	"encoding/json"
 
+	"github.com/a-h/templ"
 	"github.com/labstack/echo/v4"
 	"go.uber.org/zap"
 )
@@ -64,16 +65,28 @@ func (tkh *TabKepersertaanHandler) HandleShowTabKepesertaan(c echo.Context) erro
 		return err
 	}
 
+	chartsxs := []templ.Component{
+		chart.ShowChartFixed("charttotalxs", string(totaljson), "400px", "450px"),
+		chart.ShowChartFixed("chartgenderxs", string(genderjson), "400px", "450px"),
+		chart.ShowChartFixed("chartumurxs", string(umurjson), "400px", "450px"),
+	}
+
+	chartsmd := []templ.Component{
+		chart.ShowChartFixed("charttotalmd", string(totaljson), "450px", "450px"),
+		chart.ShowChartFixed("chartgendermd", string(genderjson), "450px", "450px"),
+		chart.ShowChartFixed("chartumurmd", string(umurjson), "450px", "450px"),
+	}
+
+	chartslg := []templ.Component{
+		chart.ShowChartFixed("charttotal", string(totaljson), "600px", "450px"),
+		chart.ShowChartFixed("chartgender", string(genderjson), "600px", "450px"),
+		chart.ShowChartFixed("chartumur", string(umurjson), "600px", "450px"),
+	}
+
 	content := corporate_mcudetail.TabKepesertaan(
-		chart.ShowChart("charttotal", string(totaljson)),
-		chart.ShowChart("chartgender", string(genderjson)),
-		chart.ShowChart("chartumur", string(umurjson)),
-		chart.ShowChart("charttotalxs", string(totaljson)),
-		chart.ShowChart("chartgenderxs", string(genderjson)),
-		chart.ShowChart("chartumurxs", string(umurjson)),
-		chart.ShowChart("charttotalmd", string(totaljson)),
-		chart.ShowChart("chartgendermd", string(genderjson)),
-		chart.ShowChart("chartumurmd", string(umurjson)),
+		chartsxs,
+		chartsmd,
+		chartslg,
 	)
 
 	return utils.View(c, content)