CRUD de Pendências

components/studentComboBox.vue

@@ -54,12 +54,52 @@
               @blur="onCrgBlur"
             ></b-input>
             <br />
-            <strong>Componentes Pendentes</strong>:
-            <b-input
-              v-model="pendencies"
-              :disabled="!canEdit"
-              :value="studentData.pendencies"
-            ></b-input>
+            <b-button class="is-primary" @click="getPendencies">
+              {{ !canEdit ? 'Verificar Pendências' : 'Editar Pendências' }}
+            </b-button>
+            <b-modal :active.sync="showPendencies">
+              <div class="card">
+                <header class="card-header">
+                  <b-icon pack="fas" icon="check" size="is-medium"></b-icon>
+                  <p class="card-header-title">Pendências</p>
+                </header>
+                <div class="card-content">
+                  <div class="content">
+                    <table class="table is-narrow scrollable">
+                      <tbody height="200px">
+                        <tr
+                          v-for="pendency of totalPendencies"
+                          :key="pendency.id"
+                          class="field"
+                        >
+                          <td>{{ pendency.name }}</td>
+                          <td>
+                            <b-checkbox
+                              v-model="studentPendencies"
+                              :native-value="pendency"
+                              :disabled="!canEdit"
+                            ></b-checkbox>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                    <b-button @click="updatePendencies">Confirmar</b-button>
+                    <div class="level-right">
+                      <b-pagination
+                        :total="totalPendenciesLength"
+                        :current.sync="currentPendenciesPage"
+                        :order="'default'"
+                        :size="'default'"
+                        :simple="false"
+                        :rounded="false"
+                        :per-page="10"
+                        @change="onPageChange"
+                      ></b-pagination>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </b-modal>
             <br />
           </div>
           <div class="column is-half">
@@ -242,15 +282,19 @@ export default {
       ataCheck: false,
       laudaCheck: false,
       presCheck: false,
+      showPendencies: false,
       ataDocument: {},
       laudaDocument: {},
       presDocument: {},
       uploadFile: File,
       crg: '',
-      pendencies: '',
+      totalPendencies: [],
+      studentPendencies: [],
       studentData: Object.assign({}, this.student),
       isLoading: false,
-      defenseDate: new Date()
+      defenseDate: new Date(),
+      currentPendenciesPage: 1,
+      totalPendenciesLength: 0
     }
   },
   computed: {
@@ -319,6 +363,12 @@ export default {
           )
         )
       : null
+    this.$axios
+      .get(`/api/students/${this.student.id}/pendencies`)
+      .then(response => {
+        this.studentPendencies = response.data
+      })
+      .catch(e => this.openErrorNotification(e))
   },
 
   methods: {
@@ -375,6 +425,44 @@ export default {
     toggleEdit() {
       this.canEdit = !this.canEdit
     },
+    getPendencies() {
+      this.$axios
+        .get(`/api/subjects`, {
+          params: {
+            page: this.currentPendenciesPage
+          }
+        })
+        .then(response => {
+          this.totalPendenciesLength = response.headers['pagination-row-count']
+          this.totalPendencies = response.data
+          this.showPendencies = true
+        })
+        .catch(e => {
+          this.showPendencies = false
+          this.openErrorNotification(e)
+        })
+    },
+    updatePendencies() {
+      if (this.canEdit) {
+        this.$axios
+          .post(
+            `/api/students/${this.student.id}/pendencies`,
+            this.studentPendencies
+          )
+          .then(response => {
+            this.$toast.open({
+              message: 'Pendências de aluno atualizadas com sucesso',
+              type: 'is-success'
+            })
+          })
+          .catch(e => this.openErrorNotification(e))
+      }
+      this.showPendencies = false
+    },
+    onPageChange(page) {
+      this.currentPendenciesPage = page
+      this.getPendencies()
+    },
     mapDocuments(documents) {
       documents.forEach(element => {
         if (element.type === 1) {
@@ -478,4 +566,8 @@ export default {
 .icon {
   margin-left: 1em;
 }
+
+.scrollable {
+  overflow-y: scroll;
+}
 </style>

migrations/20190605024900_pendencies.js

@@ -0,0 +1,26 @@
+exports.up = function(knex, Promise) {
+  return knex.schema.createTable('pendencies', table => {
+    table.increments('id').primary()
+    table
+      .integer('studentId')
+      .unsigned()
+      .notNullable()
+    table
+      .foreign('studentId')
+      .references('id')
+      .inTable('students')
+    table
+      .integer('subjectId')
+      .unsigned()
+      .notNullable()
+    table
+      .foreign('subjectId')
+      .references('id')
+      .inTable('subjects')
+    table.unique(['studentId', 'subjectId'])
+  })
+}
+
+exports.down = function(knex, Promise) {
+  return knex.schema.dropTable('pendencies')
+}

seeds/pendencies.js

@@ -0,0 +1,39 @@
+const Pendency = require('../server/models/Pendency')
+
+exports.seed = async function(knex, Promise) {
+  // Deletes ALL existing entries
+  await knex('pendencies').del()
+
+  const data = [
+    {
+      studentId: 1,
+      subjectId: 1
+    },
+    {
+      studentId: 1,
+      subjectId: 2
+    },
+    {
+      studentId: 1,
+      subjectId: 3
+    },
+    {
+      studentId: 2,
+      subjectId: 1
+    },
+    {
+      studentId: 3,
+      subjectId: 1
+    },
+    {
+      studentId: 3,
+      subjectId: 3
+    },
+    {
+      studentId: 5,
+      subjectId: 6
+    }
+  ]
+
+  return Promise.all(data.map(pendency => Pendency.forge(pendency).save()))
+}

server/controllers/pendencies/List.js

@@ -0,0 +1,16 @@
+const errors = require('../../../shared/errors')
+
+const Students = require('../../models/Student')
+const Pendencies = require('../../models/Pendency')
+
+module.exports = async function listPendencies(ctx) {
+  const { studentId } = ctx.params
+
+  if ((await Students.where('id', studentId).count()) === 0) {
+    ctx.status = 404
+    ctx.body = { code: errors.NOT_FOUND }
+    return
+  }
+
+  ctx.body = await Pendencies.where({ studentId }).fetchAll()
+}

server/controllers/pendencies/Show.js

@@ -0,0 +1,24 @@
+const errors = require('../../../shared/errors')
+
+const Students = require('../../models/Student')
+const Pendencies = require('../../models/Pendency')
+
+module.exports = async function showPendency(ctx) {
+  const { studentId, id } = ctx.params
+
+  if ((await Students.where('id', studentId).count()) === 0) {
+    ctx.status = 404
+    ctx.body = { code: errors.NOT_FOUND }
+    return
+  }
+
+  const pendencyFind = await Pendencies.where({ id }).fetch()
+
+  if (pendencyFind === null) {
+    ctx.status = 404
+    ctx.body = { code: errors.NOT_FOUND }
+    return
+  }
+
+  ctx.body = pendencyFind
+}

server/controllers/pendencies/Update.js

@@ -0,0 +1,41 @@
+const errors = require('../../../shared/errors')
+const Students = require('../../models/Student')
+const Pendencies = require('../../models/Pendency')
+const { knex } = require('../../db')
+
+module.exports = async function updatePendencies(ctx) {
+  const { studentId } = ctx.params
+  const subjectsIdsReceived = ctx.request.body
+
+  if ((await Students.where('id', studentId).count()) === 0) {
+    ctx.status = 404
+    ctx.body = { code: errors.NOT_FOUND }
+    return
+  }
+
+  await knex.transaction(async trx => {
+    const pendenciesExisting = await Pendencies.where({ studentId }).fetchAll({
+      transacting: trx
+    })
+
+    const subjectsIdsExisting = pendenciesExisting.map(pend =>
+      pend.get('subjectId')
+    )
+
+    const addPendencies = subjectsIdsReceived.filter(
+      id => !subjectsIdsExisting.includes(id)
+    )
+    const delPendencies = pendenciesExisting.filter(
+      pendency => !subjectsIdsReceived.includes(pendency.get('subjectId'))
+    )
+    const addPromises = addPendencies.map(subjectId =>
+      new Pendencies({ subjectId, studentId }).save(null, { transacting: trx })
+    )
+    const delPromises = delPendencies.map(({ id }) =>
+      Pendencies.where({ id }).destroy({ transacting: trx })
+    )
+    return Promise.all(addPromises.concat(delPromises))
+  })
+
+  ctx.body = await Pendencies.where({ studentId }).fetchAll()
+}

server/controllers/pendencies/index.js

@@ -0,0 +1,5 @@
+const Show = require('./Show')
+const List = require('./List')
+const Update = require('./Update')
+
+module.exports = { Show, List, Update }

server/models/Pendency.js

@@ -0,0 +1,7 @@
+const { bookshelf } = require('../db')
+
+const Pendency = bookshelf.model('Pendency', {
+  tableName: 'pendencies'
+})
+
+module.exports = Pendency

server/router.js

@@ -10,6 +10,7 @@ const students = require('./controllers/students')
 const subjects = require('./controllers/subjects')
 const auth = require('./controllers/auth')
 const solicitations = require('./controllers/solicitations')
+const pendencies = require('./controllers/pendencies')
 
 const router = new Router()
 const api = new Router({ prefix: '/api' })
@@ -39,12 +40,19 @@ api.put(
   students.UpdateAcademicHighlight
 )
 api.put('/students/:id', bodyJson, students.Update)
+
 // Documents Routes
 api.get('/students/:studentId/documents', documents.List)
 api.get('/students/:studentId/documents/:id', documents.Show)
 api.get('/students/:studentId/documents/:id/view', documents.View)
 api.post('/students/:studentId/documents', bodyMultipart, documents.Upload)
 api.post('/students/from-csv', bodyMultipart, students.FromCsv)
+
+// Pendencies Routes
+api.get('/students/:studentId/pendencies/:id', pendencies.Show)
+api.get('/students/:studentId/pendencies/', pendencies.List)
+api.post('/students/:studentId/pendencies/batch', bodyJson, pendencies.Update)
+
 // Subjects Routes
 api.get('/subjects/', subjects.List)
 api.get('/subjects/:id', subjects.Show)