classcard-ui 0.2.849 → 0.2.852

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.849",
+  "version": "0.2.852",
   "main": "dist/classcard-ui.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CTable/CTable.vue

@@ -7,13 +7,26 @@
     >
       <div class="flex items-center justify-between">
         <div v-if="searching" class="flex items-center">
-          <c-input
+          <!-- <c-input
             v-model="searchTerm"
             :isValidate="searching"
             :placeholder="searchPlaceholder"
             class="-mt-1 mr-3 w-auto sm:w-56"
             type="text"
-          ></c-input>
+          ></c-input> -->
+
+          <div @click="handleRowExpand">
+            <c-button-icon
+              type="rounded-hover"
+              :icon="{
+                name: 'pencil-solid',
+                type: 'solid',
+                class: 'h-5 w-5 text-gray-500',
+              }"
+              class="ml-3"
+            ></c-button-icon>
+          </div>
+
           <slot name="tableInfo"></slot>
         </div>
         <div class="flex flex-1 justify-end">
@@ -295,7 +308,7 @@ import CButtonIcon from "../CButtonIcon/CButtonIcon.vue";
 import "vue-good-table/dist/vue-good-table.css";
 import { VueGoodTable } from "vue-good-table";
 import Sortable from "@shopify/draggable/lib/es5/sortable.js";
-import CInput from "../CInput/CInput.vue";
+// import CInput from "../CInput/CInput.vue";
 import { debounce, isEqual } from "lodash-es";
 import VueSkeletonLoader from "skeleton-loader-vue";
 
@@ -307,7 +320,7 @@ export default {
     VueGoodTable,
     CPagination,
     CButtonIcon,
-    CInput,
+    // CInput,
     VueSkeletonLoader,
   },
   props: {
@@ -444,7 +457,6 @@ export default {
     sortable.on("sortable:stop", (e) => this.rearrange(e.oldIndex, e.newIndex));
     document.addEventListener("keydown", this.handleControlClick, true);
     document.addEventListener("keyup", this.handleControlRelease, true);
-    this.$refs["my-table"].expandAll();
   },
   destroyed() {
     //to remove the event listener
@@ -565,6 +577,11 @@ export default {
       this.toggleDownloadDropdown = false;
       this.$emit("handleDownloadOptionButton", value);
     },
+
+    handleRowExpand() {
+      console.log("test");
+      this.$refs["my-table"].expandAll();
+    },
   },
   watch: {
     paginationData(newValue, oldValue) {
@@ -577,6 +594,14 @@ export default {
         this.reorderedArray = newValue;
       }
     },
+    enableGrouping: {
+      handler(value) {
+        console.log(value);
+        if (value == true) {
+          this.$refs["my-table"].expandAll();
+        }
+      },
+    },
   },
 };
 </script>