estudoTecnicoPg2.html 5.99 KB
<ng-form name="definicaoRequisitosForm" novalidate autocomplete="off">
	<div class="page-content">
		<fieldset>
			<legend>
				<label ng-class="{'has-error' : definicaoRequisitosForm.$submitted && (!estudoTecnico.etRequisitosNegocio || estudoTecnico.etRequisitosNegocio.length < 1)}">
					<translate>LABEL.REQUISITOS_NEGOCIO</translate>
					<span class='red'>*</span>
					<i ng-show="definicaoRequisitosForm.$submitted && (!estudoTecnico.etRequisitosNegocio || estudoTecnico.etRequisitosNegocio.length < 1)" class='fa fa-warning red'
						tooltip="{{$translate.instant('LABEL.CAMPO_OBRIGATORIO')}}" tooltip-placement='top'></i>
				</label>
			</legend>
			<script type="text/ng-template" id="modal-requisito-negocio.html">
				<div ng-include src="'/cit-contratos-web/html/estudoTecnico/dialog_requisito_negocio.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" type="button" ng-disabled="!edit"
								ng-click="openModalRequisitoNegocio();">
									<i class="fa fa-plus-circle yellow-dark"></i>
									<translate>LABEL.ADICIONAR</translate>
							</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="abrirRequisitoNegocio(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')}}" ng-disabled="listaSize != 1 || !edit" class="btn btn-clear" type="button"
						    	ng-click="abrirRequisitoNegocio(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')}}" ng-disabled="listaSize == 0 || !edit" class="btn btn-clear" type="button"
								ng-click="removerRequisitoNegocio()">
								<i class="fa fa-times red"></i>
								<translate>LABEL.REMOVER</translate>
							</button>
						</div>
						</div><!-- .panel-heading -->
						<table class="table table-bordered table-striped">
							<thead>
								<tr>
									<th class="text-center" width="20px">
										<input type="checkbox" ng-model="selectedAllRequisitosNegocio" ng-click="checkAllReqNegocio(selectedAllRequisitosNegocio);" ng-show="edit"/>
									</th>
									<th width="5%" class="text-center"><translate>LABEL.ID</translate></th>
									<th width="39%" class="text-center"><translate>LABEL.OBJETIVO_ESTRATEGICO</translate></th>
									<th style="width: 28%;" class="text-center"><translate>CONTRATOS.LABEL.NECESSIDADE_ELENCADA</translate></th>
									<th style="width: 28%;" class="text-center"><translate>LABEL.JUSTIFICATIVA_NECESSIDADE</translate></th>
								</tr>
							</thead>
							<tbody>
								<tr ng-hide="(estudoTecnico.etRequisitosNegocio && estudoTecnico.etRequisitosNegocio.length != 0)">
									<td colspan="5" class="text-center"><translate>LABEL.TABELA_VAZIA</translate></td>
								</tr>
								<tr ng-repeat="requisitoNegocio in estudoTecnico.etRequisitosNegocio">
									<td class="text-center">
										<input type="checkbox" name="requisitoNegocioChecked" ng-model="requisitoNegocio.$checked" ng-click="checkReqNegocio(requisitoNegocio); atualizarListaSizeSelectReqNegocio()"/>
									</td>
									<td>{{ $index + 1 }}</td>
									<td title="{{requisitoNegocio.objetivoEstrategicoNecessidade.objetivoEstrategico.nome}}">{{ splitText(requisitoNegocio.objetivoEstrategicoNecessidade.objetivoEstrategico.nome, 100) }}</td>
									<td title="{{requisitoNegocio.objetivoEstrategicoNecessidade.descricao}}">{{ splitText(requisitoNegocio.objetivoEstrategicoNecessidade.descricao, 70) }}</td>
									<td title="{{requisitoNegocio.justificativaNecessidade}}">{{ splitText(requisitoNegocio.justificativaNecessidade, 70) }}</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div><!-- .col -->
			</div>
			
			<legend>
				<translate>LABEL.REQUISITOS_TECNICOS</translate>
			</legend>
			<div class='row'>
				<div class="col-sm-12">
					<label-text-area ng-id="estudoTecnico.requisitosTecnicos" name="estudoTecnico.requisitosTecnicos" ng-model="estudoTecnico.requisitosTecnicos"
						ng-label="LABEL.DESCRICAO" ng-custom-maxlength="500" ng-obrigatorio="true" form="definicaoRequisitosForm" ng-disabled="!edit" rows="5"/>
				</div>
			</div>
			
			<legend>
				<translate>LABEL.REQUISITOS_CAPACITACAO</translate>
			</legend>
			<div class='row'>
				<div class="col-sm-12">
					<label-text-area ng-id="estudoTecnico.requisitosCapacitacao" name="estudoTecnico.requisitosCapacitacao" ng-model="estudoTecnico.requisitosCapacitacao"
						ng-label="LABEL.DESCRICAO" ng-custom-maxlength="500" form="definicaoRequisitosForm" ng-disabled="!edit" rows="5"/>
				</div>
			</div>
		</fieldset>
	</div> <!-- /.page-content -->
</ng-form>