4242 <div class =" col-lg-12" >
4343 <div class =" card card-outline card-primary" >
4444 <div class =" card-header" >
45- <div class =" float-left" >{{ $title } } </div >
45+ <div >{{ $title } } </div >
46+ <div class =" row" >
47+ <div class =" col-sm-3" >
48+ <x-print-button :print-url =" url('data-pokok/ketenagakerjaan/cetak')" table-id =" ketenagakerjaan" :filter =" []" />
49+ <x-excel-download-button :download-url =" config('app.databaseGabunganUrl') . '/api/v1/ketenagakerjaan/download'" table-id =" ketenagakerjaan"
50+ filename =" data_ketenagakerjaan" />
51+ </div >
52+ </div >
4653 </div >
4754 <div class =" card-body" >
4855 <div class =" table-responsive" >
4956 <table class =" table table-striped" id =" ketenagakerjaan" >
5057 <thead >
5158 <tr >
5259 <th >No</th >
60+ <th >Nama {{ config (' app.sebutanDesa' ) } } </th >
5361 <th >NIK</th >
5462 <th >Pekerjaan</th >
5563 <th >Jabatan</th >
6876
6977@section (' js' )
7078 @include (' data_pokok.ketenagakerjaan.chart' )
71- <script nonce =" {{ csp_nonce () } }" >
79+ <script nonce =" {{ csp_nonce () } }" >
7280 let data_grafik = [];
73- document .addEventListener (" DOMContentLoaded" , function (event ) {
81+ document .addEventListener (" DOMContentLoaded" , function (event ) {
7482
75- const header = @include (' layouts.components.header_bearer_api_gabungan' );
76- var url = new URL (" {{ config (' app.databaseGabunganUrl' ). ' /api/v1/ketenagakerjaan' } }" );
77- url .searchParams .set (" kode_kabupaten" , " {{ session (' kabupaten.kode_kabupaten' ) ?? ' ' } }" );
78- url .searchParams .set (" kode_kecamatan" , " {{ session (' kecamatan.kode_kecamatan' ) ?? ' ' } }" );
79- url .searchParams .set (" config_desa" , " {{ session (' desa.id' ) ?? ' ' } }" );
83+ const header = @include (' layouts.components.header_bearer_api_gabungan' );
84+ var url = new URL (" {{ config (' app.databaseGabunganUrl' ) . ' /api/v1/ketenagakerjaan' } }" );
85+ url .searchParams .set (" kode_kabupaten" , " {{ session (' kabupaten.kode_kabupaten' ) ?? ' ' } }" );
86+ url .searchParams .set (" kode_kecamatan" , " {{ session (' kecamatan.kode_kecamatan' ) ?? ' ' } }" );
87+ url .searchParams .set (" config_desa" , " {{ session (' desa.id' ) ?? ' ' } }" );
8088
81- var ketenagakerjaan = $ (' #ketenagakerjaan' ).DataTable ({
82- processing: true ,
83- serverSide: true ,
84- autoWidth: false ,
85- ordering: false ,
86- searchPanes: {
87- viewTotal: false ,
88- columns: [0 ]
89- },
90- ajax: {
91- url: url .href ,
92- headers: header,
93- method: ' get' ,
94- data : function (row ) {
95- return {
96- " page[size]" : row .length ,
97- " page[number]" : (row .start / row .length ) + 1 ,
98- " filter[search]" : row .search .value ,
99- " filter[kode_desa]" : $ (" #kode_desa" ).val (),
100- };
89+ var ketenagakerjaan = $ (' #ketenagakerjaan' ).DataTable ({
90+ processing: true ,
91+ serverSide: true ,
92+ autoWidth: false ,
93+ ordering: false ,
94+ searchPanes: {
95+ viewTotal: false ,
96+ columns: [0 ]
10197 },
102- dataSrc : function (json ) {
103-
104- if (json .data .length > 0 ) {
105- json .recordsTotal = json .meta .pagination .total
106- json .recordsFiltered = json .meta .pagination .total
107- data_grafik = [];
108- json .data .forEach (function (item , index ) {
109- data_grafik .push (item .attributes )
110- })
111- grafikPie ()
112- return json .data ;
113- }
114- return false ;
98+ ajax: {
99+ url: url .href ,
100+ headers: header,
101+ method: ' get' ,
102+ data : function (row ) {
103+ return {
104+ " page[size]" : row .length ,
105+ " page[number]" : (row .start / row .length ) + 1 ,
106+ " filter[search]" : row .search .value ,
107+ " filter[kode_desa]" : $ (" #kode_desa" ).val (),
108+ };
109+ },
110+ dataSrc : function (json ) {
111+
112+ if (json .data .length > 0 ) {
113+ json .recordsTotal = json .meta .pagination .total
114+ json .recordsFiltered = json .meta .pagination .total
115+ data_grafik = [];
116+ json .data .forEach (function (item , index ) {
117+ data_grafik .push (item .attributes )
118+ })
119+ grafikPie ()
120+ return json .data ;
121+ }
122+ return false ;
123+ },
115124 },
116- },
117- columnDefs: [{
118- targets: ' _all' ,
119- className: ' text-nowrap' ,
125+ columnDefs: [{
126+ targets: ' _all' ,
127+ className: ' text-nowrap' ,
128+ }, ],
129+ columns: [{
130+ data: null ,
131+ orderable: false
132+ },
133+ {
134+ data: " attributes.nama_desa" ,
135+ name: " nama_desa" ,
136+ orderable: false
137+ },
138+ {
139+ data: " attributes.nik" ,
140+ name: " nik" ,
141+ orderable: false
142+ },
143+ {
144+ data: " attributes.pekerjaan" ,
145+ name: " pekerjaan" ,
146+ orderable: false
147+ },
148+ {
149+ data: " attributes.jabatan" ,
150+ name: " jabatan" ,
151+ orderable: false
152+ },
153+ {
154+ data: " attributes.jumlah_penghasilan" ,
155+ name: " jumlah_penghasilan" ,
156+ orderable: false
157+ },
158+ {
159+ data: " attributes.pelatihan" ,
160+ name: " pelatihan" ,
161+ orderable: false
120162 },
121163 ],
122- columns: [{
123- data: null ,
124- orderable: false
125- },
126- {
127- data: " attributes.nik" ,
128- name: " nik" ,
129- orderable: false
130- },
131- {
132- data: " attributes.pekerjaan" ,
133- name: " pekerjaan" ,
134- orderable: false
135- },
136- {
137- data: " attributes.jabatan" ,
138- name: " jabatan" ,
139- orderable: false
140- },
141- {
142- data: " attributes.jumlah_penghasilan" ,
143- name: " jumlah_penghasilan" ,
144- orderable: false
145- },
146- {
147- data: " attributes.pelatihan" ,
148- name: " pelatihan" ,
149- orderable: false
150- },
151- ],
152- })
153- ketenagakerjaan .on (' draw.dt' , function () {
154- var PageInfo = $ (' #ketenagakerjaan' ).DataTable ().page .info ();
155- ketenagakerjaan .column (0 , {
156- page: ' current'
157- }).nodes ().each (function (cell , i ) {
158- cell .innerHTML = i + 1 + PageInfo .start ;
164+ })
165+ ketenagakerjaan .on (' draw.dt' , function () {
166+ var PageInfo = $ (' #ketenagakerjaan' ).DataTable ().page .info ();
167+ ketenagakerjaan .column (0 , {
168+ page: ' current'
169+ }).nodes ().each (function (cell , i ) {
170+ cell .innerHTML = i + 1 + PageInfo .start ;
171+ });
159172 });
160- });
161- })
173+ })
162174 </script >
163- @endsection
175+ @endsection
0 commit comments