gumga-query-filter-ng
Version:
Gumga Query Filter
194 lines (170 loc) • 8.35 kB
HTML
<html lang="en" data-ng-app="app">
<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">
</head>
<body data-ng-controller="ctrl">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1>Gumga Query Filter</h1>
<form name="Example">
<div class="row">
<div class="col-md-6">
<gumga-query use-gquery="true"
search="searchWithGQuery(param)"
advanced-search="searchWithGQuery(param)"
search-text="Pesquisar"
saved-filters="apresentacoes.methods.getQuery(page)"
save-query="apresentacoes.methods.postQuery(query, name)">
<search-field type="number" field="id" label="id" select="true"></search-field>
<search-field type="date" field="data" label="Data"></search-field>
<search-field type="string" field="name" label="Nome"></search-field>
<search-field type="string" inner-join="obj.product as p" field="p.apelido" label="Apelido"></search-field>
<advanced-search-field type="string" field="name"></advanced-search-field>
<advanced-search-field type="number" label="Id" field="id"></advanced-search-field>
<advanced-search-field type="date" label="Editado em" field="editedByLast"></advanced-search-field>
<advanced-search-field type="boolean" label="hidden" field="hidden"></advanced-search-field>
</gumga-query>
</div>
<div class="col-md-6">
<gumga-query use-gquery="true"
search="searchWithGQuery(param)"
search-text="Pesquisar"
saved-filters="apresentacoes.methods.getQuery(page)"
save-query="apresentacoes.methods.postQuery(query, name)">
<search-field type="number" field="id" label="id" select="true"></search-field>
<search-field type="date" field="data" label="Data"></search-field>
<search-field type="string" field="name" label="Nome"></search-field>
<search-field type="string" inner-join="obj.product as p" field="p.apelido" label="Apelido"></search-field>
<!-- <advanced-search-field type="string" field="name"></advanced-search-field>
<advanced-search-field type="number" label="Id" field="id"></advanced-search-field>
<advanced-search-field type="date" label="Editado em" field="editedByLast"></advanced-search-field>
<advanced-search-field type="boolean" label="hidden" field="hidden"></advanced-search-field> -->
</gumga-query>
</div>
</div>
</form> <br>
<gumga-list data="apresentacoes.data" configuration="config"></gumga-list>
</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="node_modules/gumga-list-ng/dist/gumga-list.min.js"></script>
<script src="node_modules/gumga-gquery-ng/dist/gumga-gquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap-tpls.min.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="https://unpkg.com/gumga-generic-filter-ng@1.0.0/dist/gumga-generic-filter.js"></script>
<script src="dist/gumga-query-filter.js"></script>
<script src="https://unpkg.com/moment@2.18.1/moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.13/moment-timezone-with-data.min.js"></script>
<script src="https://unpkg.com/gumga-date-ng@1.6.0/dist/gumga-date.min.js"></script>
<script>
angular
.module('app', ['ui.bootstrap', 'gumga.rest', 'gumga.controller', 'gumga.genericfilter', 'gumga.queryfilter', 'gumga.list', 'gumga.date'])
.config(function ($httpProvider) {
$httpProvider.defaults.headers.common['gumgaToken'] = 'eterno'
})
.controller('ctrl', ['gumgaController', 'GumgaRest', '$scope', '$http', function (gumgaController, GumgaRest, $scope, $http) {
var PessoaService = new GumgaRest('https://gumga.studio/dashboard-api/api/presentations');
var UserService = new GumgaRest('http://localhost:8084/security-api/api/user');
gumgaController.createRestMethods($scope, PessoaService, 'apresentacoes');
gumgaController.createRestMethods($scope, UserService, 'user');
$scope.apresentacoes.methods.searchWithGQuery();
$scope.config = {
columns: 'name, id',
columnsConfig: []
}
$scope.searchWithGQuery = function(gquery){
$scope.apresentacoes.methods.searchWithGQuery(gquery);
}
$scope.sexos = [
{
"field": "MASCULINO",
"label": "Masculino"
},
{
"field": "FEMININO",
"label": "Feminino"
},
{
"field": "NAO_INFORMADO",
"label": "Não informado"
}
]
// GQuery{
// logicalOperator=OR,
// criteria=null,
// subQuerys=[
// GQuery{
// logicalOperator=AND,
// criteria=null,
// subQuerys=[
// GQuery{
// logicalOperator=OR,
// criteria=null,
// subQuerys=[
// GQuery{
// logicalOperator=SIMPLE,
// criteria=Criteria{
// field='name',
// comparisonOperator=CONTAINS,
// value=Mat,
// values=null,
// fieldFunction='%s',
// valueFunction='%s'
// },
// subQuerys=null},
// GQuery{
// logicalOperator=SIMPLE,
// criteria=Criteria{
// field='idade',
// comparisonOperator=GREATER,
// value=3,
// values=null,
// fieldFunction='%s',
// valueFunction='%s'
// },
// subQuerys=null
// }
// ]
// },
// GQuery{
// logicalOperator=SIMPLE,
// criteria=Criteria{
// field='valor',
// comparisonOperator=GREATER,
// value=5,
// values=null,
// fieldFunction='%s',
// valueFunction='%s'
// },
// subQuerys=null
// }
// ]
// },
// GQuery{
// logicalOperator=SIMPLE,
// criteria=Criteria{
// field='cpf',
// comparisonOperator=NOT_EQUAL,
// value=129312312,
// values=null,
// fieldFunction='%s',
// valueFunction='%s'
// },
// subQuerys=null
// }
// ]
// }
}])
</script>
</body>
</html>