Add new layout to vrp

src/components/SidebarPlugin/SideBar.vue

@@ -2,10 +2,10 @@
   <div class="sidebar" :data="backgroundColor">
     <div class="sidebar-wrapper" ref="sidebarScrollArea">
       <div class="logo">
-        <a href="http://www.creative-tim.com" class="simple-text logo-mini">
+        <a href="http://proyectovip.icesi.edu.co/index.html#/dashboard" class="simple-text logo-mini">
           <img :src="logo" alt="app-logo" />
         </a>
-        <a href="http://www.creative-tim.com" class="simple-text logo-normal">
+        <a href="http://proyectovip.icesi.edu.co/index.html#/dashboard" class="simple-text logo-normal">
           {{ title }}
         </a>
       </div>

src/pages/Forms/Wizard.vue

@@ -4,7 +4,7 @@
       <div class="col-md-10">
         <simple-wizard>
           <template slot="header">
-            <h3 class="card-title">Build your profile</h3>
+            <h3 class="card-title">Contact us</h3>
             <h3 class="description">
               This information will let us know more about you.
             </h3>
@@ -21,33 +21,13 @@
             ></first-step>
           </wizard-tab>
 
-          <wizard-tab :before-change="() => validateStep('step2')">
-            <template slot="label">
-              <i class="tim-icons icon-settings-gear-63"></i>
-              <p>Account</p>
-            </template>
-            <second-step
-              ref="step2"
-              @on-validated="onStepValidated"
-            ></second-step>
-          </wizard-tab>
-
-          <wizard-tab :before-change="() => validateStep('step3')">
-            <template slot="label">
-              <i class="tim-icons icon-delivery-fast"></i>
-              <p>Address</p>
-            </template>
-            <third-step ref="step3"></third-step>
-          </wizard-tab>
         </simple-wizard>
       </div>
     </div>
   </div>
 </template>
 <script>
 import FirstStep from './Wizard/FirstStep.vue';
-import SecondStep from './Wizard/SecondStep.vue';
-import ThirdStep from './Wizard/ThirdStep.vue';
 import swal from 'sweetalert2';
 import { SimpleWizard, WizardTab } from 'src/components';
 
@@ -59,8 +39,6 @@ export default {
   },
   components: {
     FirstStep,
-    SecondStep,
-    ThirdStep,
     SimpleWizard,
     WizardTab
   },

src/pages/Forms/Wizard/FirstStep.vue

@@ -52,15 +52,25 @@
       </div>
       <div class="col-sm-10">
         <base-input
-          name="address"
-          placeholder="Address"
-          v-model="model.address"
-          v-validate="modelValidations.address"
-          :error="getError('address')"
+          name="university"
+          placeholder="University"
+          v-model="model.university"
+          v-validate="modelValidations.university"
+          :error="getError('university')"
           addon-left-icon="tim-icons icon-square-pin"
         >
         </base-input>
       </div>
+      <div class="col-sm-7">
+      <base-input
+        label="Comments"
+        name="comments"
+        v-model="model.comments"
+        :error="getError('comments')"
+        v-validate="modelValidations.comments"
+      >
+      </base-input>
+    </div>
     </div>
   </div>
 </template>
@@ -73,7 +83,8 @@ export default {
         lastName: '',
         email: '',
         phone: '',
-        address: ''
+        university: '',
+        comments: ''
       },
       modelValidations: {
         firstName: {
@@ -91,7 +102,10 @@ export default {
         phone: {
           required: true,
           numeric: true
-        }
+        },
+        comments: {
+          required: true
+        },
       }
     };
   },

src/pages/Forms/Wizard/SecondStep.vue

@@ -1,36 +1,76 @@
 <template>
-  <div>
-    <h5 class="info-text">Who are you? (Fileinput)</h5>
-    <div class="row justify-content-center">
-      <div class="col-lg-10 text-center">
-        <image-upload @change="onFileChange"></image-upload>
-      </div>
+  <div class="row justify-content-center">
+    <div class="col-sm-12">
+      <h5 class="info-text">Are you living in a nice area?</h5>
     </div>
+    <div class="col-sm-7">
+      <base-input
+        label="Comments"
+        name="street name"
+        v-model="model.street"
+        :error="getError('street name')"
+        v-validate="modelValidations.street"
+      >
+      </base-input>
+    </div>
+
+
+
   </div>
 </template>
 <script>
-import { ImageUpload } from 'src/components';
+import { Select, Option } from 'element-ui';
 
 export default {
   components: {
-    ImageUpload
+    [Select.name]: Select,
+    [Option.name]: Option
   },
   data() {
     return {
       model: {
-        file: null
+        street: '',
+        streetNo: '',
+        city: '',
+        country: ''
+      },
+      countryOptions: [
+        'Australia',
+        'Germany',
+        'Netherlands',
+        'USA',
+        'UK',
+        'New Zealand'
+      ],
+      modelValidations: {
+        street: {
+          required: true,
+          min: 5
+        },
+        streetNo: {
+          required: true,
+          min: 5
+        },
+        city: {
+          required: true
+        },
+        country: {
+          required: true
+        }
       }
     };
   },
   methods: {
-    onFileChange(file) {
-      this.file = file;
+    getError(fieldName) {
+      return this.errors.first(fieldName);
     },
     validate() {
-      this.$emit('on-validated', true, this.model);
-      return Promise.resolve(true);
+      return this.$validator.validateAll().then(res => {
+        this.$emit('on-validated', res, this.model);
+        return res;
+      });
     }
   }
 };
 </script>
-<style></style>
+<style></style>

src/pages/Forms/Wizard/ThirdStep.vue

@@ -1,110 +1,34 @@
 <template>
-  <div class="row justify-content-center">
-    <div class="col-sm-12">
-      <h5 class="info-text">Are you living in a nice area?</h5>
-    </div>
-    <div class="col-sm-7">
-      <base-input
-        label="Street Name"
-        name="street name"
-        v-model="model.street"
-        :error="getError('street name')"
-        v-validate="modelValidations.street"
-      >
-      </base-input>
-    </div>
-    <div class="col-sm-3">
-      <base-input
-        label="Street No"
-        name="street number"
-        v-model="model.streetNo"
-        :error="getError('street number')"
-        v-validate="modelValidations.streetNo"
-      >
-      </base-input>
-    </div>
-    <div class="col-sm-5">
-      <base-input
-        label="City"
-        name="city"
-        v-model="model.city"
-        :error="getError('city')"
-        v-validate="modelValidations.city"
-      >
-      </base-input>
-    </div>
-    <div class="col-sm-5">
-      <label>Country</label>
-      <base-input :error="getError('country')">
-        <el-select
-          v-model="model.country"
-          class="select-primary"
-          name="country"
-          v-validate="modelValidations.country"
-        >
-          <el-option
-            v-for="country in countryOptions"
-            class="select-primary"
-            :label="country"
-            :value="country"
-            :key="country"
-          ></el-option>
-        </el-select>
-      </base-input>
+  <div>
+    <h5 class="info-text">Who are you? (Fileinput)</h5>
+    <div class="row justify-content-center">
+      <div class="col-lg-10 text-center">
+        <image-upload @change="onFileChange"></image-upload>
+      </div>
     </div>
   </div>
 </template>
 <script>
-import { Select, Option } from 'element-ui';
+import { ImageUpload } from 'src/components';
 
 export default {
   components: {
-    [Select.name]: Select,
-    [Option.name]: Option
+    ImageUpload
   },
   data() {
     return {
       model: {
-        street: '',
-        streetNo: '',
-        city: '',
-        country: ''
-      },
-      countryOptions: [
-        'Australia',
-        'Germany',
-        'Netherlands',
-        'USA',
-        'UK',
-        'New Zealand'
-      ],
-      modelValidations: {
-        street: {
-          required: true,
-          min: 5
-        },
-        streetNo: {
-          required: true,
-          min: 5
-        },
-        city: {
-          required: true
-        },
-        country: {
-          required: true
-        }
+        file: null
       }
     };
   },
   methods: {
-    getError(fieldName) {
-      return this.errors.first(fieldName);
+    onFileChange(file) {
+      this.file = file;
     },
     validate() {
-      return this.$validator.validateAll().then(res => {
-        this.$emit('on-validated', res, this.model);
-        return res;
-      });
+      this.$emit('on-validated', true, this.model);
+      return Promise.resolve(true);
     }
   }
 };

src/pages/Pages/UserProfile/EditProfileForm.vue

@@ -122,8 +122,8 @@ export default {
         company: 'Creative Code Inc.',
         username: 'michael23',
         email: '',
-        firstName: 'Mike',
-        lastName: 'Andrew',
+        firstName: 'CLAUDIA JOHANA',
+        lastName: 'AGUDELO ARANGO',
         address: 'Bld Mihail Kogalniceanu, nr. 8 Bl 1, Sc 1, Ap 09',
         city: 'New York',
         country: 'USA',

src/pages/Pages/UserProfile/UserCard.vue

@@ -7,32 +7,28 @@
       <div class="block block-three"></div>
       <div class="block block-four"></div>
       <a href="javascript:void(0)">
-        <img class="avatar" src="img/emilyz.jpg" alt="..." />
-        <h5 class="title">Mike Andrew</h5>
+        <img class="avatar" src="https://cdn.icon-icons.com/icons2/1369/PNG/512/-person_90382.png" alt="..." />
+          <h5 class="title">{{name}}</h5>
       </a>
-      <p class="description">Ceo/Co-Founder</p>
+      <p class="description">{{carrer}}</p>
     </div>
-    <p></p>
-    <div class="card-description">
-      Do not be scared of the truth because we need to restart the human
-      foundation in truth And I love you like Kanye loves Kanye I love Rick
-      Owens’ bed design but the back is...
-    </div>
-
-    <div slot="footer" class="button-container">
-      <base-button class="btn-facebook" icon round>
-        <i class="fab fa-facebook"></i>
-      </base-button>
-      <base-button class="btn-twitter" icon round>
-        <i class="fab fa-twitter"></i>
+    <!--<div slot="footer" class="button-container">
+      <base-button class="btn-linkedin" icon round>
+        <i class="fab fa-linkedin" ><a  href="https://www.linkedin.com/feed/"></a></i>
       </base-button>
-      <base-button class="btn-google" icon round>
-        <i class="fab fa-google-plus"></i>
-      </base-button>
-    </div>
+    </div>-->
   </card>
 </template>
 <script>
-export default {};
+
+export default {
+  props: {
+    name: String,
+    carrer: String,
+    img: String,
+    link: String
+  },
+
+};
 </script>
 <style></style>