slicing form dokter

This commit is contained in:
sindhu
2024-05-28 14:53:55 +07:00
parent 219600fc7f
commit 4ae90c5773
9 changed files with 651 additions and 1 deletions

View File

@@ -5226,6 +5226,12 @@ a.text-hover-tosca:hover .svg-icon svg:hover g [fill],
border-radius: 0.42rem;
}
/* ### CUSTOM CSS SELECTPICKER */
.btn-custom-selectpicker{
height: 8vh;
text-align: center;
}
/* ### OVERLAY */
.overlay-loading {
position: relative !important;

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

511
assets/mcu/doctor.html Normal file
View File

@@ -0,0 +1,511 @@
<!DOCTYPE html>
<!--
Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: https://1.envato.market/EA4JP
Renew Support: https://1.envato.market/EA4JP
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<html lang="en">
<!--begin::Head-->
<head>
<base href="../" />
<meta charset="utf-8" />
<title>Company Portal | { title }</title>
<meta name="description" content="Company Portal" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!--begin::Fonts-->
<link rel="stylesheet" href="assets/css/googlefont/poppins.css" />
<!--end::Fonts-->
<!--begin::Page Custom Styles(used by this page)-->
<link
href="assets/css/pages/login/login-1.css"
rel="stylesheet"
type="text/css"
/>
<!--end::Page Custom Styles-->
<!--begin::Global Theme Styles(used by all pages)-->
<link
href="assets/plugins/global/plugins.bundle.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/plugins/custom/prismjs/prismjs.bundle.css"
rel="stylesheet"
type="text/css"
/>
<link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
<!--end::Global Theme Styles-->
<!--begin::Layout Themes(used by all pages)-->
<link
href="assets/css/themes/layout/header/base/light.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/css/themes/layout/header/menu/light.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/css/themes/layout/brand/dark.css"
rel="stylesheet"
type="text/css"
/>
<link
href="assets/css/themes/layout/aside/dark.css"
rel="stylesheet"
type="text/css"
/>
<!--end::Layout Themes-->
<link
rel="shortcut icon"
href="asset-corporate-portal/media/logo/logo-small.jpg"
/>
<!--end::Layout Themes SAS-->
<link
href="asset-corporate-portal/css/sas.bundle.css"
rel="stylesheet"
type="text/css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/css/bootstrap-select.min.css"
/>
<style>
.filter-option-inner-inner {
margin-top: 1.2vh;
color: var(--text-disabled);
}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn {
color: var(--text-disabled);
}
.bootstrap-select.btn-group .dropdown-menu {
min-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: sticky;
}
.dropdown-menu {
transform: translate3d(0px, 0px, 0px) !important;
}
</style>
</head>
<!--end::Head-->
<!--begin::Body-->
<body
id="kt_body"
class="bg-white header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading"
>
<!--begin::Main-->
<div class="wrapperx p-5 h-100">
<!-- person.png start -->
<div class="row">
<div class="col-4">
<img
src="asset-corporate-portal/media/person/person.png"
style="display: block; width: 13vw"
/>
</div>
</div>
<div class="row mt-5">
<div class="col-4">
<button
class="btn bg-primary-transparent text-center text-primary"
style="width: 13vw; font-weight: 600"
>
Update Foto
</button>
</div>
</div>
<!-- person.png end -->
<div class="row mt-5">
<!-- col 1 start -->
<div class="col-4">
<div class="form-row">
<div class="col">
<label for="input1" style="font-family: Poppins; font-weight: 600"
>Sapaan</label
>
<select
class="selectpicker form-control"
id="select1"
data-live-search="true"
data-size="4"
data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
>
<option value="default">Pilih Sapaan</option>
<option value="mr">Tuan</option>
<option value="mrs">Nyonya</option>
<option value="ms">Nona</option>
</select>
</div>
<div class="col">
<label for="input1" style="font-family: Poppins; font-weight: 600"
>Imbuhan Awal 1</label
>
<input
type="text"
class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
placeholder="Imbuhan Awal 1"
/>
</div>
<div class="col">
<label for="input1" style="font-family: Poppins; font-weight: 600"
>Imbuhan Awal 2</label
>
<input
type="text"
class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
placeholder="Imbuhan Awal 2"
/>
</div>
</div>
<!-- jenis kelamin -->
<div class="form-row mt-5">
<label for="input1" style="font-family: Poppins; font-weight: 600"
>Jenis Kelamin</label
>
<select
class="selectpicker form-control"
id="select1"
data-live-search="true"
data-size="4"
data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
>
<option value="default">Pilih Jenis Kelamin</option>
<option value="mr">Tuan</option>
<option value="mrs">Nyonya</option>
<option value="ms">Nona</option>
</select>
</div>
<!-- jenis kelamin -->
<!-- gol darah -->
<div class="form-row mt-5">
<label for="input1" style="font-family: Poppins; font-weight: 600"
>Golongan Darah</label
>
<select
class="selectpicker form-control"
id="select1"
data-live-search="true"
data-size="4"
data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
>
<option value="default">Pilih Golongan Darah</option>
<option value="mr">Tuan</option>
<option value="mrs">Nyonya</option>
<option value="ms">Nona</option>
</select>
</div>
<!-- gol darah -->
<!-- kewarganegaraan -->
<div class="form-row mt-5">
<label for="input1" style="font-family: Poppins; font-weight: 600"
>Kewarganegaraan</label
>
<div class="form-control border-0 h-auto p-0 mt-3">
<div class="form-group">
<div style="display: flex; gap: 20px">
<label style="display: flex; align-items: center; gap: 5px">
<input type="radio" name="nationality" value="wni" />
<p style="margin: 0">WNI</p>
</label>
<label style="display: flex; align-items: center; gap: 5px">
<input type="radio" name="nationality" value="wna" />
<p style="margin: 0">WNA</p>
</label>
</div>
</div>
</div>
</div>
<!-- kewarganegaraan -->
<!-- identitas -->
<div class="form-row mt-5">
<label for="input1" style="font-family: Poppins; font-weight: 600"
>Imbuhan Awal 1</label
>
<input
type="text"
class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
placeholder="Imbuhan Awal 1"
/>
</div>
<!-- identitas -->
</div>
<!-- col 1 end -->
<!-- col 2 start -->
<div class="col-4">
<!-- nama -->
<div class="form-row">
<label style="font-family: Poppins; font-weight: 600">Nama</label>
<input
type="text"
class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
placeholder="Input 3"
/>
</div>
<!-- nama -->
<!-- tanggal lahir -->
<div class="form-row mt-5">
<label style="font-family: Poppins; font-weight: 600"
>Tanggal Lahir</label
>
<div class="input-group date bg-field border-0 rounded-lg">
<input
type="text"
class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
readonly
placeholder="Pilih Tanggal"
id="datepicker"
/>
<div class="input-group-prepend">
<span
class="input-group-text bg-field border-0 rounded-lg"
id="calendar-icon"
>
<span
class="iconify text-grey"
data-icon="heroicons-solid:calendar"
style="font-size: 20px"
></span>
</span>
</div>
</div>
</div>
<!-- tanggal lahir -->
<!-- rhesus -->
<div class="form-row mt-5">
<label style="font-family: Poppins; font-weight: 600">Rhesus</label>
<select
class="selectpicker form-control"
id="select1"
data-live-search="true"
data-size="5"
data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
>
<option value="default">Pilih Rhesus</option>
<option value="mr">Tuan</option>
<option value="mrs">Nyonya</option>
<option value="ms">Nona</option>
</select>
</div>
<!-- rhesus -->
<!-- etnis -->
<div class="form-row mt-5">
<label style="font-family: Poppins; font-weight: 600">Etnis</label>
<select
class="selectpicker form-control"
id="select1"
data-live-search="true"
data-size="4"
data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
>
<option value="default">Pilih Etnis</option>
<option value="mr">Tuan</option>
<option value="mrs">Nyonya</option>
<option value="ms">Nona</option>
</select>
</div>
<!-- etnis -->
<!-- no hp -->
<div class="form-row mt-6">
<div class="col">
<label for="input1" style="font-family: Poppins; font-weight: 600"
>Nomor HP</label
>
<input
type="text"
class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
placeholder="Nomor HP"
/>
</div>
</div>
<!-- no hp -->
</div>
<!-- col 2 end -->
<!-- col 3 start -->
<div class="col-4">
<div class="form-row">
<div class="col">
<label for="input1" style="font-family: Poppins; font-weight: 600"
>Imbuhan Akhir 1</label
>
<input
type="text"
class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
placeholder="Imbuhan Akhir 1"
/>
</div>
<div class="col">
<label for="input1" style="font-family: Poppins; font-weight: 600"
>Imbuhan Akhir 2</label
>
<input
type="text"
class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
placeholder="Imbuhan Akhir 2"
/>
</div>
</div>
<!-- umur -->
<div class="form-row mt-5">
<div class="col">
<label for="input1" style="font-family: Poppins; font-weight: 600"
>Umur</label
>
<input
type="number"
class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
placeholder="Tahun"
/>
</div>
<div class="col mt-8">
<input
type="number"
class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
placeholder="Bulan"
/>
</div>
<div class="col mt-8">
<input
type="number"
class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
placeholder="Hari"
/>
</div>
</div>
<!-- umur -->
<!-- pendidikan terakhir -->
<div class="form-row mt-5">
<div class="col">
<label for="input1" style="font-family: Poppins; font-weight: 600"
>Pendidikan Terakhir</label
>
<select
class="selectpicker form-control"
id="select1"
data-live-search="true"
data-size="4"
data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
>
<option value="default">Pilih Pendidikan</option>
<option value="mr">Tuan</option>
<option value="mrs">Nyonya</option>
<option value="ms">Nona</option>
</select>
</div>
</div>
<!-- pendidikan terakhir -->
<!-- identitas pilihan -->
<div class="form-row mt-5">
<div class="col">
<label for="input1" style="font-family: Poppins; font-weight: 600"
>Identitas</label
>
<select
class="selectpicker form-control"
id="select1"
data-live-search="true"
data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
data-size="4"
>
<option value="default">Pilih Identitas</option>
<option value="mr">Tuan</option>
<option value="mrs">Nyonya</option>
<option value="ms">Nona</option>
</select>
</div>
</div>
<!-- identitas pilihan -->
<!-- email -->
<div class="form-row mt-6">
<div class="col">
<label for="input1" style="font-family: Poppins; font-weight: 600"
>Email</label
>
<input
type="text"
class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
placeholder="Email"
/>
</div>
</div>
<!-- email -->
</div>
<!-- col 3 end -->
</div>
</div>
<!--end::Main-->
<script src="asset-corporate-portal/js/ktappsetting.js"></script>
<!-- iconify -->
<script src="assets/js/iconify/iconify.min.js"></script>
<!--end::Global Config-->
<!--begin::Global Theme Bundle(used by all pages)-->
<script src="assets/plugins/global/plugins.bundle.js"></script>
<script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
<script src="assets/js/scripts.bundle.js"></script>
<script src="assets/js/pages/crud/forms/widgets/bootstrap-datepicker.js"></script>
<script>
function ShowLoading() {
document
.getElementById("demo")
.setAttribute("style", "display:block !important;");
document
.getElementById("a")
.setAttribute("style", "display:none !important;");
}
function ShowForm() {
document
.getElementById("demo")
.setAttribute("style", "display:none !important;");
document
.getElementById("a")
.setAttribute("style", "display:block !important;;");
}
$(document).ready(function () {
// $(".selectpicker").selectpicker();
$(".selectpicker").selectpicker({
dropupAuto: false,
});
$("#datepicker").datepicker({
format: "dd/mm/yyyy",
});
$("#calendar-icon").click(function () {
$("#datepicker").datepicker("show");
});
});
</script>
<!--end::Global Theme Bundle-->
<!--end::Page Scripts-->
</body>
<!--end::Body-->
</html>

View File

@@ -0,0 +1,22 @@
package customradiobuttoninline
import "cpone/models"
templ MainCustomRadioButtonInput(inp models.CustomRadioButtonv1Prm) {
<div class="mt-5">
<label for="input1" style="font-family: Poppins; font-weight: 600">{ inp.Label }</label>
<div class="form-control">
<div class="form-group">
<div style="display: flex; gap: 20px">
<label style="display: flex; align-items: center; gap: 5px">
<input type="radio" name="nationality" value={ inp.Value }/>
<p style="margin: 0">{ inp.Text }</p>
</label>
</div>
</div>
</div>
<div class="invalid-feedback text-danger mt-3 ml-2 mt-5">
{ inp.ErrorMsg }
</div>
</div>
}

View File

@@ -0,0 +1,89 @@
// Code generated by templ - DO NOT EDIT.
// templ: version: v0.2.663
package customradiobuttoninline
//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"
func MainCustomRadioButtonInput(inp models.CustomRadioButtonv1Prm) 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 class=\"mt-5\"><label for=\"input1\" style=\"font-family: Poppins; font-weight: 600\">")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
var templ_7745c5c3_Var2 string
templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Label)
if templ_7745c5c3_Err != nil {
return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customradiobutton\customradiobuttoninline.templ`, Line: 7, Col: 80}
}
_, 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("</label><div class=\"form-control\"><div class=\"form-group\"><div style=\"display: flex; gap: 20px\"><label style=\"display: flex; align-items: center; gap: 5px\"><input type=\"radio\" name=\"nationality\" value=\"")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
var templ_7745c5c3_Var3 string
templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Value)
if templ_7745c5c3_Err != nil {
return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customradiobutton\customradiobuttoninline.templ`, Line: 12, Col: 62}
}
_, 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("\"><p style=\"margin: 0\">")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
var templ_7745c5c3_Var4 string
templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Text)
if templ_7745c5c3_Err != nil {
return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customradiobutton\customradiobuttoninline.templ`, Line: 13, Col: 37}
}
_, 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></label></div></div></div><div class=\"invalid-feedback text-danger mt-3 ml-2 mt-5\">")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
var templ_7745c5c3_Var5 string
templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(inp.ErrorMsg)
if templ_7745c5c3_Err != nil {
return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customradiobutton\customradiobuttoninline.templ`, Line: 19, Col: 17}
}
_, 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></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
})
}

View File

@@ -266,6 +266,8 @@ templ CorporateLayout(title string, css templ.Component, js templ.Component, nav
<script src="assets/js/scripts.bundle.js"></script>
<!--end::Global Theme Bundle-->
<script src="assets/js/iconify/iconify.min.js"></script>
// bootstrap datepicker
<script src="assets/js/pages/crud/forms/widgets/bootstrap-datepicker.js"></script>
@js
<!--end::Page Scripts-->
</body>

View File

@@ -78,7 +78,7 @@ func CorporateLayout(title string, css templ.Component, js templ.Component, navb
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--begin::Global Config(global config for global JS scripts)--><script src=\"asset-corporate-portal/js/ktappsetting.js\"></script><!--end::Global Config--><!--begin::Global Theme Bundle(used by all pages)--><script src=\"assets/plugins/global/plugins.bundle.js\"></script><script src=\"assets/plugins/custom/prismjs/prismjs.bundle.js\"></script><script src=\"assets/js/scripts.bundle.js\"></script><!--end::Global Theme Bundle--><script src=\"assets/js/iconify/iconify.min.js\"></script>")
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--begin::Global Config(global config for global JS scripts)--><script src=\"asset-corporate-portal/js/ktappsetting.js\"></script><!--end::Global Config--><!--begin::Global Theme Bundle(used by all pages)--><script src=\"assets/plugins/global/plugins.bundle.js\"></script><script src=\"assets/plugins/custom/prismjs/prismjs.bundle.js\"></script><script src=\"assets/js/scripts.bundle.js\"></script><!--end::Global Theme Bundle--><script src=\"assets/js/iconify/iconify.min.js\"></script><script src=\"assets/js/pages/crud/forms/widgets/bootstrap-datepicker.js\"></script>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}

View File

@@ -0,0 +1,16 @@
package models
type CustomRadioButtonv1Prm struct {
HxTarget string `default:"hxTarget"`
HxGet string `default:"hxGet"`
HxIndicator string `default:"hxIndicator"`
HxInclude string `default:"hxInclude"`
HxTrigger string `default:"hxTrigger"`
Label string `default:"Label"`
Name string `default:"name"`
Text string `default:"text"`
// Type string `default:"text"`
Value string `default:""`
ErrorMsg string `default:""`
ID string
}

View File

@@ -514,3 +514,7 @@ func GetUserLogin() (models.User, error) {
}
return a, nil
}
func GetTerminology(code string, codeSystem string) {
}