Software Público Brasileiro

<div id="editObjetivoEstrategico" class="page-content clearfix" ng-controller="ObjetivoEstrategicoController">
	<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="objetivoEstrategico.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(objetivoEstrategico);"
					ng-show="objetivoEstrategico.id !== undefined">
					<i class="fa fa-times red"></i>
					<translate>LABEL.REMOVER</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="objetivoEstrategicoForm" novalidate autocomplete="off">
		<p>
			<small>( <span class="red">*</span> ) <translate>LABEL.CAMPOS_OBRIGATORIOS</translate></small>
		</p>
		
		<fieldset>
			<legend>
				<translate>LABEL.OBJETIVO_ESTRATEGICO</translate>
			</legend>
			
			<div class="row">
				<div class="col-sm-12">
					<label-input ng-type="text" ng-id="objetivoEstrategico.nome"
						ng-label="LABEL.ID_OBJETIVO_ESTRATEGICO" ng-obrigatorio="true" ng-disabled="!edit"
						ng-model="objetivoEstrategico.nome" ng-custom-maxlength="150"
						form="objetivoEstrategicoForm" />
				</div>
				<!-- .col -->
			</div>
			<!-- row -->
			<div class="row">
				<div class="col-sm-12">
					<label-text-area ng-id="objetivoEstrategico.descricao"
						ng-label="LABEL.DESCRICAO" rows="3" form="objetivoEstrategicoForm"
						ng-disabled="!edit" ng-obrigatorio="true"
						ng-model="objetivoEstrategico.descricao"
						ng-custom-maxlength="500"></label-text-area>
				</div>
				<!-- .col -->
			</div>
			<!-- row -->
		</fieldset>
	</form>

	<form name="objetivoEstrategicoNecessidadeForm" novalidate autocomplete="off">
		<fieldset>
			<legend ng-show="edit">
				<label ng-class="{'has-error' : objetivoEstrategicoForm.$submitted && objetivoEstrategico.necessidadesElencadas && objetivoEstrategico.necessidadesElencadas.length < 1}">
					<translate>LABEL.NECESSIDADES</translate>
					<span class='red'>*</span>
					<i ng-show="objetivoEstrategicoForm.$submitted && objetivoEstrategico.necessidadesElencadas && objetivoEstrategico.necessidadesElencadas.length < 1" class='fa fa-warning red' tooltip="{{$translate.instant('LABEL.NECESSIDADES') + ' ' +$translate.instant('LABEL.CAMPO_OBRIGATORIO')}}" tooltip-placement='top'></i>
				</label>
			</legend>

			<script type="text/ng-template" id="modal-necessidade.html">
				<div ng-include src="'/cit-contratos-web/html/objetivoEstrategico/dialog_necessidade.html'" />
			</script>

			<div class="row margin-top">
				<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="openModalNecessidade()">
								<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="editarNecessidade(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" type="button" 
								ng-disabled="listaSize != 1 || !edit" ng-click="editarNecessidade(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" ng-click="excluirNecessidadesSelecionados()">
								<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: 40px;">
									<input type="checkbox" ng-model="selectedAll" ng-checked="selectedAll" ng-click="checkAll(selectedAll);" />
								</th>
								<th>
									<translate>CONTRATOS.LABEL.NECESSIDADE_ELENCADA</translate>
								</th>
							</tr>
						</thead>
						<tbody>
							<tr ng-repeat="necessidade in objetivoEstrategico.necessidadesElencadas" ng-show="objetivoEstrategico.necessidadesElencadas.length > 0">
								<td class="text-center">
									<input type="checkbox" ng-click="necessidade.$index = $index; checkNecessidade(necessidade); atualizarListaSizeSelect()" ng-checked="necessidade.$selected" ng-model="necessidade.$selected" />
								</td>
								<td class="text-justify" title="{{necessidade.descricao}}">
									{{ splitText(necessidade.descricao, 280) }}
								</td>
							</tr>
							
							<tr ng-hide="objetivoEstrategico.necessidadesElencadas.length != 0">
								<td colspan="2">
									<translate>LABEL.TABELA_VAZIA</translate>
								</td>
							</tr>
							
						</tbody>
					</table>
				</div>
			</div>

		</fieldset>
	</form>

</div>
<!-- .page-content -->