catalyx/PSTW_CentralizeSystem
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update ui/ux movement

Browse Source
This commit is contained in:
ArifHilmi 2025-02-28 08:33:49 +08:00
parent e1cf4fc885
commit a7ffd18754
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
Areas/Inventory/Views/ItemMovement/ItemMovementUser.cshtml
View File

@ -88,12 +88,10 @@
<!-- Hide all details unless button is clicked --> <!-- Hide all details unless button is clicked -->
<div v-show="categoryVisible[itemId]" class="card-body"> <div v-show="categoryVisible[itemId]" class="card-body">
<div v-for="(movement, index) in group.movements.sort((a, b) => a.id - b.id).reverse()" <div v-for="(movement, index) in group.movements.sort((a, b) => a.id - b.id).reverse()" :key="movement.id" class="movement-row">
:key="movement.id"
class="movement-row">
<!-- 📌 Show Only Latest Movement --> <!-- 📌 Show Only Latest Movement -->
<div v-if="index === 0" class="row"> <div v-if="index === 0" class="row">
<strong>Latest Movement</strong>
<div class="col-md-12 d-flex flex-wrap align-items-center gap-3 p-2 border-bottom"> <div class="col-md-12 d-flex flex-wrap align-items-center gap-3 p-2 border-bottom">
<!-- Movement Type --> <!-- Movement Type -->
<h3 :class="movement.toOther === 'On Delivery' ? 'text-primary' : 'text-warning'" <h3 :class="movement.toOther === 'On Delivery' ? 'text-primary' : 'text-warning'"
@ -131,9 +129,11 @@
</button> </button>
<!-- Completion Status --> <!-- Completion Status -->
<h4 :class="movement.movementComplete == 1 ? 'text-success' : 'text-danger'" class="text-nowrap ms-3"> <h4 :class="movement.movementComplete == 1 && movement.latestStatus !== 'Ready To Deploy' ? 'text-success' : 'text-danger'"
{{ movement.movementComplete == 1 ? 'Complete' : 'Incomplete' }} class="text-nowrap ms-3">
{{ movement.movementComplete == 1 && movement.latestStatus !== 'Ready To Deploy' ? 'Complete' : (movement.latestStatus === 'Ready To Deploy' ? 'Canceled' : 'Incomplete') }}
</h4> </h4>
</div> </div>
<div v-show="detailsVisible[movement.id]" class="col-md-12 mt-2"> <div v-show="detailsVisible[movement.id]" class="col-md-12 mt-2">
@ -221,8 +221,9 @@
</button> </button>
<!-- Completion Status --> <!-- Completion Status -->
<h4 :class="movement.movementComplete == 1 ? 'text-success' : 'text-danger'" class="text-nowrap ms-3"> <h4 :class="movement.movementComplete == 1 && movement.latestStatus !== 'Ready To Deploy' ? 'text-success' : 'text-danger'"
{{ movement.movementComplete == 1 ? 'Complete' : 'Incomplete' }} class="text-nowrap ms-3">
{{ movement.movementComplete == 1 && movement.latestStatus !== 'Ready To Deploy' ? 'Complete' : (movement.latestStatus === 'Ready To Deploy' ? 'Canceled' : 'Incomplete') }}
</h4> </h4>
</div> </div>