KoPKB/kaunter
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix skit

Browse Source
This commit is contained in:
hafifierahman
2022-04-03 09:57:15 +08:00
parent 1b5aeeaf11
commit 6ccfa59d8d
7 changed files with 208 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/layouts/app.blade.php
+28 -96
View File
@@ -74,101 +74,6 @@
flex-direction: column;
align-items: flex-start !important;
}
.notify-petibesi.max{
position: absolute;
bottom:50px;
right: 30px;
border-radius:12px;
background: #fff;
padding: 20px 35px 20px 25px;
box-shadow:0 5px 10px rgba(0,0,0,0.1);
border-left: 6px solid #e67e22;
z-index:1;
display:none;
-webkit-transition: opacity 600ms, visibility 600ms;
transition: opacity 600ms, visibility 600ms;
}
.notify-petibesi.min{
position: absolute;
bottom:50px;
right: 30px;
border-radius:12px;
background: #fff;
padding: 20px 35px 20px 25px;
box-shadow:0 5px 10px rgba(0,0,0,0.1);
border-left: 6px solid #e74c3c;
z-index:1;
display:none;
-webkit-transition: opacity 600ms, visibility 600ms;
transition: opacity 600ms, visibility 600ms;
}
.notify-petibesi.active{
display:block;
}
.notify-petibesi .toast-content{
display:flex;
align-items:center;
}
.toast-content .message{
display:flex;
flex-direction: column;
margin: 0 20px;
}
.toast-content.max .check{
display:flex;
align-items:center;
justify-content:center;
height:35px;
width:35px;
background-color:#e67e22;
color:#fff;
font-size:20px;
border-radius:50%;
}
.toast-content.min .check{
display:flex;
align-items:center;
justify-content:center;
height:35px;
width:35px;
background-color:#e74c3c;
color:#fff;
font-size:20px;
border-radius:50%;
}
.message .text{
font-size:20px;
font-weight:400;
color:#666666;
}
.message .text.text-1{
font-weight:600;
color:#333;
}
.notify-petibesi .close{
position:absolute;
top:10px;
right:15px;
padding:5px;
cursor:pointer;
opacity:0.7;
}
.notify-petibesi .close:hover{
opacity:1;
}
</style>
</head>
@@ -282,6 +187,26 @@
});
var channel2 = pusher.subscribe('notice-notify');
channel2.bind('trigger-notify', function(data) {
if(cawangankhazanah == data.cawangan)
{
if(data.status == 'max')
{
$("#notify-maksimum").removeClass("d-none");
$("#notify-maksimum").addClass("d-block");
$("#value-maksimum").text('RM ' + data.bakipetibesi);
}
if(data.status == 'min')
{
$("#notify-minimum").removeClass("d-none");
$("#notify-minimum").addClass("d-block");
$("#value-minimum").text('RM ' + data.bakipetibesi);
}
}
});
$("#navbarDropdown").click(function(){
$('#bell').css("color", "grey");
@@ -407,12 +332,19 @@
</nav>
{{-- {{ dd(session()->has('status')) }} --}}
<div id="notify-maksimum" style="z-index: 1" class="alert {!! (session()->has('status')) ? (session()->get('status') == 'max') ? 'd-block' : 'd-none' : 'd-none' !!} alert-warning sticky-top text-center" role="alert">
Baki peti besi anda sekarang adalah <b id="value-maksimum"></b> dan melebihi had maksimum peti besi. Sila buat permohonan bayaran balik segera!
</div>
<div id="notify-minimum" style="z-index: 1" class="alert {!! (session()->has('status')) ? (session()->get('status') == 'min') ? 'd-block' : 'd-none' : 'd-none' !!} alert-danger sticky-top text-center" role="alert">
Baki peti besi anda sekarang adalah <b id="value-minimum"></b> dan melebihi had minimum peti besi. Sila buat permohonan wang segera!
</div>
<main class="py-4">
@yield('content')
</main>
</div>
@yield('footer')
</body>
</html>