Skip to content

Instantly share code, notes, and snippets.

@tiagoeborsanyi
Created October 29, 2015 19:59
Show Gist options
  • Save tiagoeborsanyi/5c87001a76ddf695929d to your computer and use it in GitHub Desktop.
Save tiagoeborsanyi/5c87001a76ddf695929d to your computer and use it in GitHub Desktop.
como incluir input dinâmico'
//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