Created
October 29, 2015 19:59
-
-
Save tiagoeborsanyi/5c87001a76ddf695929d to your computer and use it in GitHub Desktop.
como incluir input dinâmico'
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//código do model | |
var mongoose = require('mongoose'); | |
module.exports = function(){ | |
var schema = mongoose.Schema({ | |
numeroincidente: { | |
type: String, | |
required: true | |
}, | |
situacaoiuj: { | |
type: String, | |
required: true | |
}, | |
numeroprocesso: { | |
type: String, | |
required: true | |
}, | |
camara: { | |
type: String, | |
default: '' | |
}, | |
materia: { | |
type: String, | |
default: '' | |
}, | |
incidente: { | |
type: String, | |
default: '' | |
}, | |
autos: { | |
type: String, | |
default: '' | |
}, | |
incidenteautuado: { | |
type: String, | |
default: '' | |
}, | |
ultimoandamento: { | |
type: String, | |
default: '' | |
}, | |
observacao: { | |
type: String, | |
default: '' | |
}, | |
sobrestados: [], | |
data: { | |
type: Date, | |
default: Date | |
} | |
}); | |
return mongoose.model('Processo', schema); | |
}; | |
//código HTML do form para incluir | |
<div class="span11 memorando"> | |
<form class="form-horizontal" ng-submit="salva()"> | |
<div style="margin-left: 10px;" class="controls controls-row"> | |
<a href="#/inicio" class="btn-link"><i style="float: right;" class="icon-remove" rel="tooltip" title="Cancelar"></i></a> | |
</div> | |
<div class="controls controls-row"> | |
<div class="control-group span3"> | |
<label for="numeroincidente" class="control-label lot">Número Incidente</label> | |
<div class="controls"> | |
<input class="input-small" type="text" id="" ng-model="processo.numeroincidente" required> | |
</div> | |
</div> | |
<div class="control-group span4"> | |
<label for="iujpendentesolucionado" class="control-label lot" style="width: 90px;">Situação IUJ: </label> | |
<div class="controls"> | |
<select id="valorsituacaoiuj" ng-model="processo.situacaoiuj"> | |
<option value="">Escolha uma opção</option> | |
<option value="Pendente">Pendente</option> | |
<option value="Solucionado">Solucionado</option> | |
</select> | |
</div> | |
</div> | |
</div> | |
<div class="controls controls-row"> | |
<div class="control-goup span8"> | |
<label for="incidenteautuado" class="control-label lot">Incidente Autuado IUJ PJE</label> | |
<div class="controls"><input class="input-xxlarge" type="text" id="" ng-model="processo.incidenteautuado"></div> | |
</div> | |
</div> | |
<div class="controls controls-row"> | |
<div class="control-goup span8"> | |
<label for="materia" class="control-label lot">Matéria</label> | |
<div class="controls"><input class="input-xxlarge" type="text" id="" ng-model="processo.materia"></div> | |
</div> | |
</div> | |
<div class="control-group"> | |
</div> | |
<div class="controls controls-row"> | |
<div class="control-goup span8"> | |
<label for="incidente" class="control-label lot">Tipo Incidente</label> | |
<div class="controls"><!--input class="input-xxlarge" type="text" id="" ng-model="processo.incidente"--> | |
<select class="input-xxlarge" id="valorincidente" ng-model="processo.incidente" ng-options="selecionaincidente.nome as selecionaincidente.nome for selecionaincidente in incidentes"> | |
<option value="">Escolha uma opção</option> | |
</select> | |
</div> | |
</div> | |
</div> | |
<div class="control-group"> | |
</div> | |
<div class="controls controls-row"> | |
<div class="control-goup span8"> | |
<label for="autos" class="control-label lot">Autos</label> | |
<div class="controls"><!--input class="input-xxlarge" type="text" id="" ng-model="processo.autos"--> | |
<select class="input-xxlarge" id="valorauto" ng-model="processo.autos" ng-options="selecionaauto.nome as selecionaauto.nome for selecionaauto in autos"> | |
<option value="">Escolha uma opção</option> | |
</select> | |
</div> | |
</div> | |
</div> | |
<div class="control-group"> | |
</div> | |
<div class="controls controls-row"> | |
<div class="control-goup span8"> | |
<label for="ultimoandamento" class="control-label lot">Último Andamento</label> | |
<div class="controls"><input class="input-xxlarge" type="text" id="" ng-model="processo.ultimoandamento"></div> | |
</div> | |
</div> | |
<div class="control-group"> | |
</div> | |
<div class="well well-small"> | |
<h4 style="text-align: center; margin: 0;">Processo Originador Sobrestado</h4> | |
<br> | |
<div class="controls controls-row"> | |
<div class="control-goup span8"> | |
<label for="numproc" class="control-label lot">Processo Originador</label> | |
<div class="controls"><input class="input-xxlarge" type="text" id="" required ng-model="processo.numeroprocesso"></div> | |
</div> | |
</div> | |
<br> | |
<div class="controls controls-row"> | |
<div class="control-group span4"> | |
<label for="camara" class="control-label lot">Colegiado</label> | |
<div class="controls"><!--input class="input-large" type="text" id="" ng-model="processo.camara"--> | |
<select id="valorcamara" required ng-model="processo.camara" ng-options="selecionacamara.nome as selecionacamara.nome for selecionacamara in camaras"> | |
<option value="">Escolha uma opção</option> | |
</select> | |
</div> | |
</div> | |
<div class="control-group span4"> | |
<label for="numproc" class="control-label lot" style="width: 110px;">Observação</label> | |
<div class="controls" style="margin-left: 150px;"><input class="input-medium" type="text" id="" ng-model="processo.observacao"></div> | |
</div> | |
</div> | |
</div> | |
<table id="tabela" class="table table-bordered tabela"> | |
<caption><strong>PROCESSOS SOBRESTADOS</strong></caption> | |
<br> | |
<thead> | |
<tr> | |
<th class="centralizado">Número do Processo</th> | |
<th class="centralizado">Colegiado</th> | |
<th class="centralizado">Observação</th> | |
</tr> | |
</thead> | |
<tbody id="tabela-body"> | |
<!--AQUI NESTA PARTE ONDE QUERO INCLUIR OS INPUTS DINÂMICOS, SOBRESTADO SERIA UM ARRAY DENTRO DO MODEL PROCESSO--> | |
<tr ng-repeat="sobrestado in processo.sobrestados"> | |
<td><input type="text" placeholder="Número Processo" class="input-medium" ng-model="sobrestado.vpj"></td> | |
<td><input type="text" placeholder="Colegiado" class="input-medium" ng-model="sobrestado.camara"></td> | |
<td><input type="text" placeholder="Observação" class="input-large" ng-model="sobrestado.obs"></td> | |
<!--td><a id="'+id+'" class="remove-item" href=""><i class="icon-remove"></i></a></td--> | |
</tr> | |
</tbody> | |
</table> | |
<p><button type="button" id="btn-adiciona" class="btn" ng-click="adicionaSobrestado(sobrestado)">Adicionar</button></p> | |
<div class="control-group"> | |
</div> | |
<div class="controls centralizado" style="margin-left: 0;"> | |
<button type="submit" class="btn btn-primary btn-large">Cadastrar</button> | |
</div> | |
</form> | |
</div> | |
//FUNÇÃO DO CONTROLLER PARA ADIONAR INPUTS DINÂMICOS | |
$scope.adicionaSobrestado = function(sobrestado) { | |
//Tenho que criar algum código para adionar a linha com os dados carregado do banco de dados | |
//var newItem = $scope.processo.sobrestados.length; | |
//$scope.processo.sobrestados = []; | |
console.log("processo "+sobrestado); | |
$scope.processos.push(angular.copy(sobrestado)); | |
delete $scope.sobrestado; | |
}; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment