Source: components/admin/controllers/icones.controller.js

  1. /**
  2.  * @ngdoc controllers
  3.  * @name Icones
  4.  * @module s4c.components.admin.controllers.Icones
  5.  *
  6.  * @description
  7.  * `AdminIconesCtrl` Controller da tela de Upload de Ícones do módulo de administração
  8.  * 
  9.  * 
  10.  */
  11. (function () {
  12.     'use strict';
  14.     AdminIconesCtrl.$inject = [
  15.         '$scope',
  16.         '$http',
  17.         '$mdDialog',
  18.         'API_ENDPOINT',
  19.         'ngFileReader',
  20.         '$rootScope',
  21.         'Usuario',
  22.         'FileUploader'
  23.     ];
  25.     angular.module('s4c.controllers.AdminIconesCtrl', [
  26.         's4c.services.Categoria',
  27.         's4c.directives.ngFileReader'
  28.     ]).controller('AdminIconesCtrl', AdminIconesCtrl);
  30.     function AdminIconesCtrl($scope, $http, $mdDialog, API_ENDPOINT, ngFileReader, $rootScope, Usuario, FileUploader) {
  32.         $scope.res = $rootScope.res;
  34.         /**
  35.          * @method carregarIcones
  36.          */
  37.         function carregarIcones() {
  39.             $http.get(API_ENDPOINT + "filemanager/showicons")
  40.                 .then(function (result) {
  41.                     $scope.listIcons = [];
  42.                     $scope.listIconsName = [];
  43.                     $scope.listIcons = result.data;
  44.                     for (var index in $scope.listIcons) {
  45.                         var str = $scope.listIcons[index].filePath;
  46.                         var n = str.indexOf("uploads");
  47.                         var res = str.substring(n, str.length);
  48.                         $scope.listIcons[index].filePath = res;
  49.                         $scope.listIconsName.push($scope.listIcons[index].fileName);
  50.                     }
  51.                 }, function (err) {
  52.                     $mdDialog
  53.                         .show($mdDialog.alert()
  54.                             .title($scope.res('COMUM_ERRO'))
  55.                             .content(err.data.message)
  56.                             .ok($scope.res('COMUM_OK')));
  57.                 });
  58.         }
  62.         /**
  63.          * @method salvarImagem
  64.          */
  65.         function salvarImagem() {
  66.             var eviarAlerta = false;
  68.             for (var element in uploader.queue) {
  69.                 if ($.inArray(uploader.queue[element].novoNome, $scope.listIconsName) >= 0) {
  70.                     eviarAlerta = true;
  71.                 }
  72.             }
  74.             if (eviarAlerta) {
  75.                 var confirm = $mdDialog.confirm()
  76.                     .title($scope.res('COMUM_AVISO'))
  77.                     .content($scope.res('COMUM_ICONE_DUPLICADO'))
  78.                     .ok($scope.res('COMUM_SIM'))
  79.                     .cancel($scope.res('COMUM_CANCELAR'));
  81.                 $mdDialog.show(confirm).then(function () {
  82.                     enviarArquivo(true);
  84.                 }, function () {
  85.                     enviarArquivo(false);
  86.                 });
  87.             } else {
  88.                 _salvarArquivo();
  89.             }
  90.         }
  92.         /**
  93.          * @method cancelar
  94.          */
  95.         function cancelar() {
  96.             uploader.clearQueue();
  97.             $("#renderCropper").empty();
  98.             $scope.listIconsToRemove = [];
  99.         }
  101.         /**
  102.          * @method toBlob
  103.          */
  104.         function toBlob() {
  105.             var canvas = document.createElement('canvas');
  106.             var ctx = canvas.getContext('2d');
  107.             canvas.height = 400;
  108.             canvas.width = 400;
  109.             ctx.drawImage(document.getElementById('image'), 10, 10);
  111.             if (canvas.toBlob) {
  112.                 canvas.toBlob(function (blob) {
  113.                     var formData = new FormData();
  115.                     var token = window.sessionStorage.getItem('s4cToken');
  116.                     var tokenObj = JSON.parse(token);
  118.                     formData.append('arquivo', blob, "arquivo.png");
  119.                     $.ajax('/filemanager/addarquivo', {
  120.                         method: "POST",
  121.                         data: formData,
  122.                         processData: false,
  123.                         contentType: false,
  124.                         headers: {
  125.                             'Authorization': 'Bearer ' + tokenObj.access_token
  126.                         },
  127.                         success: function (data) {
  128.                             $("#renderCropper").empty();
  129.                             carregarIcones();
  130.                         },
  131.                         error: function () {
  132.                             console.log('Upload error');
  133.                         }
  134.                     });
  135.                 });
  136.             }
  137.         }
  139.         $scope.input = angular.element('input.uploadArquivo');
  140.         function abrirUpload() {
  141.             $("#renderCropper").empty();
  142.             $scope.input.click();
  143.             $scope.listIconsToRemove = [];
  144.         }
  146.         var uploader = $scope.uploader = new FileUploader(),
  147.             uploadCallbackQueue = [];
  149.         uploader.clearQueue();
  151.         $scope.uploader.filters.push({
  152.             'name': 'enforceMaxFileSize',
  153.             'fn': function (item, evt) {
  155.                 if (item.size <= 51200) {
  156.                     return item.size <= 51200
  157.                 } else {
  158.                     uploader.clearQueue();
  160.                     $mdDialog
  161.                         .show($mdDialog.alert()
  162.                             .title($scope.res('COMUM_TAMANHOFILEULTRAPASSADO'))
  163.                             .content($scope.res('LIMITE_ICONE_ULTRAPASSADO') + " " + parseInt(item.size / 1024) + "KB" + " - " + $scope.res('LIMITE_ULTRAPASSADO'))
  164.                             .ok($scope.res('COMUM_OK')));
  166.                     return item.size <= 51200;
  167.                 }
  169.             }
  170.         });
  172.         $scope.uploader.filters.push({
  173.             'name': 'enforceTypeFile',
  174.             'fn': function (item, evt) {
  176.                 if (isImage(ext(item.name))) {
  177.                     return true;
  178.                 } else {
  179.                     $mdDialog
  180.                         .show($mdDialog.alert()
  181.                             .title($scope.res('COMUM_TIPO_ARQUIVO_INVALIDO'))
  182.                             .content($scope.res('COMUM_TIPO_IMAGEM_VALIDA'))
  183.                             .ok($scope.res('COMUM_OK')));
  185.                     return false;
  186.                 }
  188.             }
  189.         });
  191.         $scope.uploader.onCompleteItem = function (item, response) {
  192.             $scope.mensagem = response;
  193.         };
  195.         $scope.uploader.onAfterAddingFile = function (item, evt, arquivo) {
  196.             item.novoNome = item.file.name;
  198.             if (item.file) {
  199.                 _preview(item);
  200.             }
  201.         }
  203.         /**
  204.          * @method _preview
  205.          * @param {*} item 
  206.          */
  207.         function _preview(item) {
  208.             var reader = new FileReader();
  210.             reader.onload = function (e) {
  212.                 var label = $('<label />', {
  213.                     id: 'arquivo_anexado' + item.file.name,
  214.                     for: 'myvalue',
  215.                     class: 'fake-label nopad',
  216.                 }).appendTo($('#renderCropper'));
  218.                 $("#arquivo_anexado" + item.file.name).text(item.file.name);
  220.                 var img = $('<img />',
  221.                     {
  222.                         id: 'image',
  223.                         src: e.target.result,
  224.                         style: 'max-width: 24px; max-height: 24px; margin-left: 10px;'
  225.                     }).appendTo($('#renderCropper'));
  226.             };
  228.             reader.readAsDataURL(item._file);
  229.         }
  231.         function ext(filename) {
  232.             var index = _.lastIndexOf(filename, '.');
  233.             return filename.substring(index, filename.length);
  234.         }
  236.         $scope.uploader.onBeforeUploadItem = function (item) {
  237.             item.url = uploader.url;
  238.             var token = window.sessionStorage.getItem('s4cToken');
  239.             try {
  240.                 var tokenObj = JSON.parse(token);
  241.                 item.headers = {
  242.                     'Authorization': 'Bearer ' + tokenObj.access_token
  243.                 };
  244.             } catch (erro) {
  245.                 item.headers = {
  246.                     'Authorization': 'Bearer ' + token
  247.                 };
  248.             }
  249.             item.file.name = item.novoNome;
  250.         };
  252.         $scope.uploader.onProgressItem = function (fileItem, progress) {
  253.             console.info('onProgressItem', fileItem, progress);
  254.             //listaEquals = [];
  255.         };
  257.         $scope.uploader.onCompleteAll = function (result) {
  258.             _.each(uploadCallbackQueue, function (callback) {
  259.                 callback();
  260.             });
  261.         };
  264.         /**
  265.          * @method mostrarImagem
  266.          */
  267.         $scope.mostrarImagem = function () {
  268.             $('#arquivo').each(function (index) {
  269.                 if ($('#arquivo').eq(index).val() != "") {
  270.                     $scope.readURL(this);
  271.                 }
  272.             });
  273.         }
  276.         /**
  277.          * @method readURL
  278.          */
  279.         $scope.readURL = function (input) {
  280.             if (input.files && input.files[index]) {
  281.                 var reader = new FileReader();
  283.                 reader.onload = function (e) {
  284.                     $("#renderCropper").empty();
  287.                     var label = $('<label />', {
  288.                         id: 'arquivo_anexado',
  289.                         for: 'myvalue',
  290.                         class: 'fake-label nopad',
  291.                     }).appendTo($('#renderCropper'));
  293.                     $("#arquivo_anexado").text(input.files[0]);
  296.                     var img = $('<img />',
  297.                         {
  298.                             id: 'image' + index,
  299.                             src: e.target.result,
  300.                             style: 'max-width: 24px; max-height: 24px;'
  301.                         }).appendTo($('#renderCropper'));
  302.                 };
  304.                 reader.readAsDataURL(input.files[0]);
  305.             }
  307.         }
  309.         /**
  310.          * @method enviarArquivo
  311.          * @param {*} substituir 
  312.          */
  313.         function enviarArquivo(substituir) {
  314.             var listIconsToAdd = [];
  315.             for (var element in uploader.queue) {
  316.                 if ($.inArray(uploader.queue[element].novoNome, $scope.listIconsName) >= 0 && substituir) {
  318.                     var iconToRemove = _.find($scope.listIcons, function (icons) { return icons.filePath.contains(uploader.queue[element].novoNome) });
  320.                     if (iconToRemove) {
  321.                         $scope.listIconsToRemove.push(iconToRemove.fileId);
  322.                         listIconsToAdd.push(uploader.queue[element]);
  323.                     }
  324.                 }
  325.                 else if ($.inArray(uploader.queue[element].novoNome, $scope.listIconsName) < 0) {
  326.                     listIconsToAdd.push(uploader.queue[element]);
  327.                 }
  328.             }
  330.             uploader.clearQueue();
  332.             for (var index in listIconsToAdd) {
  333.                 uploader.queue.push(listIconsToAdd[index]);
  334.             }
  336.             if ($scope.listIconsToRemove.length > 0) {
  337.                 for (var index in $scope.listIconsToRemove) {
  338.                     $http.delete(API_ENDPOINT + "filemanager/" + $scope.listIconsToRemove[index]).then(function () {
  339.                         if (index == $scope.listIconsToRemove.length - 1) {
  340.                             _salvarArquivo();
  341.                         }
  342.                     });
  343.                 }
  344.             } else {
  345.                 _salvarArquivo();
  346.             }
  348.         }
  350.         /**
  351.          * @method _salvarArquivo
  352.          */
  353.         function _salvarArquivo() {
  354.             $scope.isUploading = true;
  356.             uploader.url = '/filemanager/addarquivo/ICONE';
  357.             uploader.uploadAll();
  358.             uploadCallbackQueue.push(function () {
  359.                 $scope.isUploading = false;
  360.                 $scope.arquivosPraSubir = false;
  361.                 carregarIcones();
  362.             });
  363.             $("#renderCropper").empty();
  364.         }
  366.         $scope.uploader.alias = 'arquivo';
  367.         $scope.uploader.removeAfterUpload = true;
  369.         /**
  370.          * @method copyUrlIcons
  371.          * @param {*} icons 
  372.          */
  373.         function copyUrlIcons(icons) {
  374.             var tempInput = document.createElement("input");
  375.             tempInput.style = "position: absolute; left: -1000px; top: -1000px";
  376.             tempInput.value = icons.filePath;
  377.             document.body.appendChild(tempInput);
  378.             tempInput.select();
  379.             document.execCommand("copy");
  380.             document.body.removeChild(tempInput);
  382.             $mdDialog.show({
  383.                 controller: function ($scope) {
  384.                     $scope.res = $scope.$root.res;
  385.                     $scope.icons = icons;
  387.                     $scope.ok = function () {
  388.                         $mdDialog.hide();
  389.                     };
  391.                     $scope.cancelar = function () {
  392.                         $mdDialog.cancel();
  393.                     };
  395.                     $scope.deleteIcons = function (icons) {
  396.                         var confirm = $mdDialog.confirm()
  397.                             .title($scope.res('COMUM_MENSAGEM_ACAOIRREVERSIVEL'))
  398.                             .content($scope.res('CERTEZA_REMOVER_ICONE'))
  399.                             .ok($scope.res('COMUM_SIM'))
  400.                             .cancel($scope.res('COMUM_CANCELAR'));
  402.                         $mdDialog.show(confirm).then(function () {
  404.                             $http.delete(API_ENDPOINT + "filemanager/" + icons.fileId)
  405.                                 .then(function (result) {
  406.                                     carregarIcones();
  407.                                     $mdDialog
  408.                                         .show($mdDialog.alert()
  409.                                             .title($scope.res('COMUM_SUCESSO'))
  410.                                             .content($scope.res('REMOVER_ICONE_SUCESSO'))
  411.                                             .ok($scope.res('COMUM_OK')));
  412.                                 }, function (err) {
  413.                                     $mdDialog
  414.                                         .show($mdDialog.alert()
  415.                                             .title($scope.res('COMUM_ERRO'))
  416.                                             .content(err.data.message)
  417.                                             .ok($scope.res('COMUM_OK')));
  418.                                 });
  419.                         }, function (err) {
  420.                             $mdDialog
  421.                                 .show($mdDialog.alert()
  422.                                     .title($scope.res('COMUM_ERRO'))
  423.                                     .content(err.data.message)
  424.                                     .ok($scope.res('COMUM_OK')));
  425.                         });
  426.                     };
  427.                 },
  428.                 templateUrl: 'app/components/admin/modulos/manutencao/icones/dialogIcones.html'
  429.             });
  431.         }
  434.         /**
  435.          * @method isImage
  436.          * @param {*} extension 
  437.          */
  438.         function isImage(extension) {
  439.             if (extension.contains(".jpg")) {
  440.                 return true;
  441.             }
  443.             if (extension.contains(".jpeg")) {
  444.                 return true;
  445.             }
  447.             if (extension.contains(".png")) {
  448.                 return true;
  449.             }
  451.             if (extension.contains(".bmp")) {
  452.                 return true;
  453.             }
  455.             if (extension.contains(".svg")) {
  456.                 return true;
  457.             }
  459.             if (extension.contains(".gif")) {
  460.                 return true;
  461.             }
  463.             if (extension.contains(".tiff")) {
  464.                 return true;
  465.             }
  467.             if (extension.contains(".tif")) {
  468.                 return true;
  469.             }
  471.             return false;
  472.         }
  474.         $(function () {
  475.             carregarIcones();
  476.         });
  478.         angular.extend($scope, {
  479.             carregarIcones: carregarIcones,
  480.             salvarImagem: salvarImagem,
  481.             abrirUpload: abrirUpload,
  482.             copyUrlIcons: copyUrlIcons,
  483.             cancelar: cancelar
  484.         });
  486.     }
  488. }());