step 5 : swap oob modal dan set timeout loading
This commit is contained in:
29
assets/mcu/be_wording.php
Normal file
29
assets/mcu/be_wording.php
Normal 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();
|
||||
?>
|
||||
@@ -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-->
|
||||
|
||||
|
||||
Reference in New Issue
Block a user