Update: Perbaikan Datatables

eraporsmk · Jun 9, 2024 · 8340237 · 8340237
1 parent 411fb7c
commit 8340237
Show file tree

Hide file tree

Showing 34 changed files with 45 additions and 35 deletions.
diff --git a/public/js/app.js b/public/js/app.js
diff --git a/public/js/chunks/16.875e8edbb42a036fb7d6.js b/public/js/chunks/16.875e8edbb42a036fb7d6.js
diff --git a/public/js/chunks/16.dfe53b026da9e266a790.js b/public/js/chunks/16.dfe53b026da9e266a790.js
diff --git a/public/js/chunks/22.495107fa7c733f243480.js → public/js/chunks/22.63d465f81abf9d8ec13c.js b/public/js/chunks/22.495107fa7c733f243480.js → public/js/chunks/22.63d465f81abf9d8ec13c.js
diff --git a/public/js/chunks/23.7b6bde79c8e2ec06ca85.js b/public/js/chunks/23.7b6bde79c8e2ec06ca85.js
diff --git a/public/js/chunks/24.d480560aafc125ebc382.js → public/js/chunks/23.a97ac567c4a3176d1a7e.js b/public/js/chunks/24.d480560aafc125ebc382.js → public/js/chunks/23.a97ac567c4a3176d1a7e.js
diff --git a/public/js/chunks/24.fc802f17cee167c3c5bb.js b/public/js/chunks/24.fc802f17cee167c3c5bb.js
diff --git a/public/js/chunks/28.be9e1be69e2d8ada6401.js → public/js/chunks/27.eb88c2feb72803dde768.js b/public/js/chunks/28.be9e1be69e2d8ada6401.js → public/js/chunks/27.eb88c2feb72803dde768.js
diff --git a/public/js/chunks/27.ff3e9a84bd2f9a408f5a.js b/public/js/chunks/27.ff3e9a84bd2f9a408f5a.js
diff --git a/public/js/chunks/29.8887f1483a28ddf7c886.js → public/js/chunks/28.9240d6536728b5c117d2.js b/public/js/chunks/29.8887f1483a28ddf7c886.js → public/js/chunks/28.9240d6536728b5c117d2.js
diff --git a/public/js/chunks/30.add6f15efd0634c75858.js → public/js/chunks/29.f4930c28e6f2a4977ffb.js b/public/js/chunks/30.add6f15efd0634c75858.js → public/js/chunks/29.f4930c28e6f2a4977ffb.js
diff --git a/...ks/30.add6f15efd0634c75858.js.LICENSE.txt → ...ks/29.f4930c28e6f2a4977ffb.js.LICENSE.txt b/...ks/30.add6f15efd0634c75858.js.LICENSE.txt → ...ks/29.f4930c28e6f2a4977ffb.js.LICENSE.txt
diff --git a/public/js/chunks/30.8f6e8c51e1d16ad0dccb.js b/public/js/chunks/30.8f6e8c51e1d16ad0dccb.js
diff --git a/public/js/chunks/31.5953ca12cb8d187dfbea.js b/public/js/chunks/31.5953ca12cb8d187dfbea.js
diff --git a/public/js/chunks/31.80e7f6865acd170aa863.js b/public/js/chunks/31.80e7f6865acd170aa863.js
diff --git a/public/js/chunks/34.649f5c255cdb9a49b33e.js b/public/js/chunks/34.649f5c255cdb9a49b33e.js
diff --git a/public/js/chunks/35.85ee6cf6ded3e3a36bb5.js → public/js/chunks/34.7970955e38b406551d66.js b/public/js/chunks/35.85ee6cf6ded3e3a36bb5.js → public/js/chunks/34.7970955e38b406551d66.js
diff --git a/public/js/chunks/36.94c6c0074537681ce389.js → public/js/chunks/35.587847fd1e70a4d0f585.js b/public/js/chunks/36.94c6c0074537681ce389.js → public/js/chunks/35.587847fd1e70a4d0f585.js
diff --git a/public/js/chunks/37.3efce665d7c625cd5d1c.js → public/js/chunks/36.151a01457afae39dd892.js b/public/js/chunks/37.3efce665d7c625cd5d1c.js → public/js/chunks/36.151a01457afae39dd892.js
diff --git a/public/js/chunks/37.1cb2eadfc0bf760fbf9c.js b/public/js/chunks/37.1cb2eadfc0bf760fbf9c.js
diff --git a/public/js/chunks/38.7dd679b07634a7f2e953.js b/public/js/chunks/38.7dd679b07634a7f2e953.js
diff --git a/public/js/chunks/39.2da722e1f68b84a57a04.js → public/js/chunks/38.cd613df10443e6b49e4f.js b/public/js/chunks/39.2da722e1f68b84a57a04.js → public/js/chunks/38.cd613df10443e6b49e4f.js
diff --git a/public/js/chunks/40.651db34501168354417b.js → public/js/chunks/39.9e2fec08ea533946c687.js b/public/js/chunks/40.651db34501168354417b.js → public/js/chunks/39.9e2fec08ea533946c687.js
diff --git a/public/js/chunks/41.48827c55b35ab8dfd897.js → public/js/chunks/40.28511763db7a114574ce.js b/public/js/chunks/41.48827c55b35ab8dfd897.js → public/js/chunks/40.28511763db7a114574ce.js
diff --git a/public/js/chunks/41.4d3233b267384ab385d7.js b/public/js/chunks/41.4d3233b267384ab385d7.js
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,5 +1,5 @@
 {
-    "/js/app.js": "/js/app.js?id=09beb662495208cd5044",
+    "/js/app.js": "/js/app.js?id=c5fec8fe3864f9ba864c",
     "/css/core.css": "/css/core.css?id=5d902ae10f7a46837492",
     "/css/loader.css": "/css/loader.css?id=4f39b56a667dc447a5fe"
 }
diff --git a/resources/js/src/views/penilaian/Datatable.vue b/resources/js/src/views/penilaian/Datatable.vue
@@ -2,7 +2,7 @@
   <div>
     <b-row>
       <b-col md="4" class="mb-2">
-        <b-form-select v-model="meta.per_page" :options="[10, 25, 50, 100]" @change="loadPerPage"></b-form-select>
+        <v-select v-model="meta.per_page" :options="[10, 25, 50, 100]" @input="loadPerPage"></v-select>
       </b-col>
       <b-col md="4" offset-md="4">
         <b-form-input @input="search" placeholder="Cari data..."></b-form-input>
@@ -53,12 +53,14 @@
 
 <script>
 import _ from 'lodash' //IMPORT LODASH, DIMANA AKAN DIGUNAKAN UNTUK MEMBUAT DELAY KETIKA KOLOM PENCARIAN DIISI
-import { BRow, BCol, BFormInput, BFormSelect, BFormSelectOption, BTable, BSpinner, BPagination, BButton, BOverlay, BDropdown, BDropdownItem, BBadge } from 'bootstrap-vue'
+import { BRow, BCol, BFormInput, BTable, BSpinner, BPagination, BButton, BOverlay, BDropdown, BDropdownItem, BBadge } from 'bootstrap-vue'
+import vSelect from 'vue-select'
 export default {
   components: {
+    vSelect,
     BRow,
     BCol,
-    BFormInput, BFormSelect, BFormSelectOption,
+    BFormInput,
     BTable,
     BSpinner,
     BPagination,

diff --git a/resources/js/src/views/penilaian/projek/Datatable.vue b/resources/js/src/views/penilaian/projek/Datatable.vue
@@ -2,7 +2,7 @@
   <div>
     <b-row>
       <b-col md="4" class="mb-2">
-        <b-form-select v-model="meta.per_page" :options="[10, 25, 50, 100]" @change="loadPerPage"></b-form-select>
+        <v-select v-model="meta.per_page" :options="[10, 25, 50, 100]" @input="loadPerPage"></v-select>
       </b-col>
       <b-col md="4" offset-md="4">
         <b-form-input @input="search" placeholder="Cari data..."></b-form-input>
@@ -44,12 +44,14 @@
 
 <script>
 import _ from 'lodash' //IMPORT LODASH, DIMANA AKAN DIGUNAKAN UNTUK MEMBUAT DELAY KETIKA KOLOM PENCARIAN DIISI
-import { BRow, BCol, BFormInput, BFormSelect, BFormSelectOption, BTable, BSpinner, BPagination, BButton, BOverlay, BDropdown, BDropdownItem, BBadge } from 'bootstrap-vue'
+import { BRow, BCol, BFormInput, BTable, BSpinner, BPagination, BButton, BOverlay, BDropdown, BDropdownItem, BBadge } from 'bootstrap-vue'
+import vSelect from 'vue-select'
 export default {
   components: {
+    vSelect,
     BRow,
     BCol,
-    BFormInput, BFormSelect, BFormSelectOption,
+    BFormInput,
     BTable,
     BSpinner,
     BPagination,

diff --git a/resources/js/src/views/penilaian/ukk/Datatable.vue b/resources/js/src/views/penilaian/ukk/Datatable.vue
@@ -2,7 +2,7 @@
   <div>
     <b-row>
       <b-col md="4" class="mb-2">
-        <b-form-select v-model="meta.per_page" :options="[10, 25, 50, 100]" @change="loadPerPage"></b-form-select>
+        <v-select v-model="meta.per_page" :options="[10, 25, 50, 100]" @input="loadPerPage"></v-select>
       </b-col>
       <b-col md="4" offset-md="4">
         <b-form-input @input="search" placeholder="Cari data..."></b-form-input>
@@ -46,12 +46,14 @@
 
 <script>
 import _ from 'lodash' //IMPORT LODASH, DIMANA AKAN DIGUNAKAN UNTUK MEMBUAT DELAY KETIKA KOLOM PENCARIAN DIISI
-import { BRow, BCol, BFormInput, BFormSelect, BFormSelectOption, BTable, BSpinner, BPagination, BButton, BOverlay, BDropdown, BDropdownItem, BBadge } from 'bootstrap-vue'
+import { BRow, BCol, BFormInput, BTable, BSpinner, BPagination, BButton, BOverlay, BDropdown, BDropdownItem, BBadge } from 'bootstrap-vue'
+import vSelect from 'vue-select'
 export default {
   components: {
+    vSelect,
     BRow,
     BCol,
-    BFormInput, BFormSelect, BFormSelectOption,
+    BFormInput,
     BTable,
     BSpinner,
     BPagination,

diff --git a/resources/js/src/views/referensi/capaian-pembelajaran/Datatable.vue b/resources/js/src/views/referensi/capaian-pembelajaran/Datatable.vue
@@ -3,7 +3,7 @@
     <filter-table :meta="meta" @tingkat="handleTingkat" @rombel="handleRombel" @mapel="handleMapel"></filter-table>
     <b-row>
       <b-col md="4" class="mb-2">
-        <v-select v-model="meta.per_page" :options="[10, 25, 50, 100]" @change="loadPerPage" :clearable="false"></v-select>
+        <v-select v-model="meta.per_page" :options="[10, 25, 50, 100]" @input="loadPerPage" :clearable="false"></v-select>
       </b-col>
       <b-col md="4" offset-md="4">
         <b-form-input @input="search" placeholder="Cari data..."></b-form-input>

diff --git a/resources/js/src/views/referensi/kompetensi-dasar/Datatable.vue b/resources/js/src/views/referensi/kompetensi-dasar/Datatable.vue
@@ -3,7 +3,6 @@
     <filter-table :meta="meta" @tingkat="handleTingkat" @rombel="handleRombel" @mapel="handleMapel"></filter-table>
     <b-row>
       <b-col md="4" class="mb-2">
-        <!--b-form-select v-model="meta.per_page" :options="[10, 25, 50, 100]" @change="loadPerPage"></b-form-select-->
         <v-select v-model="meta.per_page" :options="[10, 25, 50, 100]" @input="loadPerPage" :clearable="false">
           <template slot="no-options">
             Tidak ada data untuk ditampilkan

diff --git a/resources/js/src/views/referensi/tujuan-pembelajaran/Datatable.vue b/resources/js/src/views/referensi/tujuan-pembelajaran/Datatable.vue
@@ -3,7 +3,7 @@
     <filter-table :meta="meta" @tingkat="handleTingkat" @rombel="handleRombel" @mapel="handleMapel"></filter-table>
     <b-row>
       <b-col md="4" class="mb-2">
-        <v-select v-model="meta.per_page" :options="[10, 25, 50, 100]" @change="loadPerPage" :clearable="false"></v-select>
+        <v-select v-model="meta.per_page" :options="[10, 25, 50, 100]" @input="loadPerPage" :clearable="false"></v-select>
       </b-col>
       <b-col md="4" offset-md="4">
         <b-form-input @input="search" placeholder="Cari data..."></b-form-input>
@@ -139,6 +139,8 @@ export default {
       })
     },
     loadPerPage(val) {
+      console.log(val);
+      console.log(this.meta.per_page);
       this.$emit('per_page', this.meta.per_page)
     },
     changePage(val) {

diff --git a/resources/js/src/views/referensi/tujuan-pembelajaran/Index.vue b/resources/js/src/views/referensi/tujuan-pembelajaran/Index.vue
@@ -102,6 +102,7 @@ export default {
       this.loadPostsData()
     },
     loadPostsData() {
+      console.log(this.current_page);
       this.loading = true
       let current_page = this.current_page//this.search == '' ? this.current_page : 1
       this.$http.get('/referensi/tujuan-pembelajaran', {
@@ -143,6 +144,7 @@ export default {
       })
     },
     handlePerPage(val) {
+      console.log(val);
       this.per_page = val 
       this.loadPostsData() 
     },

diff --git a/resources/js/src/views/referensi/ukk/Datatable.vue b/resources/js/src/views/referensi/ukk/Datatable.vue
@@ -2,7 +2,7 @@
   <div>
     <b-row>
       <b-col md="4" class="mb-2">
-        <b-form-select v-model="meta.per_page" :options="[10, 25, 50, 100]" @change="loadPerPage"></b-form-select>
+        <v-select v-model="meta.per_page" :options="[10, 25, 50, 100]" @input="loadPerPage"></v-select>
       </b-col>
       <b-col md="4" offset-md="4">
         <b-form-input @input="search" placeholder="Cari data..."></b-form-input>
@@ -48,13 +48,14 @@
 
 <script>
 import _ from 'lodash' //IMPORT LODASH, DIMANA AKAN DIGUNAKAN UNTUK MEMBUAT DELAY KETIKA KOLOM PENCARIAN DIISI
-import { BRow, BCol, BFormInput, BFormSelect, BTable, BSpinner, BPagination, BButton, BOverlay, BBadge, BDropdown, BDropdownItem } from 'bootstrap-vue'
-
+import { BRow, BCol, BFormInput, BTable, BSpinner, BPagination, BButton, BOverlay, BBadge, BDropdown, BDropdownItem } from 'bootstrap-vue'
+import vSelect from 'vue-select'
 export default {
   components: {
+    vSelect,
     BRow,
     BCol,
-    BFormInput, BFormSelect,
+    BFormInput,
     BTable,
     BSpinner,
     BPagination,