Edit Company

package-lock.json

@@ -5507,6 +5507,11 @@
                 "object-visit": "^1.0.0"
             }
         },
+        "marker-clusterer-plus": {
+            "version": "2.1.4",
+            "resolved": "https://registry.npmjs.org/marker-clusterer-plus/-/marker-clusterer-plus-2.1.4.tgz",
+            "integrity": "sha1-+O/3TVmdqzt9Dj/tUmTqDnBPXWc="
+        },
         "md5": {
             "version": "2.2.1",
             "resolved": "https://registry.npmjs.org/md5/-/md5-2.2.1.tgz",
@@ -8816,6 +8821,30 @@
             "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
             "dev": true
         },
+        "vue2-google-maps": {
+            "version": "0.10.6",
+            "resolved": "https://registry.npmjs.org/vue2-google-maps/-/vue2-google-maps-0.10.6.tgz",
+            "integrity": "sha512-4EbUlPAKb/UL3AFykH8EfL9BNqvS0QmsEwUo/IUaOvOC4UXFdKtbHWC3TkHUIL8kvlgHVagW6aEvTQ8aGcPJrg==",
+            "requires": {
+                "babel-runtime": "^5.8.0",
+                "marker-clusterer-plus": "^2.1.4"
+            },
+            "dependencies": {
+                "babel-runtime": {
+                    "version": "5.8.38",
+                    "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-5.8.38.tgz",
+                    "integrity": "sha1-HAsC62MxL18If/IEUIJ7QlydTBk=",
+                    "requires": {
+                        "core-js": "^1.0.0"
+                    }
+                },
+                "core-js": {
+                    "version": "1.2.7",
+                    "resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz",
+                    "integrity": "sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY="
+                }
+            }
+        },
         "vuetify": {
             "version": "1.5.7",
             "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-1.5.7.tgz",

package.json

@@ -24,6 +24,7 @@
         "iview": "^3.4.0",
         "validate.js": "^0.12.0",
         "vue-router": "^3.0.2",
+        "vue2-google-maps": "^0.10.6",
         "vuetify": "^1.5.7",
         "vuex": "^3.1.0"
     }

resources/js/route.js

@@ -12,7 +12,7 @@ import Account from './views/Account.vue';
 import Employer from './views/Employer.vue';
 import LoginEmployer from './views/LoginEmployer.vue';
 import PageNotFound from './views/PageNotFound.vue';
-import Addjob from './views/Addjob.vue';
+import EditCompany from './views/EditCompany.vue';
 import RegisterEmployer from './views/RegisterEmployer';
 import ManagejobEmployer from './views/managejob.vue'
 
@@ -45,9 +45,9 @@ const router = new VueRouter({
           component: ManagejobEmployer
         },
         {
-          path: 'addjob',
-          name: 'addjob',
-          component: Addjob
+          path: 'editcompany',
+          name: 'editcompany',
+          component: EditCompany
         },
         {
           path: '*',

resources/js/views/Addjob.vue → resources/js/views/EditCompany.vue

 <template>
     <div>
         <v-layout row wrap class="border-div pa-0 my-3">
-            <v-flex xs12 sm12 class="pa-3">
-                <h2 class="font-weight-bold red--text">ข้อมูลบริษัท</h2>
+            <v-flex xs12 sm12 class="pa-3 font-weight-bold title">
+                <v-icon color="black">business</v-icon> ข้อมูลบริษัท
             </v-flex>
             <v-form enctype="multipart/form-data" @submit.prevent="createJob()" ref="create">
                 <v-flex sm12 xs12>
@@ -137,16 +137,17 @@
                                     <input type="file" accept="image/*" class="input-file" ref="inputFileMap" @change="selectFileMap">
                                     <v-btn color="deep-orange darken-4" class="px-2" small outline @click="$refs.inputFileMap.click()"><v-icon>file_copy</v-icon>&nbsp;เลือกไฟล์</v-btn>
                                     <v-btn color="error" v-if="srcImageMap" @click="srcImageMap = null">ลบรูปภาพ</v-btn>
-                                    <img :src="srcImageMap" alt="">
+                                    {{ nameImage }}
                                 </v-flex>                            
                                 <v-flex sm12 xs12>
-                                    <GmapAutocomplete type="text" @place_changed="setPlace">
+                                    <GmapAutocomplete class="form-control form-control-sm my-1" placeholder="ป้อนตำแหน่งใกล้เคียง" @place_changed="setPlace">
                                     </GmapAutocomplete>
                                 </v-flex>                             
                                 <v-flex sm12 xs12>
                                     <GmapMap v-if="this.place" style="width: 400px; height: 200px;" :zoom="15" :center="{lat: lat, lng: long}">
                                         <GmapMarker
                                             :position="{lat: lat, lng: long}"
+                                            :draggable="true"
                                             @dragend="dragMarker"
                                         />
                                     </GmapMap>
@@ -200,8 +201,10 @@
                             <span class="red--text">หมายเหตุ : </span>
                             <span >เพื่อความสะดวกในการเดินทางของผู้สมัครงาน กรุณาระบุสถานีรถไฟฟ้าที่ใกล้กับสถานที่ปฏิบัติงาน (ถ้ามี) หรือระบุสายรถเมล์ที่ผ่านสถานที่ประกอบการ และระบุการเดินทางเพิ่มเติม เพื่อให้เข้าใจในการเดินทางมากยิ่งขึ้น</span>
                         </v-flex>
+                        <v-layout row wrap justify-center class="my-2">
+                            <v-btn color="red" dark="" type="submit">บันทึกข้อมูล</v-btn>
+                        </v-layout>
                     </v-layout>
-                    <v-btn color="success" type="submit">text</v-btn>
                     <!-- <v-layout row wrap class="borderbottom"> 
                         <v-flex sm6 xs12 class="pa-3">
                             <h2 class="font-weight-bold my-2"><span class="red--text">&nbsp;รายละเอียดงาน</span></h2>
@@ -373,6 +376,7 @@ export default {
             status: 'ยังไม่ได้เลือกไฟล์',
             srcImage: 'https://asianinteriorservices.com/wp-content/uploads/2018/04/noImg.png',
             srcImageMap: null,
+            nameImage: null,
             rules: {
                 required: v => !!v || 'จำเป็นต้องกรอก',
                 email: v => /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(v) || 'รูปแบบอีเมลล์ไม่ถูกต้อง'
@@ -501,6 +505,7 @@ export default {
         },
         selectFileMap (e) {
             const file = e.target.files
+            this.nameImage = file[0].name
             if (!file.length) {
                 return
             }