Mejorar formulario de añadir apartamento

[omiras]

• Add-apartment:
  • Services, usando "chosen": https://harvesthq.github.io/chosen/
  • Poder subir fotos al servidor: https://www.npmjs.com/package/multer . NO USAR DIRECTAMENTE EN EL PROYECTO. Aprender a utilizar MULTER por separado antes.
    • Bonus: poder "arrastrar" la foto al elemento HTML para subir fotos
  • Poder seleccionar una provincia Española, y en función de eso, ofrecer las ciudades posibles

[huiterjrv]

información issue-57

En esta issue se implementó multer y chosen, no pudimos lograr la implementación de Drag and Drop para la subida de archivos y al desconocer el uso para Node.Js de la librería Dropzone.js

multer

En el script esta bien detallado lo que se pudo entender de la librería multer.

Ojo solo se explica los métodos usados y entendimiento personal

chosen

Se implementó la librería chosen en el formulario de crear apartamento para la selección de Services.

Su implementación es sencilla solo tienes que descargarla y ir ver los métodos para su uso, como mínimo para su uso necesitas chosen.min.css para sus estilos y para sus implementaciones chosen.jquery.min.js init.js Jquery.
Dependiendo de lo que quieras tienes que revisar su guía, tienes que ponerle una clase a donde la quieres implementar y llamarla con Jquery y usando el método que quieras usar de la librería

          <div class="form-group col-sm">
                <label for="">Services</label>
                <select multiple class="form-control" id="services" name="services">
                    <% services.forEach(function(service){ %>
                    <option name="<%= service.codeService %>"> <%= service.codeService %></option>
                    <% }) %>
                </select>
            </div>

la class="form-control" se usa para como selector para el Jquery $(.form-control) se uso uno mas exacto

$("select#services.form-control").chosen({no_results_text: "Oops, nothing found!"});

este método .chosen() te lo ofrece la biblioteca chosen. tienes que ver que método te interesa

Dropzone.js

En esta librería te explica como usarla para otros tipo de lenguajes del lado servidor como PHP pero no explica el uso en Node.Js de manera sencilla.

dificultades

Se encontró que usa AJAX para enviar la petición al endpoint y como el método de trabajo es diferente, por ese motivo no se implementó