gumga-many-to-one-ng
Version:
Gumga Many To One
272 lines (245 loc) • 9.35 kB
HTML
<html lang="en"
ng-app="yourApp">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<link rel="stylesheet"
href="https://gumga.github.io/layout/gumga-layout/gumga-layout.css">
</head>
<body ng-controller="manyToOneCtrl">
<div class="container gumga-layout">
<br>
<br>
<br>
<div class="row">
<div class="panel gmd"
style="height: 600px;">
<div class="panel-body">
<form name="Example">
<div class="col-md-3"></div>
<div class="col-md-6">
<gumga-many-to-one value="produto2"
class="gmd striped"
list="pessoas"
search-method="asyncSearch(param)"
name="pessoas"
required
field="name"
min-letter="2"
ng-required="true"
authorize-add="true"
post-fields="name:true"
labels-modal="{name: 'Nome'}"
active-favorite="true"
async="true"
display-info="true">
<match>
<div>{{match.model.name}}</div>
</match>
<!-- <gmto-register>
<gmto-register-label>
Nenhum dos
<b> {{ $value }} </b> listado é o que procura?
</gmto-register-label>
<gmto-register-button>
Cadastre
</gmto-register-button>
</gmto-register> -->
</gumga-many-to-one>
<br>
<br>
<br>
<br>
<gumga-many-to-one value="produto3"
class="gmd striped"
list="pessoas222"
name="pessoass"
ng-focus="focusInput"
ng-blur="blurInput"
required
field="name"
authorize-add="false"
active-favorite="true"
async="false"
on-register-click="teste(param)"
display-info="true">
<match>
<div>{{match.model.name}}</div>
</match>
</gumga-many-to-one>
</div>
<br>
<br>
<br>
<br>
</form>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="node_modules/angular/angular.min.js"></script>
<script src="https://gumga.github.io/layout/gumga-layout/gumga-layout.js"></script>
<script src="node_modules/angular-ui-bootstrap/dist/ui-bootstrap.js"></script>
<script src="node_modules/angular-ui-bootstrap/dist/ui-bootstrap-tpls.js"></script>
<script src="node_modules/gumga-rest-ng/dist/gumga-rest.js"></script>
<script src="node_modules/gumga-controller-ng/dist/gumga-controller.min.js"></script>
<script src="node_modules/gumga-form-ng/dist/gumga-form.js"></script>
<script src="dist/gumga-many-to-one.js"></script>
<script>
angular.module('yourApp', ['gumga.rest', 'gumga.controller', 'gumga.manytoone', 'gumga.form', 'gumga.layout'])
.config(function ($httpProvider) {
$httpProvider.defaults.headers.common['gumgaToken'] = 'eterno'
})
.controller('manyToOneCtrl', ['gumgaController', 'GumgaRest', '$scope', '$http', '$q',
function (gumgaController, GumgaRest, $scope, $http, $q) {
$scope.options = [
{ name: 'Gustavo joaquim', id: 1 },
{ name: 'Augusto Carniel', id: 2 }
]
$scope.focusInput = (evt) => {
console.log('Focus')
}
$scope.blurInput = (evt) => {
console.log('Blur')
}
var HistoricoService = new GumgaRest('http://192.168.25.250/gileadeweb-api/api/historico');
gumgaController.createRestMethods($scope, HistoricoService, 'historico');
var NotificacaoService = new GumgaRest('http://192.168.25.250/gileadeweb-api/api/notificacao');
gumgaController.createRestMethods($scope, NotificacaoService, 'notificacao');
var PessoaService = new GumgaRest('https://gumga.io/security-api/api/user');
gumgaController.createRestMethods($scope, PessoaService, 'pessoas');
// $scope.pessoas.methods.get();
$scope.teste = (nome) => {
console.log('Salvar: ', nome);
}
$scope.asyncSearch = function (param) {
return $http.get('https://jsonplaceholder.typicode.com/users?q=' + param).then((data) => {
return {
data: {
values: data.data
}
}
})
}
$scope.pessoas222 = [
{
name: 'Mateus'
},
{
name: 'Mateus Miranda'
}
]
// $scope.getSearch = function (param) {
// return $q(function (resolve) {
// var arr = $scope.produtos.filter(function (produto) {
// console.log(produto.nome.indexOf(param))
// return produto.nome.indexOf(param) != -1;
// })
// resolve(arr);
// })
// }
// $scope.data = {
// "id": 21,
// "oi": {
// "value": "4."
// },
// "version": 0,
// "dataCriacao": null,
// "mensagem": "aa",
// "automatico": null,
// "tipo": null,
// "validade": null
// }
$scope.produtos = [
{
nome: 'Notebook Acer Aspire',
valor: 1
},
{
nome: 'Motorola Moto X (2a Geração) 32GB',
valor: 2
},
{
nome: 'Smart TV LED 43" Samsung',
valor: 3
},
{
nome: 'Ar Condicionado Split 7000 BTU/s',
valor: 4
}
];
$scope.produto = null;
// $scope.produto = {
// "id": 1,
// "oi": {
// "value": "92."
// },
// "gumgaCustomFields": {},
// "version": 2,
// "nomeFonetico": "SECRETARIA IGREJA BATISTA",
// "apelido": "SECRETARIA",
// "situacaoCadastral": "APROVADO",
// "dataNascimento": "2017-03-22T03:00:00Z",
// "foto": null,
// "escolaridade": null,
// "estadoCivil": null,
// "motivoIntegrante": null,
// "formacaoAcademica": null,
// "profissao": null,
// "empresaTrabalha": null,
// "naturalidade": null,
// "nacionalidade": null,
// "observacao": null,
// "dataBatismo": null,
// "numeroFicha": null,
// "religiaoAnterior": null,
// "igrejaPertencia": null,
// "origem": "WEB_PESSOA",
// "saude": null,
// "alergias": null,
// "tipoIntegrante": {
// "id": 21,
// "oi": null,
// "version": 0,
// "nome": "MEMBRO",
// "membro": true,
// "somenteLeitura": true
// },
// "documentos": null,
// "enderecos": null,
// "enderecoEletronicos": null,
// "historicos": null,
// "parentescos": null,
// "telefones": null,
// "cargoPessoas": null,
// "dataProfissaoFe": null,
// "telefonePrincipal": null,
// "emailPrincipal": "secretaria@igrejabatista.com.br",
// "pontoDeDuplicidade": 0,
// "motivosDuplicidade": "",
// "nomeIgreja": null,
// "labels": [],
// "emailSecurity": null,
// "organization": "IGREJA BATISTA MARINGA",
// "ownership": "SECRETARIA@IGREJABATISTA.COM.BR",
// "idCelulaOrigem": null,
// "nome": "SECRETARIA IGREJA BATISTA",
// "ativo": true,
// "dataCadastro": "2017-03-22T13:14:43Z",
// "sexo": "NAO_INFORMADO",
// "type": "PessoaCadastro"
// };
}
])
</script>
</body>
</html>