classcard-ui 0.2.195 → 0.2.196

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.195",
+  "version": "0.2.196",
   "main": "dist/classcard-ui.common.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CCheckbox/CCheckbox.vue

@@ -6,7 +6,7 @@
           type="checkbox"
           v-model="checkedValue"
           class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded cursor-pointer disabled:opacity-50"
-          @change="onChange"
+          @click="changeValue"
           :disabled="isDisabled"
         />
       </div>
@@ -32,25 +32,20 @@ export default {
   },
   data() {
     return {
-      checkedValue: this.value,
+      checkedValue: this.value == 0 ? false : true,
     };
   },
   methods: {
-    onChange() {
-      if (this.checkedValue == 1) {
-        this.checkedValue = 0;
-      } else if (this.checkedValue == 0) {
-        this.checkedValue = 1;
-      }
-      this.$emit("onChange", this.checkedValue);
-    },
     changeValue() {
-      if (this.checkedValue == 1) {
-        this.checkedValue = 0;
-      } else if (this.checkedValue == 0) {
-        this.checkedValue = 1;
+      let selectedValue = 0;
+      if (this.checkedValue) {
+        this.checkedValue = false;
+        selectedValue = 0;
+      } else if (!this.checkedValue ) {
+        this.checkedValue = true;
+        selectedValue = 1;
       }
-      this.$emit("onChange", this.checkedValue);
+      this.$emit("onChange", selectedValue);
     },
   },
   watch: {

package/src/components/CIcon/CIcon.vue

@@ -20,7 +20,7 @@
     </svg>
     <svg
       v-if="name !== 'loader' && type == 'solid'"
-      :class="classes"
+      :class=                                                                                         "classes"
       class="cursor-pointer"
       :viewBox="viewBox"
       fill="currentColor"

package/src/components/CSelect/CSelect.vue

@@ -214,7 +214,8 @@ export default {
   },
   watch: {
     value() {
-      this.selectedValue = this.value !== null && this.value.option ? this.value.option : this.value;
+      this.selectedValue =
+        this.value !== null && this.value.option ? this.value.option : this.value;
     },
   },
 };

package/src/stories/CCheckbox.stories.js

@@ -7,6 +7,7 @@ export default {
   argTypes: {
     label: String,
     description: String,
+    value: Number,
   },
 };
 
@@ -20,5 +21,9 @@ export const Default = Template.bind({});
 Default.args = {
   label: "Includes",
   description: "Add subjects to include them in the package",
+  value: 1,
   isDisabled: false,
+  onChange(val) {
+    return;
+  },
 };

package/src/stories/CSelect.stories.js

@@ -33,10 +33,10 @@ Default.args = {
   hint: "Optional",
   showImage: true,
   value: {},
-  renderOptionName: "option",
+  renderOptionName: "code",
   options: [
-    { option: "one", value: "onee" },
-    { option: "two", value: "twoo" },
+    { code: "one", value: "onee" },
+    { code: "two", value: "twoo" },
   ],
   addAction: {
     label: "Add new",

package/src/stories/CTable.stories.js

@@ -22,7 +22,7 @@ export default {
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { CTable },
-  template: '<c-table @hideCols="hideCols" @showCheckbox="showCheckbox" v-bind="$props" />',
+  template: '<c-table @hideCols="hideCols" @showCheckbox="showCheckbox" @reordered="handleReorder" v-bind="$props" />',
 });
 
 export const Default = Template.bind({});
@@ -41,28 +41,11 @@ Default.args = {
   showHideColumnList: [
     { label: "", field: "drag", hidden: false },
     {
-      label: "Make",
-      field: "make",
+      label: "Mode",
+      field: "mode",
       hidden: false,
       sortable: true,
-    },
-    { label: "Model", field: "modal", hidden: false, sortable: true },
-    { label: "Staff", field: "staff", hidden: false },
-    { label: "CRR", field: "crr", hidden: false, sortable: true },
-    { label: "Switch", field: "switch", hidden: false },
-    { label: "Icon", field: "color", hidden: false },
-    { label: "", field: "drag", hidden: false },
-    {
-      label: "Make",
-      field: "make",
-      hidden: false,
-      sortable: true,
-    },
-    { label: "Model", field: "modal", hidden: false, sortable: true },
-    { label: "Staff", field: "staff", hidden: false },
-    { label: "CRR", field: "crr", hidden: false, sortable: true },
-    { label: "Switch", field: "switch", hidden: false },
-    { label: "Icon", field: "color", hidden: false },
+    }
   ],
   rows: [{"id":5,"mode":"ATM Machine 1","sort_order":2,"status":1,"rcInstitutionID":82,"created_at":"2020-09-02T12:53:09.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":11,"mode":"QA 1","sort_order":3,"status":1,"rcInstitutionID":82,"created_at":"2020-09-04T09:57:47.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":7,"mode":"ATM Machine 2","sort_order":4,"status":1,"rcInstitutionID":82,"created_at":"2020-09-04T09:45:47.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":18,"mode":"QA 3","sort_order":8,"status":1,"rcInstitutionID":82,"created_at":"2020-09-04T10:05:15.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":12,"mode":"QA 2","sort_order":21,"status":1,"rcInstitutionID":82,"created_at":"2020-09-04T09:57:55.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":15,"mode":"QA 4","sort_order":22,"status":1,"rcInstitutionID":82,"created_at":"2020-09-04T10:00:23.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":162,"mode":"Yes bank","sort_order":62,"status":1,"rcInstitutionID":82,"created_at":"2020-11-18T09:22:43.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":163,"mode":"SBI bank","sort_order":63,"status":1,"rcInstitutionID":82,"created_at":"2020-11-18T09:33:17.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":164,"mode":"BOB bank","sort_order":64,"status":1,"rcInstitutionID":82,"created_at":"2020-11-18T09:35:12.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"},{"id":165,"mode":"PNB bank","sort_order":65,"status":1,"rcInstitutionID":82,"created_at":"2020-11-18T09:55:16.000000Z","updated_at":"2021-11-25T13:13:56.000000Z"}],
   pagination: true,
@@ -85,4 +68,10 @@ Default.args = {
       Default.args.cols[0].hidden = true;
     }
   },
+  handleReorder(val) {
+    Default.args.rows = val;
+    val.forEach((item, index) => {
+      console.log(item);
+    });
+  }
 };