ragil/report_satu_data
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit - report data

Browse Source
This commit is contained in:
Ragil Bayu
2025-03-21 10:22:45 +07:00
commit 59963790c0
3493 changed files with 1353173 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
application/views/datamaster/lokasi_ruang/v_lokasi_ruang.php
+216
View File
@@ -0,0 +1,216 @@
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1>
</h1>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="<?php echo base_url();?>">Dashboard</a></li>
<li class="breadcrumb-item"><?php echo $parent;?></li>
<li class="breadcrumb-item active"><?php echo $title;?></li>
</ol>
</div>
</div>
</div>
</section>
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="card card-default">
<div class="card-header">
<h3 class="card-title"><?php echo $title;?></h3>
</div>
<div class="card-body">
<?php if($this->session->flashdata('message')){?>
<div id="alert" class="alert alert-success alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
<i class="icon fa fa-check"></i> Alert!
<?php echo $this->session->flashdata('message');?>
</div>
<?php }?>
<script>
setTimeout(function() {
$('#alert').hide('fast');
}, 3000);
</script>
<table class="table table-bordered">
<thead>
<tr class="bg-gray color-palette">
<th>No</th>
<th>Gr 1</th>
<th>Gr 2</th>
<th>Gr 3</th>
<th>Gr 4</th>
<th>Gr 5</th>
<th>Kode</th>
<th>Nama</th>
<th>Kode Satu Sehat</th>
<th>ID Location Simgos</th>
<th>Kode Parent</th>
<th>Nama Parent</th>
</tr>
</thead>
<tbody>
<?php
$no=0;
foreach($lrgr as $datlrgr){
if($datlrgr->Group == "1"){$no++;
echo("
<tr class='bg-red'>
<th>".$no."</th>
<td>".$datlrgr->Group."</td>
<td colspan='4'></td>
<td>".$datlrgr->Kode."</td>
<td>".$datlrgr->Nama."</td>
<td>".$datlrgr->Kode_satusehat."</td>
<td>".$datlrgr->Id_location_simgos."</td>
<td></td>
<td></td>
</tr>
");
foreach($lrgr as $datlrgr2){
$setgr2=""; $setbg2="";
if($datlrgr2->Parent == $datlrgr->id){
if($datlrgr2->Group == "1"){
$setbg2 ="class='bg-red'";
$setgr2 = "<td></td>".$datlrgr2->Group."</td><td colspan='4'></td>";
}elseif($datlrgr2->Group == "2"){
$setbg2 ="class='bg-yellow'";
$setgr2 = "<td></td><td></td><td>".$datlrgr2->Group."</td><td colspan='3'></td>";
}elseif($datlrgr2->Group == "3"){
$setbg2 ="class='bg-blue'";
$setgr2 = "<td></td><td colspan='2'></td><td>".$datlrgr2->Group."</td><td colspan='2'></td>";
}elseif($datlrgr2->Group == "4"){
$setbg2 ="class='bg-green'";
$setgr2 = "<td></td><td colspan='3'></td><td>".$datlrgr2->Group."</td><td colspan='1'></td>";
}elseif($datlrgr2->Group == "5"){
$setbg2 ="class='bg-purple'";
$setgr2 = "<td></td><td colspan='4'></td><td>".$datlrgr2->Group."</td>";
}
echo("
<tr ".$setbg2." >
".$setgr2."
<td>".$datlrgr2->Kode."</td>
<td>".$datlrgr2->Nama."</td>
<td>".$datlrgr2->Kode_satusehat."</td>
<td>".$datlrgr2->Id_location_simgos."</td>
<td>".$datlrgr->Kode."</td>
<td>".$datlrgr->Nama."</td>
</tr>
");
foreach($lrgr as $datlrgr3){
$setgr3=""; $setbg3="";
if($datlrgr3->Parent == $datlrgr2->id){
if($datlrgr3->Group == "1"){
$setbg3 ="class='bg-red'";
$setgr3 = "<td></td>".$datlrgr3->Group."</td><td colspan='4'></td>";
}elseif($datlrgr3->Group == "2"){
$setbg3 ="class='bg-yellow'";
$setgr3 = "<td></td><td></td><td>".$datlrgr3->Group."</td><td colspan='3'></td>";
}elseif($datlrgr3->Group == "3"){
$setbg3 ="class='bg-blue'";
$setgr3 = "<td></td><td colspan='2'></td><td>".$datlrgr3->Group."</td><td colspan='2'></td>";
}elseif($datlrgr3->Group == "4"){
$setbg3 ="class='bg-green'";
$setgr3 = "<td></td><td colspan='3'></td><td>".$datlrgr3->Group."</td><td colspan='1'></td>";
}elseif($datlrgr3->Group == "5"){
$setbg3 ="class='bg-purple'";
$setgr3 = "<td></td><td colspan='4'></td><td>".$datlrgr3->Group."</td>";
}
echo("
<tr ".$setbg3.">
".$setgr3."
<td>".$datlrgr3->Kode."</td>
<td>".$datlrgr3->Nama."</td>
<td>".$datlrgr3->Kode_satusehat."</td>
<td>".$datlrgr3->Id_location_simgos."</td>
<td>".$datlrgr2->Kode."</td>
<td>".$datlrgr2->Nama."</td>
</tr>
");
foreach($lrgr as $datlrgr4){
$setgr4=""; $setbg4="";
if($datlrgr4->Parent == $datlrgr3->id){
if($datlrgr4->Group == "1"){
$setbg4 ="class='bg-red'";
$setgr4 = "<td></td>".$datlrgr4->Group."</td><td colspan='4'></td>";
}elseif($datlrgr4->Group == "2"){
$setbg4 ="class='bg-yellow'";
$setgr4 = "<td></td><td></td><td>".$datlrgr4->Group."</td><td colspan='3'></td>";
}elseif($datlrgr4->Group == "3"){
$setbg4 ="class='bg-blue'";
$setgr4 = "<td></td><td colspan='2'></td><td>".$datlrgr4->Group."</td><td colspan='2'></td>";
}elseif($datlrgr4->Group == "4"){
$setbg4 ="class='bg-green'";
$setgr4 = "<td></td><td colspan='3'></td><td>".$datlrgr4->Group."</td><td colspan='1'></td>";
}elseif($datlrgr4->Group == "5"){
$setbg4 ="class='bg-purple'";
$setgr4 = "<td></td><td colspan='4'></td><td>".$datlrgr4->Group."</td>";
}
echo("
<tr ".$setbg3.">
".$setgr4."
<td>".$datlrgr4->Kode."</td>
<td>".$datlrgr4->Nama."</td>
<td>".$datlrgr4->Kode_satusehat."</td>
<td>".$datlrgr4->Id_location_simgos."</td>
<td>".$datlrgr3->Kode."</td>
<td>".$datlrgr3->Nama."</td>
</tr>
");
foreach($lrgr as $datlrgr5){
$setgr5=""; $setbg5="";
if($datlrgr5->Parent == $datlrgr4->id){
if($datlrgr5->Group == "1"){
$setbg5 ="class='bg-red'";
$setgr5 = "<td></td>".$datlrgr5->Group."</td><td colspan='4'></td>";
}elseif($datlrgr5->Group == "2"){
$setbg5 ="class='bg-yellow'";
$setgr5 = "<td></td><td></td><td>".$datlrgr5->Group."</td><td colspan='3'></td>";
}elseif($datlrgr5->Group == "3"){
$setbg5 ="class='bg-blue'";
$setgr5 = "<td></td><td colspan='2'></td><td>".$datlrgr5->Group."</td><td colspan='2'></td>";
}elseif($datlrgr5->Group == "4"){
$setbg5 ="class='bg-green'";
$setgr5 = "<td></td><td colspan='3'></td><td>".$datlrgr5->Group."</td><td colspan='1'></td>";
}elseif($datlrgr5->Group == "5"){
$setbg5 ="class='bg-purple'";
$setgr5 = "<td></td><td colspan='4'></td><td>".$datlrgr5->Group."</td>";
}
echo("
<tr ".$setbg3.">
".$setgr5."
<td>".$datlrgr5->Kode."</td>
<td>".$datlrgr5->Nama."</td>
<td>".$datlrgr5->Kode_satusehat."</td>
<td>".$datlrgr5->Id_location_simgos."</td>
<td>".$datlrgr4->Kode."</td>
<td>".$datlrgr4->Nama."</td>
</tr>
");
}
}
}
}
}
}
}
}
}
}
?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
application/views/datamaster/organisasi/v_organisasi.php
+417
View File
@@ -0,0 +1,417 @@
<!--link rel="stylesheet" href="<?php echo base_url();?>assets/css/organisasi.css"-->
<style>
/* RESET STYLES & HELPER CLASSES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
--level-1: #8dccad;
--level-2: #f5cc7f;
--level-3: #7b9fe0;
--level-4: #f27c8d;
--black: black;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
ol {
list-style: none;
}
body {
margin: 50px 0 100px;
text-align: center;
font-family: "Inter", sans-serif;
}
.container {
max-width: 1000px;
padding: 0 10px;
margin: 0 auto;
}
.rectangle {
position: relative;
padding: 20px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
/* LEVEL-1 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-1 {
width: 50%;
margin: 0 auto 40px;
background: var(--level-1);
}
.level-1::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 2px;
height: 20px;
background: var(--black);
}
/* LEVEL-2 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-2-wrapper {
position: relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.level-2-wrapper::before {
content: "";
position: absolute;
top: -20px;
left: 25%;
width: 50%;
height: 2px;
background: var(--black);
}
.level-2-wrapper::after {
display: none;
content: "";
position: absolute;
left: -20px;
bottom: -20px;
width: calc(100% + 20px);
height: 2px;
background: var(--black);
}
.level-2-wrapper li {
position: relative;
}
.level-2-wrapper > li::before {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
width: 2px;
height: 20px;
background: var(--black);
}
.level-2 {
width: 70%;
margin: 0 auto 40px;
background: var(--level-2);
}
.level-2::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 2px;
height: 20px;
background: var(--black);
}
.level-2::after {
display: none;
content: "";
position: absolute;
top: 50%;
left: 0%;
transform: translate(-100%, -50%);
width: 20px;
height: 2px;
background: var(--black);
}
/* LEVEL-3 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-3-wrapper {
position: relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 20px;
width: 90%;
margin: 0 auto;
}
.level-3-wrapper::before {
content: "";
position: absolute;
top: -20px;
left: calc(25% - 5px);
width: calc(50% + 10px);
height: 2px;
background: var(--black);
}
.level-3-wrapper > li::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -100%);
width: 2px;
height: 20px;
background: var(--black);
}
.level-3 {
margin-bottom: 20px;
background: var(--level-3);
}
/* LEVEL-4 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-4-wrapper {
position: relative;
width: 80%;
margin-left: auto;
}
.level-4-wrapper::before {
content: "";
position: absolute;
top: -20px;
left: -20px;
width: 2px;
height: calc(100% + 20px);
background: var(--black);
}
.level-4-wrapper li + li {
margin-top: 20px;
}
.level-4 {
font-weight: normal;
background: var(--level-4);
}
.level-4::before {
content: "";
position: absolute;
top: 50%;
left: 0%;
transform: translate(-100%, -50%);
width: 20px;
height: 2px;
background: var(--black);
}
/* MQ STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 700px) {
.rectangle {
padding: 20px 10px;
}
.level-1,
.level-2 {
width: 100%;
}
.level-1 {
margin-bottom: 20px;
}
.level-1::before,
.level-2-wrapper > li::before {
display: none;
}
.level-2-wrapper,
.level-2-wrapper::after,
.level-2::after {
display: block;
}
.level-2-wrapper {
width: 90%;
margin-left: 10%;
}
.level-2-wrapper::before {
left: -20px;
width: 2px;
height: calc(100% + 40px);
}
.level-2-wrapper > li:not(:first-child) {
margin-top: 50px;
}
}
/* FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-footer {
position: fixed;
right: 0;
bottom: 20px;
display: flex;
align-items: center;
padding: 5px;
}
.page-footer a {
margin-left: 4px;
}
</style>
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1>
</h1>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="<?php echo base_url();?>">Dashboard</a></li>
<li class="breadcrumb-item"><?php echo $parent;?></li>
<li class="breadcrumb-item active"><?php echo $title;?></li>
</ol>
</div>
</div>
</div>
</section>
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="card card-default">
<div class="card-header">
<h3 class="card-title"><?php echo $title;?></h3>
</div>
<div class="card-body">
<?php if($this->session->flashdata('message')){?>
<div id="alert" class="alert alert-success alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
<i class="icon fa fa-check"></i> Alert!
<?php echo $this->session->flashdata('message');?>
</div>
<?php }?>
<script>
setTimeout(function() {
$('#alert').hide('fast');
}, 3000);
</script>
<?php
foreach($org1 as $datorg1){
?>
<?php
}
?>
<div class="container">
<h1 class="level-1 rectangle">CEO</h1>
<ol class="level-2-wrapper">
<li>
<h2 class="level-2 rectangle">Director A</h2>
<ol class="level-3-wrapper">
<li>
<h3 class="level-3 rectangle">Manager A</h3>
<ol class="level-4-wrapper">
<li>
<h4 class="level-4 rectangle">Person A</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person B</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person C</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person D</h4>
</li>
</ol>
</li>
<li>
<h3 class="level-3 rectangle">Manager B</h3>
<ol class="level-4-wrapper">
<li>
<h4 class="level-4 rectangle">Person A</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person B</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person C</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person D</h4>
</li>
</ol>
</li>
</ol>
</li>
<li>
<h2 class="level-2 rectangle">Director B</h2>
<ol class="level-3-wrapper">
<li>
<h3 class="level-3 rectangle">Manager C</h3>
<ol class="level-4-wrapper">
<li>
<h4 class="level-4 rectangle">Person A</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person B</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person C</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person D</h4>
</li>
</ol>
</li>
<li>
<h3 class="level-3 rectangle">Manager D</h3>
<ol class="level-4-wrapper">
<li>
<h4 class="level-4 rectangle">Person A</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person B</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person C</h4>
</li>
<li>
<h4 class="level-4 rectangle">Person D</h4>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</div>
<footer class="page-footer">
<span>made by </span>
<a href="https://georgemartsoukos.com/" target="_blank">
<img width="24" height="24" src="https://assets.codepen.io/162656/george-martsoukos-small-logo.svg" alt="George Martsoukos logo">
</a>
</footer>
</div>
</div>
</div>
</div>
</div>
</section>