step 5 : swap oob modal dan set timeout loading

This commit is contained in:
sindhu
2024-05-20 20:52:33 +07:00
parent 2a3f9b9898
commit 6b90b7257e
6 changed files with 270 additions and 58 deletions

29
assets/mcu/be_wording.php Normal file
View File

@@ -0,0 +1,29 @@
<?php
function noStrings() {
echo ''?>
<div
hx-swap-oob="true"
class="modal fade show modalcover" id="dataContainer" tabindex="-1" aria-labelledby="exampleModalLiveLabel" style="display: block;" aria-modal="true" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLiveLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>halllooooo</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<?php;
}
noStrings();
?>

View File

@@ -78,6 +78,7 @@ License: You must have a valid license purchased only from themeforest(the above
<link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
<link rel="stylesheet" href="asset-corporate-portal/css/sas.bundle.css" />
<script src="https://unpkg.com/htmx.org@1.9.12/dist/htmx.js"></script>
</head>
<!--end::Head-->
@@ -121,6 +122,10 @@ License: You must have a valid license purchased only from themeforest(the above
.smallf {
font-size: 10px;
}
.modalcover {
background-color: #00000073;
}
</style>
<!--begin::Container-->
<div class="content-fluid bg-white">
@@ -268,38 +273,9 @@ License: You must have a valid license purchased only from themeforest(the above
</div>
<!-- modal wording start -->
<div
class="modal fade"
style="display: none"
id="modalWordingSurveyMcu"
tabindex="-1"
role="dialog"
data-backdrop="static"
aria-hidden="true"
>
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content rounded-lg">
<div class="modal-header border-bottom-0">
<h1 class="text-black font-weight-bolder">Perhatian</h1>
</div>
<div class="modal-body border-bottom-0">
<h6 class="text-black">
Silahkan isi questioner untuk membantu peningkatan layanan kami.
<br /><br />Terima kasih.
</h6>
</div>
<div class="modal-footer border-top-0">
<button
type="button"
class="btn btn-primary btn-shadow font-weight-bold rounded-lg"
onclick="hideWordingModal()"
>
OK
</button>
</div>
</div>
</div>
</div>
<div hx-trigger="load delay:3s" hx-get="../assets/mcu/be_wording.php"></div>
<div id="dataContainer"></div>
<!-- modal wording end -->
<!--end::Container-->