WebSVN - bacoAlunos - Diff - Rev 1775 and 1830 - /branches/v3/impl/src/web/layout/intranetTools/files-upload-form.jsp

 <%@ page contentType="text/html;charset=UTF-8" language="java" %>
 <%
+    //SISTEMA USA O PLUGIN
+    //http://plugins.krajee.com/file-image-management-demo
     String FILE_INPUT_ID = "filesInputId-UPLOAD";
     request.setAttribute("FILE_INPUT_ID",FILE_INPUT_ID);
 %>
 <style>
     .file-drop-zone
 <script>
     var uploadMultipleFiles = false;
     //Token para transmitir informação entre chamador e chamado
     var token = "";
+    var confirmOnUpload = false;
 </script>
                 </form>
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-danger pull-left" data-dismiss="modal">Cancelar</button>
-                <button class="btn btn-success btn-ok" >Confirmar</button>
+                <button id="uploadConfirm" class="btn btn-success btn-ok" >Confirmar</button>
             </div>
         </div>
     </div>
 </div>
     $('.filesUploadModal').on('show.bs.modal', function(e)
+    {
+        var config = {
+            uploadUrl: '<%=request.getContextPath()%>/filesUpload',
+            maxFilePreviewSize: 4096,
+            uploadAsync: false,
+            language: "pt",
+            multiple: "true",
+            slugCallback: function(filename) {
+                return filename.replace(/[^\x00-\x7F]/g, "");
+            }
+        };
+        if($(e.relatedTarget).data('allowed-extensions') != null)
+        {
+            var ext = $(e.relatedTarget).data('allowed-extensions').split(",");
+            config.allowedFileExtensions = ext;
+        }
+        $("#${FILE_INPUT_ID}").fileinput( config );
         $("#filesUploadModal .modal-title .title-wrap").html($(e.relatedTarget).data('title'));
         if($(e.relatedTarget).data('multiple') != null && $(e.relatedTarget).data('multiple') == true)
+        {
             uploadMultipleFiles = true;
+        }
         token = "";
         dataCallbackTargetFunction = "";
+        if($(e.relatedTarget).data('confirmonupload'))
+        {
+            confirmOnUpload = $(e.relatedTarget).data('confirmonupload');
+        }
         if($(e.relatedTarget).data('token'))
+        {
             token = $(e.relatedTarget).data('token');
+        }
-        else if($(e.relatedTarget).data('data-callback-target-function-token-parameter'))
+        else if($(e.relatedTarget).data('callback-target-function-token-parameter'))
+        {
-            token = $(e.relatedTarget).data('data-callback-target-function-token-parameter');
+            token = $(e.relatedTarget).data('callback-target-function-token-parameter');
+        }
-        if($(e.relatedTarget).data('data-callback-target-function'))
+        if($(e.relatedTarget).data('callback-target-function'))
+        {
-            dataCallbackTargetFunction = $(e.relatedTarget).data('data-callback-target-function');
+            dataCallbackTargetFunction = $(e.relatedTarget).data('callback-target-function');
+        }
         angular.element($("#filesUploadModal")).scope().uploadedFiles = [];
         angular.element($("#filesUploadModal")).scope().$apply();
         jsonTargetId = $(e.relatedTarget).data('jsontargetid');
         $(this).find('.btn-ok').unbind('click').click(
-                function()
+                function(){
-                {
                     var filesCount = $('#${FILE_INPUT_ID}').fileinput('getFilesCount');
                     if(filesCount > 0)
+                    {
                         var msg = "Existem ficheiros pendentes de CARREGAR!! Por favor clique em CARREGAR para enviar os ficheiros selecionados para o Servidor.";
                         if(angular.element($("#filesUploadModal")).scope().uploadedFiles.length > 0)
                     else
+                    {
                         var jsonContent = $("#jsonFiles").val();
                         if(dataCallbackTargetFunction != "")
+                        {
-                            eval(dataCallbackTargetFunction)(jsonContent,token);
+                            eval(dataCallbackTargetFunction)(JSON.parse(jsonContent),token,e.relatedTarget);
+                        }
                         else
+                        {
                             $(jsonTargetId).val(jsonContent);
                             $(jsonTargetId).change();
                         angular.element($("#filesUploadModal")).scope().uploadedFiles = [];
                         angular.element($("#filesUploadModal")).scope().$apply();
                         $('#filesUploadModal').modal('hide');
+                    }
+                }
         );
         $("#${FILE_INPUT_ID}").fileinput('clear');
         return str.replace(/[^\u0000-\u007E]/g, function(a){
             return diacriticsMap[a] || a;
         });
     }*/
+    /*
     $(document).ready( function() {
         $("#${FILE_INPUT_ID}").fileinput({
             uploadUrl: '<%=request.getContextPath()%>/filesUpload',
             maxFilePreviewSize: 4096,
             uploadAsync: false,
                 return filename.replace(/[^\x00-\x7F]/g, "");
+            }
         });
-    });
+    });*/
     $("#${FILE_INPUT_ID}").on('filebatchuploadsuccess', function(event, data, previewId, index)
+    {
         updateUploadedFiles(data.response,"#${FILE_INPUT_ID}");
     });
+        }
         else if(response.service == "ok")
+        {
             $(id).fileinput('clear');
             angular.element($("#filesUploadModal")).scope().addRows(response.uploadedFiles);
+            if(confirmOnUpload == true)
+            {
+                $("#filesUploadModal #uploadConfirm").click();
+            }
+        }
+    }
 </script>

Subversion Repositories bacoAlunos

(root)/branches/v3/impl/src/web/layout/intranetTools/files-upload-form.jsp @ 1830 - Rev 1775 → 1830