Merge branch 'master' of http://projectcs.sci.ubu.ac.th/Kittisak162/co-op-search

resources/js/layouts/EmployerLayout.vue

 <template>
   <div>
     <Toolbar page="employer"></Toolbar>
-    <v-content class="mt-5">
-      <v-container fluid>
-        <v-layout>
+    <v-content class="my-0">
+      <v-container fluid white>
+        <v-layout >
           <v-flex xs10 offset-xs1>
             <v-card flat height="600px">
               <router-view></router-view>

resources/js/route.js

@@ -10,6 +10,7 @@ import Home from './views/Home.vue';
 import Account from './views/Account.vue';
 import LoginEmployer from './views/LoginEmployer.vue';
 import PageNotFound from './views/PageNotFound.vue';
+import Addjob from './views/Addjob.vue';
 
 export default new VueRouter({
   mode: 'history',
@@ -24,6 +25,11 @@ export default new VueRouter({
           name: 'loginEmployer',
           component: LoginEmployer
         },
+        {
+          path: 'addjob',
+          name: 'addjob',
+          component: Addjob
+        },
         {
           path: '*',
           name: '404Employer',

resources/js/views/Addjob.vue

+<template>
+    <div>
+        <h2 class="font-weight-bold">ข้อมูลบริษัท</h2>
+        <v-layout row wrap class="border-div pa-0">
+            <v-flex sm12>
+                <v-layout row wrap class="borderbottom pa-3">                           
+                    <v-flex sm3 xs12>
+                        <v-layout align-center justify-center fill-height>
+                            <img src="https://asianinteriorservices.com/wp-content/uploads/2018/04/noImg.png" alt="" width="180">
+                        </v-layout>
+                    </v-flex>
+                    <v-flex sm9 xs12>
+                        <v-layout row xs12 class="my-3">
+                            <v-flex sm6 xs12 class="px-3">
+                                <label class="font-weight-bold">ชื่อบริษัท <span class="red--text">&nbsp;*</span></label>
+                                <input type="text" placeholder="ชื่อบริษัท"  class="form-control form-control-sm my-1">
+                                <label class="font-weight-bold">ชื่อผู้ติดต่อ <span class="red--text">&nbsp;*</span></label>
+                                <input type="text" placeholder="ชื่อผู้ติดต่อ" class="form-control form-control-sm my-1">
+                            </v-flex>
+                            <v-flex sm6 xs12 class="px-3">
+                                <label class="font-weight-bold">เบอร์ผู้ติดต่อ <span class="red--text">&nbsp;*</span></label>
+                                <input type="text" placeholder="เบอร์ผู้ติดต่อ"  class="form-control form-control-sm my-1">
+                                <label class="font-weight-bold">อีเมล <span class="red--text">&nbsp;*</span></label>
+                                <input type="text" placeholder="อีเมล"  class="form-control form-control-sm my-1">
+                            </v-flex>
+                            
+                        </v-layout>
+                    </v-flex>
+                </v-layout>
+            </v-flex>
+            <v-flex sm12>
+                <v-layout row wrap class="borderbottom pa-3">  
+                    <v-flex sm6 xs12 class="px-3">
+                        <label class="font-weight-bold">ที่อยู่ <span class="red--text">&nbsp;*</span></label>
+                        <v-textarea
+                            outline
+                            label="ที่อยู่"
+                        ></v-textarea>
+                    </v-flex>
+                    <v-flex sm6 xs12 class="px-3">
+                        <label class="font-weight-bold">ที่อยู่ <span class="red--text">&nbsp;*</span></label>
+                        <v-textarea
+                            outline
+                            label="ที่อยู่"
+                        ></v-textarea>
+                    </v-flex>
+                </v-layout>
+            </v-flex>
+            
+        </v-layout>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+    .borderbottom{
+        border-bottom: 1px dotted #dcdcdc ;
+    }
+    .border-div{
+        border:1px solid #dcdcdc;
+        border-radius: 5px;
+    }
+    input {
+        overflow: visible;
+    }
+    .bd-example>.form-control+.form-control {
+        margin-top: .5rem;
+    }
+    .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
+        padding-right: 0;
+        padding-left: 0;
+    }
+
+    .form-control-sm {
+        height: calc(1.0em + 0.5rem + 1px);
+        padding: 0.15rem 0.5rem;
+        font-size: 0.7rem;
+        line-height: 1.5;
+        border-radius: 0.3rem;
+    }
+    .form-control {
+        display: block;
+        width: 100%;
+        height: calc(1.5em + 0.75rem + 2px);
+        padding: 0.375rem 0.75rem;
+        font-size: 1rem;
+        font-weight: 400;
+        line-height: 1.5;
+        color: #495057;
+        background-color: #fff;
+        background-clip: padding-box;
+        border: 1px solid #ced4da;
+        border-radius: 0.25rem;
+        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+        }
+
+        @media (prefers-reduced-motion: reduce) {
+        .form-control {
+            transition: none;
+        }
+        }
+
+        .form-control::-ms-expand {
+        background-color: transparent;
+        border: 0;
+        }
+
+        .form-control:focus {
+        color: #495057;
+        background-color: #fff;
+        border-color: #80bdff;
+        outline: 0;
+        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+        }
+
+        .form-control::-webkit-input-placeholder {
+        color: #6c757d;
+        opacity: 1;
+        }
+
+        .form-control::-moz-placeholder {
+        color: #6c757d;
+        opacity: 1;
+        }
+
+        .form-control:-ms-input-placeholder {
+        color: #6c757d;
+        opacity: 1;
+        }
+
+        .form-control::-ms-input-placeholder {
+        color: #6c757d;
+        opacity: 1;
+        }
+
+        .form-control::placeholder {
+        color: #6c757d;
+        opacity: 1;
+        }
+
+        .form-control:disabled, .form-control[readonly] {
+        background-color: #e9ecef;
+        opacity: 1;
+        }
+
+        select.form-control:focus::-ms-value {
+        color: #495057;
+        background-color: #fff;
+        }
+
+        .form-control-file,
+        .form-control-range {
+        display: block;
+        width: 100%;
+        }
+</style>
+