Flatten nested repos

2026-04-27 10:13:31 +07:00
parent 01c2963a43
commit 8347aef8f4
17935 changed files with 5015229 additions and 3 deletions
--- a/test/vuex/navbar/action.js
+++ b/test/vuex/navbar/action.js
--- a/test/vuex/navbar/api.js
+++ b/test/vuex/navbar/api.js
@@ -0,0 +1,31 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL =
+  "http://lebaran.aplikasi.web.id/smartlab_api/vuex/t02/search_bank";
+
+export async function searchBank(query, page, rowPerPage = 15) {
+  try {
+    var resp = await axios.post(URL, {
+      query: query,
+      page: page,
+      rowPerPage: rowPerPage
+    });
+    if (resp.status != 200) {
+      return {
+        status: "ERR",
+        query: query,
+        message: resp.statusText
+      };
+    }
+    let data = resp.data;
+    data.query = query;
+    return data;
+  } catch (e) {
+    return {
+      status: "ERR",
+      query: query,
+      message: e.message
+    };
+  }
+}
--- a/test/vuex/navbar/index.php
+++ b/test/vuex/navbar/index.php
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>One</title>
+  <link rel="stylesheet" href="../../../libs/vendor/css/google-fonts.css">
+  <link rel="stylesheet" href="../../../libs/vendor/css/vuetify.min.css">
+</head>
+
+<body>
+  <div v-cloak id="app">
+    <v-app id="smartApp" >
+      <one-navbar></one-navbar>
+      <v-content class="blue lighten-5" >
+        <v-container fluid fill-height>
+
+
+        </v-container>
+      </v-content>
+      <one-footer> </one-footer>
+    </v-app>
+  </div>
+
+  <!-- Vendor -->
+  <script src="../../../libs/vendor/axios.min.js"></script>
+  <script src="../../../libs/vendor/vue.js"></script>
+  <script src="../../../libs/vendor/vuex.js"></script>
+  <script src="../../../libs/vendor/vuetify.js"></script>
+  <script src="../../../libs/vendor/httpVueLoader.js"></script>
+  <!-- App Script -->
+  <?php
+  $ts = "?ts=" . Date("ymdhis");
+  ?>
+  <script type="module">
+    import { store } from './store.js<?php echo $ts ?>';
+    //for testing
+    // window.store = store;
+    new Vue({
+      store,
+      el: '#app',
+      components: {
+        'one-navbar': httpVueLoader('../../../apps/components/oneNavbarComponent.vue'),
+        'one-footer': httpVueLoader('../../../apps/components/oneFooter.vue'),
+      }
+    })
+  </script>
+  <style>
+    [v-cloak] {
+      display: none
+    }
+  </style>
+</body>
+
+</html>
--- a/test/vuex/navbar/mutation.js
+++ b/test/vuex/navbar/mutation.js
--- a/test/vuex/navbar/store.js
+++ b/test/vuex/navbar/store.js
@@ -0,0 +1,71 @@
+// State
+//  data ...
+// Mutations
+//
+//
+// Actions
+import * as api from "./api.js";
+
+export const store = new Vuex.Store({
+  state: {
+    rows: [],
+    midPages: [],
+    isLoading: false,
+    isError: false,
+    errorMessage: "",
+    query: "",
+    page: 0,
+    totalPage: 0,
+    totalRecord: 0
+  },
+  mutations: {
+    updateBank(state, data) {
+      // console.log(data);
+      if (data.status == "ERR") {
+        state.isError = true;
+        if (data.db_error) {
+          state.errorMessage = data.db_error.message;
+        } else {
+          state.errorMessage = data.message;
+        }
+        state.query = data.query;
+        state.page = 0;
+        state.totalPage = 0;
+        state.totalRecord = 0;
+        state.rows = [];
+        state.midPages = [];
+      } else {
+        state.isError = false;
+        state.errorMessage = "";
+        state.query = data.query;
+        state.page = data.page;
+        state.totalPage = data.totalPage;
+        state.totalRecord = data.totalRecord;
+        state.rows = data.rows;
+        state.midPages = data.midPages;
+      }
+    },
+    updateLoading(state, flag) {
+      state.isLoading = flag;
+    },
+    resetError(state) {
+      state.isError = false;
+      state.errorMessage = "";
+    }
+  },
+  actions: {
+    async searchBank(context, data) {
+      context.commit("updateLoading", true);
+      let resp = await api.searchBank(
+        data.query,
+        data.page,
+        data.rowPerPage
+      );
+      context.commit("updateLoading", false);
+      context.commit("updateBank", resp);
+      setTimeout(function() {
+        context.commit("resetError");
+      }, 5000);
+    }
+  }
+});