cronogramaExecucaoEdit.html 10.6 KB
<div id="editCronogramaExecucao" class="page-content clearfix" ng-controller="CronogramaExecucaoController">
	<div class="bar-buttons-action fixed">
		<div class="row">
			<div class="col-sm-8 text-left">
				<button title="{{$translate.instant('LABEL.SALVAR')}}" alt="{{$translate.instant('LABEL.SALVAR')}}" class="btn btn-clear"
					ng-click="saveOrUpdate()" ng-show="edit">
					<i class="fa fa-save green"></i>
					<translate>LABEL.SALVAR</translate>
				</button>

				<button title="{{$translate.instant('LABEL.LIMPAR')}}" alt="{{$translate.instant('LABEL.LIMPAR')}}" class="btn btn-clear"
					ng-click="resetForm();" ng-show="cronogramaExecucao.id === undefined">
					<i class="fa fa-eraser yellow-dark"></i>
					<translate>LABEL.LIMPAR</translate>
				</button>

				<button title="{{$translate.instant('LABEL.EDITAR')}}" alt="{{$translate.instant('LABEL.EDITAR')}}" class="btn btn-clear"
					ng-show="!(pgEdit && edit)" ng-click="edit = true; pgEdit = true;">
					<i class="fa fa-pencil blue"></i>
					<translate>LABEL.EDITAR</translate>
				</button>

				<button title="{{$translate.instant('LABEL.REMOVER')}}" alt="{{$translate.instant('LABEL.REMOVER')}}" class="btn btn-clear"
					ng-click="remove(cronogramaExecucao);" ng-show="cronogramaExecucao.id !== undefined">
					<i class="fa fa-times red"></i>
					<translate>LABEL.REMOVER</translate>
				</button>

				<button title="{{$translate.instant('CONTRATOS.LABEL.GERAR_CRONOGRAMA')}}" alt="{{$translate.instant('CONTRATOS.LABEL.GERAR_CRONOGRAMA')}}"
					class="btn btn-clear" type="button" ng-show="cronogramaExecucao.id !== undefined" ng-click="gerarRelatorioCronograma();">
					<i class="fa fa-print"></i>
					<translate>CONTRATOS.LABEL.GERAR_CRONOGRAMA</translate>
				</button>

				<button title="{{$translate.instant('LABEL.PESQUISAR')}}" alt="{{$translate.instant('LABEL.PESQUISAR')}}"
					class="btn btn-clear" ng-click="$showPageSearchWorkspace(workspace); atualizaPaginaPesquisa();">
					<i class="fa fa-search"></i>
					<translate>LABEL.PESQUISAR</translate>
				</button>
			</div>
			<!-- .col -->

			<div class="col-sm-4 text-right">
				<favorito />

				<button title="{{$translate.instant('LABEL.AJUDA')}}" alt="{{$translate.instant('LABEL.AJUDA')}}" class="btn btn-clear">
					<i class="fa fa-life-ring"></i>
					<translate>LABEL.AJUDA</translate>
				</button>
			</div>
			<!-- .col -->
		</div>
		<!-- .row -->
	</div>
	<!-- .bar-buttons-action -->

	<breadcrumb ng-workspace="workspace"></breadcrumb>

	<form name="cronogramaExecucaoForm" novalidate autocomplete="off">
		<p>
			<small>( <span class="red">*</span> ) <translate>LABEL.CAMPOS_OBRIGATORIOS</translate></small>
		</p>
		
		<fieldset>
			<legend>
				<translate>CONTRATOS.LABEL.CRONOGRAMA_EXECUCAO</translate>
			</legend>
			
			<div class="row">
				<div class="col-sm-4">
					<label-input ng-type="text" ng-id="cronogramaExecucao.codigo" ng-label="CONTRATOS.LABEL.CODIGO_CRONOGRAMA" 
						ng-model="cronogramaExecucao.codigo" form="cronogramaExecucaoForm" ng-obrigatorio="false" ng-disabled="true" 
						ng-custom-maxlength="9" />
				</div>
				<!-- .col -->
			</div>
			<div class="row">
				<div class="col-sm-4">
					<auto-complete ng-id="cronogramaExecucao.contrato" ng-label="LABEL.NUMERO_ANO_CONTRATO" ng-find="findContrato(value)" 
						ng-model="cronogramaExecucao.contrato" form="cronogramaExecucaoForm" ng-item="item.numeroAnoContratoFormatado" 
						ng-disabled="cronogramaExecucao.id" ng-obrigatorio="true"/>
				</div>
				<!-- .col -->
			</div>
			<div class="row">
	            <div class="col-sm-3">
					<label-input-data ng-id="cronogramaExecucao.contrato.dataVigenciaInicial" ng-label="LABEL.DATA_VIGENCIA_INICIAL" 
						ng-model="cronogramaExecucao.contrato.dataVigenciaInicial" form="cronogramaExecucaoForm" ng-disabled="true"
						ng-mode="day" ng-format="dd/MM/yyyy"/>
				</div><!-- .col-sm-3 -->
				
	            <div class="col-sm-3">
					<label-input-data ng-id="cronogramaExecucao.contrato.dataUltimaVigenciaFinal" ng-label="LABEL.DATA_VIGENCIA_FINAL" 
						ng-model="cronogramaExecucao.contrato.dataUltimaVigenciaFinal" form="cronogramaExecucaoForm" ng-disabled="true"
						ng-mode="day" ng-format="dd/MM/yyyy"/>
				</div><!-- .col-sm-3 -->
				<div class="col-sm-3">
					<label-input ng-type="text" ng-id="cronogramaExecucao.contrato.fornecedor.pessoa.nome" ng-label="CONTRATOS.LABEL.CONTRATADA" 
						ng-model="cronogramaExecucao.contrato.fornecedor.pessoa.nome" form="cronogramaExecucaoForm" ng-disabled="true" />
				</div>
				<div class="col-sm-3">
					<label-input-money ng-label="LABEL.VALOR_CONTRATO" ng-id="cronogramaExecucao.contrato.valorTotalContrato"
						ng-model="cronogramaExecucao.contrato.valorTotalContrato" form="cronogramaExecucaoForm" ng-custom-maxlength="19" 
						ng-disabled="true"/>
				</div>
				<!-- .col -->
			</div>
			<!-- row -->

		</fieldset>
	</form>

	<form name="itensCronogramaExecucaoForm" novalidate autocomplete="off">
		<fieldset>
			<legend>
				<label ng-class="{'has-error' : cronogramaExecucaoForm.$submitted && cronogramaExecucao.itensCronogramaExecucao && cronogramaExecucao.itensCronogramaExecucao.length < 1}">
					<translate>CONTRATOS.LABEL.ITENS_CRONOGRAMA</translate>
					<span class='red'>*</span>
					<i ng-show="cronogramaExecucaoForm.$submitted && cronogramaExecucao.itensCronogramaExecucao && cronogramaExecucao.itensCronogramaExecucao.length < 1" class='fa fa-warning red' tooltip="{{$translate.instant('CONTRATOS.LABEL.ITENS_CRONOGRAMA') + ' ' +$translate.instant('LABEL.CAMPO_OBRIGATORIO')}}" tooltip-placement='top'></i>
				</label>
			</legend>

			<script type="text/ng-template" id="modal-itens-cronograma.html">
				<div ng-include src="'/cit-contratos-web/html/cronogramaExecucao/dialog_itens_cronograma.html'" />
			</script>

			<div class="row margin-top">
				<div class="col-sm-12">
					<div class="panel panel-default">
						<div class="panel-heading clearfix col-sm-12 text-left">
						
							<div class="col-sm-1" tooltip="{{ !edit ? $translate.instant('PORTAL.MSG.ADICIONAR_NAO_PERMITIDO_ACAO_VISUALIZAR') : '' }}">
								<button title="{{$translate.instant('LABEL.ADICIONAR')}}" alt="{{$translate.instant('LABEL.ADICIONAR')}}" class="btn btn-clear" ng-disabled="!edit" ng-click="openModalItensCronograma();" type="button"
									ng-disabled="cronogramaExecucao.id">
									<i class="fa fa-plus-circle yellow-dark"></i>
									<translate>LABEL.ADICIONAR</translate> </a>
								</button>
							</div>
							<div class="col-sm-1" tooltip="{{ listaSize == 0 ? $translate.instant('PORTAL.MSG.VISUALIZAR_SELECIONE_ITEM') : listaSize > 1 ? $translate.instant('PORTAL.MSG.VISUALIZAR_DISABLED_SELECIONADOS') : '' }}">
								<button title="{{$translate.instant('LABEL.VISUALIZAR')}}" alt="{{$translate.instant('LABEL.VISUALIZAR')}}" class="btn btn-clear" type="button" ng-disabled="listaSize != 1"
									ng-click="editItemCronogramaExecucao(false)">
									<i class="fa fa-search blue"></i>
									<translate>LABEL.VISUALIZAR</translate>
								</button>
							</div>
							<div class="col-sm-1" tooltip="{{ listaSize == 0 && edit ? $translate.instant('PORTAL.MSG.EDITAR_SELECIONE_ITEM') : listaSize > 1 && edit ? $translate.instant('PORTAL.MSG.EDITAR_DISABLED_SELECIONADOS') : !edit ? $translate.instant('PORTAL.MSG.EDITAR_NAO_PERMITIDO_ACAO_VISUALIZAR') : '' }}">
								<button title="{{$translate.instant('LABEL.EDITAR')}}" alt="{{$translate.instant('LABEL.EDITAR')}}" class="btn btn-clear" ng-disabled="listaSize != 1 || !edit" 
									ng-click="editItemCronogramaExecucao(true)">
									<i class="fa fa-pencil blue"></i>
									<translate>LABEL.EDITAR</translate>
								</button>
							</div>
							<div class="col-sm-1" tooltip="{{ listaSize == 0 && edit ? $translate.instant('PORTAL.MSG.EXCLUIR_SELECIONE_ITEM') : !edit ? $translate.instant('PORTAL.MSG.EXCLUIR_NAO_PERMITIDO_ACAO_VISUALIZAR') : '' }}">
								<button title="{{$translate.instant('LABEL.REMOVER')}}" alt="{{$translate.instant('LABEL.REMOVER')}}" class="btn btn-clear" type="button" ng-disabled="listaSize == 0 || !edit || cronogramaExecucao.id" 
									ng-click="excluirItensCronogramaSelecionados()">
									<i class="fa fa-times red"></i>
									<translate>LABEL.REMOVER</translate>
								</button>
							</div>
						</div>
						
						<table class="table table-striped table-bordered table-hover">
							<thead>
								<tr>
									<th class="text-center" style="width: 10%;">
										<input type="checkbox" ng-model="checkedAll" ng-checked="checkedAll" ng-click="checkAll(checkedAll);" />
									</th>
									<th class="text-justify" style="width: 40%;">
										<translate>CONTRATOS.LABEL.NOME_ITEM_CRONOGRAMA</translate>
									</th>
									<th class="text-right" style="width: 20%;">
										<translate>CONTRATOS.LABEL.NUMERO_PARCELAS</translate>
									</th>
									<th class="text-right" style="width: 30%;">
										<translate>CONTRATOS.LABEL.VALOR_ITEM</translate>
									</th>
								</tr>
							</thead>
							<tbody>
								<tr ng-repeat="item in cronogramaExecucao.itensCronogramaExecucao" ng-show="cronogramaExecucao.itensCronogramaExecucao.length > 0">
									<td class="text-center">
										<input type="checkbox" ng-click="item.$index = $index; atualizarListaSizeSelect()" ng-checked="item.$checked" ng-model="item.$checked" />
									</td>
									<td class="text-justify">
										{{ item.contratoItem.estudoTecnicoBemServicoSolucao.nomeBemServicoSolucao }}
									</td>
									<td class="text-right">
										{{ item.parcelas.length }}
									</td>
									<td class="text-right">
										{{ item.valorTotalItem | currency }}
									</td>
								</tr>
								
								<tr ng-hide="cronogramaExecucao.itensCronogramaExecucao.length != 0">
									<td colspan="4">
										<translate>LABEL.TABELA_VAZIA</translate>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-3 pull-right">
					<label-input-money ng-label="CONTRATOS.LABEL.VALOR_TOTAL" ng-id="cronogramaExecucao.valorTotal" ng-custom-maxlength="19" ng-disabled="true" 
						ng-model="cronogramaExecucao.valorTotal" form="cronogramaExecucaoForm"/>
				</div><!-- .col-sm-3 -->
			</div><!-- .row -->
		</fieldset>

		<fieldset>
			<legend>
				<translate>LABEL.ANEXOS_OBSERVACOES</translate>
			</legend>
			
			<componente-associar-documentos ng-documentos="cronogramaExecucao.documentos" ng-edit="edit" ng-uploader="uploader" ng-workspace="$parent.workspace" form="cronogramaExecucaoForm">
			</componente-associar-documentos>
			
			<componente-observacao ng-observacoes="cronogramaExecucao.observacoes" ng-hide="false" ng-edit="edit"></componente-observacao>
		</fieldset>
		
	</form>
	
</div>
<!-- .page-content -->