update cards view API service

resources/assets/js/components/dataViews/vueCardView/VueCard.vue

@@ -2,14 +2,7 @@
   <div class="pm-vue-card">
     <div class="card" style="width: 18rem">
       <div class="card-body">
-        <h5 class="card-title">Card title</h5>
-        <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
-        <span v-for="column in columns" :key="column">
-          <slot :name="column" :item="item"></slot>
-        </span>
-
-        <a href="#" class="card-link">Card link</a>
-        <a href="#" class="card-link">Another link</a>
+        <slot> </slot>
       </div>
     </div>
   </div>
@@ -21,18 +14,6 @@ export default {
   props: ["columns", "item"],
   data() {
     return {
-      headings: {
-        detail: "",
-        case_number: this.$i18n.t("ID_MYCASE_NUMBER"),
-        case_title: this.$i18n.t("ID_CASE_TITLE"),
-        process_name: this.$i18n.t("ID_PROCESS_NAME"),
-        task: this.$i18n.t("ID_TASK"),
-        current_user: this.$i18n.t("ID_CURRENT_USER"),
-        due_date: this.$i18n.t("ID_DUE_DATE"),
-        delegation_date: this.$i18n.t("ID_DELEGATION_DATE"),
-        priority: this.$i18n.t("ID_PRIORITY"),
-        actions: "",
-      },
     };
   },
   methods: {

resources/assets/js/components/dataViews/vueCardView/VueCardView.vue

@@ -1,8 +1,16 @@
 <template>
   <div class="pm-vue-card-view">
     <div class="pm-vue-card-view-container">
-      <div v-for="item in data" :columns="columns" :key="item" :data="item">
-        asdasd {{item}}
+      <div>
+        <vue-card v-for="item in data" :key="item.id">
+          <slot
+            v-for="column in options.columns"
+            :name="column"
+            :item="item"
+            :column="column"
+            :headings="options.headings"
+          ></slot>
+        </vue-card>
       </div>
     </div>
   </div>
@@ -10,29 +18,21 @@
 
 <script>
 import VueCard from "./VueCard.vue";
+import DefaultMixins from "./VueCardViewMixins";
 export default {
   name: "VueCardView",
+  mixins: [DefaultMixins],
   components: {
     VueCard,
   },
-  props: ["data"],
+  props: ["options"],
   data() {
     return {
-      columns: [
-        "detail",
-        "case_number",
-        "case_title",
-        "process_name",
-        "task",
-        "due_date",
-        "delegation_date",
-        "priority",
-        "actions",
-      ],
+ 
     };
   },
-  mounted(){
-    console.log(this.data);
+  mounted() {
+
   },
   methods: {
     classBtn(cls) {

resources/assets/js/components/dataViews/vueCardView/VueCardViewMixins.js

@@ -0,0 +1,41 @@
+export default {
+  data() {
+    let that = this;
+    return {
+      config: {
+        page: 1
+      },
+      data: []
+    }
+  },
+  mounted: function () {
+    console.log("jonas");
+    this.getData();
+  },
+  methods: {
+    /**
+     * Get data similar to vue Table
+     */
+    getData() {
+      let options = _.extend({}, this.config, this.options),
+        that = this;
+      console.log("GETTTTTTTTTT");
+
+      this.options.requestFunction(options)
+        .then((data) => {
+          console.log("jonas vue car view");
+          that.data = data.data;
+        })
+        .catch(() => {
+
+        });
+    },
+    /**
+     * Get data when press the button more view
+     */
+    viewMore() {
+
+    }
+  }
+}
+