@cronapp/templates 2.9.1-SP.2

package/$global/js/directives.js

@@ -0,0 +1,162 @@
+(function ($app) {
+    
+  /**
+   * Função que retorna o formato que será utilizado no componente
+   * capturando o valor do atributo format do elemento, para mais formatos
+   * consulte os formatos permitidos em http://momentjs.com/docs/#/parsing/string-format/
+   * 
+   */
+  var patternFormat = function(element){
+    if(element){
+      return $(element).attr('format') || 'DD/MM/YYYY';
+    }
+    return 'DD/MM/YYYY';
+  }
+  
+  /**
+   * Em todo elemento que possuir o atibuto as-date será 
+   * aplicado o componente Datetimepicker (http://eonasdan.github.io/bootstrap-datetimepicker/)
+   * 
+   * O componente se adequa de acordo com o formato, definido através do atributo format
+   * espeficado no elemento.
+   * Para data simples use format="DD/MMM/YYYY", para data e hora use format="DD/MM/YYYY HH:mm:ss"
+   * 
+   * @see http://eonasdan.github.io/bootstrap-datetimepicker/
+   */
+  app.directive('asDate', function () {
+      return {
+          require: '^ngModel',
+          restrict: 'A',
+          link: function (scope, element, attrs, ngModel) {
+              if(!ngModel){
+                return;
+              } 
+              
+              var format = patternFormat(element);
+              
+              var options = {
+                format: format,
+                locale : 'pt-BR',
+                showTodayButton: true,
+                useStrict: true,
+                tooltips: {
+                  today: 'Hoje',
+                  clear: 'Limpar seleção',
+                  close: 'Fechar',
+                  selectMonth: 'Selecionar mês',
+                  prevMonth: 'Mês anterior',
+                  nextMonth: 'Próximo mês',
+                  selectYear: 'Selecionar ano',
+                  prevYear: 'Ano anterior',
+                  nextYear: 'Próximo ano',
+                  selectDecade: 'Selecionar década',
+                  prevDecade: 'Década anterior',
+                  nextDecade: 'Próxima década',
+                  prevCentury: 'Século anterior',
+                  nextCentury: 'Próximo século'
+                }
+              };
+              
+              if(format != 'DD/MM/YYYY'){
+                options.sideBySide = true;
+              }
+              
+              element.datetimepicker(options);
+  
+              element.on('dp.change', function(){
+                if ($(this).is(":visible"))
+                  scope.$apply(read);
+              });
+              
+              ngModel.$render = function(){
+                if(ngModel.$viewValue){
+                  var momentDate = moment(ngModel.$viewValue);
+                  
+                  if(momentDate.isValid()){
+                    element.val( momentDate.format(patternFormat(element)));
+                  }else{
+                    var dateInMilliseconds = parseInt(ngModel.$viewValue, 10);
+                    momentDate = moment(dateInMilliseconds);
+                    if(momentDate.isValid()){
+                      element.val( momentDate.format(patternFormat(element)));
+                    }else{
+                      element.val('');
+                    }
+                  }
+                }else{
+                  element.data("DateTimePicker").clear();
+                  element.val('');
+                }
+              }
+  
+              read();
+  
+              function read() {
+                  var value = element.val();
+                  var momentDate = moment(value, patternFormat(element));
+                  if(momentDate.isValid())
+                    ngModel.$setViewValue(momentDate.toDate());
+              }
+          }
+      };
+  })
+  
+  .directive('ngDestroy', function () {
+    return {
+      restrict: 'A',
+      link: function(scope, element, attrs, ctrl) {
+        element.on('$destroy', function() {
+          if (attrs.ngDestroy && attrs.ngDestroy.length > 0)
+            if (attrs.ngDestroy.indexOf('app.') > -1 || attrs.ngDestroy.indexOf('blockly.') > -1) 
+              scope.$eval(attrs.ngDestroy);
+            else
+              eval(attrs.ngDestroy);
+        });
+      }
+    }
+  })
+  
+  .directive('pwCheck', [function () { 'use strict';
+    return {
+      require: 'ngModel',
+      link: function (scope, elem, attrs, ctrl) {
+      var firstPassword = '#' + attrs.pwCheck;
+      elem.add(firstPassword).on('keyup', function () {
+        scope.$apply(function () {
+        var v = elem.val()===$(firstPassword).val();
+        ctrl.$setValidity('pwmatch', v);
+        });
+      });
+      }
+    }
+  }])
+  
+  
+  /**
+   * Validação de campos CPF e CNPJ,
+   * para utilizar essa diretiva, adicione o atributo valid com o valor 
+   * do tipo da validação (cpf ou cnpj). Exemplo <input type="text" valid="cpf"> 
+   */
+  .directive('valid', function () {
+      return {
+          require: '^ngModel',
+          restrict: 'A',
+          link: function (scope, element, attrs, ngModel) {
+            var validator = {'cpf': CPF, 'cnpj': CNPJ};
+            
+            setTimeout(function() { element[0].setCustomValidity(element[0].dataset['errorMessage']); }, 100);
+            
+            ngModel.$validators[attrs.valid] = function(modelValue, viewValue) {
+              var value = modelValue || viewValue;
+              var fieldValid =  validator[attrs.valid].isValid(value);
+              if(!fieldValid){
+                element[0].setCustomValidity(element[0].dataset['errorMessage']);
+              }else{
+                element[0].setCustomValidity("");
+              }
+              return (fieldValid || !value);
+            };
+          }
+      }
+  })
+} (app));

package/$global/reports/commons/ReportFront.ftl

@@ -0,0 +1,76 @@
+package reports.commons;
+
+import java.io.Serializable;
+import java.util.ArrayList;
+import java.util.List;
+
+import cronapp.reports.commons.Parameter;
+
+public class ReportFront implements Serializable {
+  
+  private static final long serialVersionUID = 1L;
+  
+  private String reportName;
+  
+  private List<Parameter> parameters;
+  
+  public ReportFront() {
+    this.reportName = "";
+    this.parameters = new ArrayList<>();
+  }
+  
+  public ReportFront(String reportName) {
+    this.reportName = reportName;
+    this.parameters = new ArrayList<>();
+  }
+  
+  public ReportFront(ReportFront reportFront) {
+    this.reportName = reportFront.getReportName();
+    this.parameters = reportFront.getParameters();
+  }
+  
+  public String getReportName() {
+    return reportName;
+  }
+  
+  public void setReportName(String reportName) {
+    this.reportName = reportName;
+  }
+  
+  public List<Parameter> getParameters() {
+    return parameters;
+  }
+  
+  public void setParameters(List<Parameter> parameters) {
+    this.parameters = parameters;
+  }
+  
+  public ReportFront addParameter(Parameter parameter) {
+    getParameters().add(parameter);
+    return this;
+  }
+  
+  @Override
+  public boolean equals(Object o) {
+    if(this == o)
+      return true;
+    if(o == null || getClass() != o.getClass())
+      return false;
+    ReportFront that = (ReportFront)o;
+    return reportName != null ? reportName.equals(that.reportName)
+            : that.reportName == null && parameters.equals(that.parameters);
+  }
+  
+  @Override
+  public int hashCode() {
+    int result = reportName != null ? reportName.hashCode() : 0;
+    result = 31 * result + parameters.hashCode();
+    return result;
+  }
+  
+  @Override
+  public String toString() {
+    return "ReportFront{" + "reportName='" + reportName + '\'' + ", parameters=" + parameters + '}';
+  }
+  
+}

package/$global/reports/frontend/parameters.controller.ftl

@@ -0,0 +1,70 @@
+(function () {
+    'use strict';
+
+    angular
+        .module('custom.controllers')
+        .controller('ParameterController', ParameterController)
+        .filter('trusted', ['$sce', function ($sce) {
+            return function (text) {
+                return $sce.trustAsHtml(text);
+            };
+        }])
+        .directive('compile', function ($compile, $timeout) {
+            return {
+                restrict: 'A',
+                link: function (scope, elem) {
+                    $timeout(function () {
+                        $compile(elem.contents())(scope);
+                    });
+                }
+            }
+        })
+        .directive("formatDate", function () {
+            return {
+                require: 'ngModel',
+                link: function (scope, elem, attr, modelCtrl) {
+                    modelCtrl.$formatters.push(function (modelValue) {
+                        if (modelValue) {
+                            return new Date(modelValue);
+                        }
+                        else {
+                            return null;
+                        }
+                    });
+                }
+            };
+        });
+
+    ParameterController.$inject = ['$modalInstance', '$scope', 'ReportService', 'report', 'htmlParameters'];
+
+    function ParameterController($modalInstance, $scope, ReportService, report, htmlParameters) {
+
+        $scope.report = report;
+
+        $scope.htmlParameters = htmlParameters;
+
+        function openPDF(result) {
+            var blob = new Blob([result.data], {type: 'application/pdf'});
+
+            var ieEDGE = navigator.userAgent.match(/Edge/g);
+            var ie = navigator.userAgent.match(/.NET/g);
+            var oldIE = navigator.userAgent.match(/MSIE/g);
+
+            if (ie || oldIE || ieEDGE) {
+                window.navigator.msSaveBlob(blob, $scope.report.reportName + ".pdf");
+            }
+            else {
+                window.open(URL.createObjectURL(blob));
+            }
+        }
+
+        $scope.onPrint = function () {
+            ReportService.getPDF($scope.report).then(openPDF);
+        };
+
+        $scope.onCancel = function () {
+            $modalInstance.dismiss('cancel');
+        };
+    }
+
+})();

package/$global/reports/frontend/reports.controller.ftl

@@ -0,0 +1,63 @@
+(function () {
+    'use strict';
+
+    angular
+        .module('custom.controllers')
+        .controller('ReportController', ReportController);
+
+    ReportController.$inject = ['$scope', '$modal', 'ReportService'];
+
+    function ReportController($scope, $modal, ReportService) {
+
+        function escapeRegExp(str) {
+            return str.replace(/([.*+?^=!:()|\[\]\/\\])/g, "\\$1");
+        }
+
+        function replaceAll(str, find, replace) {
+            return str.replace(new RegExp(escapeRegExp(find), 'g'), replace);
+        }
+
+        function showParameters(report) {
+
+            var parameters = report.parameters;
+
+            var htmlParameters = [];
+
+            var index = 0;
+
+            function next() {
+                if (index < parameters.length) {
+                    var parameter = parameters[index++];
+                    $.get("js/reports/templates/" + parameter.type + ".parameter.html").done(function (result) {
+                        htmlParameters.push(replaceAll(result, "_field_", parameter.name));
+                        next();
+                    });
+                } else if (htmlParameters.length > 0) {
+                    $modal.open({
+                        templateUrl: 'js/reports/reports.parameters.html',
+                        controller: 'ParameterController',
+                        resolve: {
+                            report: function () {
+                                return JSON.parse(JSON.stringify(report));
+                            },
+                            htmlParameters: function () {
+                                return JSON.parse(JSON.stringify(htmlParameters));
+                            }
+                        }
+                    });
+                }
+            }
+
+            next();
+        }
+
+        $scope.getReport = function (reportName) {
+            ReportService.getReport(reportName).then(function (result) {
+                if (result && result.data) {
+                    showParameters(JSON.parse(JSON.stringify(result.data)));
+                }
+            });
+        };
+    }
+
+})();

package/$global/reports/frontend/reports.parameters.ftl

@@ -0,0 +1,25 @@
+<form name="andamentosForm" role="form" novalidate show-validation>
+    <div class="modal-header">
+        <h4 class="modal-title">Relatório [{{report.reportName}}]</h4>
+    </div>
+    <div class="modal-body">
+        <div class="panel panel-default">
+            <div class="panel-body">
+                <fieldset>
+                    <legend>Edição dos parâmetros</legend>
+                    <div ng-if="htmlParameters.length > 0" ng-repeat="item in htmlParameters">
+                        <span compile ng-bind-html="item | trusted"></span>
+                    </div>
+                </fieldset>
+            </div>
+        </div>
+    </div>
+    <div class="modal-footer">
+        <button type="button" class="btn btn-success" data-toggle="tooltip" title="Gerar arquivo PDF do relatório" ng-click="onPrint()">
+            <span class="glyphicon glyphicon-print"></span>&nbsp;<span>Imprimir</span>
+        </button>
+        <button type="button" class="btn btn-default" data-toggle="tooltip" title="Cancelar impressão" ng-click="onCancel()">
+            <span class="glyphicon glyphicon-ok"></span>&nbsp;<span>Cancelar</span>
+        </button>
+    </div>
+</form>

package/$global/reports/frontend/reports.service.ftl

@@ -0,0 +1,39 @@
+(function () {
+    'use strict';
+
+    angular
+        .module('custom.services')
+        .service('ReportService', ReportService);
+
+    ReportService.$inject = ['$http'];
+
+    function ReportService($http) {
+
+        function getReport(reportName) {
+            var req = {
+                url: 'api/rest/report',
+                method: 'POST',
+                data: angular.toJson({
+                    'reportName': reportName
+                })
+            };
+            return $http(req);
+        }
+
+        function getPDF(report) {
+            var req = {
+                url: 'api/rest/report/pdf',
+                method: 'POST',
+                responseType: 'arraybuffer',
+                data: angular.toJson(report)
+            };
+            return $http(req);
+        }
+
+        return {
+            getReport: getReport,
+            getPDF: getPDF
+        };
+    }
+
+})();

package/$global/reports/frontend/templates/BOOLEAN.parameter.ftl

@@ -0,0 +1,4 @@
+<div class="form-group col-sm-12">
+    <label for="_field_">{{report.parameters[$index].name}}</label>
+    <input type="checkbox" class="form-control input-sm" name="name" id="_field_" ng-model="report.parameters[$index].value">
+</div>

package/$global/reports/frontend/templates/DATE.parameter.ftl

@@ -0,0 +1,4 @@
+<div class="form-group col-sm-12">
+    <label for="_field_">{{report.parameters[$index].name}}</label>
+    <input type="date" class="form-control input-sm" name="name" id="_field_" ng-model="report.parameters[$index].value" format-date>
+</div>

package/$global/reports/frontend/templates/DOUBLE.parameter.ftl

@@ -0,0 +1,4 @@
+<div class="form-group col-sm-12">
+    <label for="_field_">{{report.parameters[$index].name}}</label>
+    <input type="number" min="1" step="any" class="form-control input-sm" name="name" id="_field_" ng-model="report.parameters[$index].value">
+</div>

package/$global/reports/frontend/templates/FLOAT.parameter.ftl

@@ -0,0 +1,4 @@
+<div class="form-group col-sm-12">
+    <label for="_field_">{{report.parameters[$index].name}}</label>
+    <input type="number" min="1" step="any" class="form-control input-sm" name="name" id="_field_" ng-model="report.parameters[$index].value">
+</div>

package/$global/reports/frontend/templates/INTEGER.parameter.ftl

@@ -0,0 +1,4 @@
+<div class="form-group col-sm-12">
+    <label for="_field_">{{report.parameters[$index].name}}</label>
+    <input type="number" class="form-control input-sm" name="name" id="_field_" ng-model="report.parameters[$index].value">
+</div>

package/$global/reports/frontend/templates/LONG.parameter.ftl

@@ -0,0 +1,4 @@
+<div class="form-group col-sm-12">
+    <label for="_field_">{{report.parameters[$index].name}}</label>
+    <input type="number" class="form-control input-sm" name="name" id="_field_" ng-model="report.parameters[$index].value">
+</div>

package/$global/reports/frontend/templates/STRING.parameter.ftl

@@ -0,0 +1,4 @@
+<div class="form-group col-sm-12">
+    <label for="_field_">{{report.parameters[$index].name}}</label>
+    <input type="text" class="form-control input-sm" name="name" id="_field_" ng-model="report.parameters[$index].value">
+</div>

package/README.md

@@ -0,0 +1,2 @@
+# cronos-paas-ide-templates
+Templates de Projeto e Arquivos para o Cronos PaaS IDE 

package/file/blockly/EmptyBlockly/__Name__.blockly.ftl

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<#assign type = "JS">
+<#assign security = "">
+<#if isSrc??>
+<#assign type = isSrc?then('JAVA','JS')  >
+</#if>
+<#if isAuth??>
+<#assign security = isAuth?then('','{"post":"Public","get":"Public","execute":"Public","delete":"Public","put":"Public","filter":"Public"}')  >
+</#if>
+<blockly formTarget="" resourceType="${type}" ruleDescription="${Name?xml}" ruleName="${Name?xml}" ruleSynchronous="false" ruleType="I" ruleSecurity='${security}'>
+<block colour="#995ba5" id="Anb:u5+^,0vLkL9QIqn5" tooltip="${Name?xml} - ${FunctionName?xml}" type="procedures_defreturn" x="-350" y="130">
+<mutation>
+  <#if param??>
+  <arg name="${param}"/>
+  </#if>
+</mutation>
+<field name="NAME">${FunctionName?xml}</field>
+<comment h="80" pinned="false" w="160">${Name?xml}</comment>
+</block>
+</blockly>

package/file/blockly/EmptyBlockly/template.properties

@@ -0,0 +1,8 @@
+icon=blockly.png
+name=Empty Blockly (Low-Code)
+encoding=UTF-8
+parameter.string.1.Name=Block
+parameter.string.2.FunctionName=Execute
+
+parameter.string.1.Name.value=Block
+parameter.string.2.FunctionName.value=Execute

package/file/blockly/EmptyBlockly/template_pt_BR.properties

@@ -0,0 +1,6 @@
+name=Bloco de Programação Vazio (Low-Code)
+parameter.string.1.Name=Nome do Arquivo
+parameter.string.2.FunctionName=Nome da Função
+
+parameter.string.1.Name.value=Bloco
+parameter.string.2.FunctionName.value=Executar

package/file/blockly/JavaBlockly/__ClassName__.java.ftl

@@ -0,0 +1,32 @@
+<#if PackageName?has_content && (PackageName?length > 0) >
+package ${PackageName};
+</#if>	
+
+import cronapi.CronapiMetaData;
+import cronapi.Utils;
+import cronapi.Var;
+import cronapi.CronapiMetaData.CategoryType;
+import cronapi.CronapiMetaData.ObjectType;	
+import cronapi.ParamMetaData;
+import cronapi.rest.security.CronappSecurity;
+
+
+/**
+ * @author ${UserName}
+ * @version 1.0
+ * @since ${.now?string("yyyy-MM-dd")}
+ *
+ */
+ 
+@CronapiMetaData(type = "blockly") 
+@CronappSecurity
+public class ${ClassName} {
+
+	@CronapiMetaData(type = "blockly")
+	public static Var ${FunctionName}(Var input) throws Exception {
+		return Var.valueOf("Input " + input.toString());
+	}
+
+}
+
+

package/file/blockly/JavaBlockly/java.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="javaSourceFile" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#AEC036;}
+	.st1{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st0" d="M8,15.1c3.9,0,7.1-3.2,7.1-7.1S11.9,0.9,8,0.9S0.9,4.1,0.9,8S4.1,15.1,8,15.1z"/>
+	<path class="st1" d="M8,4.4c0.6,0,1.3,0.2,1.8,0.5l0.6,0.3c0.1,0.1,0.1,0.2,0.1,0.3L9.8,6.7C9.7,6.8,9.6,6.9,9.5,6.8L8.9,6.5
+		C8.7,6.3,8.3,6.2,8,6.2C7,6.2,6.2,7,6.2,8S7,9.8,8,9.8c0.5,0,0.9-0.2,1.3-0.5l0.5-0.5c0.1-0.1,0.2-0.1,0.3,0L11,9.7
+		c0.1,0.1,0.1,0.2,0,0.3l-0.5,0.5c-0.6,0.6-1.5,1-2.5,1C6,11.6,4.4,10,4.4,8S6,4.4,8,4.4z"/>
+</g>
+</svg>

package/file/blockly/JavaBlockly/template.properties

@@ -0,0 +1,9 @@
+icon=java.svg
+name=New Java Blockly (High-Code)
+encoding=UTF-8
+underFolders=src
+advancedMode=true
+parameter.string.1.ClassName=Class Name
+parameter.string.1.ClassName.value=ClassName
+parameter.string.2.FunctionName=Function Name
+parameter.string.2.FunctionName.value=newFunction

package/file/blockly/JavaBlockly/template_pt_BR.properties

@@ -0,0 +1,5 @@
+name=Novo Bloco de Programação Java (High-Code)
+parameter.string.1.ClassName=Nome da Classe
+parameter.string.1.ClassName.value=NomeDaClasse
+parameter.string.2.FunctionName=Nome da Função
+parameter.string.2.FunctionName.value=novaFuncao

package/file/blockly/JavaScriptBlockly/__ClassName__.blockly.js.ftl

@@ -0,0 +1,16 @@
+(function() {
+  'use strict';
+
+  this.blockly = this.blockly || {};
+
+  this.blockly.${ClassName} = this.blockly.${ClassName} || {};
+  
+  /**
+   * @type blockly
+   */
+  this.blockly.${ClassName}.${FunctionName} = function(input) {
+    return "INPUT" + input;
+  };
+  
+
+}).bind(window)();

package/file/blockly/JavaScriptBlockly/javascript.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F6DF1C;}
+	.st1{fill:#050600;}
+	.st2{fill:#030401;}
+</style>
+<title>data-source-js</title>
+<path class="st0" d="M8,15.6H0.6c0,0-0.1,0-0.1-0.1V0.6c0,0,0-0.1,0.1-0.1h14.8c0,0,0.1,0,0.1,0.1v15c0,0.1,0,0-0.1,0H8z M12,14.4
+	c0.2,0,0.4,0,0.7,0c0.6-0.1,1.1-0.4,1.4-0.9c0.5-0.9,0.2-2.1-0.7-2.7c-0.5-0.3-1-0.5-1.5-0.7c-0.2-0.1-0.4-0.2-0.6-0.3
+	c-0.2-0.2-0.2-0.6,0-0.9c0.1-0.1,0.2-0.1,0.3-0.2c0.2,0,0.3,0,0.5,0c0.2,0.1,0.4,0.3,0.6,0.5c0,0,0,0.1,0.1,0l1-0.6c0,0,0,0,0-0.1
+	c-0.2-0.3-0.4-0.6-0.7-0.8c-0.6-0.3-1.2-0.4-1.9-0.2C10.6,7.5,10,8,9.8,8.7c-0.2,0.7,0,1.5,0.6,2c0.4,0.3,0.8,0.5,1.2,0.7
+	c0.3,0.1,0.6,0.3,0.9,0.5c0.3,0.2,0.4,0.6,0.2,0.9c-0.1,0.1-0.2,0.2-0.3,0.2c-0.3,0.1-0.7,0.1-1,0c-0.3-0.1-0.6-0.4-0.8-0.7
+	c0,0,0-0.1-0.2,0l-1,0.6c0,0-0.1,0,0,0.2c0.1,0.2,0.2,0.4,0.4,0.5C10.4,14.2,11.2,14.5,12,14.4z M8.7,10V7.6c0-0.1,0-0.2-0.2-0.2
+	H7.4c-0.1,0-0.2,0-0.2,0.2v4.6c0,0.1,0,0.3,0,0.4c0,0.3-0.2,0.5-0.5,0.6c-0.4,0.1-0.8,0-1-0.4l-0.2-0.2c0,0,0-0.1-0.2,0l-1,0.6
+	c0,0-0.1,0,0,0.2C4.7,13.7,5,14,5.4,14.2c0.6,0.3,1.3,0.3,1.9,0.2c0.6-0.2,1.1-0.6,1.3-1.3c0-0.2,0-0.5,0-0.8L8.7,10z"/>
+<path class="st1" d="M12,14.4c-0.8,0-1.6-0.3-2.2-0.8c-0.1-0.2-0.3-0.3-0.4-0.5c0,0,0-0.1,0-0.2l1-0.6c0,0,0.1,0,0.2,0
+	c0.2,0.3,0.5,0.6,0.8,0.7c0.3,0.1,0.7,0.1,1,0c0.3-0.1,0.5-0.5,0.4-0.8c0-0.1-0.1-0.3-0.2-0.3c-0.3-0.2-0.6-0.3-0.9-0.5
+	c-0.4-0.2-0.9-0.4-1.2-0.7c-0.5-0.5-0.7-1.3-0.5-2c0.2-0.7,0.8-1.2,1.5-1.3c0.6-0.2,1.3-0.1,1.9,0.2c0.3,0.2,0.5,0.5,0.7,0.8
+	c0,0,0,0,0,0.1l-1,0.6c0,0-0.1,0-0.1,0c-0.1-0.2-0.3-0.4-0.6-0.5c-0.2,0-0.3,0-0.5,0c-0.3,0.1-0.5,0.4-0.4,0.8
+	c0,0.1,0.1,0.2,0.2,0.3c0.2,0.1,0.4,0.3,0.6,0.3c0.5,0.2,1,0.5,1.5,0.7c0.9,0.6,1.2,1.8,0.7,2.7c-0.3,0.5-0.8,0.9-1.4,0.9
+	C12.6,14.4,12.3,14.5,12,14.4z"/>
+<path class="st2" d="M8.7,10v2.3c0,0.2,0,0.5,0,0.8c-0.2,0.6-0.6,1.1-1.3,1.3c-0.6,0.2-1.3,0.1-1.9-0.2c-0.4-0.2-0.7-0.5-0.9-0.9
+	c0,0,0-0.1,0-0.2l1-0.6c0,0,0.1,0,0.2,0l0.2,0.2c0.2,0.3,0.6,0.5,1,0.4c0.3-0.1,0.4-0.3,0.5-0.6c0-0.1,0-0.3,0-0.4V7.6
+	c0-0.1,0-0.2,0.2-0.2h1.1c0.1,0,0.2,0,0.2,0.2L8.7,10z"/>
+</svg>

package/file/blockly/JavaScriptBlockly/template.properties

@@ -0,0 +1,9 @@
+icon=javascript.svg
+name=New Javascript Blockly (High-Code)
+encoding=UTF-8
+underFolders=webapp,mobileapp
+advancedMode=true
+parameter.string.1.ClassName=Class Name
+parameter.string.1.ClassName.value=ClassName
+parameter.string.2.FunctionName=Function Name
+parameter.string.2.FunctionName.value=newFunction

package/file/blockly/JavaScriptBlockly/template_pt_BR.properties

@@ -0,0 +1,5 @@
+name=Novo Bloco de Programação Javascript (High-Code)
+parameter.string.1.ClassName=Nome da Classe
+parameter.string.1.ClassName.value=NomeDaClasse
+parameter.string.2.FunctionName=Nome da Função
+parameter.string.2.FunctionName.value=novaFuncao