FaceManager : upload, delete, and list working

plugins/face/faceManagerCustomAutoLoadLibrary/index.js

@@ -101,7 +101,7 @@ module.exports = function(s,config,lang,app,io){
     app.post(config.webPaths.superApiPrefix+':auth/faceManager/image/:name/:image', fileUpload(), function (req,res){
         s.superAuth(req.params,function(resp){
             res.setHeader('Content-Type', 'application/json')
-            var fileKeys = Object.keys(req.files)
+            var fileKeys = Object.keys(req.files || {})
             if(fileKeys.length == 0){
                 return res.status(400).send('No files were uploaded.')
             }
@@ -110,6 +110,9 @@ module.exports = function(s,config,lang,app,io){
                 var file = req.files[key]
                 if(file.name.indexOf('.jpg') > -1 || file.name.indexOf('.jpeg') > -1){
                     filesUploaded.push(file.name)
+                    if(!fs.existsSync(config.facesFolder + req.params.name)){
+                        fs.mkdirSync(config.facesFolder + req.params.name)
+                    }
                     file.mv(config.facesFolder + req.params.name + '/' + file.name, function(err) {
                         var fileLink = config.webPaths.superApiPrefix + req.params.auth + `/faceManager/image/${req.params.name}/${file.name}`
                         sendDataToConnectedSuperUsers({

plugins/face/faceManagerCustomAutoLoadLibrary/languages/en_CA.json

@@ -1,4 +1,5 @@
 {
+    "Face Name": "Face Name",
     "faceManager": "Face Manager",
     "deleteImage": "Delete Image",
     "deleteImageText": "Are you sure you want to delete this image? it will not be recoverable."

plugins/face/faceManagerCustomAutoLoadLibrary/web/libs/js/super.faceManager.js

@@ -2,6 +2,7 @@ $(document).ready(function(){
     var faceManagerModal = $('#faceManager')
     var faceManagerImages = $('#faceManagerImages')
     var faceManagerForm = $('#faceManagerUploadForm')
+    var faceNameField = $('#faceNameField')
     var getFaceImages = function(callback){
         $.get(superApiPrefix + $user.sessionKey + '/faceManager/images',function(response){
             callback(response.faces || [])
@@ -66,7 +67,7 @@ $(document).ready(function(){
     })
     $('#fileinput').change(function(){
         for(var i = 0; i<this.files.length; i++){
-            var name = 'kaizo'
+            var name = faceNameField.val()
             var file =  this.files[i];
             if(!file)return;
             $.ajax({
@@ -87,7 +88,12 @@ $(document).ready(function(){
     $.ccio.ws.on('f',function(d){
         switch(d.f){
             case'faceManagerImageUploaded':
-                faceManagerImages.find(`.row[face="${d.faceName}"]`).prepend(getFaceImageHtml(d.faceName,d.fileName))
+                var row = faceManagerImages.find(`.row[face="${d.faceName}"]`)
+                if(row.length === 0){
+                    faceManagerImages.append(`<div class="row" face="${d.faceName}"></div>`)
+                    row = faceManagerImages.find(`.row[face="${d.faceName}"]`)
+                }
+                row.prepend(getFaceImageHtml(d.faceName,d.fileName))
                 prettySizeFaceImages()
             break;
             case'faceManagerImageDeleted':

plugins/face/faceManagerCustomAutoLoadLibrary/web/pages/blocks/super.faceManager.ejs

@@ -10,6 +10,9 @@
       <div class="modal-body overflow-hidden">
           <div class="row">
               <form id="faceManagerUploadForm" class="col-4">
+                  <div class="form-group">
+                      <input value="myFace" placeholder="<%- lang['Face Name'] %>" class="form-control form-control-lg" name="faceName" id="faceNameField">
+                  </div>
                   <input type="file" id="fileinput" name="files" />
               </form>
               <div class="col-8" id="faceManagerImages">