Change Categories Datatables - #1266

Author: madd15

app/views/backend/categories/index.blade.php

@@ -19,38 +19,19 @@
 <div class="user-profile">
 	<div class="row profile">
 		<div class="col-md-9 bio">
-			{{ Datatable::table()
-                		->addColumn(Lang::get('admin/categories/table.title'),
-                    			Lang::get('general.type'),
-                    			Lang::get('general.assets'),
-                    			Lang::get('admin/categories/table.require_acceptance'),
-                    			Lang::get('admin/categories/table.eula_text'),
-                    			Lang::get('table.actions'))
-        			->setOptions(
-	                        	array(
-		                        	'language' => array(
-					            	'search' => Lang::get('general.search'),
-					            	'lengthMenu' => Lang::get('general.page_menu'),
-					            	'loadingRecords' => Lang::get('general.loading'),
-					            	'zeroRecords' => Lang::get('general.no_results'),
-					            	'info' => Lang::get('general.pagination_info'), 
-					            	'processing' => Lang::get('general.processing'),
-					            	'paginate'=> array(
-					            		'first'=>Lang::get('general.first'),
-					            		'previous'=>Lang::get('general.previous'),
-					            		'next'=>Lang::get('general.next'),
-					            		'last'=>Lang::get('general.last'),
-					            		),
-					            	),
-	                            		'sAjaxSource'=> route('api.categories.list'),
-	                            		'dom' =>'CT<"clear">lfrtip',
-	                            		'colVis'=> array('showAll'=>'Show All','restore'=>'Restore','exclude'=>array(5),'activate'=>'mouseover'),
-	                            		'columnDefs'=> array(array('bSortable'=>false,'targets'=>array(5))),
-	                            		'order'=>array(array(0,'asc')),
-                        			)
-                    			)
-                		->render() }}
-    		</div>
+			<table name="models" id="table" data-url="{{route('api.categories.list')}}">
+		        <thead>
+		            <tr>
+		                <th data-sortable="true" data-field="name">{{Lang::get('admin/categories/table.title')}}</th>
+		                <th data-sortable="true" data-field="category_type">{{Lang::get('general.type')}}</th>
+		                <th data-searchable="false" data-sortable="false" data-field="count">{{Lang::get('general.assets')}}</th>
+		                <th data-searchable="false" data-sortable="false" data-field="acceptance">{{Lang::get('admin/categories/table.require_acceptance')}}</th>
+		                <th data-searchable="false" data-sortable="false" data-field="eula">{{Lang::get('admin/categories/table.eula_text')}}</th>
+		                <th data-switchable="false" data-searchable="false" data-sortable="false" data-field="actions">{{ Lang::get('table.actions') }}</th>
+		            </tr>
+		        </thead>
+		    </table>
+    	</div>
 
 
 		<!-- side address column -->
@@ -61,4 +42,42 @@
 		</div>
 	</div>
 </div>
+
+@section('moar_scripts')
+<script src="{{ asset('assets/js/bootstrap-table.js') }}"></script>
+<script src="{{ asset('assets/js/extensions/mobile/bootstrap-table-mobile.js') }}"></script>
+<script src="{{ asset('assets/js/extensions/export/bootstrap-table-export.js?v=1') }}"></script>
+<script src="{{ asset('assets/js/extensions/cookie/bootstrap-table-cookie.js?v=1') }}"></script>
+<script src="//rawgit.com/kayalshri/tableExport.jquery.plugin/master/tableExport.js?v=1') }}"></script>
+<script src="//rawgit.com/kayalshri/tableExport.jquery.plugin/master/jquery.base64.js?v=1') }}"></script>
+<script type="text/javascript">
+    $('#table').bootstrapTable({
+        classes: 'table table-hover table-no-bordered',
+        undefinedText: '',
+        iconsPrefix: 'fa',
+        showRefresh: true,
+        search: true,
+        pageSize: {{{ Setting::getSettings()->per_page }}},
+        pagination: true,
+        sidePagination: 'server',
+        sortable: true,
+        mobileResponsive: true,
+        showExport: true,
+        showColumns: true,
+        maintainSelected: true,
+        paginationFirstText: "@lang('general.first')",
+        paginationLastText: "@lang('general.last')",
+        paginationPreText: "@lang('general.previous')",
+        paginationNextText: "@lang('general.next')",
+        pageList: ['10','25','50','100','150','200'],
+        icons: {
+            paginationSwitchDown: 'fa-caret-square-o-down',
+            paginationSwitchUp: 'fa-caret-square-o-up',
+            columns: 'fa-columns',
+            refresh: 'fa-refresh'
+        },
+    });
+</script>
+@stop
+
 @stop