gumga-custom-fields-ng
Version:
Gumga Custom Fields (Angular 1.x)
162 lines (156 loc) • 6.1 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="customCtrl">
<div class="container gumga-layout">
<br><br><br>
<div class="row">
<div class="col-lg-12">
<div class="panel gmd">
<div class="panel-body">
<form name="Example" gumga-form="gForm">
<gumga-custom-fields fields="custom.data" use-labels="false"></gumga-custom-fields>
</form>
</div>
</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="bower_components/moment/min/moment.min.js"></script>
<script src="node_modules/moment-timezone/builds/moment-timezone-with-data.min.js"></script>
<script src="node_modules/gumga-date-ng/dist/gumga-date.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="dist/gumga-custom-fields.js"></script>
<script>
angular.module('yourApp', ['gumga.layout', 'gumga.customfields'])
.config(function ($httpProvider) {
$httpProvider.defaults.headers.common['gumgaToken'] = 'eterno'
})
.controller('customCtrl', ['$scope', '$http', '$q',
function ($scope, $http, $q) {
$scope.custom = {}
$scope.custom.data = {
"id":null,
"oi":null,
"gumgaCustomFields":{
"tamanho":{
"id":null,
"oi":null,
"field":{
"id":2,
"colSize": 6,
"oi":null,
"clazz":"br.com.empresa.piloto.domain.model.Marca",
"name":"tamanho",
"description":"Custom Number Field","active":true,
"type":"NUMBER",
"validationDescription":"Not empty"
,"validationScript":"true",
"defaultValueScript":"13 / 2",
"options":"",
"visualizationOrder":2,
"fieldGroup":"MAIN_FIELDS",
"translateKey":"marca.tamanho"
},
"gumgaModelId":null,
"textValue":null,
"numberValue":6.5,
"dateValue":null,
"logicValue":null
},
"inicio":{
"id":null,
"oi":null,
"field":{
"id":4,
"oi":null,
"colSize": 6,
"clazz":"br.com.empresa.piloto.domain.model.Marca",
"name":"inicio",
"description":"Custom Date Field","active":true,
"type":"DATE",
"validationDescription":"Not empty",
"validationScript":"true",
"defaultValueScript":"new Date()",
"options":"",
"visualizationOrder":0.0,
"fieldGroup":"MAIN_FIELDS",
"translateKey":"marca.inicio"
},
"gumgaModelId":null,
"textValue":null,
"numberValue":null,
"dateValue":"2015-11-03T11:26:13Z",
"logicValue":null
},
"meio":{
"id":null,
"oi":null,
"field":{
"id":4,
"oi":null,
"colSize": 6,
"clazz":"br.com.empresa.piloto.domain.model.Marca",
"name":"meio",
"description":"Custom Date Field","active":true,
"type":"DATE",
"validationDescription":"Not empty",
"validationScript":"true",
"defaultValueScript":"new Date()",
"options":"",
"visualizationOrder":0.0,
"fieldGroup":"MAIN_FIELDS",
"translateKey":"marca.inicio"
},
"gumgaModelId":null,
"textValue":null,
"numberValue":null,
"dateValue":"",
"logicValue":null
},
"fim":{
"id":null,
"oi":null,
"field":{
"id":4,
"oi":null,
"colSize": 6,
"clazz":"br.com.empresa.piloto.domain.model.Marca",
"name":"fim",
"description":"Custom Date Field","active":true,
"type":"DATE",
"validationDescription":"Not empty",
"validationScript":"true",
"defaultValueScript":"",
"options":"",
"visualizationOrder":0.0,
"fieldGroup":"MAIN_FIELDS",
"translateKey":"marca.inicio"
},
"gumgaModelId":null,
"textValue":null,
"numberValue":null,
"dateValue":"",
"logicValue":null
}
},
"version":null,
"nome":null,
"location":null
};
}]);
</script>
</body>
</html>