Scribd
Upload
118 views16 pages

Lampiran 2 - Source Code

This document contains source code for an index controller in PHP. It includes configuration files, libraries, and functions for connecting to a database, validating input, and purifying HTML. It also sets up session variables, CSRF tokens, and includes template files for headers, footers and body content. The controller code establishes sessions, includes configuration files, and sets up variables for colors to be used in displaying health data on a dashboard.

Uploaded by

Fachri
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
118 views16 pages

Lampiran 2 - Source Code

This document contains source code for an index controller in PHP. It includes configuration files, libraries, and functions for connecting to a database, validating input, and purifying HTML. It also sets up session variables, CSRF tokens, and includes template files for headers, footers and body content. The controller code establishes sessions, includes configuration files, and sets up variables for colors to be used in displaying health data on a dashboard.

Uploaded by

Fachri
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 16

LAMPIRAN SOURCE CODE

Index Controller

1. <?php session_start();   
2. include '__conf/conn/dcon.php';  
3.   
4. include '__assets/__function/crypt/crypt.php';  
5. include "__assets/__function/pdo_qbuilder.php";  
6. include '__assets/htmlpurifier/HTMLPurifier.auto.php';  
7.   
8. include "__assets/__class/menu.class.php";  
9. $qb = new QueryBuilder ($db);  
10.   
11. $config = HTMLPurifier_Config::createDefault();  
12. $purify = new HTMLPurifier($config);  
13.   
14. include "__assets/__function/fungsi_seo.php";  
15.   
16. //unset($_SESSION['csrf_token']);  
17. if (! isset($_SESSION['csrf_token'])) {  
18.     if (function_exists('mcrypt_create_iv')) {  
19.         $_SESSION['csrf_token'] = bin2hex(mcrypt_create_iv(16, MCRYPT_DEV_URAND
OM));  
20.     } else {  
21.         $_SESSION['csrf_token'] = bin2hex(openssl_random_pseudo_bytes(16));  
22.     }  
23. }  
24.   
25. function input_csrf(){  
26.     $html = '<input type="hidden" name="_token" value="'. $_SESSION['csrf_token
'].'">';  
27.     return $html;  
28. }  
29.   
30. $actual_link = $_SERVER['REQUEST_URI'];  
31. $explode1 = explode($base_folder,$actual_link);  
32. $ex = explode('/',$explode1[1]);  
33.   
34. $explode_url = explode('/',$explode1[1]);  
35.   
36.   
37. ini_set('display_errors',1);  
38.   
39. function limit_text($text, $limit) {  
40.     if (str_word_count($text, 0) > $limit) {  
41.         $words = str_word_count($text, 2);  
42.         $pos   = array_keys($words);  
43.         $text  = substr($text, 0, $pos[$limit]) . '';  
44.     }  
45.     return $text;  
46. }  
47.   
48. ?>  
49.   
50. <!DOCTYPE html>  
51. <html lang="en">   
52.   
53.   
54.   
55. <head>  
56.     <title><?=$title?></title>  
57.      
58.     <!-- Meta -->  
59.     <meta charset="utf-8">  
60.     <meta http-equiv="X-UA-Compatible" content="IE=edge">  
61.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum
-scale=1.0, user-scalable=no">  
62.     <meta name="description" content="<?=$meta_desc?>">  
63.     <meta name="keywords" content="<?=$meta_key?>">  
64.     <meta name="author" content="<?=$meta_author?>">  
65.     <!-- Favicon icon -->  
66.     <link rel="icon" href="<?=$base_url?>/__assets/favicon.ico" type="image/x-
icon">  
67.   
68.       
69.     <link rel="stylesheet" href="<?=$base_url?>/__assets/css/minified.css">  
70.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/js/ekko-lightbox/dist/ekko-lightbox.css" />  
71.     <script src="<?=$base_url?>/__assets/js/minified.js"></script>  
72.     <script src="<?=$base_url?>/__assets/js/main.js"></script>  
73.       
74.     <link rel="stylesheet" href="<?=$base_url?>/__assets/js/sweet-
alert//sweetalert.css">  
75.     <script src="<?=$base_url?>/__assets/js/sweet-
alert/sweetalert.min.js"></script>  
76.   
77.     <script src="<?=$base_url?>/__assets/js/ekko-lightbox/dist/ekko-
lightbox.js"></script>  
78.     <script>  
79.               
80.         jQuery(document).ready(function () {  
81.             $(document).on('click', '[class="lightbox"]', function(event) {  
82.                 event.preventDefault();  
83.                 $(this).ekkoLightbox();  
84.             });  
85.               
86.             /////////mobile menu  
87.             jQuery('header nav').meanmenu();  
88.               
89.             ///////////carousel  
90.             $(".columns1").owlCarousel({  
91.               loop:true,  
92.               autoPlay: true,  
93.               items : 1,  
94.               margin:0,  
95.               singleItem: true,  
96.               autoplayTimeout:500  
97.              });  
98.               
99.               
100.         });  
101.     </script>  
102.       
103.     <style>  
104.           
105.         .event .event-img{  
106.             background: url('<?=$base_url?>/__assets/images/background-
gallery-home.png') ;  
107.             background-size:cover;  
108.         }  
109.         .program-upcoming-event{  
110.             background: url('<?=$base_url?>/__assets/images/background-
gallery-home.png') ;  
111.             background-size:cover;  
112.         }  
113.   
114.         @font-face {  
115.             font-family: 'vaground';              
116.             src: url("<?=$base_url?>/__assets/webfonts/vaground.woff") 
format("woff");  
117.         }  
118.         body{  
119.             font-family: 'vaground';  
120.         }  
121.         h1, h2, h3, h4, h5, h6{  
122.             font-family: 'vaground';  
123.         }  
124.         .download-item .content .title{  
125.             font-family: 'vaground';  
126.         }  
127.         .ff-heading {  
128.             font-family: 'vaground';  
129.         }  
130.         .testimonial-wrapper .testimonial-area .testimonial-item .testi
monial-content .title {  
131.             font-family: 'vaground';  
132.         }  
133.   
134.         .download-item .content .title {  
135.             font-family: 'vaground';  
136.         }  
137.   
138.         .pricing-item .tag {  
139.             font-family: 'vaground';  
140.         }  
141.         .countdown li p {  
142.             font-family: 'vaground';  
143.         }  
144.         .account-form .form-group label {  
145.             font-family: 'vaground';  
146.         }  
147.         .cola-item .cola-content .cate {  
148.             font-family: 'vaground';  
149.         }  
150.         .show-feature {  
151.             font-family: 'vaground';  
152.         }  
153.         .contact-form .form-group label {  
154.             font-family: 'vaground';  
155.         }  
156.         .contact-form .form-group .form-check label {  
157.             font-family: 'vaground';  
158.         }  
159.         .page-header.single-header::before{  
160.             background: none !important;  
161.         }  
162.     </style>  
163.       
164. </head>  
165.   
166. <body >  
167.    <!--============= ScrollToTop Section Starts Here =============-->  
168.    <div class="preloader">  
169.         <div class="preloader-inner">  
170.             <div class="preloader-icon">  
171.                 <span></span>  
172.                 <span></span>  
173.             </div>  
174.         </div>  
175.     </div>  
176.     <a href="#0" class="scrollToTop"><i class="fas fa-angle-
up"></i></a>  
177.     <div class="overlay"></div>  
178.     <!--============= ScrollToTop Section Ends Here =============-->  
179.       
180.     <?php   
181.         include '__template/header/header.php';   
182.     ?>  
183.     <?php include '__template/body/tabel_control.php'; ?>  
184.     <?php include '__template/footer/footer.php'; ?>  
185.           
186.       
187.      
188.   
189.   
190. </html>  
Controller

1. <?php session_start();   
2. include '__conf/conn/dcon.php';  
3. include '__assets/lib/password.php';  
4. include '__assets/__function/crypt/crypt.php';  
5. include "__assets/__function/pdo_qbuilder.php";  
6. include '__assets/htmlpurifier/HTMLPurifier.auto.php';  
7. $qb = new QueryBuilder ($db);  
8.   
9. $config = HTMLPurifier_Config::createDefault();  
10. $purify = new HTMLPurifier($config);  
11.   
12. if (! isset($_SESSION['csrf_token'])) {  
13.     $_SESSION['csrf_token'] = base64_encode(openssl_random_pseudo_bytes(32));  
14. }  
15.   
16. function input_csrf(){  
17.     $html = '<input type="hidden" name="_csrf" values="'. $_SESSION['csrf_token
'].'">';  
18.     return $html;  
19. }  
20.   
21. $_SESSION['warna_positif'] = "#ff0000";  
22. $_SESSION['warna_sembuh'] = "#02c514";  
23. $_SESSION['warna_meninggal'] = "#000000";  
24. $_SESSION['warna_odp'] = "#fee600";  
25. $_SESSION['warna_pdp'] = "#ff8400";  
26.   
27.   
28. ini_set("display_errors",1);  
29.   
30. ?>  
31. <!-- <?php if($_SESSION['id_user_satu_data'] ==NULL){ ?>  
32.     <script>window.location.href='<?=$base_url?>/login/';</script>  
33. <?php } ?> -->  
34. <!DOCTYPE html>  
35. <html lang="en">   
36.   
37.   
38.   
39. <head>  
40.     <title>SATU DATA KESEHATAN</title>  
41.      
42.     <!-- Meta -->  
43.     <meta charset="utf-8">  
44.     <meta http-equiv="X-UA-Compatible" content="IE=edge">  
45.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum
-scale=1.0, user-scalable=no">   
46.     <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maxi
mum-scale=1, minimum-scale=1, width=1024, height=device-height, target-
densitydpi=medium-dpi" /> -->  
47.     <meta name="description" content="SATU DATA KESEHATAN">  
48.     <meta name="keywords" content="covid">  
49.     <meta name="author" content="mediaciptainformasi">  
50.     <!-- Favicon icon -->  
51.     <link rel="icon" href="<?=$base_url?>/__assets/favicon.ico" type="image/x-
icon">  
52.     <!-- Google font-->  
53.     <!--<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,400,600,700,800" rel="stylesheet">-->  
54.     <!-- Required Fremwork -->  
55.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/bower_components/bootstrap/dist/css/bootstrap.min.css">  
56.     <!-- Font Awesome -->  
57.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/app_asset/icon/font-awesome/css/font-awesome.min.css">  
58.     <!-- themify icon -->  
59.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/app_asset/icon/themify-icons/themify-icons.css">  
60.     <!-- ico font -->  
61.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/app_asset/icon/icofont/css/icofont.css">  
62.     <!-- flag icon framework css -->  
63.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/app_asset/pages/flag-icon/flag-icon.min.css">  
64.     <!-- Menu-Search css -->  
65.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/app_asset/pages/menu-search/css/component.css">  
66.     <!-- Horizontal-Timeline css -->  
67.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/app_asset/pages/dashboard/horizontal-timeline/css/style.css">  
68.     <!-- amchart css -->  
69.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/app_asset/pages/dashboard/amchart/css/amchart.css">  
70.     <!-- flag icon framework css -->  
71.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/app_asset/pages/flag-icon/flag-icon.min.css">  
72.     <!-- Style.css -->  
73.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/app_asset/css/style.css">  
74.     <!--color css-->  
75.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/app_asset/css/color/color-1.css" id="color"/>  
76.     
77.       
78.   
79.   
80.     <!-- Notification.css -->  
81.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/app_asset/pages/notification/notification.css">  
82.       
83.   
84.      <!-- Data Table Css -->  
85.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/bower_components/datatables.net-
bs4/css/dataTables.bootstrap4.min.css">  
86.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/app_asset/pages/data-table/css/buttons.dataTables.min.css">  
87.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/bower_components/datatables.net-responsive-
bs4/css/responsive.bootstrap4.min.css">  
88.       
89.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/bower_components/select2/dist/css/select2.min.css">  
90.       
91.     <script type="text/javascript" src="<?=$base_url?
>/__assets/bower_components/jquery/dist/jquery.min.js"></script>  
92.     <!-- data-table js -->  
93.     <script src="<?=$base_url?
>/__assets/bower_components/datatables.net/js/jquery.dataTables.min.js"></scrip
t>  
94.     <script src="<?=$base_url?>/__assets/bower_components/datatables.net-
buttons/js/dataTables.buttons.min.js"></script>  
95.     <script src="<?=$base_url?>/__assets/app_asset/pages/data-
table/js/jszip.min.js"></script>  
96.     <script src="<?=$base_url?>/__assets/app_asset/pages/data-
table/js/pdfmake.min.js"></script>  
97.     <script src="<?=$base_url?>/__assets/app_asset/pages/data-
table/js/vfs_fonts.js"></script>  
98.     <script src="<?=$base_url?>/__assets/bower_components/datatables.net-
buttons/js/buttons.print.min.js"></script>  
99.     <script src="<?=$base_url?>/__assets/bower_components/datatables.net-
buttons/js/buttons.html5.min.js"></script>  
100.     <script src="<?=$base_url?
>/__assets/bower_components/datatables.net-
bs4/js/dataTables.bootstrap4.min.js"></script>  
101.     <script src="<?=$base_url?
>/__assets/bower_components/datatables.net-
responsive/js/dataTables.responsive.min.js"></script>  
102.     <script src="<?=$base_url?
>/__assets/bower_components/datatables.net-responsive-
bs4/js/responsive.bootstrap4.min.js"></script>  
103.       
104.     <script type="text/javascript" src="https://maps.google.com/maps/ap
i/js?key=AIzaSyBvRXlxKYQySrY-j9vfsVazrE3S_CXnHwA"></script>  
105.       
106.   <script src="<?=$base_url?
>/__assets/bower_components/select2/dist/js/select2.full.min.js"></script>  
107.     
108.   <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/bower_components/sweet-alert/sweetalert.css">  
109.     <script type="text/javascript" src="<?=$base_url?
>/__assets/bower_components/sweet-alert/sweetalert.min.js"></script>  
110.       
111.       
112.   <!-- AMCHART -->  
113.   <script type="text/javascript" src="<?=$base_url?
>/__assets/amcharts4/core.js"></script>  
114.   <script type="text/javascript" src="<?=$base_url?
>/__assets/amcharts4/charts.js"></script>  
115.   <script type="text/javascript" src="<?=$base_url?
>/__assets/amcharts4/themes/animated.js"></script>  
116.     <!-- <script src="https://www.amcharts.com/lib/4/core.js"></script> 
 
117.     <script src="https://www.amcharts.com/lib/4/charts.js"></script>  
118.     <script src="https://www.amcharts.com/lib/4/themes/animated.js"></s
cript> -->  
119.     <script src="<?=$base_url?>/__assets/main.js"></script>  
120.   <!-- AMCHART -->  
121.     
122.   <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.
js/0.5.1/morris.css">  
123.   <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-
min.js"></script>  
124.   <script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.
min.js"></script>  
125.   
126.     
127.     <script type="text/javascript" src="<?=$base_url_ppk?
>/eoc/__asset/__js/highchart/highcharts.js"></script>  
128.     <script type="text/javascript" src="<?=$base_url_ppk?
>/eoc/__asset/__js/highchart/no-data-to-display.js"></script>  
129.     <script type="text/javascript" src="<?=$base_url_ppk?
>/eoc/__asset/__js/highchart/exporting.js"></script>  
130.     <script type="text/javascript" src="<?=$base_url_ppk?
>/eoc/__asset/__js/canvg/canvg.js"></script>  
131.     <script type="text/javascript" src="<?=$base_url_ppk?
>/eoc/__asset/__js/canvg/rgbcolor.js"></script>  
132.     <script type="text/javascript" src="<?=$base_url_ppk?
>/eoc/__asset/__js/canvg/StackBlur.js"></script>  
133.       
134.       
135.     <!-- notification js -->  
136.     <script type="text/javascript" src="<?=$base_url?
>/__assets/app_asset/js/bootstrap-growl.min.js"></script>  
137.     <script type="text/javascript" src="<?=$base_url?
>/__assets/js/jquery.nicescroll.js"></script>  
138.       
139.     <script>  
140.     $(document).ready(function(){  
141.         $(".select2").select2();  
142.     $('.datatable').dataTable();  
143.           
144.     })    
145.           
146.     function notify(message, type, from='top', align='center'){  
147.         $.growl({  
148.             message: message  
149.         },{  
150.             type: type,  
151.             allow_dismiss: true,  
152.             label: 'Cancel',  
153.             className: 'btn-xs btn-inverse',  
154.             placement: {  
155.                 from: from,  
156.                 align: align  
157.             },  
158.             delay: 10000,  
159.             animate: {  
160.                     enter: 'animated fadeInRight',  
161.                     exit: 'animated fadeOutRight'  
162.             },  
163.             offset: {  
164.                 x: 30,  
165.                 y: 30  
166.             }  
167.         });  
168.     };  
169.     </script>  
170.   
171. <style>  
172.   .tree-1{  
173.     width: 22em !important;  
174.   }  
175. .fix-header #page-wrapper{  
176.     margin-top:76px;  
177. }  
178. .white-box .box-title{  
179.     font-size:15px;  
180. }  
181.   
182. </style>  
183. <style>  
184.  #peta_bencana{  
185.      height:620px;  
186.  }  
187.  .lds-grid {  
188.   display: inline-block;  
189.   position: relative;  
190.   width: 64px;  
191.   height: 64px;  
192. }  
193. .lds-grid div {  
194.   position: absolute;  
195.   width: 13px;  
196.   height: 13px;  
197.   border-radius: 50%;  
198.   background: #000000;  
199.   animation: lds-grid 1.2s linear infinite;  
200. }  
201. .lds-grid div:nth-child(1) {  
202.   top: 6px;  
203.   left: 6px;  
204.   animation-delay: 0s;  
205. }  
206. .lds-grid div:nth-child(2) {  
207.   top: 6px;  
208.   left: 26px;  
209.   animation-delay: -0.4s;  
210. }  
211. .lds-grid div:nth-child(3) {  
212.   top: 6px;  
213.   left: 45px;  
214.   animation-delay: -0.8s;  
215. }  
216. .lds-grid div:nth-child(4) {  
217.   top: 26px;  
218.   left: 6px;  
219.   animation-delay: -0.4s;  
220. }  
221. .lds-grid div:nth-child(5) {  
222.   top: 26px;  
223.   left: 26px;  
224.   animation-delay: -0.8s;  
225. }  
226. .lds-grid div:nth-child(6) {  
227.   top: 26px;  
228.   left: 45px;  
229.   animation-delay: -1.2s;  
230. }  
231. .lds-grid div:nth-child(7) {  
232.   top: 45px;  
233.   left: 6px;  
234.   animation-delay: -0.8s;  
235. }  
236. .lds-grid div:nth-child(8) {  
237.   top: 45px;  
238.   left: 26px;  
239.   animation-delay: -1.2s;  
240. }  
241. .lds-grid div:nth-child(9) {  
242.   top: 45px;  
243.   left: 45px;  
244.   animation-delay: -1.6s;  
245. }  
246. @keyframes lds-grid {  
247.   0%, 100% {  
248.     opacity: 1;  
249.   }  
250.   50% {  
251.     opacity: 0.5;  
252.   }  
253. }  
254.   
255. .spinner{  
256.     position:absolute;  
257.     top:45%;  
258.     left:45%;  
259.       
260.       
261. }  
262.   
263. .bg_opa{  
264.     width:100%;  
265.     height:100%;  
266.     background:#B8B8B8; opacity:0.5;  
267. }  
268.   
269. h1{  
270.     font-size:30px;  
271.       
272. }  
273. .judul_kiri{  
274.         padding:5px;  
275.           
276. }  
277. @media (max-width: 1366px){   
278.     h1{  
279.         font-size:20px !important;  
280.       
281.     }  
282.       
283.     p{  
284.         font-size:12px !important;   
285.     }  
286.       
287.     .div_nama_bencana{  
288.         height:100px !important;  
289.     }  
290.     .div_nama_bencana p{  
291.         font-size:9px !important;  
292.           
293.     }  
294.     .div_nama_bencana h1{  
295.         font-size:25px !important;  
296.           
297.     }  
298.       
299.     #div_pantauan_kanan .white-box .box-title{  
300.         font-size:11px !important;  
301.     }  
302.       
303.     th{  
304.         font-size:12px;  
305.           
306.     }  
307.       
308.     td{  
309.         font-size:10px;  
310.           
311.     }  
312.       
313.     .judul_kiri{  
314.         padding:5px;  
315.         font-size:12px;  
316.     }  
317. }  
318.   
319.   
320.   
321.  </style>    
322.    
323.  <style>  
324. .main-body .page-wrapper{  
325.     padding: 0px !important;  
326. }  
327.   
328. .client-blocks h5{  
329.     margin-bottom: 5px;  
330.     font-size: 15px;  
331. }  
332.   
333. @media only screen and (max-width : 1366px) {  
334.     .client-blocks h5{  
335.         margin-bottom: 5px;  
336.         font-size: 13px;  
337.     }  
338.       
339. }  
340. .card .card-block p{  
341.     line-height: 5px;     
342. }  
343. body{  
344.     font-size:12px;  
345. }  
346. @media only screen and (max-width : 1024px) {  
347.     .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .c
ol-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-
10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-
lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-
md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col
-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-
sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col
-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-
xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col
-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {      
348.         width: 100% !important;  
349.         max-width: 100% !important;  
350.         flex:none;  
351.   
352.     }  
353.   
354.     .pcoded[theme-layout="vertical"][vertical-placement="left"]
[vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-content{  
355.         margin-left: 0px;  
356.     }  
357.     .count-x{  
358.         margin-bottom: 0px !important;  
359.     }  
360.   
361. }  
362.   
363.   
364. /* Large Devices, Wide Screens */  
365. @media only screen and (min-width : 1200px) {  
366.     .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .c
ol-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-
10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-
lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-
md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col
-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-
sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col
-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-
xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col
-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {  
367.         padding-right: calc(15px / 2);  
368.         padding-left: calc(15px / 2);  
369.     }  
370.     .media {  
371.         padding: 15px;  
372.     }  
373.     .card-header {  
374.         padding: 15px 15px 10px;  
375.     }  
376.     .col-xl-8_custom {  
377.         -ms-flex: 0 0 60%;  
378.         flex: 0 0 60%;  
379.         max-width: 60%;  
380.     }  
381.     .col-xl-2_custom {  
382.         -ms-flex: 0 0 23.33334%;  
383.         flex: 0 0 23.33334%;  
384.         max-width: 23.33334%;  
385.     }  
386. }  
387. .card-block{  
388.     padding: 10px;  
389. }  
390.   
391. .card{  
392.     margin-bottom: 10px;  
393. }  
394.   
395. .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded
-navbar{  
396.     display: none;  
397. }  
398. .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-
nav-type="collapsed"][vertical-effect="shrink"] .pcoded-content{  
399.     margin-left: 0px;  
400. }  
401.   
402. .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"] .pcoded-
header .pcoded-left-header, .pcoded[theme-layout="vertical"][vertical-nav-
type="expanded"] .pcoded-navbar {  
403.     width: 260px;  
404. }  
405.   
406. .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-
nav-type="expanded"][vertical-effect="shrink"] .pcoded-content {  
407.     margin-left: 260px;  
408. }  
409.   
410. .main-menu {      
411.     width: 260px;  
412.     
413. }  
414.   
415. @media only screen and (max-width : 1400px) {  
416.   .count-x{  
417.     font-size:18px !important;  
418.   }  
419.   h5{  
420.     font-size: 13px !important;  
421.   }  
422.   
423. }  
424. .count-x{  
425.     font-size:20px;  
426. }  
427. </style>  
428.       
429. </head>  
430.   
431. <body >  
432.     <!-- Pre-loader start -->  
433.     <div class="theme-loader">  
434.         <div class="ball-scale">  
435.             <div></div>  
436.         </div>  
437.     </div>  
438.     <!-- Pre-loader end -->  
439.     <!-- Menu header start -->  
440.      <?php  
441.      $actual_link = $_GET['url'];  
442.      $ex = explode('/',$actual_link);  
443.      $explode_url = explode('/',$actual_link);  
444.      //print_r($explode_url);  
445.     ?>  
446.     <!-- Menu header end -->  
447.     <!-- Menu aside start -->  
448.     <div id="pcoded" class="pcoded">  
449.         <div class="pcoded-overlay-box"></div>  
450.         <div class="pcoded-container navbar-wrapper">  
451.             <?php include '__template/header/header.php'; ?>  
452.   
453.             <div class="pcoded-content">  
454.                 <div class="pcoded-inner-content">  
455.   
456.                   <div class="main-body">  
457.                     <div class="page-wrapper">  
458.                                       
459.                       <?php include '__template/body/tabel_control.php
'; ?>                  
460.                                     </div>  
461.                               </div>  
462.                           </div>  
463.             </div>  
464.   
465.          </div> <!-- DIV DARI HEADER -->  
466.     </div> <!-- DIV DARI HEADER -->  
467.             
468.                 
469.         </div>         
470.     </div>  
471.   
472.     <div id="tool" style="display: none;"></div>  
473.     <style>  
474.     .footer {  
475.       position: fixed;  
476.       left: 0;  
477.       bottom: 0;  
478.       width: 100%;   
479.       text-align: center;  
480.       padding:10px;  
481.     }  
482.     </style>  
483.       
484.     <!-- Main-body end-->  
485.     <!-- Warning Section Starts -->  
486.     <!-- Older IE warning message -->  
487.     <!--[if lt IE 9]>  
488.     <!-- Warning Section Ends -->  
489.     <!-- Required Jqurey -->  
490.       
491.     <script src="<?=$base_url?>/__assets/bower_components/jquery-
ui/jquery-ui.min.js"></script>  
492.     <script type="text/javascript" src="<?=$base_url?
>/__assets/bower_components/tether/dist/js/tether.min.js"></script>  
493.     <script type="text/javascript" src="<?=$base_url?
>/__assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>  
494.     <!-- jquery slimscroll js -->  
495.     <script type="text/javascript" src="<?=$base_url?
>/__assets/bower_components/jquery-slimscroll/jquery.slimscroll.js"></script>  
496.     <!-- modernizr js -->  
497.     <script type="text/javascript" src="<?=$base_url?
>/__assets/bower_components/modernizr/modernizr.js"></script>  
498.     <script type="text/javascript" src="<?=$base_url?
>/__assets/bower_components/modernizr/feature-detects/css-
scrollbars.js"></script>  
499.     <!-- classie js -->  
500.     <script type="text/javascript" src="<?=$base_url?
>/__assets/bower_components/classie/classie.js"></script>  
501.     <!-- Rickshow Chart js -->  
502.     <script src="<?=$base_url?
>/__assets/bower_components/d3/d3.js"></script>  
503.     <script src="<?=$base_url?
>/__assets/bower_components/rickshaw/rickshaw.js"></script>  
504.     <!-- Morris Chart js -->  
505.     <script src="<?=$base_url?
>/__assets/bower_components/raphael/raphael.min.js"></script>  
506.     <script src="<?=$base_url?
>/__assets/bower_components/morris.js/morris.js"></script>  
507.     <!-- Horizontal-Timeline js -->  
508.     <script type="text/javascript" src="<?=$base_url?
>/__assets/app_asset/pages/dashboard/horizontal-timeline/js/main.js"></script>  
509.       
510.       
511.     <!-- i18next.min.js -->  
512.     <script type="text/javascript" src="<?=$base_url?
>/__assets/bower_components/i18next/i18next.min.js"></script>  
513.     <script type="text/javascript" src="<?=$base_url?
>/__assets/bower_components/i18next-xhr-
backend/i18nextXHRBackend.min.js"></script>  
514.     <script type="text/javascript" src="<?=$base_url?
>/__assets/bower_components/i18next-browser-
languagedetector/i18nextBrowserLanguageDetector.min.js"></script>  
515.     <script type="text/javascript" src="<?=$base_url?
>/__assets/bower_components/jquery-i18next/jquery-i18next.min.js"></script>  
516.     <!-- Custom js -->     
517.     <script type="text/javascript" src="<?=$base_url?
>/__assets/app_asset/js/script.js"></script>  
518.   
519.     <script src="<?=$base_url?
>/__assets/app_asset/js/pcoded.min.js"></script>  
520.     <script src="<?=$base_url?>/__assets/app_asset/js/demo-
12.js"></script>  
521.     <script src="<?=$base_url?
>/__assets/app_asset/js/jquery.mCustomScrollbar.concat.min.js"></script>  
522.     <script src="<?=$base_url?
>/__assets/app_asset/js/jquery.mousewheel.min.js"></script>  
523.   
524.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/slick/slick.css">  
525.     <link rel="stylesheet" type="text/css" href="<?=$base_url?
>/__assets/slick/slick-theme.css">  
526.     <script src="<?=$base_url?>/__assets/slick/slick.js" type
="text/javascript" defer  ></script>    
527.   
528.   
529.   
530. </html>  

You might also like