API tools faq
paste
Advertisement
abhighosh_18

MasterPage

abhighosh_18
Aug 20th, 2015
325
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
ASP 28.47 KB | None | 0 0
raw download clone embed print report
  1. <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MasterPage.master.cs"
  2.     Inherits="InventoryManagementSystem.MasterPage" %>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <!DOCTYPE html>
  6. <html>
  7. <head>
  8.     <meta charset="UTF-8" />
  9.     <title>Gujarat Enterprise</title>
  10.     <asp:ContentPlaceHolder ID="head" runat="server">
  11.     </asp:ContentPlaceHolder>
  12.     <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'
  13.         name='viewport' />
  14.     <!-- Bootstrap 3.3.4 -->
  15.     <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  16.     <!-- Font Awesome Icons -->
  17.     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  18.     <!-- Ionicons -->
  19.     <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
  20.  
  21.     <!-- Theme style -->
  22.     <link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
  23.     <link href="dist/css/toastr.css" rel="stylesheet" type="text/css" />
  24.  
  25.     <link href="media/css/jquery.dataTables.css" rel="stylesheet" />
  26.     <link href="media/dataTables.tableTools.css" rel="stylesheet" />
  27.     <link href="plugins/TagInputsLibrary/bootstrap-tagsinput.css" rel="stylesheet" />
  28.     <link href="plugins/bootstrap-fancyfile-master/src/bootstrap-fancyfile.css" rel="stylesheet" />
  29.    
  30.     <!-- AdminLTE Skins. Choose a skin from the css/skins
  31.          folder instead of downloading all of them to reduce the load. -->
  32.     <link href="../../dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
  33.     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  34.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  35.     <!--[if lt IE 9]>
  36.         <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  37.         <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  38.     <![endif]-->
  39. </head>
  40. <body class="skin-blue sidebar-mini">
  41.     <form id="form1" runat="server">
  42.         <!-- Site wrapper -->
  43.         <div class="wrapper">
  44.             <header class="main-header">
  45.         <!-- Logo -->
  46.         <a href="Home.aspx" class="logo">
  47.           <!-- mini logo for sidebar mini 50x50 pixels -->
  48.           <span class="logo-mini"><b>G</b>E</span>
  49.           <!-- logo for regular state and mobile devices -->
  50.           <span class="logo-lg"><b>Gujarat&nbsp;</b>Enterprise</span>
  51.         </a>
  52.         <!-- Header Navbar: style can be found in header.less -->
  53.         <nav class="navbar navbar-static-top" role="navigation">
  54.           <!-- Sidebar toggle button-->
  55.           <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
  56.             <span class="sr-only">Toggle navigation</span>
  57.             <span class="icon-bar"></span>
  58.             <span class="icon-bar"></span>
  59.             <span class="icon-bar"></span>
  60.           </a>
  61.           <div class="navbar-custom-menu">
  62.             <ul class="nav navbar-nav">
  63.               <!-- Messages: style can be found in dropdown.less-->
  64.               <li class="dropdown messages-menu">
  65.                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  66.                   <i class="fa fa-envelope-o"></i>
  67.                   <span class="label label-success">4</span>
  68.                 </a>
  69.                 <ul class="dropdown-menu">
  70.                   <li class="header">You have 4 messages</li>
  71.                   <li>
  72.                     <!-- inner menu: contains the actual data -->
  73.                     <ul class="menu">
  74.                       <li><!-- start message -->
  75.                         <a href="#">
  76.                           <div class="pull-left">
  77.                             <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/>
  78.                           </div>
  79.                           <h4>
  80.                             Support Team
  81.                             <small><i class="fa fa-clock-o"></i> 5 mins</small>
  82.                           </h4>
  83.                           <p>Why not buy a new awesome theme?</p>
  84.                         </a>
  85.                       </li><!-- end message -->
  86.                     </ul>
  87.                   </li>
  88.                   <li class="footer"><a href="#">See All Messages</a></li>
  89.                 </ul>
  90.               </li>
  91.               <!-- Notifications: style can be found in dropdown.less -->
  92.               <li class="dropdown notifications-menu">
  93.                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  94.                   <i class="fa fa-bell-o"></i>
  95.                   <span class="label label-warning">10</span>
  96.                 </a>
  97.                 <ul class="dropdown-menu">
  98.                   <li class="header">You have 10 notifications</li>
  99.                   <li>
  100.                     <!-- inner menu: contains the actual data -->
  101.                     <ul class="menu">
  102.                       <li>
  103.                         <a href="#">
  104.                           <i class="fa fa-users text-aqua"></i> 5 new members joined today
  105.                         </a>
  106.                       </li>
  107.                     </ul>
  108.                   </li>
  109.                   <li class="footer"><a href="#">View all</a></li>
  110.                 </ul>
  111.               </li>
  112.               <!-- Tasks: style can be found in dropdown.less -->
  113.               <li class="dropdown tasks-menu">
  114.                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  115.                   <i class="fa fa-flag-o"></i>
  116.                   <span class="label label-danger">9</span>
  117.                 </a>
  118.                 <ul class="dropdown-menu">
  119.                   <li class="header">You have 9 tasks</li>
  120.                   <li>
  121.                     <!-- inner menu: contains the actual data -->
  122.                     <ul class="menu">
  123.                       <li><!-- Task item -->
  124.                         <a href="#">
  125.                           <h3>
  126.                             Design some buttons
  127.                             <small class="pull-right">20%</small>
  128.                           </h3>
  129.                           <div class="progress xs">
  130.                             <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
  131.                               <span class="sr-only">20% Complete</span>
  132.                             </div>
  133.                           </div>
  134.                         </a>
  135.                       </li><!-- end task item -->
  136.                     </ul>
  137.                   </li>
  138.                   <li class="footer">
  139.                     <a href="#">View all tasks</a>
  140.                   </li>
  141.                 </ul>
  142.               </li>
  143.               <!-- User Account: style can be found in dropdown.less -->
  144.               <li class="dropdown user user-menu">
  145.                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  146.                   <asp:Image ID="imgLoggedIn" runat="server" CssClass="user-image" alt="User Image"/>
  147.                   <span class="hidden-xs"><asp:Label ID="lblLoggedInName" runat="server" /></span>
  148.                 </a>
  149.                 <ul class="dropdown-menu">
  150.                   <!-- User image -->
  151.                   <li class="user-header">
  152.                     <asp:Image ID="imgUsrImage" runat="server" CssClass="img-circle" alt="User Image" />
  153.                     <p>
  154.                       <asp:Label ID="lblUsrName" runat="server" />
  155.                     </p>
  156.                   </li>
  157.                   <!-- Menu Body -->
  158.                   <li class="user-body">
  159.                     <div class="col-xs-4 text-center">
  160.                       <a href="#">Followers</a>
  161.                     </div>
  162.                     <div class="col-xs-4 text-center">
  163.                       <a href="#">Sales</a>
  164.                     </div>
  165.                     <div class="col-xs-4 text-center">
  166.                       <a href="#">Friends</a>
  167.                     </div>
  168.                   </li>
  169.                   <!-- Menu Footer-->
  170.                   <li class="user-footer">
  171.                     <div class="pull-left">
  172.                       <a href="UserProfile.aspx" class="btn btn-default btn-flat">Profile</a>
  173.                     </div>
  174.                     <div class="pull-right">
  175.                       <a href="Login.aspx" class="btn btn-default btn-flat">Sign out</a>
  176.                     </div>
  177.                   </li>
  178.                 </ul>
  179.               </li>
  180.               <!-- Control Sidebar Toggle Button -->
  181.               <%--<li>
  182.                 <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
  183.               </li>--%>
  184.             </ul>
  185.           </div>
  186.         </nav>
  187.       </header>
  188.             <!-- =============================================== -->
  189.             <!-- Left side column. contains the sidebar -->
  190.             <aside class="main-sidebar">
  191.         <!-- sidebar: style can be found in sidebar.less -->
  192.         <section class="sidebar">
  193.           <!-- Sidebar user panel -->
  194.           <div class="user-panel">
  195.             <div class="pull-left image">
  196.               <asp:Image ID="imgLoginLogo" runat="server" CssClass="img-circle" alt="User Image" />
  197.             </div>
  198.             <div class="pull-left info">
  199.               <p><a href="UserProfile.aspx"><asp:Label ID="lblName" runat="server" /></a></p>
  200.             </div>
  201.           </div>
  202.          
  203.           <!-- sidebar menu: : style can be found in sidebar.less -->
  204.           <ul class="sidebar-menu">
  205.            
  206.             <li class="header">MAIN NAVIGATION</li>
  207.            
  208.             <li class="treeview">
  209.               <a href="Home.aspx">
  210.                 <i class="fa fa-home"></i> <span>Home</span>
  211.               </a>
  212.             </li>
  213.  
  214.             <li class="treeview">
  215.               <a href="#">
  216.                 <i class="fa fa-files-o"></i>
  217.                 <span>Category</span>
  218.                 <asp:Label ID="lblCatCount" runat="server" CssClass="label label-primary pull-right" />
  219.               </a>
  220.               <ul class="treeview-menu">
  221.                 <li><a href="AddCategory.aspx"><i class="fa fa-plus"></i> Add Category</a></li>
  222.                 <li><a href="SearchCategory.aspx"><i class="fa fa-search"></i> Search Category</a></li>
  223.               </ul>
  224.             </li>
  225.             <li class="treeview">
  226.               <a href="#">
  227.                 <i class="fa fa-gift"></i>
  228.                 <span>Products</span>
  229.                 <asp:Label ID="lblProdCount" runat="server" CssClass="label label-primary pull-right" />
  230.               </a>
  231.               <ul class="treeview-menu">
  232.                 <li><a href="AddProduct.aspx"><i class="fa fa-plus"></i> Add Product</a></li>
  233.                 <li><a href="SearchProduct.aspx"><i class="fa fa-search"></i> Search Product</a></li>
  234.               </ul>
  235.             </li>
  236.             <li>
  237.               <a href="ReportSales.aspx">
  238.                 <i class="fa fa-area-chart"></i> <span>Report Sales</span>
  239.               </a>
  240.             </li>            
  241.             <li class="treeview">
  242.               <a href="#">
  243.                 <i class="fa fa-edit"></i>
  244.                 <span>Sales Overview</span>
  245.                 <i class="fa fa-angle-left pull-right"></i>
  246.               </a>
  247.               <ul class="treeview-menu">
  248.                 <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Daily</a></li>
  249.                 <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> Weekly</a></li>
  250.                 <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> Monthly</a></li>
  251.                 <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> Yearly</a></li>
  252.               </ul>
  253.             </li>
  254.                        
  255.            
  256.           </ul>
  257.         </section>
  258.         <!-- /.sidebar -->
  259.       </aside>
  260.             <!-- =============================================== -->
  261.             <!-- Content Wrapper. Contains page content -->
  262.             <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
  263.                 <!-- place your content here -->
  264.             </asp:ContentPlaceHolder>
  265.             <footer class="main-footer">
  266.         <div class="pull-right hidden-xs">
  267.           <b>Version</b> 2.0
  268.         </div>
  269.         <strong>Copyright &copy; 2014-2015 | Gujarat Enterprise |    All rights reserved.
  270.       </footer>
  271.             <!-- Control Sidebar -->
  272.             <aside class="control-sidebar control-sidebar-dark">                
  273.         <!-- Create the tabs -->
  274.         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
  275.           <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
  276.          
  277.           <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
  278.         </ul>
  279.         <!-- Tab panes -->
  280.         <div class="tab-content">
  281.           <!-- Home tab content -->
  282.           <div class="tab-pane" id="control-sidebar-home-tab">
  283.             <h3 class="control-sidebar-heading">Recent Activity</h3>
  284.             <ul class='control-sidebar-menu'>
  285.               <li>
  286.                 <a href='javascript::;'>
  287.                   <i class="menu-icon fa fa-birthday-cake bg-red"></i>
  288.                   <div class="menu-info">
  289.                     <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
  290.                     <p>Will be 23 on April 24th</p>
  291.                   </div>
  292.                 </a>
  293.               </li>
  294.               <li>
  295.                 <a href='javascript::;'>
  296.                   <i class="menu-icon fa fa-user bg-yellow"></i>
  297.                   <div class="menu-info">
  298.                     <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
  299.                     <p>New phone +1(800)555-1234</p>
  300.                   </div>
  301.                 </a>
  302.               </li>
  303.               <li>
  304.                 <a href='javascript::;'>
  305.                   <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
  306.                   <div class="menu-info">
  307.                     <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
  308.                     <p>nora@example.com</p>
  309.                   </div>
  310.                 </a>
  311.               </li>
  312.               <li>
  313.                 <a href='javascript::;'>
  314.                   <i class="menu-icon fa fa-file-code-o bg-green"></i>
  315.                   <div class="menu-info">
  316.                     <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
  317.                     <p>Execution time 5 seconds</p>
  318.                   </div>
  319.                 </a>
  320.               </li>
  321.             </ul><!-- /.control-sidebar-menu -->
  322.  
  323.             <h3 class="control-sidebar-heading">Tasks Progress</h3>
  324.             <ul class='control-sidebar-menu'>
  325.               <li>
  326.                 <a href='javascript::;'>              
  327.                   <h4 class="control-sidebar-subheading">
  328.                     Custom Template Design
  329.                     <span class="label label-danger pull-right">70%</span>
  330.                   </h4>
  331.                   <div class="progress progress-xxs">
  332.                     <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
  333.                   </div>                                    
  334.                 </a>
  335.               </li>
  336.               <li>
  337.                 <a href='javascript::;'>              
  338.                   <h4 class="control-sidebar-subheading">
  339.                     Update Resume
  340.                     <span class="label label-success pull-right">95%</span>
  341.                   </h4>
  342.                   <div class="progress progress-xxs">
  343.                     <div class="progress-bar progress-bar-success" style="width: 95%"></div>
  344.                   </div>                                    
  345.                 </a>
  346.               </li>
  347.               <li>
  348.                 <a href='javascript::;'>              
  349.                   <h4 class="control-sidebar-subheading">
  350.                     Laravel Integration
  351.                     <span class="label label-waring pull-right">50%</span>
  352.                   </h4>
  353.                   <div class="progress progress-xxs">
  354.                     <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
  355.                   </div>                                    
  356.                 </a>
  357.               </li>
  358.               <li>
  359.                 <a href='javascript::;'>              
  360.                   <h4 class="control-sidebar-subheading">
  361.                     Back End Framework
  362.                     <span class="label label-primary pull-right">68%</span>
  363.                   </h4>
  364.                   <div class="progress progress-xxs">
  365.                     <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
  366.                   </div>                                    
  367.                 </a>
  368.               </li>              
  369.             </ul><!-- /.control-sidebar-menu -->        
  370.  
  371.           </div><!-- /.tab-pane -->
  372.           <!-- Stats tab content -->
  373.           <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
  374.           <!-- Settings tab content -->
  375.           <div class="tab-pane" id="control-sidebar-settings-tab">            
  376.             <form method="post">
  377.               <h3 class="control-sidebar-heading">General Settings</h3>
  378.               <div class="form-group">
  379.                 <label class="control-sidebar-subheading">
  380.                   Report panel usage
  381.                   <input type="checkbox" class="pull-right" checked />
  382.                 </label>
  383.                 <p>
  384.                   Some information about this general settings option
  385.                 </p>
  386.               </div><!-- /.form-group -->
  387.  
  388.               <div class="form-group">
  389.                 <label class="control-sidebar-subheading">
  390.                   Allow mail redirect
  391.                   <input type="checkbox" class="pull-right" checked />
  392.                 </label>
  393.                 <p>
  394.                   Other sets of options are available
  395.                 </p>
  396.               </div><!-- /.form-group -->
  397.  
  398.               <div class="form-group">
  399.                 <label class="control-sidebar-subheading">
  400.                   Expose author name in posts
  401.                   <input type="checkbox" class="pull-right" checked />
  402.                 </label>
  403.                 <p>
  404.                   Allow the user to show his name in blog posts
  405.                 </p>
  406.               </div><!-- /.form-group -->
  407.  
  408.               <h3 class="control-sidebar-heading">Chat Settings</h3>
  409.  
  410.               <div class="form-group">
  411.                 <label class="control-sidebar-subheading">
  412.                   Show me as online
  413.                   <input type="checkbox" class="pull-right" checked />
  414.                 </label>                
  415.               </div><!-- /.form-group -->
  416.  
  417.               <div class="form-group">
  418.                 <label class="control-sidebar-subheading">
  419.                   Turn off notifications
  420.                   <input type="checkbox" class="pull-right" />
  421.                 </label>                
  422.               </div><!-- /.form-group -->
  423.  
  424.               <div class="form-group">
  425.                 <label class="control-sidebar-subheading">
  426.                   Delete chat history
  427.                   <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
  428.                 </label>                
  429.               </div><!-- /.form-group -->
  430.             </form>
  431.           </div><!-- /.tab-pane -->
  432.         </div>
  433.       </aside>
  434.             <!-- /.control-sidebar -->
  435.             <!-- Add the sidebar's background. This div must be placed
  436.            immediately after the control sidebar -->
  437.             <div class='control-sidebar-bg'>
  438.             </div>
  439.         </div>
  440.         <!-- ./wrapper -->
  441.  
  442.         <!-- jQuery 2.1.4 -->
  443.         <script type="text/javascript" src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
  444.  
  445.         <!-- Bootstrap 3.3.2 JS -->
  446.         <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
  447.  
  448.         <!-- SlimScroll -->
  449.         <script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
  450.  
  451.         <!-- FastClick -->
  452.         <script type="text/javascript" src='../../plugins/fastclick/fastclick.min.js'></script>
  453.  
  454.         <!-- AdminLTE App -->
  455.         <script src="../../dist/js/app.min.js" type="text/javascript"></script>
  456.  
  457.         <script src="dist/js/toastr.js" type="text/javascript"></script>
  458.  
  459.         <!-- Demo -->
  460.         <script src="../../dist/js/demo.js" type="text/javascript"></script>
  461.  
  462.         <!-- DATA TABES SCRIPT -->
  463.         <script type="text/javascript" src="media/js/jquery.dataTables.js"></script>
  464.         <script type="text/javascript" src="media/dataTables.tableTools.js"></script>
  465.         <script type="text/javascript">
  466.             $.ajax({
  467.                 url: 'ProductDetailsWebService.asmx/GetProductDetails',
  468.                 method: 'post',
  469.                 dataType: 'json',
  470.                 success: function (data) {
  471.                     var dataTableInstance = $('#datatable').dataTable({
  472.                         data: data,
  473.                         'scrollY': 300,
  474.                          columns: [
  475.                             {
  476.                                 'data': 'ProdName'
  477.                             },
  478.                             {
  479.                                 'data': 'CategoryName'
  480.                             },
  481.                             {
  482.                                 'data': 'CompanyName'
  483.                             },
  484.                             {
  485.                                 'data': 'ProdPrice',
  486.                                 'render': $.fn.dataTable.render.number(',', '.', 0)
  487.                             },
  488.                             {
  489.                                 'data': 'QuantityInStock'
  490.                             },
  491.                             {
  492.                                 'data': 'MinQuantity'
  493.                             },
  494.                             {
  495.                                 'data': 'DateCreated',
  496.                                 'render': function (jsonDate) {
  497.                                     var date = new Date(parseInt(jsonDate.substr(6)));
  498.                                     var month = date.getMonth() + 1;
  499.                                     return date.getDate() + "/" + month + "/" + date.getFullYear();
  500.                                 }
  501.                             },
  502.                             {
  503.                                 'data': 'ProductID',
  504.                                 'searchable': false,
  505.                                 'sortable': false,
  506.                                 'render': function (productID) {
  507.                                     return '<a href="ProductDetails.aspx?ID=' + productID + '">Full Details...</a>';
  508.                                 }
  509.  
  510.                             }
  511.                         ]
  512.                     });
  513.                    
  514.                     var tableTools = new $.fn.dataTable.TableTools(dataTableInstance, {
  515.                         'sSwfPath': 'http://cdn.datatables.net/tabletools/2.2.4/swf/copy_csv_xls_pdf.swf',
  516.                         'aButtons': [
  517.                         {
  518.                             'sExtends': 'print',
  519.                             'bShowAll' : false
  520.                         },
  521.                         'csv',
  522.                         {
  523.                             'sExtends': 'xls',
  524.                             'sFileName': '*.xls'
  525.                         },
  526.                         {
  527.                             'sExtends': 'pdf',
  528.                             'bFooter' : false
  529.                         }]
  530.                     });
  531.                     $(tableTools.fnContainer()).insertBefore('#datatable_wrapper');
  532.                    
  533.                 }
  534.             });
  535.  
  536.             $.ajax({
  537.                 url: 'ProductDetailsWebService.asmx/GetCategoryDetails',
  538.                 method: 'post',
  539.                 dataType: 'json',
  540.                 success: function (data) {
  541.                     var catDataTableInstance = $('#catDatatable').dataTable({
  542.                         data: data,
  543.                         'scrollY': 300,
  544.                         columns: [
  545.                            { 'data': 'CategoryName' },
  546.                            {
  547.                                'data': 'DateCreated',
  548.                                'render': function (jsonDate) {
  549.                                    var date = new Date(parseInt(jsonDate.substr(6)));
  550.                                    var month = date.getMonth() + 1;
  551.                                    return date.getDate() + "/" + month + "/" + date.getFullYear();
  552.                                }
  553.                            },
  554.                            {
  555.                                'data': 'DateUpdated',
  556.                                'render': function (jsonDate) {
  557.                                    var date = new Date(parseInt(jsonDate.substr(6)));
  558.                                    var month = date.getMonth() + 1;
  559.                                    return date.getDate() + "/" + month + "/" + date.getFullYear();
  560.                                }
  561.                            },
  562.                            { 'data': 'NoOfProducts' },
  563.                            {
  564.                                'data': 'CategoryID',
  565.                                'searchable': false,
  566.                                'sortable': false,
  567.                                'render': function (categoryID) {
  568.                                    return '<a href="CategoryDetails.aspx?ID=' + categoryID + '">Full Details...</a>';
  569.                                }
  570.  
  571.                            }
  572.                         ]
  573.                     });
  574.  
  575.                     var catTableTools = new $.fn.dataTable.TableTools(catDataTableInstance, {
  576.                         'sSwfPath': 'http://cdn.datatables.net/tabletools/2.2.4/swf/copy_csv_xls_pdf.swf',
  577.                         'aButtons': [
  578.                         {
  579.                             'sExtends': 'print',
  580.                             'bShowAll': false
  581.                         },
  582.                         'csv',
  583.                         {
  584.                             'sExtends': 'xls',
  585.                             'sFileName': '*.xls'
  586.                         },
  587.                         {
  588.                             'sExtends': 'pdf',
  589.                             'bFooter': false
  590.                         }]
  591.                     });
  592.                     $(catTableTools.fnContainer()).insertBefore('#catDatatable_wrapper');
  593.  
  594.                 }
  595.             });
  596.         </script>
  597.  
  598.         <!-- Tag Input Library-->
  599.         <script type="text/javascript" src="plugins/TagInputsLibrary/bootstrap-tagsinput.js"></script>
  600.  
  601.         <script type="text/javascript">
  602.             $('input #ContentPlaceHolder1_txtCompany').tagsinput();
  603.            
  604.             //$('#btn').click(function () {
  605.             //    var div = document.getElementById("div");
  606.             //    var spans = div.getElementsByTagName("span");
  607.  
  608.             //    for (i = 0; i < spans.length; i++) {
  609.             //        alert(spans[i].innerHTML);
  610.             //    }
  611.             //});
  612.             var companies = "";
  613.             $('input').on('itemAdded', function (event) {
  614.                 companies += event.item + ",";
  615.                 $('#ContentPlaceHolder1_hfCompany').val(companies);
  616.             });
  617.         </script>
  618.        
  619.         <script type="text/javascript" src="plugins/bootstrap-fancyfile-master/src/bootstrap-fancyfile.js"></script>
  620.         <script type="text/javascript">
  621.             $('input #fuProfilePic').fancyfile({
  622.                 text: '',
  623.                 icon : '',
  624.                 placeholder: 'Select File…'
  625.             });
  626.         </script>
  627.  
  628.  
  629.         <%--<script type="text/javascript" src="plugins/Typehead-Bloodhound/bootstrap-typeahead.js"></script>
  630.  
  631.         <script type="text/javascript">
  632.             var typeaheadSource = [{ ProdName: 'John' }, {ProdName: 'Alex' }, { ProdName: 'Terry' }, { ProdName: 'Terry' },
  633.             { ProdName: 'Abhi' }, { ProdName: 'Asad' }, { ProdName: 'Apii' }];
  634.  
  635.             $('input.typeahead').typeahead({
  636.                 source: typeaheadSource,
  637.                 displayField : 'ProdName'
  638.             });
  639.         </script>--%>
  640.     </form>
  641. </body>
  642. </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!