Os componentes da Gumga que estão neste repositório são os componentes utilizados no GumgaFramework.
- 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).
bower install gumga-components
A documentação dos componentes pode ser visualizada diretamente na pasta dos componentes, ou através dos seguintes links:
- 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
- AddressService
- Alert
- Base
- Date
- GumgaController
- Keyboard
- Notification
- PopulateProvider
- Rest
- Translate
- WebStorage
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.