node package manager
Loosely couple your services. Use Orgs to version and reuse your code. Create a free org »

gumga-components

Stories in Ready

Gumga Components

Os componentes da Gumga que estão neste repositório são os componentes utilizados no GumgaFramework.

Pré-requisitos

  • AngularJS
  • Angular UI Bootstrap
  • ngImgCrop (A partir da versão 3.0.0 deve-se adicionar dependências da lib ng-img-crop ao projeto, esta lib é usada no componente GumgaImageUpload, caso esteja usando a versão 2.11.6 e ocorra erro na injeção de dependência, também adicione a lib ng-img-crop ao projeto).

Instalação:

bower install gumga-components

Documentação:

A documentação dos componentes pode ser visualizada diretamente na pasta dos componentes, ou através dos seguintes links:

Components

Filters

Directives


Services

Observação quanto ao uibDatepickerPopup

Para utilizar uma máscara junto ao uibDatepickerPopup, utilizamos a lib vanilla-masker para fazer a máscara e adicionamos um $delegate para alterar o componente, visto que ele é um componente externo a gumga.

  <p class="input-group">
    <input type="text" class="form-control" uib-datepicker-popup="dd/MM/yyyy" ng-model="date" is-open="isDatePickerOpen"/>
    <span class="input-group-btn">
      <button type="button" class="btn btn-default" ng-click="open()">
        <i class="glyphicon glyphicon-calendar"></i>
      </button>
    </span>
  </p>
$scope.open = function() {
  $scope.isDatePickerOpen = !$scope.isDatePickerOpen;
};

Ao passar qual o valor requerido da máscara para o uib-datepicker-popup, ele irá adicionar a máscara a medida que o usuário digita o valor.