API tools faq
paste
Advertisement
FCY381

Untitled

FCY381
Sep 17th, 2016
105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 11.33 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. /**
  3.  * PHP Grid Component
  4.  *
  5.  * @author Abu Ghufran <gridphp@gmail.com> - http://www.phpgrid.org
  6.  * @version 2.0.0
  7.  * @license: see license.txt included in package
  8.  */
  9.  
  10.  //http://www.ok-soft-gmbh.com/jqGrid/FontAwesome4_Bootstrap3_.htm
  11.  //http://www.ok-soft-gmbh.com/jqGrid/FontAwesome4_.htm
  12.  
  13. // include db config
  14. include_once("config.php");
  15.  
  16. // include and create object
  17. include(PHPGRID_LIBPATH."inc/jqgrid_dist.php");
  18.  
  19. // Database config file to be passed in phpgrid constructor
  20. $db_conf = array(      
  21.                     "type"         => PHPGRID_DBTYPE,  
  22.                     "server"         => PHPGRID_DBHOST,
  23.                     "user"         => PHPGRID_DBUSER,
  24.                     "password"     => PHPGRID_DBPASS,
  25.                     "database"     => PHPGRID_DBNAME
  26.                 );
  27.  
  28. $g = new jqgrid($db_conf);
  29.  
  30. // set table for CRUD operations
  31. $g->table = "clients";
  32.      
  33. $grid["caption"] = "Bootstrap3 UI Testing";
  34. $grid["autowidth"] = true;
  35. $grid["toolbar"] = "bottom";
  36. $grid["autoresize"] = true; // responsive effect
  37.     $grid["view_options"]['width']='520';
  38.  
  39. // required for iphone/safari scroll display
  40. // $grid["height"] = "auto";
  41.  
  42. $g->set_options($grid);
  43.  
  44. $col = array();
  45. $col["title"] = "Id"; // caption of column
  46. $col["name"] = "client_id"; // grid column name, must be exactly same as returned column-name from sql (tablefield or field-alias)
  47. $col["editable"] = true;
  48. $col["width"] = "30";
  49. $cols[] = $col;
  50.  
  51. $col = array();
  52. $col["title"] = "Name"; // caption of column
  53. $col["name"] = "name"; // grid column name, must be exactly same as returned column-name from sql (tablefield or field-alias)
  54. $col["editable"] = true;
  55. $col["required"] = true;
  56. $cols[] = $col;
  57.  
  58. $col = array();
  59. $col["title"] = "Gender"; // caption of column
  60. $col["name"] = "gender"; // grid column name, must be exactly same as returned column-name from sql (tablefield or field-alias)
  61. $col["editable"] = true;
  62. $cols[] = $col;
  63.  
  64. $col = array();
  65. $col["title"] = "Company"; // caption of column
  66. $col["name"] = "company"; // grid column name, must be exactly same as returned column-name from sql (tablefield or field-alias)
  67. $col["editable"] = true;
  68. $col["editoptions"] = array("defaultValue" => "Default Company");
  69. $cols[] = $col;
  70.  
  71. $g->set_columns($cols);
  72.  
  73. $g->set_actions(array(
  74.         "add"=>true, // allow/disallow add
  75.         "edit"=>true, // allow/disallow edit
  76.         "delete"=>true, // allow/disallow delete
  77.         "clone"=>true, // allow/disallow delete
  78.         "rowactions"=>true, // show/hide row wise edit/del/save option
  79.         "search" => "advance", // show single/multi field search condition (e.g. simple or advance)
  80.         "showhidecolumns" => false
  81. )
  82. );
  83. // render grid
  84. $out = $g->render("list1");
  85.  
  86.  
  87. $themes = array("black-tie","blitzer","cupertino","dark-hive","dot-luv","eggplant","excite-bike","flick","hot-sneaks","humanity","le-frog","mint-choc","overcast","pepper-grinder","redmond","smoothness","south-street","start","sunny","swanky-purse","trontastic","ui-darkness","ui-lightness","vader");
  88. $i = rand(0,8);
  89.  
  90. // if set from page
  91. if (is_numeric($_GET["themeid"]))
  92.     $i = $_GET["themeid"];
  93. else
  94.     $i = 14;
  95. ?>
  96. <!DOCTYPE html>
  97. <!--[if IE 8]>          <html class="ie ie8"> <![endif]-->
  98. <!--[if IE 9]>          <html class="ie ie9"> <![endif]--> 
  99. <!--[if gt IE 9]><!-->  <html> <!--<![endif]-->
  100.    
  101.     <head>     
  102.        
  103.         <!-- Definición de información metadata. -->
  104.         <meta charset="utf-8" />                       
  105.         <meta name="keywords" content="HTML5,CSS3,Template" />
  106.         <meta name="description" content="" />
  107.         <meta name="Author" content="Dorin Grigoras [www.stepofweb.com]" />
  108.         <!-- Configuración para móviles. -->
  109.         <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" />
  110.         <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
  111.        
  112.         <!-- Título que le doy a la página. -->
  113.         <title>Urquiza Viajes</title>      
  114.        
  115.         <!-- Definición del ícono de la página. -->
  116.     <link rel="Shortcut Icon" href="assets/images/bus1.png">  
  117.                
  118.         <!-- WEB FONTS : use %7C instead of | (pipe). -->
  119.         <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400%7CRaleway:300,400,500,600,700%7CLato:300,400,400italic,600,700" rel="stylesheet" type="text/css" />
  120.  
  121.         <!-- Librería CSS Bootstrap. -->
  122.         <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  123.  
  124.         <!-- Librerías CCS de tema. -->
  125.         <link href="assets/css/essentials.css" rel="stylesheet" type="text/css" />
  126.         <link href="assets/css/layout.css" rel="stylesheet" type="text/css" />
  127.  
  128.         <!-- PAGE LEVEL SCRIPTS. -->
  129.         <link href="assets/css/header-1.css" rel="stylesheet" type="text/css" />
  130.         <link href="assets/css/color_scheme/green.css" rel="stylesheet" type="text/css" id="color_scheme" />
  131.    
  132.     <!-- bootstrap3 + jqgrid compatibility css -->      
  133.     <link href="lib/js/jqgrid/css/ui.jqgrid.bs3.css" rel="stylesheet" type="text/css" media="screen">  
  134.        
  135.         <link href="lib/js/themes/le-frog/jquery-ui.custom.css" rel="stylesheet" type="text/css" media="screen" >  
  136.        
  137.         <!-- JAVASCRIPT FILES -->
  138.         <script type="text/javascript">var plugin_path = 'assets/plugins/';</script>       
  139.          
  140.     <script type="text/javascript" src="assets/plugins/jquery/jquery-2.2.3.min.js"></script>
  141.     <script src="lib/js/jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
  142.     <script src="lib/js/jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>    
  143.     <script src="lib/js/themes/jquery-ui.custom.min.js" type="text/javascript"></script>
  144.         <script type="text/javascript" src="assets/js/scripts.js"></script>            
  145.        
  146.     </head>
  147.  
  148.   <!-- BODY -->
  149.     <!-- Opciones disponibles para el BODY             
  150.         smoothscroll            = create a browser smooth scroll
  151.         enable-animation        = enable WOW animations
  152.  
  153.         bg-grey                   = grey background
  154.         grain-grey              = grey grain background
  155.         grain-blue              = blue grain background
  156.         grain-green             = green grain background
  157.         grain-blue              = blue grain background
  158.         grain-orange            = orange grain background
  159.         grain-yellow            = yellow grain background
  160.        
  161.         boxed                   = boxed layout
  162.         pattern1 ... patern11   = pattern background
  163.         menu-vertical-hide      = hidden, open on click
  164.        
  165.         BACKGROUND IMAGE [together with .boxed class]
  166.         data-background="assets/images/boxed_background/1.jpg"
  167.     -->
  168.     <body class="boxed pattern3 smoothscroll enable-animation">
  169.        
  170.         <!-- WRAPPER -->
  171.         <div id="wrapper">
  172.            
  173.             <!-- HEADER -->
  174.             <!-- Opciones disponibles para el HEADER               
  175.                 Default nav height: 96px
  176.                 .header-md      = 70px nav height
  177.                 .header-sm      = 60px nav height
  178.  
  179.                 .noborder       = remove bottom border (only with transparent use)
  180.                 .transparent    = transparent header
  181.                 .translucent    = translucent header
  182.                 .sticky         = sticky header
  183.                 .static         = static header
  184.                 .dark             = dark header
  185.                 .bottom         = header on bottom
  186.                
  187.                 shadow-before-1 = shadow 1 header top
  188.                 shadow-after-1  = shadow 1 header bottom
  189.                 shadow-before-2 = shadow 2 header top
  190.                 shadow-after-2  = shadow 2 header bottom
  191.                 shadow-before-3 = shadow 3 header top
  192.                 shadow-after-3  = shadow 3 header bottom
  193.  
  194.                 .clearfix       = required for mobile menu, do not remove!
  195.  
  196.                 Example Usage:  class="clearfix sticky header-sm transparent noborder"
  197.             -->
  198.             <div id="header" class="clearfix shadow-before-3">
  199.  
  200.                 <!-- TOP NAV -->
  201.                 <header id="topNav">
  202.                     <div class="container">
  203.  
  204.                         <!-- Botón de menú para móviles -->
  205.                         <button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
  206.                             <i class="fa fa-bars"></i>
  207.                         </button>
  208.  
  209.                         <!-- Botones auxiliares en el menú principal. -->
  210.                         <ul class="pull-right nav nav-pills nav-second-main">
  211.  
  212.                             <!-- LOG OUT -->
  213.                             <li class="search">
  214.                                 <a href="javascript:;">
  215.                                     <i class="glyphicon glyphicon-log-out" style="color:#01AF02"></i>
  216.                                 </a>                                                               
  217.                             </li>
  218.                             <!-- /SEARCH -->
  219.  
  220.                         </ul>
  221.                         <!-- /BUTTONS -->
  222.  
  223.                         <!-- Logo de la aplicación. -->
  224.                         <a class="logo pull-left" href="index.html">
  225.                             <img src="assets/images/logo_dark.png" alt="" />
  226.                         </a>
  227.  
  228.                         <!-- Menú principal -->
  229.                         <div class="navbar-collapse pull-right nav-main-collapse collapse submenu-dark">
  230.                             <nav class="nav-main">
  231.                                 <ul id="topMain" class="nav nav-pills nav-main">
  232.                                     <li>
  233.                                         <a href="#">PASAJEROS</a>
  234.                                     </li>
  235.                                     <li>
  236.                                         <a href="#">DESTINOS</a>
  237.                                     </li>
  238.                                 </ul>
  239.                             </nav>
  240.                         </div>
  241.  
  242.                     </div>
  243.                 </header>
  244.                 <!-- /Top Nav -->
  245.  
  246.             </div>         
  247.  
  248.             <!--
  249.                 PAGE HEADER
  250.                
  251.                 CLASSES:
  252.                     .page-header-xs = 20px margins
  253.                     .page-header-md = 50px margins
  254.                     .page-header-lg = 80px margins
  255.                     .page-header-xlg= 130px margins
  256.                     .dark           = dark page header
  257.  
  258.                     .shadow-before-1    = shadow 1 header top
  259.                     .shadow-after-1     = shadow 1 header bottom
  260.                     .shadow-before-2    = shadow 2 header top
  261.                     .shadow-after-2     = shadow 2 header bottom
  262.                     .shadow-before-3    = shadow 3 header top
  263.                     .shadow-after-3     = shadow 3 header bottom
  264.             -->
  265.             <section class="page-header page-header-xs parallax parallax-3" style="background-image:url('assets/images/316649.jpg')">
  266.                
  267.                 <div class="overlay dark-2"><!-- dark overlay [1 to 9 opacity] --></div>
  268.  
  269.                 <div class="container">
  270.  
  271.                     <h1 class="wow fadeInRight">PASAJEROS</h1>                 
  272.  
  273.                 </div>
  274.                
  275.             </section>
  276.             <!-- /PAGE HEADER -->
  277.  
  278.             <section>
  279.                 <div class="container">
  280.                     <div class="row">
  281.                    
  282.                         <div class="col-md-12">
  283.                            
  284.                             <div>
  285.                                                
  286.                             <?php echo $out?>                          
  287.                            
  288.                             </div>
  289.                         </div>
  290.                        
  291.                     </div>
  292.                    
  293.                 </div>
  294.                
  295.             </section>
  296.             <!-- / -->
  297.            
  298.             <!-- FOOTER -->
  299.             <footer id="footer">                               
  300.                 <div class="copyright">
  301.                     <div class="container">
  302.                         <ul class="pull-right nomargin list-inline mobile-block">
  303.                             <li><a href="#">Terminos &amp; Condiciones</a></li>
  304.                             <li>&bull;</li>
  305.                             <li><a href="#">Privacidad</a></li>
  306.                         </ul>
  307.                       Copyright © 2016, Todos los derechos reservados.
  308.                     </div>
  309.                 </div>
  310.             </footer>
  311.             <!-- /FOOTER -->
  312.  
  313.         </div>
  314.         <!-- /WRAPPER -->
  315.  
  316.         <!-- SCROLL TO TOP -->
  317.         <a href="#" id="toTop"></a>
  318.  
  319.         <style>
  320.             @media only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:0) {
  321.                     .ui-jqgrid .ui-jqgrid-pager>.ui-pager-control>.ui-pg-table>tbody>tr>td#list1_pager_center>.ui-pg-table {
  322.                             width:300px
  323.                     }
  324.             }
  325.             @media only screen and (max-width:767px) {
  326.                     .ui-jqgrid .ui-jqgrid-pager {
  327.                             height:90px
  328.                     }
  329.                     .ui-jqgrid .ui-jqgrid-pager>.ui-pager-control {
  330.                             height:85px;
  331.                             padding-top:9px
  332.                     }
  333.                     .ui-jqgrid .ui-jqgrid-pager>.ui-pager-control>.ui-pg-table>tbody>tr>td {
  334.                             vertical-align:top
  335.                     }
  336.                     .ui-jqgrid .ui-jqgrid-pager>.ui-pager-control>.ui-pg-table>tbody>tr>td#list1_pager_center {
  337.                             width:0!important;
  338.                             position:static;
  339.                     }
  340.                     .ui-jqgrid .ui-jqgrid-pager>.ui-pager-control>.ui-pg-table>tbody>tr>td#list1_pager_center>.ui-pg-table {
  341.                             margin:36px auto 0;
  342.                             position:absolute;
  343.                             right:0;
  344.                             left:0;
  345.                             text-align: center;
  346.                     }
  347.             }    
  348.     </style>
  349.        
  350.     </body>
  351.  
  352. </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!