CHANGE_HR_ACCESS_CONTROLL_INSIGHT_ADD
This commit is contained in:
parent
157fa892ad
commit
6b99b9961b
@ -1,4 +1,58 @@
|
||||
<style>
|
||||
/* UI improvements for module cards - all 5 in one row on large screens */
|
||||
.module-cards-row .section {
|
||||
min-height: 60px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
.module-cards-row .section-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
min-height: 40px;
|
||||
cursor: default;
|
||||
margin-left: 25px;
|
||||
}
|
||||
.module-cards-row .section-title input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.module-cards-row .section-title .mdi {
|
||||
margin-bottom: 0;
|
||||
color: #555;
|
||||
}
|
||||
/* Fallback: ensure 5 equal columns on large screens if row-cols not supported */
|
||||
@media (min-width: 992px) {
|
||||
.module-cards-row > .col {
|
||||
flex: 0 0 20%;
|
||||
max-width: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Checkbox alignment - vertically center with labels */
|
||||
.checkbox-item {
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
gap: 0.5rem;
|
||||
min-height: 1.5rem;
|
||||
}
|
||||
.checkbox-item input[type="checkbox"] {
|
||||
margin: 0 !important;
|
||||
flex-shrink: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.checkbox-item label {
|
||||
margin: 0 !important;
|
||||
flex: 1;
|
||||
cursor: pointer;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.checkbox-group {
|
||||
margin-left: 8px !important;
|
||||
}
|
||||
|
||||
<?php foreach ($hr_access_data as $key => $value) {
|
||||
$key = $key + 1;
|
||||
?>
|
||||
@ -99,8 +153,8 @@
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<div class="content-inner" style="background-color: #F5FFFF;">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-5 module-cards-row">
|
||||
<div class="col">
|
||||
<div class="section">
|
||||
<div class="section-title">
|
||||
<input type="checkbox" class="main-checkbox"
|
||||
@ -161,7 +215,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<div class="col">
|
||||
<div class="section">
|
||||
<div class="section-title">
|
||||
<input type="checkbox" class="main-checkbox"
|
||||
@ -236,7 +290,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<div class="col">
|
||||
<div class="section">
|
||||
<div class="section-title">
|
||||
<input type="checkbox" class="main-checkbox"
|
||||
@ -270,7 +324,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<div class="col">
|
||||
<div class="section">
|
||||
<div class="section-title">
|
||||
<input type="checkbox" class="main-checkbox" name="<?= 'user' . $key ?>_modules" value="4" <?php if (in_array(4, $value['allowed_post_modules'])) {
|
||||
@ -280,6 +334,17 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="section">
|
||||
<div class="section-title">
|
||||
<input type="checkbox" class="main-checkbox" name="<?= 'user' . $key ?>_modules" value="5" <?php if (in_array(5, $value['allowed_post_modules'] ?? [])) {
|
||||
echo 'checked';
|
||||
} ?>>
|
||||
<i class="mdi mdi-chart-line mr-2"></i>Insights
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user