Liste métier autorisé, vue postulations, corrections documents

canapGEST/Site/src/store/modules/user/actions.js

@@ -15,6 +15,10 @@ export function login() {
     })
 }
 
+export function logout() {
+  localStorage.removeItem('stored_token');
+}
+
 export function getUserData(context) {
   return new Promise((resolve, reject) => {
     axios({
@@ -31,6 +35,15 @@ export function getUserData(context) {
   })
 }
 
-export function logout() {
-  localStorage.removeItem('stored_token');
+export function getUserPermittedJobs(context) {
+  axios({
+    method: 'get',
+    url: '/user/permittedjobs'
+  })
+    .then(response => {
+      context.commit('setPermittedJobs', response.data)
+    })
+    .catch(err => {
+      console.log(err)
+    })
 }
\ No newline at end of file

canapGEST/Site/src/store/modules/user/mutations.js

 export function setUserData (state, data) {
   state.userData = data
+}
+
+export function setPermittedJobs (state, data) {
+  state.permittedJobs = data
 }
\ No newline at end of file

canapGEST/Site/src/store/modules/user/state.js

 export default {
   userData: {
     tequila: {
-        firstname: String,
-        name: String,
-        group: String,
-        user: String,
-        sciper: String
+      firstname: String,
+      name: String,
+      group: String,
+      user: String,
+      sciper: String
     },
     role: String,
     permissions: []
-}
+  },
+  permittedJobs: []
 }
\ No newline at end of file

canapGEST/Site/src/views/ApplicationView.vue

 <template>
   <div id="application-view">
     <h1>Postulation id: {{$route.params.id}}</h1>
+    <v-container fluid grid-list-sm>
+      <v-layout row wrap>
+      <v-flex d-flex xs12 sm9>
+          <v-card color="red lighten-2" dark tile flat>
+            <v-card-text>teststs</v-card-text>
+          </v-card>
+        </v-flex>
+
+        <v-flex d-flex xs12 sm3>
+          <v-card color="red lighten-2" dark tile flat>
+            <v-card-text>test</v-card-text>
+          </v-card>
+        </v-flex>
+      </v-layout>
+    </v-container>
+      <!-- <v-card class="mx-auto" max-width="400">
+        <v-card dark flat>
+          <v-btn absolute bottom color="pink" right fab>
+            <v-icon>mdi-plus</v-icon>
+          </v-btn>
+          <v-card-title class="pa-2 purple lighten-3">
+            <v-btn icon>
+              <v-icon>mdi-menu</v-icon>
+            </v-btn>
+            <h3 class="title font-weight-light text-xs-center grow">Timeline</h3>
+            <v-avatar>
+              <v-img
+                src="https://avataaars.io/?avatarStyle=Circle&topType=LongHairStraight&accessoriesType=Blank&hairColor=BrownDark&facialHairType=Blank&clotheType=BlazerShirt&eyeType=Default&eyebrowType=Default&mouthType=Default&skinColor=Light"
+              ></v-img>
+            </v-avatar>
+          </v-card-title>
+          <v-img
+            src="https://cdn.vuetifyjs.com/images/cards/forest.jpg"
+            gradient="to top, rgba(0,0,0,.44), rgba(0,0,0,.44)"
+          >
+            <v-container fill-height>
+              <v-layout align-center>
+                <strong class="display-4 font-weight-regular mr-4">8</strong>
+                <v-layout column justify-end>
+                  <div class="headline font-weight-light">Monday</div>
+                  <div class="text-uppercase font-weight-light">February 2015</div>
+                </v-layout>
+              </v-layout>
+            </v-container>
+          </v-img>
+        </v-card>
+        <v-card-text class="py-0">
+          <v-timeline align-top dense>
+            <v-timeline-item color="pink" small>
+              <v-layout pt-3>
+                <v-flex xs3>
+                  <strong>5pm</strong>
+                </v-flex>
+                <v-flex>
+                  <strong>New Icon</strong>
+                  <div class="caption">Mobile App</div>
+                </v-flex>
+              </v-layout>
+            </v-timeline-item>
+
+            <v-timeline-item color="teal lighten-3" small>
+              <v-layout wrap pt-3>
+                <v-flex xs3>
+                  <strong>3-4pm</strong>
+                </v-flex>
+                <v-flex>
+                  <strong>Design Stand Up</strong>
+                  <div class="caption mb-2">Hangouts</div>
+                  <v-avatar>
+                    <v-img
+                      src="https://avataaars.io/?avatarStyle=Circle&topType=LongHairFrida&accessoriesType=Kurt&hairColor=Red&facialHairType=BeardLight&facialHairColor=BrownDark&clotheType=GraphicShirt&clotheColor=Gray01&graphicType=Skull&eyeType=Wink&eyebrowType=RaisedExcitedNatural&mouthType=Disbelief&skinColor=Brown"
+                    ></v-img>
+                  </v-avatar>
+                  <v-avatar>
+                    <v-img
+                      src="https://avataaars.io/?avatarStyle=Circle&topType=ShortHairFrizzle&accessoriesType=Prescription02&hairColor=Black&facialHairType=MoustacheMagnum&facialHairColor=BrownDark&clotheType=BlazerSweater&clotheColor=Black&eyeType=Default&eyebrowType=FlatNatural&mouthType=Default&skinColor=Tanned"
+                    ></v-img>
+                  </v-avatar>
+                  <v-avatar>
+                    <v-img
+                      src="https://avataaars.io/?avatarStyle=Circle&topType=LongHairMiaWallace&accessoriesType=Sunglasses&hairColor=BlondeGolden&facialHairType=Blank&clotheType=BlazerSweater&eyeType=Surprised&eyebrowType=RaisedExcited&mouthType=Smile&skinColor=Pale"
+                    ></v-img>
+                  </v-avatar>
+                </v-flex>
+              </v-layout>
+            </v-timeline-item>
+
+            <v-timeline-item color="pink" small>
+              <v-layout pt-3>
+                <v-flex xs3>
+                  <strong>12pm</strong>
+                </v-flex>
+                <v-flex>
+                  <strong>Lunch break</strong>
+                </v-flex>
+              </v-layout>
+            </v-timeline-item>
+
+            <v-timeline-item color="teal lighten-3" small>
+              <v-layout pt-3>
+                <v-flex xs3>
+                  <strong>9-11am</strong>
+                </v-flex>
+                <v-flex>
+                  <strong>Finish Home Screen</strong>
+                  <div class="caption">Web App</div>
+                </v-flex>
+              </v-layout>
+            </v-timeline-item>
+          </v-timeline>
+        </v-card-text>
+      </v-card> -->
   </div>
 </template>
 
 <script>
 export default {
-  name: 'application-view'
+  name: 'application-view',
 }
 </script>
 

canapGEST/Site/src/views/ApplicationsView.vue

@@ -7,6 +7,7 @@
       </pre>-->
       <v-card-title>
         Métier
+        {{$store.state.moduleUser.permittedJobs}}
         <v-spacer></v-spacer>
         <v-text-field
           v-model="search"
@@ -26,7 +27,6 @@
       >
         <template v-slot:items="props">
           <!-- :active="props.selected" @click="props.selected = !props.selected" -->
-          <!-- @click="navigateTo(props.item.applicant_id)" -->
           <tr>
             <td>
               <v-checkbox :input-value="props.selected" primary hide-details></v-checkbox>
@@ -44,6 +44,14 @@
             <td>{{ props.item.applicant_scolarity_end }}</td>
             <td>{{ props.item.applicant_application_date }}</td>
             <td></td>
+            <td>
+              <v-tooltip bottom>
+                <template v-slot:activator="{ on }">
+                  <v-icon @click="navigateTo(props.item.applicant_id)" v-on="on">pageview</v-icon>
+                </template>
+                <span>Consulter</span>
+              </v-tooltip>
+            </td>
           </tr>
         </template>
       </v-data-table>
@@ -60,6 +68,7 @@ export default {
   data() {
     return {
       loaded: false,
+      jobFilter: null,
       search: '',
       pagination: {},
       selected: [],
@@ -76,7 +85,8 @@ export default {
         { text: 'Langues', value: 'applicant_languages', sortable: false },
         { text: 'Fin de scolarité', value: 'applicant_scolarity_end' },
         { text: 'Date postulation', value: 'applicant_application_date' },
-        { text: 'Indication', value: 'indication' },
+        { text: 'Indications', value: 'indications' },
+        { text: 'Actions', value: 'actions', sortable: false },
       ]
     }
   },
@@ -92,9 +102,10 @@ export default {
   methods: {
     loadApplications() {
       this.$store.dispatch('moduleApplications/getApplications')
+      this.$store.dispatch('moduleUser/getUserPermittedJobs')
       // this.loaded = true
     },
-    navigateTo (id) {
+    navigateTo(id) {
       this.$router.push('/application/' + id)
     }
   }