Updated Components

sanam453 · sanam453 · commit 7c3d9f5b5460 · 2022-05-17T18:37:56.000-07:00
diff --git a/src/components/SoftAlert.vue b/src/components/SoftAlert.vue
@@ -25,7 +25,7 @@
 
 <script>
 export default {
-  name: "VsudAlert",
+  name: "SoftAlert",
   props: {
     color: {
       type: String,
diff --git a/src/components/SoftAvatar.vue b/src/components/SoftAvatar.vue
@@ -10,7 +10,7 @@
 
 <script>
 export default {
-  name: "VsudAvatar",
+  name: "SoftAvatar",
   props: {
     img: {
       type: String,
diff --git a/src/components/SoftBadge.vue b/src/components/SoftBadge.vue
@@ -9,7 +9,7 @@
 
 <script>
 export default {
-  name: "VsudBadge",
+  name: "SoftBadge",
   props: {
     size: {
       type: String,
diff --git a/src/components/SoftButton.vue b/src/components/SoftButton.vue
@@ -9,7 +9,7 @@
 
 <script>
 export default {
-  name: "VsudButton",
+  name: "SoftButton",
   props: {
     color: {
       type: String,
diff --git a/src/components/SoftCheckbox.vue b/src/components/SoftCheckbox.vue
@@ -15,7 +15,7 @@
 
 <script>
 export default {
-  name: "VsudCheckbox",
+  name: "SoftCheckbox",
   props: {
     name: {
       type: String,
diff --git a/src/components/SoftInput.vue b/src/components/SoftInput.vue
@@ -23,7 +23,7 @@
 
 <script>
 export default {
-  name: "VsudInput",
+  name: "SoftInput",
   props: {
     size: {
       type: String,
diff --git a/src/components/SoftPagination.vue b/src/components/SoftPagination.vue
@@ -6,7 +6,7 @@
 
 <script>
 export default {
-  name: "VsudPagination",
+  name: "SoftPagination",
   props: {
     color: {
       type: String,
diff --git a/src/components/SoftPaginationItem.vue b/src/components/SoftPaginationItem.vue
@@ -10,7 +10,7 @@
 
 <script>
 export default {
-  name: "VsudPaginationItem",
+  name: "SoftPaginationItem",
   props: {
     label: {
       type: String,
diff --git a/src/components/SoftProgress.vue b/src/components/SoftProgress.vue
@@ -10,7 +10,7 @@
 
 <script>
 export default {
-  name: "VsudProgress",
+  name: "SoftProgress",
   props: {
     color: {
       type: String,
diff --git a/src/components/SoftRadio.vue b/src/components/SoftRadio.vue
@@ -15,7 +15,7 @@
 
 <script>
 export default {
-  name: "VsudRadio",
+  name: "SoftRadio",
   props: {
     name: {
       type: String,
diff --git a/src/components/SoftSwitch.vue b/src/components/SoftSwitch.vue
@@ -16,7 +16,7 @@
 
 <script>
 export default {
-  name: "VsudSwitch",
+  name: "SoftSwitch",
   props: {
     name: {
       type: String,
diff --git a/src/components/SoftTextarea.vue b/src/components/SoftTextarea.vue
@@ -14,7 +14,7 @@
 
 <script>
 export default {
-  name: "VsudTextarea",
+  name: "SoftTextarea",
   props: {
     id: {
       type: String,
diff --git a/src/examples/Cards/MasterCard.vue b/src/examples/Cards/MasterCard.vue
@@ -32,7 +32,7 @@
             class="w-20 d-flex align-items-end justify-content-end"
             :class="$store.state.isRTL ? 'me-auto' : 'ms-auto'"
           >
-            <vsud-avatar class="w-60 mt-2" :img="img1" alt="logo" />
+            <soft-avatar class="w-60 mt-2" :img="img1" alt="logo" />
           </div>
         </div>
       </div>
@@ -41,14 +41,14 @@
 </template>
 
 <script>
-import VsudAvatar from "@/components/VsudAvatar.vue";
+import SoftAvatar from "@/components/SoftAvatar.vue";
 import img from "@/assets/img/curved-images/curved14.jpg";
 import img1 from "@/assets/img/logos/mastercard.png";
 
 export default {
   name: "MasterCard",
   components: {
-    VsudAvatar,
+    SoftAvatar,
   },
   props: {
     card: {
diff --git a/src/views/Profile.vue b/src/views/Profile.vue
@@ -207,33 +207,33 @@
             </h6>
             <ul class="list-group">
               <li class="px-0 border-0 list-group-item">
-                <vsud-switch
+                <soft-switch
                   id="flexSwitchCheckDefault"
                   name="email"
                   class="ps-0 ms-auto"
                   label-class="mb-0 text-body ms-3 text-truncate w-80"
                   checked
-                  >Email me when someone follows me</vsud-switch
+                  >Email me when someone follows me</soft-switch
                 >
               </li>
               <li class="px-0 border-0 list-group-item">
-                <vsud-switch
+                <soft-switch
                   id="flexSwitchCheckDefault1"
                   name="Email"
                   label-class="mb-0 text-body ms-3 text-truncate w-80"
                   class="ps-0 ms-auto"
-                  >Email me when someone answers on my post</vsud-switch
+                  >Email me when someone answers on my post</soft-switch
                 >
               </li>
 
               <li class="px-0 border-0 list-group-item">
-                <vsud-switch
+                <soft-switch
                   id="flexSwitchCheckDefault2"
                   name="Email"
                   label-class="mb-0 text-body ms-3 text-truncate w-80"
                   class="ps-0 ms-auto"
                   checked
-                  >Email me when someone mentions me</vsud-switch
+                  >Email me when someone mentions me</soft-switch
                 >
               </li>
             </ul>
@@ -244,31 +244,31 @@
             </h6>
             <ul class="list-group">
               <li class="px-0 border-0 list-group-item">
-                <vsud-switch
+                <soft-switch
                   id="flexSwitchCheckDefault3"
                   name="Project Launch"
                   class="ps-0 ms-auto"
                   label-class="mb-0 text-body ms-3 text-truncate w-80"
-                  >New launches and projects</vsud-switch
+                  >New launches and projects</soft-switch
                 >
               </li>
               <li class="px-0 border-0 list-group-item">
-                <vsud-switch
+                <soft-switch
                   id="flexSwitchCheckDefault4"
                   name="Product Update"
                   class="ps-0 ms-auto"
                   label-class="mb-0 text-body ms-3 text-truncate w-80"
                   checked
-                  >Monthly product updates</vsud-switch
+                  >Monthly product updates</soft-switch
                 >
               </li>
               <li class="px-0 pb-0 border-0 list-group-item">
-                <vsud-switch
+                <soft-switch
                   id="flexSwitchCheckDefault5"
                   name="Newsletter"
                   class="ps-0 ms-auto"
                   label-class="mb-0 text-body ms-3 text-truncate w-80"
-                  >Subscribe to newsletter</vsud-switch
+                  >Subscribe to newsletter</soft-switch
                 >
               </li>
             </ul>
@@ -315,7 +315,7 @@
               <li
                 class="px-0 mb-2 border-0 list-group-item d-flex align-items-center"
               >
-                <vsud-avatar
+                <soft-avatar
                   class="me-3"
                   :img="sophie"
                   alt="kal"
@@ -337,7 +337,7 @@
               <li
                 class="px-0 mb-2 border-0 list-group-item d-flex align-items-center"
               >
-                <vsud-avatar
+                <soft-avatar
                   class="me-3"
                   :img="marie"
                   alt="kal"
@@ -359,7 +359,7 @@
               <li
                 class="px-0 mb-2 border-0 list-group-item d-flex align-items-center"
               >
-                <vsud-avatar
+                <soft-avatar
                   class="me-3"
                   :img="ivana"
                   alt="kal"
@@ -381,7 +381,7 @@
               <li
                 class="px-0 mb-2 border-0 list-group-item d-flex align-items-center"
               >
-                <vsud-avatar
+                <soft-avatar
                   class="me-3"
                   :img="peterson"
                   alt="kal"
@@ -403,7 +403,7 @@
               <li
                 class="px-0 border-0 list-group-item d-flex align-items-center"
               >
-                <vsud-avatar
+                <soft-avatar
                   class="me-3"
                   :img="nick"
                   alt="kal"
@@ -540,9 +540,9 @@
 </template>
 
 <script>
-import VsudSwitch from "@/components/VsudSwitch.vue";
+import SoftSwitch from "@/components/SoftSwitch.vue";
 import ProfileInfoCard from "./components/ProfileInfoCard.vue";
-import VsudAvatar from "@/components/VsudAvatar.vue";
+import SoftAvatar from "@/components/SoftAvatar.vue";
 import sophie from "@/assets/img/kal-visuals-square.jpg";
 import marie from "@/assets/img/marie.jpg";
 import ivana from "@/assets/img/ivana-square.jpg";
@@ -568,9 +568,9 @@ import setTooltip from "@/assets/js/tooltip.js";
 export default {
   name: "ProfileOverview",
   components: {
-    VsudSwitch,
+    SoftSwitch,
     ProfileInfoCard,
-    VsudAvatar,
+    SoftAvatar,
     DefaultProjectCard,
     PlaceHolderCard,
   },
diff --git a/src/views/SignIn.vue b/src/views/SignIn.vue
@@ -26,30 +26,30 @@
                 <div class="card-body">
                   <form role="form" class="text-start">
                     <label>Email</label>
-                    <vsud-input
+                    <soft-input
                       id="email"
                       type="email"
                       placeholder="Email"
                       name="email"
                     />
                     <label>Password</label>
-                    <vsud-input
+                    <soft-input
                       id="password"
                       type="password"
                       placeholder="Password"
                       name="password"
                     />
-                    <vsud-switch id="rememberMe" name="rememberMe" checked>
+                    <soft-switch id="rememberMe" name="rememberMe" checked>
                       Remember me
-                    </vsud-switch>
+                    </soft-switch>
                     <div class="text-center">
-                      <vsud-button
+                      <soft-button
                         class="my-4 mb-2"
                         variant="gradient"
                         color="success"
                         full-width
                         >Sign in
-                      </vsud-button>
+                      </soft-button>
                     </div>
                   </form>
                 </div>
@@ -91,9 +91,9 @@
 <script>
 import Navbar from "@/examples/PageLayout/Navbar.vue";
 import AppFooter from "@/examples/PageLayout/Footer.vue";
-import VsudInput from "@/components/VsudInput.vue";
-import VsudSwitch from "@/components/VsudSwitch.vue";
-import VsudButton from "@/components/VsudButton.vue";
+import SoftInput from "@/components/SoftInput.vue";
+import SoftSwitch from "@/components/SoftSwitch.vue";
+import SoftButton from "@/components/SoftButton.vue";
 const body = document.getElementsByTagName("body")[0];
 import { mapMutations } from "vuex";
 
@@ -102,9 +102,9 @@ export default {
   components: {
     Navbar,
     AppFooter,
-    VsudInput,
-    VsudSwitch,
-    VsudButton,
+    SoftInput,
+    SoftSwitch,
+    SoftButton,
   },
   created() {
     this.toggleEveryDisplay();
diff --git a/src/views/SignUp.vue b/src/views/SignUp.vue
diff --git a/src/views/components/AuthorsTable.vue b/src/views/components/AuthorsTable.vue
diff --git a/src/views/components/InvoiceCard.vue b/src/views/components/InvoiceCard.vue
diff --git a/src/views/components/PaymentMethodsCard.vue b/src/views/components/PaymentMethodsCard.vue
diff --git a/src/views/components/ProjectsCard.vue b/src/views/components/ProjectsCard.vue
diff --git a/src/views/components/ProjectsTable.vue b/src/views/components/ProjectsTable.vue
