@icvdeveloper/common-module 0.0.49 → 0.0.51

package/dist/runtime/components/profile/tabs/GeneralInformation.vue

@@ -1,122 +1,122 @@
-<script lang="ts" setup>
-import { storeToRefs } from "pinia";
-import { ref, reactive } from "vue";
-import { useAuthStore } from "../../../store/auth";
-
-const { user } = storeToRefs(useAuthStore());
-const formData = reactive({
-  title: user.value.title,
-  name: user.value.name,
-  company: user.value.company,
-  linkedin_url: user.value.linkedin_url,
-  twitter_url: user.value.twitter_url,
-  video_chat: user.value.video_chat ?? false,
-});
-const errors = ref<[]>([]);
-const wasSaved = ref<boolean>(false);
-
-// methods
-const { update } = useAuthStore();
-
-const toggleChat = (value: boolean) => {
-  formData.video_chat = value;
-};
-
-const handleForm = () => {
-  errors.value = [];
-
-  update(formData)
-    .then(() => {
-      wasSaved.value = true;
-    })
-    .catch((error) => {
-      if (error.response === 422) {
-        errors.value = error.response.data.errors;
-      }
-    });
-};
-</script>
-
-<template>
-  <div class="flex justify-between flex-col">
-    <CommonAlertBox v-if="errors" :errors="errors" />
-
-    <div>
-      <div class="mb-4">
-        <label class="block text-grey-darker text-sm font-bold mb-2">
-          Title
-        </label>
-        <CommonTextInput
-          v-model="formData.title"
-          class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline"
-          type="text"
-          placeholder="Title"
-        />
-      </div>
-      <div class="mb-4">
-        <label class="block text-grey-darker text-sm font-bold mb-2">
-          Name
-        </label>
-        <CommonTextInput
-          v-model="formData.name"
-          class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline"
-          type="text"
-          placeholder="Name"
-        />
-      </div>
-      <div class="mb-4">
-        <label class="block text-grey-darker text-sm font-bold mb-2">
-          Company
-        </label>
-        <CommonTextInput
-          v-model="formData.company"
-          class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline"
-          type="text"
-          placeholder="Company"
-        />
-      </div>
-      <div class="mb-4">
-        <label class="block text-grey-darker text-sm font-bold mb-2">
-          LinkedIn
-        </label>
-        <CommonTextInput
-          v-model="formData.linkedin_url"
-          class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline"
-          type="text"
-          placeholder="LinkedIn URL"
-        />
-      </div>
-      <div class="mb-4">
-        <label class="block text-grey-darker text-sm font-bold mb-2">
-          Twitter
-        </label>
-        <CommonTextInput
-          v-model="formData.twitter_url"
-          class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline"
-          type="text"
-          placeholder="Twitter URL"
-        />
-      </div>
-
-      <div class="mb-4">
-        <CommonSwitchInput
-          :is-enabled="formData.video_chat"
-          @toggle="toggleChat"
-        >
-          Enable Video Chat
-        </CommonSwitchInput>
-      </div>
-    </div>
-    <div>
-      <p v-if="wasSaved" class="text-green">Your profile was saved!</p>
-
-      <button
-        class="bg-blue hover:bg-blue-dark text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
-        type="button"
-        @click="handleForm"
-      >
-        Save
-      </button>
-    </div>
-  </div>
-</template>
+<script lang="ts" setup>
+import { storeToRefs } from "pinia";
+import { ref, reactive } from "vue";
+import { useAuthStore } from "../../../store/auth";
+
+const { user } = storeToRefs(useAuthStore());
+const formData = reactive({
+  title: user.value.title,
+  name: user.value.name,
+  company: user.value.company,
+  linkedin_url: user.value.linkedin_url,
+  twitter_url: user.value.twitter_url,
+  video_chat: user.value.video_chat ?? false,
+});
+const errors = ref<[]>([]);
+const wasSaved = ref<boolean>(false);
+
+// methods
+const { update } = useAuthStore();
+
+const toggleChat = (value: boolean) => {
+  formData.video_chat = value;
+};
+
+const handleForm = () => {
+  errors.value = [];
+
+  update(formData)
+    .then(() => {
+      wasSaved.value = true;
+    })
+    .catch((error) => {
+      if (error.response === 422) {
+        errors.value = error.response.data.errors;
+      }
+    });
+};
+</script>
+
+<template>
+  <div class="flex justify-between flex-col">
+    <CommonAlertBox v-if="errors" :errors="errors" />
+
+    <div>
+      <div class="mb-4">
+        <label class="block text-grey-darker text-sm font-bold mb-2">
+          Title
+        </label>
+        <CommonTextInput
+          v-model="formData.title"
+          class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline"
+          type="text"
+          placeholder="Title"
+        />
+      </div>
+      <div class="mb-4">
+        <label class="block text-grey-darker text-sm font-bold mb-2">
+          Name
+        </label>
+        <CommonTextInput
+          v-model="formData.name"
+          class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline"
+          type="text"
+          placeholder="Name"
+        />
+      </div>
+      <div class="mb-4">
+        <label class="block text-grey-darker text-sm font-bold mb-2">
+          Company
+        </label>
+        <CommonTextInput
+          v-model="formData.company"
+          class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline"
+          type="text"
+          placeholder="Company"
+        />
+      </div>
+      <div class="mb-4">
+        <label class="block text-grey-darker text-sm font-bold mb-2">
+          LinkedIn
+        </label>
+        <CommonTextInput
+          v-model="formData.linkedin_url"
+          class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline"
+          type="text"
+          placeholder="LinkedIn URL"
+        />
+      </div>
+      <div class="mb-4">
+        <label class="block text-grey-darker text-sm font-bold mb-2">
+          Twitter
+        </label>
+        <CommonTextInput
+          v-model="formData.twitter_url"
+          class="shadow appearance-none border rounded w-full py-2 px-3 text-grey-darker leading-tight focus:outline-none focus:shadow-outline"
+          type="text"
+          placeholder="Twitter URL"
+        />
+      </div>
+
+      <div class="mb-4">
+        <CommonSwitchInput
+          :is-enabled="formData.video_chat"
+          @toggle="toggleChat"
+        >
+          Enable Video Chat
+        </CommonSwitchInput>
+      </div>
+    </div>
+    <div>
+      <p v-if="wasSaved" class="text-green">Your profile was saved!</p>
+
+      <button
+        class="bg-blue hover:bg-blue-dark text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
+        type="button"
+        @click="handleForm"
+      >
+        Save
+      </button>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/profile/tabs/ProfileImage.vue

@@ -1,75 +1,75 @@
-<script lang="ts" setup>
-import { ref, reactive } from "vue";
-import { storeToRefs } from "pinia";
-import { useAuthStore } from "../../../store/auth";
-
-const { user } = storeToRefs(useAuthStore());
-const wasSaved = ref<boolean>(false);
-const errors = ref<[]>([]);
-const formData = reactive({
-  profile_image: null,
-});
-
-// methods
-const { update } = useAuthStore();
-
-const onFileChanged = (e) => {
-  errors.value = [];
-
-  const files = e.target.files || e.dataTransfer.files;
-
-  formData.profile_image = files[0];
-
-  update(formData)
-    .then(() => {
-      wasSaved.value = true;
-    })
-    .catch((error) => {
-      if (error.response.status === 422) {
-        errors.value = error.response.data.errors;
-      }
-    });
-};
-</script>
-
-<template>
-  <div>
-    <div>
-      <CommonAlertBox :errors="errors" />
-
-      <img
-        v-if="user.profile_image"
-        :src="user.profile_image"
-        width="100"
-        height="100"
-        alt=""
-      />
-
-      <div class="overflow-hidden relative w-64 mt-4 mb-4">
-        <p v-if="wasSaved" class="text-green">Your profile Image was saved!</p>
-
-        <button
-          class="rounded bg-blue hover:bg-blue-light text-white font-bold py-2 px-4 w-full inline-flex items-center"
-        >
-          <svg
-            fill="#FFF"
-            height="18"
-            viewBox="0 0 24 24"
-            width="18"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path d="M0 0h24v24H0z" fill="none" />
-            <path d="M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" />
-          </svg>
-          <span class="ml-2">Change Profile Image</span>
-        </button>
-        <input
-          class="cursor-pointer absolute block py-2 px-4 w-full opacity-0 pin-r pin-t"
-          type="file"
-          accept="image/*"
-          @change="onFileChanged"
-        />
-      </div>
-    </div>
-  </div>
-</template>
+<script lang="ts" setup>
+import { ref, reactive } from "vue";
+import { storeToRefs } from "pinia";
+import { useAuthStore } from "../../../store/auth";
+
+const { user } = storeToRefs(useAuthStore());
+const wasSaved = ref<boolean>(false);
+const errors = ref<[]>([]);
+const formData = reactive({
+  profile_image: null,
+});
+
+// methods
+const { update } = useAuthStore();
+
+const onFileChanged = (e) => {
+  errors.value = [];
+
+  const files = e.target.files || e.dataTransfer.files;
+
+  formData.profile_image = files[0];
+
+  update(formData)
+    .then(() => {
+      wasSaved.value = true;
+    })
+    .catch((error) => {
+      if (error.response.status === 422) {
+        errors.value = error.response.data.errors;
+      }
+    });
+};
+</script>
+
+<template>
+  <div>
+    <div>
+      <CommonAlertBox :errors="errors" />
+
+      <img
+        v-if="user.profile_image"
+        :src="user.profile_image"
+        width="100"
+        height="100"
+        alt=""
+      />
+
+      <div class="overflow-hidden relative w-64 mt-4 mb-4">
+        <p v-if="wasSaved" class="text-green">Your profile Image was saved!</p>
+
+        <button
+          class="rounded bg-blue hover:bg-blue-light text-white font-bold py-2 px-4 w-full inline-flex items-center"
+        >
+          <svg
+            fill="#FFF"
+            height="18"
+            viewBox="0 0 24 24"
+            width="18"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path d="M0 0h24v24H0z" fill="none" />
+            <path d="M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" />
+          </svg>
+          <span class="ml-2">Change Profile Image</span>
+        </button>
+        <input
+          class="cursor-pointer absolute block py-2 px-4 w-full opacity-0 pin-r pin-t"
+          type="file"
+          accept="image/*"
+          @change="onFileChanged"
+        />
+      </div>
+    </div>
+  </div>
+</template>