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

• Confirm
• FileUpload
• Query
• Filter
• FormButtons
• List
• ManyToMany
• ManyToOne
• Number

Filters

• Translate

Directives

• Address
• Alert
• Breadcrumb
• Counter
• Confirm
• CustomFields
• Form
• Filter
• Error
• Errors
• Form
• Max
• Min
• Pattern
• Range
• Required
• Validate
• FormButtons
• List
• Login
• ManyToMany
• ManyToOne
• Mask
• Menu
• Nav
• OneToMany
• Password
• Query
• Search
• Table
• Tag
• Translate
• Upload

Services

• AddressService
• Alert
• Base
• Date
• GumgaController
• Keyboard
• Notification
• PopulateProvider
• Rest
• Translate
• WebStorage

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.