andy/corporate_portal_westerindo
1
0
Fork 0
Code Issues 13 Pull Requests Packages Projects Releases Wiki Activity

mdpasien add edit

Browse Source
This commit is contained in:
Sas Andy
2024-06-04 10:58:24 +07:00
parent 2e61efa16f
commit d6fb303970
30 changed files with 4126 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
assets/asset-corporate-portal/css/sas.bundle.css
View File

@@ -296,7 +296,7 @@ a.text-white:focus {
}
.btn-field {
color: var(--text-black);
color: var(--text-black) !important;
background-color: var(--fieldbg) !important;
border-color: var(--fieldbg) !important;
}
@@ -313,13 +313,13 @@ a.text-white:focus {
border-radius: 0.85rem !important;
}
.btn-field:hover {
color: var(--text-black);
color: var(--text-black) !important;
background-color: var(--fieldbg) !important;
border-color: var(--fieldbg) !important;
}
.btn-field:focus,
.btn-field.focus {
color: var(--text-black);
color: var(--text-black) !important;
background-color: var(--fieldbg) !important;
border-color: var(--fieldbg) !important;
-webkit-box-shadow: 0 0 0 0rem var(--fieldbg) !important;
@@ -327,14 +327,14 @@ a.text-white:focus {
}
.btn-field.disabled,
.btn-field:disabled {
color: var(--text-black);
color: var(--text-black) !important;
background-color: var(--fieldbg) !important;
border-color: var(--fieldbg) !important;
}
.btn-field:not(:disabled):not(.disabled):active,
.btn-field:not(:disabled):not(.disabled).active,
.show > .btn-field.dropdown-toggle {
color: var(--text-black);
color: var(--text-black) !important;
background-color: var(--fieldbg) !important;
border-color: var(--fieldbg) !important;
}
@@ -5277,7 +5277,7 @@ a.text-hover-tosca:hover .svg-icon svg:hover g [fill],
}
/* ### CUSTOM CSS SELECTPICKER */
.btn-custom-selectpicker{
.btn-custom-selectpicker {
height: 8vh;
text-align: center;
}

2
assets/assets/js/jquery/jquery.bundle.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

173
assets/mcu/patient.html
View File

@@ -129,8 +129,75 @@
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"
>
<style></style>
<style>
/* input[type="file"] {
display: none;
} */
</style>
<!--begin::Main-->
<script
src="https://unpkg.com/htmx.org@1.9.12"
integrity="sha384-ujb1lZYygJmzgSwoxRggbCHcjc0rB2XoQrxeTUQyRjrOnlCoYta87iKBWq3EsdM2"
crossorigin="anonymous"
></script>
<script>
function onChangeInput() {
const fileInput = document.getElementById("file-upload");
const previewImage = document.getElementById("preview-image");
if (fileInput.files.length > 0) {
if (fileInput.files[0].size > 500000) {
fileInput.value = "";
Swal.fire("Warning", "File is too big!", "warning");
} else {
previewImage.src = URL.createObjectURL(fileInput.files[0]);
console.log(URL.createObjectURL(fileInput.files[0]));
console.log(fileInput.files[0].mozFullPath);
}
}
}
// window.addEventListener("DOMContentLoaded", () => {
// const fileInput = document.getElementById("file-upload");
// const previewImage = document.getElementById("preview-image");
// fileInput.addEventListener("change", (event) => {
// if (event.target.files.length > 0) {
// previewImage.src = URL.createObjectURL(event.target.files[0]);
// }
// // 👇️ reset file input once you're done
// fileInput.value = null;
// });
// });
</script>
<div>
<input
type="file"
hx-post="\dev\md\pasien\add"
name="pasienprofile"
hx-trigger="change"
/>
<div class="text-center">
<img
id="preview-image"
src="asset-corporate-portal/media/person/person.png"
class="rounded-lg"
alt="..."
style="width: 10vw; min-width: 100px;"
/>
</div>
<label for="file-upload" class="btn btn-light-primary d-block mt-5">
Update Foto
</label>
<input
id="file-upload"
type="file"
accept=".png, .jpg, .jpeg"
onchange="onChangeInput()"
/>
</div>
<div class="wrapperx p-5 h-100">
<div class="row">
@@ -141,7 +208,7 @@
<label
for="input1"
class="font-weight-bolder"
style="font-family: Poppins"
style="font-family: Poppins;"
>Sapaan</label
>
<select
@@ -157,7 +224,9 @@
</select>
</div>
<div class="col-md-6 col-lg-3">
<label for="input1" style="font-family: Poppins; font-weight: 600"
<label
for="input1"
style="font-family: Poppins; font-weight: 600;"
>Imbuhan Awal</label
>
<input
@@ -167,7 +236,9 @@
/>
</div>
<div class="col-md-6 col-lg-5">
<label for="input1" style="font-family: Poppins; font-weight: 600"
<label
for="input1"
style="font-family: Poppins; font-weight: 600;"
>Nama
</label>
<input
@@ -177,7 +248,9 @@
/>
</div>
<div class="col-md-6 col-lg-2">
<label for="input1" style="font-family: Poppins; font-weight: 600"
<label
for="input1"
style="font-family: Poppins; font-weight: 600;"
>Imbuhan Akhir</label
>
<input
@@ -195,7 +268,7 @@
<div class="form-row">
<label
for="input1"
style="font-family: Poppins; font-weight: 600"
style="font-family: Poppins; font-weight: 600;"
>Jenis Kelamin</label
>
<select
@@ -215,7 +288,7 @@
<div class="col-md-6">
<!-- begin::Tanggal Lahir -->
<div class="form-row">
<label style="font-family: Poppins; font-weight: 600"
<label style="font-family: Poppins; font-weight: 600;"
>Tanggal Lahir</label
>
<div class="input-group date bg-field border-0 rounded-lg">
@@ -234,7 +307,7 @@
<span
class="iconify text-grey"
data-icon="heroicons-solid:calendar"
style="font-size: 20px"
style="font-size: 20px;"
></span>
</span>
</div>
@@ -252,7 +325,7 @@
<div class="col">
<label
for="input1"
style="font-family: Poppins; font-weight: 600"
style="font-family: Poppins; font-weight: 600;"
>Umur</label
>
<div class="input-container">
@@ -294,7 +367,7 @@
<div class="col">
<label
for="input1"
style="font-family: Poppins; font-weight: 600"
style="font-family: Poppins; font-weight: 600;"
>Golongan Darah</label
>
<select
@@ -314,7 +387,7 @@
<!-- end::Golongan Darah -->
<!-- begin::Rhesus -->
<div class="col">
<label style="font-family: Poppins; font-weight: 600"
<label style="font-family: Poppins; font-weight: 600;"
>Rhesus</label
>
<select
@@ -339,7 +412,9 @@
<div class="row mt-5">
<!--begin::Pekerjaan-->
<div class="col-md-6">
<label for="input1" style="font-family: Poppins; font-weight: 600"
<label
for="input1"
style="font-family: Poppins; font-weight: 600;"
>Pekerjaan</label
>
<input
@@ -354,7 +429,7 @@
<div class="form-row">
<label
for="input1"
style="font-family: Poppins; font-weight: 600"
style="font-family: Poppins; font-weight: 600;"
>Departemen</label
>
<input
@@ -371,7 +446,9 @@
<div class="row mt-5">
<!--begin::Posisi-->
<div class="col-md-6">
<label for="input1" style="font-family: Poppins; font-weight: 600"
<label
for="input1"
style="font-family: Poppins; font-weight: 600;"
>Posisi</label
>
<input
@@ -384,7 +461,7 @@
<!--Begin::Pendidikan Terakhir-->
<div class="col-md-6">
<div class="form-row">
<label style="font-family: Poppins; font-weight: 600"
<label style="font-family: Poppins; font-weight: 600;"
>Pendidikan Terakhir</label
>
<select
@@ -413,26 +490,26 @@
<div class="form-row">
<label
for="input1"
style="font-family: Poppins; font-weight: 600"
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
class="justify-content-between"
style="display: flex; gap: 20px"
style="display: flex; gap: 20px;"
>
<label
style="display: flex; align-items: center; gap: 5px"
style="display: flex; align-items: center; gap: 5px;"
>
<input type="radio" name="nationality" value="wni" />
<p style="margin: 0">WNI</p>
<p style="margin: 0;">WNI</p>
</label>
<label
style="display: flex; align-items: center; gap: 5px"
style="display: flex; align-items: center; gap: 5px;"
>
<input type="radio" name="nationality" value="wna" />
<p style="margin: 0">WNA</p>
<p style="margin: 0;">WNA</p>
</label>
</div>
</div>
@@ -443,7 +520,7 @@
<!--Begin::Etnis-->
<div class="col-md-6">
<div class="form-row">
<label style="font-family: Poppins; font-weight: 600"
<label style="font-family: Poppins; font-weight: 600;"
>Etnis</label
>
<select
@@ -473,7 +550,7 @@
<div class="col">
<label
for="input1"
style="font-family: Poppins; font-weight: 600"
style="font-family: Poppins; font-weight: 600;"
>Identitas</label
>
<select
@@ -500,7 +577,7 @@
<div class="col">
<label
for="input1"
style="font-family: Poppins; font-weight: 600"
style="font-family: Poppins; font-weight: 600;"
>Nomor Identitas</label
>
<input
@@ -522,7 +599,7 @@
<div class="col">
<label
for="input1"
style="font-family: Poppins; font-weight: 600"
style="font-family: Poppins; font-weight: 600;"
>Nomor HP</label
>
<input
@@ -540,7 +617,7 @@
<div class="col">
<label
for="input1"
style="font-family: Poppins; font-weight: 600"
style="font-family: Poppins; font-weight: 600;"
>Email</label
>
<input
@@ -561,7 +638,7 @@
<div class="col">
<img
src="asset-corporate-portal/media/person/person.png"
style="display: block; width: 13vw"
style="display: block; width: 13vw;"
/>
</div>
</div>
@@ -570,7 +647,7 @@
<div class="col">
<button
class="btn bg-primary-transparent text-center text-primary"
style="width: 13vw; font-weight: 600"
style="width: 13vw; font-weight: 600;"
>
Update Foto
</button>
@@ -580,6 +657,45 @@
</div>
</div>
</div>
<div>
<div
class="image-input image-input-empty image-input-outline"
id="kt_image_5"
style="background-image: url(assets/media/users/blank.png);"
>
<div class="image-input-wrapper"></div>
<label
class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow"
data-action="change"
data-toggle="tooltip"
title=""
data-original-title="Change avatar"
>
<i class="fa fa-pen icon-sm text-muted"></i>
<input type="file" name="profile_avatar" accept=".png, .jpg, .jpeg" />
<input type="hidden" name="profile_avatar_remove" />
</label>
<span
class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow"
data-action="cancel"
data-toggle="tooltip"
title="Cancel avatar"
>
<i class="ki ki-bold-close icon-xs text-muted"></i>
</span>
<span
class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow"
data-action="remove"
data-toggle="tooltip"
title="Remove avatar"
>
<i class="ki ki-bold-close icon-xs text-muted"></i>
</span>
</div>
</div>
<!--end::Main-->
<script src="asset-corporate-portal/js/ktappsetting.js"></script>
@@ -593,6 +709,7 @@
<script src="assets/js/pages/crud/forms/widgets/bootstrap-datepicker.js"></script>
<script>
var avatar5 = new KTImageInput("kt_image_5");
function ShowLoading() {
document
.getElementById("demo")