API tools faq
paste
Advertisement
Guest User

index.php

a guest
Feb 8th, 2017
287
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 6.67 KB | None | 0 0
raw download clone embed print report
  1. <?php include "element/connection.php"; ?>
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.   <meta charset="utf-8">
  6.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.   <title>DMS | PJB UP. Muara Karang</title>
  8.   <!-- Tell the browser to be responsive to screen width -->
  9.   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  10.   <!-- Bootstrap 3.3.6 -->
  11.   <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
  12.   <!-- Font Awesome -->
  13.   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  14.   <!-- Ionicons -->
  15.   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  16.   <!-- Theme style -->
  17.   <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
  18.   <!-- iCheck -->
  19.   <link rel="stylesheet" href="plugins/iCheck/square/blue.css">
  20.   <!-- Favicon -->
  21.   <link rel="shortcut icon" href="images/logo-pjb.png">
  22.  
  23.   <!-- Owl Carousel Assets -->
  24.   <link href="dist/js/owlcarousel/owl-carousel/owl.carousel.css" rel="stylesheet">
  25.   <link href="dist/js/owlcarousel/owl-carousel/owl.theme.css" rel="stylesheet">
  26.   <script src="dist/js/owlcarousel/owl-carousel/owl.carousel.js"></script>
  27.  
  28.   <!-- jQuery 2.2.3 -->
  29.   <script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
  30.  
  31.    <!-- Bootstrap 3.3.6 -->
  32.    <script src="bootstrap/js/bootstrap.min.js"></script>
  33.    <!-- iCheck -->
  34.    <script src="plugins/iCheck/icheck.min.js"></script>
  35.    <!-- Highchart -->
  36.    <script  type="text/javascript" src="dist/js/highchart/highcharts.js"></script>
  37.    <script  type="text/javascript" src="dist/js/highchart/highcharts-more.js"></script>
  38.    <script  type="text/javascript" src="dist/js/highchart/exporting.js"></script>
  39.  
  40.    <!-- GridStack -->
  41.    <link rel="stylesheet" href="dist/js/gridstack/dist/gridstack.css"/>
  42.    <link rel="stylesheet" href="dist/js/gridstack/dist/gridstack-extra.css"/>
  43.    <script src="dist/js/jquery-ui.js"></script>
  44.    <script src="dist/js/lodash.min.js"></script>
  45.    <script src="dist/js/gridstack/dist/gridstack.js"></script>
  46.    <script src="dist/js/gridstack/dist/gridstack.jQueryUI.js"></script>
  47.  
  48.    <!-- Owl Carousel Assets -->
  49.    <link href="dist/js/owlcarousel/owl-carousel/owl.carousel.css" rel="stylesheet">
  50.    <link href="dist/js/owlcarousel/owl-carousel/owl.theme.css" rel="stylesheet">
  51.    <script src="dist/js/owlcarousel/owl-carousel/owl.carousel.js"></script>
  52.    <style type="text/css">
  53.         .grid-stack {
  54.         }
  55.  
  56.         .grid-stack-item-content {
  57.             color: #2c3e50;
  58.             text-align: center;
  59.         }
  60.    </style>
  61. </head>
  62.  <body>
  63.             <div id="carousel-example-generic-v1" class="carousel slide widget-carousel" data-ride="carousel">
  64.                 <!-- Indicators -->
  65.                 <ol class="carousel-indicators">
  66.                 <?php
  67.                 $count_circle=0;
  68.                 $data_circle = mysqli_query($con,"select * from dasboard where active_data='Yes' order by sorting_data asc");
  69.                     while($circle=mysqli_fetch_object($data_circle))
  70.                     { ?>
  71.                     <li data-target="#carousel-example-generic-v1" data-slide-to="<?php echo $count_circle; ?>"
  72.                     class="circle <?php if($count_circle==0){ echo "active"; }?>">
  73.                     </li>
  74.                 <?php
  75.                     $count_circle++;
  76.                     } ?>
  77.                 </ol>
  78.                
  79.                 <!-- Wrapper for slides -->
  80.                 <div class="carousel-inner" role="listbox">
  81.                     <?php
  82.                     $count_data=0;
  83.                     $data_dash = mysqli_query($con,"select * from dasboard where active_data='Yes' order by sorting_data asc");
  84.                     while($dash=mysqli_fetch_object($data_dash))
  85.                     { ?>
  86.                         <div class="item <?php if($count_data==0){ echo "active"; }?>">
  87.                                 <div id="grid_<?php echo $count_data ?>" class="widget-gradient widget-gradient-body grid-stack">
  88.                                 </div>
  89.                                      
  90.                                     <script type="text/javascript">
  91.                                         LoadPage();
  92.                                         function LoadPage()
  93.                                         {
  94.                                             var options = {
  95.                                             float: false
  96.                                             };
  97.                                            
  98.                                             $('#grid_<?php echo $count_data ?>').gridstack(options);
  99.                                             new function () {
  100.                                                 this.serializedData = <?php echo $dash->data_show.";" ?>
  101.  
  102.                                                 this.grid = $('#grid_<?php echo $count_data ?>').data('gridstack');
  103.  
  104.                                                 this.loadGrid = function () {
  105.                                                     this.grid.removeAll();
  106.                                                     var items = GridStackUI.Utils.sort(this.serializedData);
  107.                                                     _.each(items, function (node, i) {
  108.                                                         this.grid.addWidget($('<div id="induk"><div  class="grid-stack-item-content">' +  node.content + '</div></div>'),
  109.                                                             node.x, node.y, node.w, node.h);
  110.                                                         this.grid.movable('.grid-stack-item', false);
  111.                                                         this.grid.resizable('.grid-stack-item', false);
  112.                                                     }, this);
  113.                                                     return false;
  114.                                                 }.bind(this);
  115.  
  116.                                                 this.loadGrid();
  117.                                             };
  118.                                            
  119.                                             var str = '<?php echo $dash->data_gen ?>';
  120.                                             var str_array = str.split(',');
  121.                                             for(var i = 0; i < str_array.length; i++) {
  122.                                                 call_data(i);    
  123.                                             }
  124.                                        
  125.                                        
  126.                                             function call_data(i){
  127.                                                     str_array[i] = str_array[i].replace(/^\s*/, "").replace(/\s*$/, "");
  128.                                                           var widget =  $("#data_"+str_array[i]).val();
  129.                                                           var convert_data = str_array[i];
  130.                                                          
  131.                                                           $("#del_"+convert_data).remove();     //remove delete icon
  132.                                                           $("#label_"+convert_data).remove();   //remove label
  133.                                                          
  134.                                                          
  135.                                                            var height_div_parent   =  $('#wg_'+convert_data).closest('.grid-stack-item-content').height();
  136.                                                            var width_div_parent    = $('#wg_'+convert_data).closest('.grid-stack-item-content').width();
  137.                                                            
  138.                                                            var formData   = 'id_tr=<?php echo $dash->id_tr_halaman_dasboard ?>&id_tr_dt='+str_array[i]+'&id_tr_widget='+widget+'&width='+width_div_parent+'&height='+height_div_parent;
  139.                                                            
  140.                                                        
  141.                                                              $.ajax({
  142.                                                                  type: "POST",
  143.                                                                  dataType: "html",
  144.                                                                  url: "element/get_data_dashboard.php",
  145.                                                                  data: formData,
  146.                                                                  success: function(msg){
  147.                                                                     if(msg == ''){
  148.                                                                         $("#wg_"+convert_data).empty();
  149.                                                                         $("#wg_"+convert_data).html("");                                                       
  150.                                                                     }
  151.                                                                     else{
  152.                                                                         $("#wg_"+convert_data).empty();
  153.                                                                         $("#wg_"+convert_data).html(msg);
  154.                                                                     }
  155.                                                                        
  156.                                                                  }
  157.                                                               });
  158.                                                 }
  159.                                         }
  160.                                     </script>
  161.                         </div>
  162.                     <?php
  163.                     $count_data++;
  164.                     } ?>
  165.                 </div>
  166.             </div>
  167. </body>
  168. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!