From b8690bbc9ef4e8c9c32d070942ea9e1797811e49 Mon Sep 17 00:00:00 2001
From: Neeraj Sharma <neeraj.sharma@viithiisys.com>
Date: Mon, 11 Nov 2019 19:06:23 +0530
Subject: [PATCH] implement create issue in library

---
 src/Services/http.js        |   2 +-
 src/pages/Library/books.vue |  11 +-
 src/pages/Library/eBook.vue |   3 +-
 src/pages/Library/issue.vue | 257 +++++++++++++++++++++++---------------------
 4 files changed, 145 insertions(+), 128 deletions(-)

diff --git a/src/Services/http.js b/src/Services/http.js
index 9c3448e..40d6e16 100644
--- a/src/Services/http.js
+++ b/src/Services/http.js
@@ -3,7 +3,7 @@ import store from '@/store/store'
 
 export default () => {
     return axios.create({
-        // baseURL: 'http://192.168.4.220:3002/v1',
+        // baseURL: 'http://192.168.2.221:3002/v1',/
         baseURL: 'http://13.234.251.173:8001/v1',
         headers: {
             Authorization: `Bearer ${store.state.token}`
diff --git a/src/pages/Library/books.vue b/src/pages/Library/books.vue
index b44c94e..5fea4f9 100644
--- a/src/pages/Library/books.vue
+++ b/src/pages/Library/books.vue
@@ -62,7 +62,7 @@
                       </v-layout>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
-                          <label class="right pr-2">Subject Code :</label>
+                          <label class="right pr-2">Subject Code:</label>
                         </v-flex>
                         <v-flex xs8>
                           <v-text-field
@@ -89,6 +89,7 @@
                         <v-flex xs8>
                           <v-text-field
                             v-model="editedItem.quantity"
+                            type="number"
                             placeholder="fill your Quantity"
                           ></v-text-field>
                         </v-flex>
@@ -218,7 +219,7 @@
             <td id="td" class="text-xs-center">{{ props.index + 1}}</td>
             <td id="td" class="text-xs-center">{{ props.item.name }}</td>
             <td id="td" class="text-xs-center">{{ props.item.author }}</td>
-            <td id="td" class="text-xs-center">{{ props.item.subjectCode  }}</td>
+            <td id="td" class="text-xs-center">{{ props.item.subjectCode }}</td>
             <td id="td" class="text-xs-center">{{ props.item.price }}</td>
             <td id="td" class="text-xs-center">{{ props.item.quantity }}</td>
             <td id="td" class="text-xs-center">{{ props.item.rackNo }}</td>
@@ -282,7 +283,7 @@
                         <v-flex xs6 class="ml-3">
                           <v-text-field
                             v-model="BooksData.name"
-                            placeholder="fill your Fee Type"
+                            placeholder="fill your Name"
                             type="text"
                             :rules="nameRules"
                             required
@@ -402,7 +403,6 @@ export default {
     validEdit: true,
     isActive: true,
     newActive: false,
-    AddUsercredentials: {},
     pagination: {
       rowsPerPage: 15
     },
@@ -493,7 +493,7 @@ export default {
         )
         .then(response => {
           if ((this.snackbar = true)) {
-            this.text = "Successfully delete Existing feetype";
+            this.text = "Successfully delete Existing Delete Student ";
           }
           this.getBookData();
         })
@@ -528,6 +528,7 @@ export default {
       this.dialog2 = false;
     },
     submit() {
+      this.BooksData.quantity = Number(this.BooksData.quantity);
       if (this.$refs.form.validate()) {
         this.loading = true;
         http()
diff --git a/src/pages/Library/eBook.vue b/src/pages/Library/eBook.vue
index 93d8877..a307b3c 100644
--- a/src/pages/Library/eBook.vue
+++ b/src/pages/Library/eBook.vue
@@ -270,7 +270,7 @@
         </v-data-table>
       </v-tab-item>
 
-      <!-- ****** ADD MULTIPLE NEWS ****** -->
+      <!-- ****** ADD MULTIPLE E-BOOK ****** -->
 
       <v-tab-item>
         <v-container>
@@ -702,6 +702,7 @@ export default {
     this.token = this.$store.state.token;
     this.getEBooksList();
     this.getAllClass();
+    this.getBookData();
     // this.editItem;
   },
   created() {
diff --git a/src/pages/Library/issue.vue b/src/pages/Library/issue.vue
index 5ec05a3..a342ce9 100644
--- a/src/pages/Library/issue.vue
+++ b/src/pages/Library/issue.vue
@@ -17,7 +17,7 @@
         class="subheading"
       >Add Issue</v-tab>
 
-      <!-- ****** EDITS ALL NEWS DETAILS ****** -->
+      <!-- ****** EDIT ISSUE  ****** -->
 
       <v-tab-item>
         <v-snackbar
@@ -212,14 +212,19 @@
           color="success"
         >{{ text }}</v-snackbar>
 
-        <!-- ****** EXISTING-USERS NEWS TABLE ****** -->
+        <!-- ****** EXISTING ISSUE  TABLE****** -->
         <v-card>
           <v-layout>
             <v-flex lg1 xs4 md4 xl1 class="hidden-xs-only">
               <label class="right pt-4">Library ID:</label>
             </v-flex>
             <v-flex lg2 md3 xs7>
-              <v-text-field class="pl-3" @keyup.enter="searchLibrary" v-model="libraryId" placeholder="fill your library Id"></v-text-field>
+              <v-text-field
+                class="pl-3"
+                @keyup.enter="searchLibrary"
+                v-model="libraryId"
+                placeholder="fill your library Id"
+              ></v-text-field>
             </v-flex>
             <v-flex lg9 md3 xs5>
               <v-btn
@@ -248,11 +253,6 @@
         >
           <template slot="items" slot-scope="props">
             <td class="text-xs-center">{{ props.index + 1}}</td>
-            <!-- <td id="td" class="text-xs-center">
-              <span v-for="(image,_id) in props.item.newsImageUrl" class="pa-2">
-                <img :src="image.imageUrl" alt="newsImage" width="100" height="70" />
-              </span>
-            </td>-->
             <td id="td" class="text-xs-center">{{ props.item.title}}</td>
             <td id="td" class="text-xs-center">{{ props.item.description}}</td>
 
@@ -288,7 +288,7 @@
         </v-data-table>
       </v-tab-item>
 
-      <!-- ****** ADD MULTIPLE NEWS ****** -->
+      <!-- ****** ADD Issue ****** -->
 
       <v-tab-item>
         <v-container>
@@ -298,38 +298,12 @@
             :right="x === 'right'"
             :vertical="mode === 'vertical'"
             v-model="snackbar"
-            color="success"
+            :color="color"
           >{{ text }}</v-snackbar>
           <v-flex xs12 sm12 class="my-4">
             <v-card flat>
               <v-form ref="form" v-model="valid" lazy-validation>
                 <v-container fluid>
-                  <!-- <v-layout>
-                    <v-flex
-                      xs12
-                      class="text-xs-center text-sm-center text-md-center text-lg-center my-4 mr-4"
-                    >
-                      <input
-                        type="file"
-                        style="display: none"
-                        ref="image"
-                        accept="image/*"
-                        multiple
-                        @change="onFilePicked"
-                      />
-                      <v-layout justify-center>
-                        <v-flex v-for="(file,index) in files" :key="index" v-if="files">
-                          <img :src="file" height="160" width="160px;" />
-                        </v-flex>
-                      </v-layout>
-                      <img
-                        src="/static/icon/user.png"
-                        v-if="files ==''"
-                        height="140"
-                        width="180px;"
-                      />
-                    </v-flex>
-                  </v-layout>-->
                   <v-flex xs12>
                     <v-layout>
                       <v-flex xs4 class="pt-4 subheading">
@@ -337,7 +311,7 @@
                       </v-flex>
                       <v-flex xs4 class="ml-3">
                         <v-text-field
-                          v-model="addIssue.libraryID"
+                          v-model="libraryID"
                           placeholder="fill your Library ID"
                           :rules="libraryIDRules"
                           required
@@ -351,12 +325,16 @@
                         <label class="right">Book:</label>
                       </v-flex>
                       <v-flex xs4 class="ml-3">
-                        <v-text-field
-                          placeholder="fill your Description"
+                        <v-select
+                          label="Select Book Name"
                           :rules="bookRules"
-                          v-model="addIssue.book"
+                          :items="books"
+                          item-text="name"
+                          item-value="_id"
+                          v-model="bookId"
+                          @change="getParticularBookData(bookId)"
                           required
-                        ></v-text-field>
+                        ></v-select>
                       </v-flex>
                     </v-layout>
                   </v-flex>
@@ -397,7 +375,7 @@
                         <v-text-field
                           placeholder="fill your Serial No"
                           :rules="authorRules"
-                          v-model="addIssue.serialNo"
+                          v-model="serialNo"
                         ></v-text-field>
                       </v-flex>
                     </v-layout>
@@ -405,13 +383,43 @@
                   <v-flex xs12>
                     <v-layout>
                       <v-flex xs4 class="pt-4 subheading">
+                        <label class="right">Serial No:</label>
+                      </v-flex>
+                      <v-flex xs4 class="ml-3">
+                        <v-menu
+                          ref="menu2"
+                          :close-on-content-click="false"
+                          v-model="menu2"
+                          :nudge-right="40"
+                          :return-value.sync="date"
+                          lazy
+                          transition="scale-transition"
+                          offset-y
+                          full-width
+                          min-width="290px"
+                        >
+                          <v-text-field
+                            slot="activator"
+                            v-model="date"
+                            label="Picker without buttons"
+                            append-icon="event"
+                            readonly
+                          ></v-text-field>
+                          <v-date-picker v-model="date" @input="$refs.menu2.save(date)"></v-date-picker>
+                        </v-menu>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12>
+                    <v-layout>
+                      <v-flex xs4 class="pt-4 subheading">
                         <label class="right">Note:</label>
                       </v-flex>
                       <v-flex xs4 class="ml-3">
                         <v-text-field
                           placeholder="fill your Note"
                           :rules="noteRules"
-                          v-model="addIssue.note"
+                          v-model="note"
                         ></v-text-field>
                       </v-flex>
                     </v-layout>
@@ -421,7 +429,7 @@
                       <v-card-actions>
                         <v-btn @click="clear" round dark>clear</v-btn>
                         <v-spacer></v-spacer>
-                        <v-btn @click="submit" round dark :loading="loading">Add</v-btn>
+                        <v-btn @click="submit" round dark :loading="loading" :disabled="disable">Add</v-btn>
                       </v-card-actions>
                     </v-flex>
                   </v-layout>
@@ -445,10 +453,13 @@ import Util from "@/util";
 export default {
   data: () => ({
     snackbar: false,
+    date: null,
+    menu2: false,
+    color: "",
     y: "top",
     x: "right",
     mode: "",
-    timeout: 3000,
+    timeout: 10000,
     text: "",
     libraryId: "",
     loading: false,
@@ -492,18 +503,24 @@ export default {
     ],
     desserts: [],
     addIssue: {},
-    editedItem: {}
+    bookId: "",
+    libraryID: "",
+    serialNo: "",
+    note: "",
+    editedItem: {},
+    books: [],
+    token: "",
+    disable: false
   }),
   methods: {
     getSections(_id) {
       console.log("_id", _id);
-      var token = this.$store.state.token;
       http()
         .get(
           "/getSectionsList",
           { params: { classId: _id } },
           {
-            headers: { Authorization: "Bearer " + token }
+            headers: { Authorization: "Bearer " + this.token }
           }
         )
         .then(response => {
@@ -518,45 +535,6 @@ export default {
     pickFile() {
       this.$refs.image.click();
     },
-    // onFilePicked(e) {
-    //   // console.log(e)
-    //   const files = e.target.files;
-    //   /** fetch Image Name **/
-    //   if (files[0] !== undefined) {
-    //     this.imageName = files[0].name;
-    //     if (this.imageName.lastIndexOf(".") <= 0) {
-    //       return;
-    //     }
-    //     this.files = [];
-    //     // console.log("files", this.files);
-    //     /** Select many image and showing many image add to news card **/
-    //     const test = Array.from(files).forEach((file, idx) => {
-    //       const fr = new FileReader();
-    //       const getResult = new Promise(resolve => {
-    //         fr.onload = e => {
-    //           this.files.push(
-    //             // id: idx,
-    //             e.target.result
-    //           );
-    //         };
-    //       });
-    //       fr.readAsDataURL(file);
-    //       return getResult.then(file => {
-    //         return file;
-    //       });
-    //     });
-    //     const fr = new FileReader();
-    //     fr.readAsDataURL(files[0]);
-    //     fr.addEventListener("load", () => {
-    //       this.imageFile = files; // this is an image file that can be sent to server...
-    //       // console.log("uploadImage=======>", this.imageFile );
-    //     });
-    //   } else {
-    //     this.imageName = "";
-    //     this.imageFile = "";
-    //     this.imageUrl = "";
-    //   }
-    // },
     searchLibrary() {
       this.showLoader = true;
       this.loadingSearch = true;
@@ -623,25 +601,6 @@ export default {
           // console.log(error);
         });
     },
-    // deleteImage(issueId) {
-    //   console.log(imageId, issueId);
-    //   let deleteImages = {
-    //     issueId: issueId,
-    //   };
-    //   http()
-    //     .put("/deleteImages", deleteImages)
-    //     .then(response => {
-    //       console.log("deleteIssue", deleteImages);
-    //       if ((this.snackbar = true)) {
-    //         this.text = "Image deleted Successfully";
-    //       }
-    //       this.getIssueList();
-    //       this.close();
-    //     })
-    //     .catch(error => {
-    //       console.log(error);
-    //     });
-    // },
     activeTab(type) {
       switch (type) {
         case "existing":
@@ -667,21 +626,33 @@ export default {
     },
     submit() {
       this.loading = true;
-      http()
-        .post("/createIssue")
-        .then(response => {
-          if ((this.snackbar = true)) {
-            this.text = "New Issue added successfully";
-          }
-          this.getIssueList();
-          this.loading = false;
-          this.clear();
-        })
-        .catch(error => {
-          if ((this.snackbar = true)) {
-            this.text = error.response.data.message;
-          }
-        });
+      // if (this.$refs.form.validate()){
+      //   let createBook = {
+      //     bookId: this.bookId,
+      //     author: this.addIssue.author,
+      //     subjectCode: this.addIssue.subjectCode,
+      //     libraryId: this.libraryID,
+      //     serialNumber: this.serialNo,
+      //     note: this.note,
+      //     dueDate: this.date
+      //   };
+      //   console.log("====================", createBook);
+      //   http()
+      //     .post("/createBookIssue", createBook)
+      //     .then(response => {
+      //       this.snackbar = true;
+      //       this.text = "New Issue added successfully";
+      //       // this.getIssueList();
+      //       this.color = "succses";
+      //       this.loading = false;
+      //       this.clear();
+      //     })
+      //     .catch(error => {
+      //       if ((this.snackbar = true)) {
+      //         this.text = error.response.data.message;
+      //       }
+      //     });
+      // }
     },
     clear() {
       this.$refs.form.reset();
@@ -700,10 +671,54 @@ export default {
         .catch(error => {
           // console.log(error);
         });
+    },
+    getBookData() {
+      this.showLoader = true;
+      http()
+        .get("/getBooksList", {
+          headers: { Authorization: "Bearer " + this.token }
+        })
+        .then(response => {
+          this.books = response.data.data;
+          this.showLoader = false;
+          // console.log("getAllfeetypes=====>",response.data.data)
+        })
+        .catch(error => {
+          // console.log("err====>", err);
+          this.showLoader = false;
+          // if (error.response.status === 401) {
+          //   this.$router.replace({ path: "/" });
+          //   this.$store.dispatch("setToken", null);
+          //   this.$store.dispatch("Id", null);
+          // }
+        });
+    },
+    getParticularBookData(books) {
+      console.log("books", books);
+      for (let i = 0; i < this.books.length; i++) {
+        if (books == this.books[i]._id) {
+          console.log("books", this.books[i].remaining);
+          if (this.books[i].remaining <= 0) {
+            this.snackbar = true;
+            this.text = "Book is unavailable";
+            this.color = "red";
+            this.disable = true;
+          } else if (this.books[i].remaining > 0) {
+            this.disable = false;
+          }
+          this.addIssue = {
+            author: this.books[i].author,
+            subjectCode: this.books[i].subjectCode
+          };
+        }
+      }
+      this.addIssue.boojk = books;
     }
   },
   mounted() {
     // this.getIssueList();
+    this.token = this.$store.state.token;
+    this.getBookData();
   },
   created() {
     this.$root.$on("app:search", search => {
-- 
2.0.0