UI

ui/resources/views/operadores/list.blade.php

@@ -83,6 +83,24 @@
               <label for="proyecto" class="control-label">Proyecto</label>
               <select class="form-control" name="proyecto"></select>
             </div>
+            <div class="form-group">
+              <label for="fecha" class="control-label">Desde</label>
+              <div class="ui calendar" id="proyecto_fecha">
+                <div class="ui input left icon">
+                  <i class="calendar icon"></i>
+                  <input type="text" name="fecha" />
+                </div>
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="comision" class="control-label">Comisi&oacute;n</label>
+              <div class="input-group">
+                <input type="text" name="comision" class="form-control" />
+                <div class="input-group-addon">
+                  %
+                </div>
+              </div>
+            </div>
             <button class="btn btn-default" data-dismiss="modal" id="cerrar_proyecto">Asignar</button>
           </form>
         </div>
@@ -93,6 +111,57 @@
 
 @push('scripts')
   <script type="text/javascript">
+    const modal = {
+      general: {
+        id: '#modal_general',
+        button: '#cerrar_general',
+        setup: function() {
+          $(this.id).find(this.button).click((e) => {
+            $(this.id).find('form').trigger('submit')
+          })
+          $(this.id).find('form').submit((e) => {
+            e.preventDefault()
+            operadores.add().operador().then(() => {
+              $(e.target).trigger('reset')
+              $(this.id).modal('toggle')
+              $(this.id).modal('hide')
+            })
+            return false
+          })
+        }
+      },
+      proyecto: {
+        id: '#modal_proyecto',
+        button: '#cerrar_proyecto',
+        setup: function() {
+          $(this.id).on('show.bs.modal', function(e) {
+            const btn = $(e.relatedTarget)
+            const operador = btn.data('operador')
+            const modal = $(this)
+            modal.find("[name='operador']").val(operador)
+          })
+          $(this.id).find(this.button).click((e) => {
+            $(this.id).find('form').trigger('submit')
+          })
+          $(this.id).find('form').submit((e) => {
+            e.preventDefault()
+            operadores.add().proyecto().then(() => {
+              $(e.target).trigger('reset')
+              $(this.id).modal('toggle')
+              $(this.id).modal('toggle')
+            })
+            return false
+          })
+
+          const today = new Date()
+          $('#proyecto_fecha').calendar({
+            type: 'date',
+            minDate: new Date(today.getFullYear()-5, today.getMonth(), today.getDate()),
+            maxDate: new Date(today.getFullYear()+1, today.getMonth(), today.getDate())
+          })
+        }
+      }
+    }
     const operadores = {
       id: '#operadores',
       data: [],
@@ -130,10 +199,10 @@
             })
           }
         }
-
       },
       draw: function() {
         const parent = $(this.id)
+        parent.html('')
         $.each(this.data, (i, el) => {
           const row = $('<tr></tr>').append(
             $('<td></td>').html(el.descripcion)
@@ -205,47 +274,36 @@
           },
           proyecto: () => {
             const parent = $('#modal_proyecto').find('form')
+            const operador = parent.find("[name='operador']").val()
+            const fecha = parent.find("#proyecto_fecha").calendar('get date')
             const data = {
-              operador: parent.find("[name='operador']").val(),
+              comision: parent.find("[name='comision']").val(),
+              fecha: fecha.getFullYear() + '-' + ('00' +(fecha.getMonth() + 1)).slice(-2) + '-' + ('00' + fecha.getDate()).slice(-2),
               proyecto: parent.find("[name='proyecto']").val()
             }
-            console.debug(data)
+            return $.ajax({
+              url: '{{$urls->api}}/operador/' + operador + '/proyectos/add',
+              method: 'post',
+              data: data,
+              dataType: 'json'
+            }).then(() => {
+              this.get().operadores()
+            })
           }
         }
+      },
+      edit: function() {
+
+      },
+      remove: function() {
+
       },
       setup: function() {
         this.get().operadores()
         this.get().proyectos()
 
-        $('#modal_general').find('#cerrar_general').click((e) => {
-          $('#modal_general').find('form').trigger('submit')
-        })
-        $('#modal_general').find('form').submit((e) => {
-          e.preventDefault()
-          this.add().operador().then(() => {
-            $(e.target).trigger('reset')
-            $('#modal_general').modal('toggle')
-          })
-          return false
-        })
-
-        $('#modal_proyecto').on('show.bs.modal', function(e) {
-          const btn = $(e.relatedTarget)
-          const operador = btn.data('operador')
-          const modal = $(this)
-          modal.find("[name='operador']").val(operador)
-        })
-        $('#modal_proyecto').find('#cerrar_proyecto').click((e) => {
-          $('#modal_proyecto').find('form').trigger('submit')
-        })
-        $('#modal_proyecto').find('form').submit((e) => {
-          e.preventDefault()
-          this.add().proyecto().then(() => {
-            $(e.target).trigger('reset')
-            $('#modal_proyecto').modal('toggle')
-          })
-          return false
-        })
+        modal.general.setup()
+        modal.proyecto.setup()
       }
     }
     $(document).ready(() => {