@extends('helper.include.view.modal', ['id' => 'modal-Leeds', 'class_size' => 'modal-full'])

@section('modal-start')
    <form class="form-inline" ng-submit="vm.Leeds.gravar()">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	<span ng-if="!vm.Leeds.ALTERANDO">{{ Lang::get('admin/_11161.titulo-exibir') }} | Registro Nº: @{{ vm.Leeds.SELECTED.DESC_ID }}</span>
	<span ng-if="vm.Leeds.INCLUINDO">{{ Lang::get('admin/_11161.titulo-incluir') }}</span>
	<span ng-if="vm.Leeds.COPIANDO">{{ Lang::get('admin/_11161.titulo-copiar') }}</span>
	<span ng-if="vm.Leeds.ALTERANDO == true && vm.Leeds.INCLUINDO == false && vm.Leeds.COPIANDO == false">{{ Lang::get('admin/_11161.titulo-alterar') }} | Registro Nº: @{{ vm.Leeds.SELECTED.DESC_ID }}</span>	
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.Leeds.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
		<span class="glyphicon glyphicon-ok"></span> Gravar
	</button>

	<button ng-if="vm.Leeds.ALTERANDO" ng-click="vm.Leeds.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
		<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
	</button>

	<!-- <button ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-if="!vm.Leeds.ALTERANDO" ng-click="vm.Leeds.incluirNovo()" type="button" class="btn btn-primary" data-hotkey="f7">
		<span class="glyphicon glyphicon-plus"></span> Incluir Novo Registro 
	</button>

	<button ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-if="!vm.Leeds.ALTERANDO" ng-click="vm.Leeds.copiar()" type="button" class="btn btn-primary" data-hotkey="f8">
		<span class="fa fa-files-o"></span> Copiar Registro
	</button>

	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.Leeds.ALTERANDO" ng-click="vm.Leeds.alterar()" type="button" class="btn btn-primary" data-hotkey="f9">
		<span class="glyphicon glyphicon-edit"></span> Alterar
	</button> -->

	<button ng-disabled="vm.Leeds.ALTERANDO" ng-if="!vm.Leeds.ALTERANDO" ng-click="vm.LeedsImpressao.imprimirRelatorio();" type="button" class="btn btn-warning" data-hotkey="alt+i">
		<span class="glyphicon glyphicon-print"></span> Imprimir
	</button>

	<!-- <button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0 || vm.Leeds.PERMISSOES.ALTERAR == 0 || vm.Leeds.PERMISSOES.FINALIZAR == 0" ng-if="!vm.Leeds.ALTERANDO && vm.Leeds.SELECTED.FECHADO == 1" ng-click="vm.Leeds.finalizarLead(1);" type="button" class="btn btn-warning" data-hotkey="f10">
		<span class="glyphicon glyphicon-saved"></span> Reabrir Caso
	</button> -->

	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0 || vm.Leeds.PERMISSOES.FINALIZAR == 0" ng-if="!vm.Leeds.ALTERANDO && vm.Leeds.SELECTED.FECHADO == 0" ng-click="vm.Leeds.finalizarLead(0);" type="button" class="btn btn-warning" data-hotkey="f10">
		<span class="glyphicon glyphicon-saved"></span> Finalizar
	</button>

	<button ng-disabled="{{ userMenu($menu)->EXCLUIR }} == 0 || vm.Leeds.PERMISSOES.EXCLUIR == 0" ng-if="!vm.Leeds.ALTERANDO" ng-click="vm.Leeds.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
		<span class="glyphicon glyphicon-trash"></span> Excluir
	</button>

	<button ng-if="!vm.Leeds.ALTERANDO" type="button" ng-click="vm.Leeds.abrirModalHistorico();" class="btn gerar-historico" data-hotkey="alt+h">
		<span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
	</button>

	<!-- <button ng-if="!vm.Leeds.ALTERANDO" data-consulta-arquivos data-tabela="TBCASO_REGISTRO" data-tabela-id="@{{ vm.Leeds.SELECTED.ID }}" type="button" class="btn  btn-info" data-hotkey="alt+a">
		<span class="glyphicon glyphicon-file"></span> {{ Lang::get('master.arquivos') }}
	</button> -->

	<button ng-if="!vm.Leeds.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Leeds.fecharModal()" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
	</button>

@overwrite

@section('modal-header-end')

	<!-- PARA USAR OS BOTÕES DE AVANÇAR E RETROCEDER BASTA DESCOMENTAR AS LINHAS ABAIXO -->
	
	<!-- <button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.Leeds.previousRecord()" ng-if="!vm.Leeds.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-left"></span>
	</button>

	<button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.Leeds.nextRecord()" ng-if="!vm.Leeds.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-right"></span>
	</button> -->
	
@overwrite

@section('modal-body')
<div style="height: calc(100vh - 160px);">

	<div class="aba-lateral-workflow" ng-show="vm.Leeds.WORKFLOWS.length > 0 && !vm.Leeds.INCLUINDO">

		<!-- <div class="botao-recolhe-menu" ng-style="{ 'margin-left' : !vm.Leeds.RECOLHER_TAREFAS ? '280px' : '55px' }">
			<button type="button" class="btn btn-primary" ng-click="vm.Leeds.recolherTarefas();" style="width: 100%; height: 100%;">
				<span class="glyphicon glyphicon-menu-hamburger"></span>
			</button>
		</div> -->

		<ul style="margin-bottom: 2px;" ng-style="{ 'width' : !vm.Leeds.RECOLHER_TAREFAS ? '285px' : '60px' }" ng-show="vm.Leeds.SELECTED.CASO_ORIGEM_ID > 0">
			<li style="background-color: #000 !important; color: #fff700 !important; font-weight: bold !important;" ng-class="{ 'recolhido' : vm.Leeds.RECOLHER_TAREFAS , 'fixo' : vm.Leeds.RECOLHER_TAREFAS }">
				<!-- <a href="#"> -->
					<div class="esp-text">
						<span class="text"> <span class="glyphicon glyphicon-info-sign"></span> @{{ vm.Leeds.SELECTED.DESC_CASO_ORIGEM_TABELA }} - @{{ vm.Leeds.SELECTED.DESC_CASO_ORIGEM_ID }}</span>
					</div>

					<div class="campo-seta" style="background-color: #000 !important;" ttitle="Origem">
						<span class="glyphicon glyphicon-random" style="font-size: 14pt; transform: rotate(315deg); margin: 8px;"></span>
					</div>
				<!-- </a> -->
			</li>
		</ul>

		<!--  -->

		<ul style="margin-bottom: 2px;" ng-style="{ 'width' : !vm.Leeds.RECOLHER_TAREFAS ? '285px' : '60px' }">
			<li ng-click="vm.Leeds.recolherTarefas();" style="background-color: #4a2be8 !important; color: #fff !important; font-weight: bold !important;" ng-class="{ 'recolhido' : vm.Leeds.RECOLHER_TAREFAS , 'fixo' : vm.Leeds.RECOLHER_TAREFAS }">
				<!-- <a href="#"> -->
					<div class="esp-text">
						<span class="text"> <span class="glyphicon glyphicon-menu-hamburger"></span> Lista de Tarefas</span>
					</div>

					<div class="campo-seta" style="background-color: #4a2be8 !important;" ttitle="Abrir/Fechar Tarefas">
						<span ng-show="vm.Leeds.RECOLHER_TAREFAS" class="glyphicon glyphicon-resize-full" style="font-size: 14pt; transform: rotate(315deg); margin: 8px;"></span>
						<span ng-show="!vm.Leeds.RECOLHER_TAREFAS" class="glyphicon glyphicon-resize-small" style="font-size: 14pt; transform: rotate(315deg); margin: 8px;"></span>
					</div>
				<!-- </a> -->
			</li>
		</ul>
		<ul style="margin-bottom: 2px;">
			<li ng-click="vm.Leeds.visualizarCamposCaso();" style="background-color: #4a2be8 !important; color: #fff !important; font-weight: bold !important;" ng-class="{ 'recolhido' : vm.Leeds.RECOLHER_TAREFAS , 'fixo' : vm.Leeds.RECOLHER_TAREFAS }">
				<!-- <a href="#"> -->
					<div class="esp-text">
						<span class="text">Registro e Feeds</span>
					</div>

					<div class="campo-seta" style="background-color: #4a2be8 !important;" ttitle="Registro e Feeds">
						<span class="fa fa-comments-o" style="font-size: 14pt; transform: rotate(315deg); margin: 8px;"></span>
					</div>
				<!-- </a> -->
			</li>
		</ul>
		<ul ng-repeat="workflow in vm.Leeds.WORKFLOWS track by workflow.ID" id="ul-lista-@{{ workflow.ID }}" class="ul-lista-@{{ workflow.ID }} ul-lista-mod-@{{ workflow.WORKFLOW_ID }}" style="margin-bottom: 2px;">
			<li style="background-color: #4b73ff !important; color: #fff !important; font-weight: bold !important; cursor: default !important;" ng-class="{ 'recolhido' : vm.Leeds.RECOLHER_TAREFAS , 'fixo' : vm.Leeds.RECOLHER_TAREFAS }">
				<!-- <a href="#"> -->
					<div class="esp-text" style="overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 20px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;">
						<span class="text-title">@{{ workflow.WORKFLOW_TITULO }}</span>
					</div>

					<div class="campo-seta" style="background-color: #4b73ff !important;" ttitle="@{{ workflow.WORKFLOW_TITULO }}">
						<span class="glyphicon glyphicon-list-alt" style="font-size: 14pt; transform: rotate(315deg); margin: 8px;"></span>
					</div>
				<!-- </a> -->
			</li>

			<li ng-repeat="tarefa in workflow.TAREFAS track by tarefa.ID" 
				id="li-tarefa-@{{ tarefa.ID }}" 
				ng-click="( tarefa.ID != vm.LeedsWorkflow.SELECTED.ID && vm.Leeds.visualizarTarefa(workflow.ID, tarefa.ID, 1) )" 
				style="background-color: @{{ tarefa.COLUNA_COR }} !important; color: @{{ tarefa.COLUNA_COR_NOME }} !important;" 
				ng-style="{ 'margin-bottom' : tarefa.ID == vm.LeedsWorkflow.SELECTED.ID ? '45px' : '2px' , 'border' : tarefa.ID == vm.LeedsWorkflow.SELECTED.ID ? 'solid 2px #f5c622' : '' , 'border-left-color' : tarefa.ID == vm.LeedsWorkflow.SELECTED.ID ? 'transparent' : '' }" 
				class="li-tarefa-@{{ tarefa.ID }} li-tarefa-mod-@{{ tarefa.WORKFLOW_TAREFA_MODELO_ID }}" 
				ng-class="{ 'recolhido' : vm.Leeds.RECOLHER_TAREFAS }" 
				ng-mouseover="vm.Leeds.ajustaTamanho(workflow, tarefa, 1, $event);" 
				ng-mouseleave="vm.Leeds.ajustaTamanho(workflow, tarefa, 2, $event);">
				<!-- <a href="#"> -->
					<span ng-if="tarefa.ID == vm.LeedsWorkflow.SELECTED.ID" class="glyphicon glyphicon-screenshot" style="float: right; z-index: 2; margin: 10px -40px -10px -10px; color: #539ad7 !important;"></span>

					<div class="color-status-tarefa" style="background-color: @{{ tarefa.STATUS_CONCLUSAO_COR }} !important;"></div>

					<div class="esp-text" style="overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 20px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;">
						<span class="text">@{{ tarefa.TITULO }}</span>
					</div>

					<div class="campo-seta"
						style="background-color: @{{ tarefa.COLUNA_COR }} !important; color: @{{ tarefa.COLUNA_COR_NOME }} !important;"
						ng-style="{ 'border' : tarefa.ID == vm.LeedsWorkflow.SELECTED.ID ? 'solid 2px #f5c622' : '' , 'border-left-color' : tarefa.ID == vm.LeedsWorkflow.SELECTED.ID ? 'transparent' : '' , 'border-bottom-color' : tarefa.ID == vm.LeedsWorkflow.SELECTED.ID ? 'transparent' : '' }">
						
						<span class="glyphicon glyphicon-time sinal-atraso" style="left: 5px; top: 15px; font-size: 11pt;" ng-show="tarefa.ATRASO == 1 && tarefa.STATUS != 3 && tarefa.STATUS != 4" ttitle="Tempo de Atraso: @{{ tarefa.TEMPO_ATRASO }}"></span>

						<div class="image-icon-tarefa" ng-show="tarefa.IMAGEM != ''">
							<div class="img-icon" 
								style="width: calc(100%); 
										height: calc(100%); 
										background-size: contain; 
										background-repeat: no-repeat; 
										background-position: center center; 
										background-image: url('@{{ tarefa.IMAGEM }}');">
							</div>
						</div>
					</div>
				<!-- </a> -->

				<div class="combo-dados-tarefa" ng-show="tarefa.ID == vm.LeedsWorkflow.SELECTED.ID">
					<div style="width: 100%; height: 100%; padding: 5px; background-color: @{{ tarefa.STATUS_CONCLUSAO_COR }} !important; color: @{{ tarefa.STATUS_CONCLUSAO_COR_NOME }} !important;">

						<div ng-show="tarefa.TIPO_DESCRICAO == '1'" style="overflow: hidden; text-overflow: ellipsis; display: -webkit-box; font-size: 7pt; width: 100%; height: 100%; line-height: 15px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;" auto-title>
							<span>@{{ tarefa.COMENTARIO }}</span>
						</div>

						<div ng-repeat="text in tarefa.DESCRICAO_CAMPOS track by $index" ng-show="tarefa.TIPO_DESCRICAO == '2'" style="overflow: hidden; text-overflow: ellipsis; display: -webkit-box; font-size: 7pt;">
							<span>@{{ text }}</span>
						</div>

						<div ng-repeat="camp in tarefa.CAMPOS track by camp.ID" ng-if="camp.TIPO == '5'">

						</div>

					</div>
				</div>
			</li>
		</ul>

	</div>

	<!-- ------------------------------------------------------------------------------------------ -->
	<!-- ------------------------------------------------------------------------------------------ -->

	<div class="row">
		<div class="form-group" style="float: left;" ng-show="!vm.Leeds.INCLUINDO">
            <label> Painel: <span style="text-transform: capitalize;">@{{ vm.Leeds.SELECTED.PAINEL_DESC }} <span ng-show="vm.Leeds.WORKFLOW_PAI.ID > 0">| Workflow: @{{ vm.Leeds.WORKFLOW_PAI.WORKFLOW_TITULO }}</span> </span> <span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="vm.Leeds.consultarDadosPainel(vm.Painel_ID, vm.Leeds.SELECTED.CASO_ID);"></span> </label>
        </div>

		<div class="form-group" style="float: right;" ng-show="!vm.Leeds.INCLUINDO">
            <label> Criado por <span style="text-transform: capitalize;" ttitle="@{{ vm.Leeds.SELECTED.DESC_USUARIO }}">@{{ vm.Leeds.SELECTED.USUARIO_DESC2 }}</span> em <span>@{{ vm.Leeds.SELECTED.DATAHORA_REGISTRO_FORMAT }}</span> </label>
        </div>
	</div>

    <div class="row" style="margin-left: 40px;">

		<!--  

		<div class="row" style="margin-top: 70px;" ng-show="vm.Leeds.WORKFLOWS.length > 0 && !vm.Leeds.INCLUINDO">

			<! -- Workflow -- 
			<div class="list-workflows-vinc" ng-repeat="workflow in vm.Leeds.WORKFLOWS track by workflow.ID">
				<div class="row">

					<div class="tabela-workflows-vinculo" id="tabela-workflows-vinculo">
						<div class="tabela_info_tamanhos_grupo_index" id="tabela_info_tamanhos_grupo_index">

							<! -- Cabeçalho do Workflow -- >
							<div class="table-ec tabela-info-dash">

								<table class="table table-striped tab-enter table-bordered table-condensed table-no-break table-middle table-low">
									<thead>
										<tr class="ng-isolate-scope"> 
											<th class="text-center" colspan="@{{ (workflow.TAREFAS.length + 1) }}" style="font-weight: bold;">
												<span>@{{ workflow.DESC_ID }} - @{{ workflow.WORKFLOW_TITULO }}</span>

												<div id="progress-bar-subtask" class="progress bar-progress-subtask" style="z-index: 10; width: 300px; margin: 1px 10px; float: right;">
													<div id="progress-bar-load-subtask" 
														class="progress-bar progress-bar-striped progress-bar-animated bg-info" 
														role="progressbar" aria-valuenow="@{{ workflow.PROGRESSO }}" 
														aria-valuemin="0" aria-valuemax="100" style="font-weight: bold; background-color: #9da30a; width: @{{ workflow.PROGRESSO }}%;" 
														ng-style="{ 'color' : workflow.PROGRESSO == 0 ? 'red' : '' }">
														<span>@{{ workflow.PROGRESSO }} %</span>
													</div>
												</div>

											</th>
										</tr>
									</thead>
								</table>

							</div>

							<! -- Cabeçalho das Tarefas do Workflow -- >
							<div class="table-ec table-scroll tabela-info-dash">

								<table class="table table-striped tab-enter table-bordered table-condensed table-no-break table-middle table-low">
									<thead>
										<tr class="ng-isolate-scope">
											<th class="text-center" style="max-width: 250px; background-color: #337ab7; color: #fff; cursor: pointer;" ng-click="vm.Leeds.visualizarCamposCaso();">
												<span>Registro e Feeds</span>
											</th>
											<th class="text-center" ng-repeat="tarefa in workflow.TAREFAS track by tarefa.ID" style="max-width: 250px; background-color: @{{ tarefa.COLUNA_COR }} !important; color: @{{ tarefa.COLUNA_COR_NOME }} !important; cursor: pointer;" ng-class="{ 'select-th' : vm.LeedsWorkflow.SELECTED.ID == tarefa.ID }" auto-title ng-click="( tarefa.ID != vm.LeedsWorkflow.SELECTED.ID && vm.Leeds.visualizarTarefa(workflow.ID, tarefa.ID, 1) )">
												<span>@{{ tarefa.TITULO }}</span>
											</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td class="text-center" style="max-width: 250px; min-width: 150px; cursor: pointer;" ng-click="vm.Leeds.visualizarCamposCaso();">
												<div class="campo-status-tarefa" style="padding: 5px; background-color: #4b73ff; color: #fff; font-weight: bold;">
													<div style="overflow: hidden; text-overflow: ellipsis;" auto-title>
														<span>REGISTRO E FEEDS</span>
													</div>
												</div>
											</td>
											<td class="text-center" ng-repeat="tarefa in workflow.TAREFAS track by tarefa.ID" ng-class="{ 'select-td' : vm.LeedsWorkflow.SELECTED.ID == tarefa.ID }" style="max-width: 250px; min-width: 150px; cursor: pointer;" ng-click="( tarefa.ID != vm.LeedsWorkflow.SELECTED.ID && vm.Leeds.visualizarTarefa(workflow.ID, tarefa.ID, 1) )">
												<div class="campo-status-tarefa" style="padding: 5px; background-color: @{{ tarefa.STATUS_CONCLUSAO_COR }} !important; color: @{{ tarefa.STATUS_CONCLUSAO_COR_NOME }} !important;">

													<div ng-show="tarefa.TIPO_DESCRICAO == '1'" style="overflow: hidden; text-overflow: ellipsis; margin-left: 30px;" auto-title>
														<span>@{{ tarefa.COMENTARIO }}</span>
													</div>

													<div ng-repeat="text in tarefa.DESCRICAO_CAMPOS track by $index" ng-show="tarefa.TIPO_DESCRICAO == '2'" style="margin-left: 30px;">
														<span>@{{ text }}</span>
													</div>

													<div ng-repeat="camp in tarefa.CAMPOS track by camp.ID" ng-if="camp.TIPO == '5'" style="margin-left: 30px;">
														<! -- <div ng-show="camp.SUBTASK_WORKFLOW.ID > 0" style="display: flex; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;">
															<label>@{{ camp.ROTULO }}:</label>
															<div id="progress-bar-subtask2" class="progress bar-progress-subtask" style="z-index: 10; width: calc(100% - 20px); margin: 2px 10px;">
																<div id="progress-bar-load-subtask2" 
																	class="progress-bar progress-bar-striped progress-bar-animated bg-info" 
																	role="progressbar" aria-valuenow="@{{ camp.SUBTASK_WORKFLOW.PROGRESSO }}" 
																	aria-valuemin="0" aria-valuemax="100" style="font-weight: bold; background-color: #bf0ecb; width: @{{ camp.SUBTASK_WORKFLOW.PROGRESSO }}%;" 
																	ng-style="{ 'color' : camp.SUBTASK_WORKFLOW.PROGRESSO == 0 ? 'red' : '' }">
																	<span>@{{ camp.SUBTASK_WORKFLOW.PROGRESSO }} %</span>
																</div>
															</div>
														</div> -- >
													</div>

												</div>

												<div class="image-icon-tarefa" ng-show="tarefa.IMAGEM != ''">
													<div class="img-icon" 
														style="width: calc(100%); 
																height: calc(100%); 
																background-size: contain; 
																background-repeat: no-repeat; 
																background-position: center center; 
																background-image: url('@{{ tarefa.IMAGEM }}');">
													</div>
												</div>
											</td>
										</tr>
									</tbody>
								</table>

							</div>
						</div>
					</div>

				</div>
			</div>
			<! --  -- >

		</div>

		-->

		<ul id="tab" class="nav nav-tabs" role="tablist" style="margin-top: 35px;">
			<li id="li-1-tab" role="presentation" class="active tab-detalhamento">
				<a href="#tab1-container" id="tab1-tab" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="true" ng-click="vm.LeedsWorkflow.SELECTED = {};">
					Registro e Feeds
					<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="vm.Leeds.consultarDadosPainel(vm.Painel_ID, vm.Leeds.SELECTED.CASO_ID, 1, 1, 0, 0, 0);"></span>
				</a>
			</li>

			<li id="li-2-tab" role="presentation" class="tab-detalhamento" ng-if="!vm.Leeds.INCLUINDO && vm.Leeds.PERMISSOES.RESPONSAVEL == 1">
				<a href="#tab2-container" id="tab2-tab" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab2-container" aria-expanded="false" ng-click="vm.LeedsWorkflow.SELECTED = {};">
					Envolvidos
					<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="vm.Leeds.consultarDadosPainel(vm.Painel_ID, vm.Leeds.SELECTED.CASO_ID, 0, 0, 0, 1, 0);"></span>
				</a>
			</li>

			<li id="li-3-tab" role="presentation" class="tab-detalhamento" ng-if="!vm.Leeds.INCLUINDO && vm.Leeds.PERMISSOES.RESPONSAVEL == 1">
				<a href="#tab3-container" id="tab3-tab" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab3-container" aria-expanded="false" ng-click="vm.LeedsWorkflow.SELECTED = {};">
					Lembretes
					<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="vm.Leeds.consultarDadosPainel(vm.Painel_ID, vm.Leeds.SELECTED.CASO_ID, 0, 0, 0, 0, 1);"></span>
				</a>
			</li>

			<li id="li-@{{ item.ID }}-tab" role="presentation" class="tab-detalhamento" ng-if="!vm.Leeds.INCLUINDO" ng-repeat="item in vm.Leeds.WORKFLOWS | orderBy: item.ORDEM">
				<a href="#tab@{{ item.ID }}-container" id="tab@{{ item.ID }}-tab" data-hotkey="" role="tab" data-toggle="tab" aria-controls="tab@{{ item.ID }}-container" aria-expanded="false" ng-click="vm.Leeds.visualizarTarefa(item.ID, 0, 1)">
					@{{ vm.Leeds.SELECTED_WORKFLOW.TITULO }}
					<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="vm.Leeds.consultarDadosPainel(vm.Painel_ID, vm.Leeds.SELECTED.CASO_ID, 0, 0, 1, 0, 0);"></span>
				</a>
			</li>
		</ul>

		<div id="tab-content" class="tab-content" style="height: calc(100vh - 300px);">
		
			<div role="tabpanel" class="tab-pane active in" id="tab1-container" name="" aria-labelledby="tab1-tab" style="height: 100%;">
				<div class="row" style="height: 100%;">

					<div id="janela-1-dados" class="ajuste-janela-p ui-resizable" style="height: 100%;" ng-style="{ 'width' : vm.Leeds.INCLUINDO ? '100%' : 'calc(50% - 5px)' , 'max-width' : vm.Leeds.INCLUINDO ? '100%' : 'calc(100% - 360px)' }">
						<div class="janela-e" style="width: 100%; height: 100%;">
							<div class="row" style="padding: 5px;">
								<ul class="list-inline" style="position: absolute; width: -webkit-fill-available; margin: -10px 12px 10px -10px; padding: 5px 5px 5px 5px; background-color: #fff; border: solid 1px #fff; border-radius: 12px 0px 0px 0px; z-index: 19; box-shadow: 0px 5px 10px #fff;">
									<li>
										<button 
											type="submit" 
											class="btn btn-sm btn-success" 
											ng-if="!vm.Leeds.INCLUINDO && vm.Leeds.PERMISSOES.ALTERAR == 1" 
											ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0 || vm.Leeds.PERMISSOES.ALTERAR == 0 || vm.Leeds.SELECTED.FECHADO == 1 || !vm.Leeds.ALTERACAO_DETECTADA" 
											data-hotkey="f1">
											<span class="glyphicon glyphicon-ok"></span> Gravar Dados
										</button>
									</li>

									<li style="float: right;">
										<button 
											type="button" 
											class="btn btn-sm btn-default" 
											ng-click="vm.Leeds.consultarDadosPainel(vm.Painel_ID, vm.Leeds.SELECTED.CASO_ID, 1, 0, 0, 0, 0);" 
											ng-if="!vm.Leeds.INCLUINDO" 
											style="height: 30px;">
											<span class="glyphicon glyphicon-refresh"></span>
										</button>
									</li>
								</ul>

								<div class="row" style="padding-top: 40px;">

									<div class="panel panel-primary" style="margin-bottom: 5px !important;">
										<div class="panel-heading" style="cursor: pointer !important;" tabindex="0" data-hotkey="" id="containerChamados0" data-toggle="collapse" data-target="#dadosChamados0" aria-expanded="true" aria-controls="dadosChamados0" ng-click="vm.changePainel('dadosChamados0', 0);">
											<h3 class="panel-title" style="font-weight: bold;">@{{ vm.Leeds.PAINEL_CASO.DESCRICAO }}<sub style="margin-left: 5px;"></sub>
												<i class="fa fa-chevron-circle-up" style="float: right; cursor: pointer;" ng-class="{'fa-chevron-circle-down': !vm.DADOS_CHAMADOS0, 'fa-chevron-circle-up': vm.DADOS_CHAMADOS0}" aria-hidden="false"></i>
												
												<!-- ---------------------------------------------------------------------------------------------------------------------- -->
												<button ng-click="$event.stopPropagation(); $event.preventDefault(); vm.Leeds.janelaReclherExtenderAll();" type="button" class="btn btn-primary" data-hotkey="" style="float: right; margin: -5px 15px 5px 5px; font-size: 8pt;">
													<span ng-show="vm.Leeds.EXPANDIDO == true" class="glyphicon glyphicon-resize-small" title="Comprimir Janelas"></span>
													<span ng-show="vm.Leeds.EXPANDIDO == false" class="glyphicon glyphicon-resize-full" title="Expandir Janelas"></span>
												</button>
												<!-- ---------------------------------------------------------------------------------------------------------------------- -->

											</h3>
										</div>

										<div class="panel-body collapse in" id="dadosChamados0" aria-expanded="true" style="overflow: auto;">
											<div style="display: inline-flex; flex-wrap: wrap; align-content: center; width: 100%;">

												<input 
													type="checkbox" 
													id="imput_focus_hidem" 
													name="imput_focus_hidem" 
													class="imput_focus_hidem"
													style="width: 5px !important; height: 5px !important; margin-top: -15px; margin-left: -5px; z-index: -1;">

												<div style="display: -webkit-inline-box;" class="consulta-motivos-p"></div>

												<div style="display: -webkit-inline-box;" class="consulta-tipos-p"></div>

												<div style="display: -webkit-inline-box;" class="consulta-origens-p"></div>

												<div style="display: -webkit-inline-box;" class="consulta-responsavel-p"></div>

												<div style="display: -webkit-inline-box;" class="consulta-status-p"></div>

												<div class="form-group" ng-show="vm.Leeds.SELECTED.FECHADO == 1">
													<label>Data de Fechamento:</label>
													<input 
														type="datetime-local"
														class="form-control input-medio" 
														ng-atalho
														step="1"
														ng-model="vm.Leeds.SELECTED.DATA_FECHAMENTO"
														ng-readonly="true">
												</div>

											</div>
										</div>

									</div>

									<legend></legend>

									<div class="painel_imputs imput-itens-cad-contato"></div>

									<div id="iframecontainer" style="display: none;">
										<div id="iframe">
											<div id="iframewrapper">
												<iframe onerror="alert('Failed')" frameborder="0" id="iframeResult" name="iframeResult"></iframe>
											</div>
										</div>
									</div>

								</div>
							</div>
						</div>
					</div>
					<div id="janela-2-dados" class="ajuste-janela-c" style="height: 100%;" ng-show="!vm.Leeds.ALTERANDO">
						<div class="janela-d" style="width: 100%; height: 100%;">
							<div class="row">

								<ul class="list-inline" style="position: absolute; width: -webkit-fill-available; margin: -5px 40px 0px -5px; padding: 5px 0px 5px 0px; background-color: #fff; border: solid 1px #fff; border-radius: 12px 0px 0px 0px; z-index: 19;">
									<li>
										<button 
											type="button" 
											class="btn btn-sm btn-success" 
											ng-click="vm.LeedsItens.incluir();" 
											ng-disabled="vm.Leeds.ALTERANDO || vm.Leeds.SELECTED.FECHADO == 1" 
											data-hotkey="f6">
											<span class="glyphicon glyphicon-plus"></span>
											Feed + Email
										</button>
									</li>

									<li>
										<button 
											type="button" 
											class="btn btn-sm btn-success" 
											ng-click="vm.LeedsItens.FEED_COMENTARIO = 1; vm.LeedsItens.incluir();" 
											ng-disabled="vm.Leeds.ALTERANDO || vm.Leeds.SELECTED.FECHADO == 1 || vm.Leeds.PERMISSOES.RESPONSAVEL != 1" 
											data-hotkey="alt+c">
											<span class="glyphicon glyphicon-plus"></span>
											Comentário
										</button>
									</li>

									<li style="float: right;">
										<button 
											type="button" 
											class="btn btn-sm btn-default" 
											ng-click="vm.Leeds.consultarDadosPainel(vm.Painel_ID, vm.Leeds.SELECTED.CASO_ID, 0, 1, 0, 0, 0);" 
											ng-disabled="vm.Leeds.ALTERANDO" 
											style="height: 30px;">
											<span class="glyphicon glyphicon-refresh"></span>
										</button>
									</li>
								</ul>
								<ul class="list-inline" style="position: absolute; width: -webkit-fill-available; margin: 35px 40px 10px -5px; padding: 5px 0px 5px 0px; background-color: #fff; border: solid 1px #fff; z-index: 19; box-shadow: 0px 5px 10px #fff;">
									<li style="width: 100%;">
										<input
											type="text"
											class="form-control input-medio" 
											placeholder="Filtragem rápida..." 
											ng-model="vm.Leeds.FILTRO_FEED" 
											style="width: 100%;">
									</li>
								</ul>

								<div class="row" style="padding-top: 95px;">
									<div ng-repeat="item in vm.Leeds.FEED | orderBy:'-item.DATAHORA' | filter: vm.Leeds.FILTRO_FEED" ng-if="!(item.WORKFLOW_ITEM_ID > 0)">
										<div class="email" ng-style="{ 'background-color' : item.COMENT == 1 ? '#f1cd99' : '#f5f5f5' }">

											<div class="img-user-caso" ng-style="{ 'background-color' : item.COMENT == 1 ? '#f1cd99' : '#f5f5f5' }">
												<div class="imagem" style="background-image: url(/fotos/usuario/@{{ item.USUARIO_ID }});"></div>
											</div>

											<div class="cabecalho">

												<div class="de" ng-if="item.USUARIO_ID == 0">
													@{{ item.USER_NAME }}

													<div class="icon-envio-email">
														<span 
															class="glyphicon" 
															ng-class="{ 'glyphicon-send' : item.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : item.STATUS_ENVIO_EMAIL == 0 }" 
															ng-style="{ 'color' : item.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
															title="@{{ item.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ item.DTHORA_ENVIO_EMAIL }}"></span>
													</div>
												</div>
												<div class="de" ng-if="item.USUARIO_ID == 99999">
													Agendamento

													<div class="icon-envio-email">
														<span 
															class="glyphicon" 
															ng-class="{ 'glyphicon-send' : item.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : item.STATUS_ENVIO_EMAIL == 0 }" 
															ng-style="{ 'color' : item.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
															title="@{{ item.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ item.DTHORA_ENVIO_EMAIL }}"></span>
													</div>
												</div>
												<div class="de" ng-if="item.USUARIO_ID > 0 && item.USER_STATUS == '0'">
													@{{ item.DE }}

													<div class="icon-envio-email">
														<span 
															class="glyphicon" 
															ng-class="{ 'glyphicon-send' : item.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : item.STATUS_ENVIO_EMAIL == 0 }" 
															ng-style="{ 'color' : item.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
															title="@{{ item.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ item.DTHORA_ENVIO_EMAIL }}"></span>
													</div>
												</div>
												<div class="de" ng-if="item.USUARIO_ID > 0 && item.USER_STATUS == '1'">
													@{{ item.USER_NAME }}

													<div class="icon-envio-email">
														<span 
															class="glyphicon" 
															ng-class="{ 'glyphicon-send' : item.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : item.STATUS_ENVIO_EMAIL == 0 }" 
															ng-style="{ 'color' : item.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
															title="@{{ item.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ item.DTHORA_ENVIO_EMAIL }}"></span>
													</div>
												</div>
												<div class="de" ng-if="item.USUARIO_ID == -1 && item.CONTATO > 0">
													@{{ item.CONTATO_NAME }}

													<div class="icon-envio-email">
														<span 
															class="glyphicon" 
															ng-class="{ 'glyphicon-send' : item.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : item.STATUS_ENVIO_EMAIL == 0 }" 
															ng-style="{ 'color' : item.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
															title="@{{ item.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ item.DTHORA_ENVIO_EMAIL }}"></span>
													</div>
												</div>
												<div class="de" ng-if="item.USUARIO_ID == -1 && item.CONTATO == -1">
													@{{ item.DE }}

													<div class="icon-envio-email">
														<span 
															class="glyphicon" 
															ng-class="{ 'glyphicon-send' : item.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : item.STATUS_ENVIO_EMAIL == 0 }" 
															ng-style="{ 'color' : item.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
															title="@{{ item.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ item.DTHORA_ENVIO_EMAIL }}"></span>
													</div>
												</div>

												<div class="para" ng-if="(item.PARA != item.DE && item.PARA != '') || (item.EM_COPIA != item.DE && item.EM_COPIA != '') || (item.EM_COPIA_OCULTA != item.DE && item.EM_COPIA_OCULTA != '')">
													<span style="font-weight: bold;">para:</span> @{{ (item.EM_COPIA_OCULTA +', '+ item.EM_COPIA +', '+ item.PARA +'').replace(";", ",").replace(", ,", ",").replace(",,", ",").replace(";", ",").replace(", ,", ",").replace(",,", ",").replace(";", ",").replace(", ,", ",").replace(",,", ",").replace(";", ",").replace(", ,", ",").replace(",,", ",") }}
												</div>

												<div class="assunto">
													<span style="font-weight: bold;">Assunto:</span> @{{ item.ASSUNTO }}
												</div>

												<div class="tipo tipo-@{{ item.TIPO }}" title="@{{ item.DESC_TIPO }}"></div>

											</div>

											<div class="corpo">
												<div ng-bind-html="trustAsHtml(item.MENSAGEM, item)" class="mensagem mensagem-html-container"></div>

												<!--  -->

												<div class="like-feed">
													<legend style="margin: 0px 0px 0px 0px;"></legend>

													<div class="form-group" ng-click="vm.LeedsItens.gostei(item);">
														@{{ item.QTD_GOSTOU }}
														<span class="glyphicon glyphicon-heart" ng-class="{ 'gostei' : item.USUARIO_GOSTOU == 1 }"></span> Gostei
													</div>
												</div>
											</div>

											<div class="funcionalidades">

												<div class="form-group" ng-if="item.COMENT == 1 && item.USUARIO_ID == vm.Usuario_ID">
													<button type="button" class="btn btn-primary btn-sm" ng-click="vm.LeedsItens.defineSelected(item); vm.LeedsItens.visualizar();">
														<span class="glyphicon glyphicon-edit"></span> Editar
													</button>
												</div>

												<div class="form-group" ng-if="item.SUBFEED == 0 && item.COMENT == 0">
													<button type="button" class="btn btn-success btn-sm" ng-click="vm.LeedsItens.FEED_PAI = item.ID; vm.LeedsItens.incluir();">
														<span class="glyphicon glyphicon-plus"></span> Comentar
													</button>
												</div>

												<div class="form-group" ng-if="item.COMENT == 1 && item.USUARIO_ID == vm.Usuario_ID" style="float: right;">
													<button type="button" class="btn btn-danger btn-sm" ng-click="vm.LeedsItens.defineSelected(item); vm.LeedsItens.excluir();" style="height: 30px;">
														<span class="glyphicon glyphicon-trash"></span>
													</button>
												</div>

											</div>

											<div class="files" ng-show="item.FILES == 1 && item.LISTA_FILE != ''">
												<!-- <button type="button" class="btn btn-warning btn-sm" ng-click="vm.LeedsItens.consultarArquivosFeed(item);" ttitle="Carregar Arquivos" style="height: 30px; margin-top: 9px;">
													<span class="glyphicon glyphicon-file"></span>
												</button> -->

												<div class="linha-arquivos" ng-show="item.FILE.length > 0">
													<div class="card-arquivo" ng-repeat="arq in item.FILE.slice().reverse() track by $index">

														<div class="form-group @{{arq.TIPO}}">
															<img
																title="@{{arq.ID ? arq.ID +' - '+ arq.NOME : arq.NOME}}"
																class="pre-visualizacao-arquivo"
																ngf-src="arq.BINARIO"
																ng-if="
																	(arq.TIPO.indexOf('image') > -1) 
																|| (arq.TIPO.indexOf('png')   > -1) 
																|| (arq.TIPO.indexOf('jpg')   > -1)
																|| (arq.TIPO.indexOf('jpeg')  > -1) 
																|| (arq.TIPO.indexOf('webp') > -1) 
																|| (arq.TIPO.indexOf('gif')   > -1)"
																ng-click="arq.VER = true"
																>

															<span
																title="@{{arq.ID ? arq.ID +' - '+ arq.NOME : arq.NOME}}"
																class="pre-visualizacao-arquivo A A@{{arq.TIPO}}"
																ng-if="
																	(arq.TIPO.indexOf('image') == -1) 
																&& (arq.TIPO.indexOf('png')   == -1) 
																&& (arq.TIPO.indexOf('jpg')   == -1)
																&& (arq.TIPO.indexOf('jpeg')  == -1) 
																&& (arq.TIPO.indexOf('webp') == -1) 
																&& (arq.TIPO.indexOf('gif')   == -1)"
																ng-click="arq.VER = true"
																></span>

															<div class="visualizar-arquivo" ng-show="arq.VER">

																<a 
																	class="btn btn-default download-arquivo" 
																	href="@{{ arq.BINARIO }}" 
																	download 
																	data-hotkey="alt+b">

																	<span class="glyphicon glyphicon-download"></span>
																	{{ Lang::get('master.download') }}
																</a>

																<button 
																	type="button" 
																	class="btn btn-default esconder-arquivo" 
																	data-hotkey="f11"
																	ng-click="arq.VER = false">

																	<span class="glyphicon glyphicon-chevron-left"></span>
																	{{ Lang::get('master.voltar') }}
																</button>

																{{-- Visualização somente para imagem e pdf --}}
																<object   style="height: 100%; width: inherit;"
																	data="@{{ arq.BINARIO }}"
																	ng-class="{imagem: 
																		(arq.TIPO.indexOf('image') > -1)
																	|| (arq.TIPO.indexOf('png')   > -1) 
																	|| (arq.TIPO.indexOf('jpg')   > -1) || (arq.TIPO.indexOf('jpeg') > -1) 
																	|| (arq.TIPO.indexOf('webp') > -1) 
																	|| (arq.TIPO.indexOf('gif')   > -1)}"
																	ng-if="
																		(arq.TIPO.indexOf('pdf')   > -1) 
																	|| (arq.TIPO.indexOf('image') > -1) 
																	|| (arq.TIPO.indexOf('png')   > -1) 
																	|| (arq.TIPO.indexOf('jpg')   > -1) || (arq.TIPO.indexOf('jpeg') > -1) 
																	|| (arq.TIPO.indexOf('webp') > -1) 
																	|| (arq.TIPO.indexOf('gif')   > -1)"></object>

																{{-- Msg de visualização indisponível. --}}
																<label
																	class="lbl-visualizacao-indisponivel"
																	ng-if="
																		(arq.TIPO.indexOf('pdf')   == -1) 
																	&& (arq.TIPO.indexOf('image') == -1) 
																	&& (arq.TIPO.indexOf('png')   == -1) 
																	&& (arq.TIPO.indexOf('jpg')   == -1) && (arq.TIPO.indexOf('jpeg') == -1) 
																	&& (arq.TIPO.indexOf('webp') == -1) 
																	&& (arq.TIPO.indexOf('gif')   == -1)">

																	Visualização indisponível!
																</label>

															</div>
														</div>

													</div>
												</div>
											</div>

											<div class="data">
												@{{ item.DATA_REGISTRO }}
											</div>

										</div>

										<!-- Comentários -->
										<div class="email comentario" ng-repeat="coment in item.COMENTARIO | orderBy:'-coment.DATAHORA'" ng-style="{ 'background-color' : item.COMENT == 1 ? '#f1cd99' : '#f5f5f5' }">

											<div class="img-user-caso" ng-style="{ 'background-color' : item.COMENT == 1 ? '#f1cd99' : '#f5f5f5' }">
												<div class="imagem" style="background-image: url(/fotos/usuario/@{{ coment.USUARIO_ID }});"></div>
											</div>

											<div class="cabecalho">

												<div class="de">
													@{{ coment.USER_NAME }}
												</div>

												<div class="assunto">
													Comentário
												</div>

												<div class="tipo tipo-@{{ coment.TIPO }}" title="@{{ coment.DESC_TIPO }}"></div>

											</div>

											<div class="corpo">
												<div ng-bind-html="trustAsHtml(coment.MENSAGEM, coment)" class="mensagem mensagem-html-container"></div>

												<!--  -->

												<div class="like-feed">
													<legend style="margin: 0px 0px 0px 0px;"></legend>

													<div class="form-group" ng-click="vm.LeedsItens.gostei(coment);">
														@{{ item.QTD_GOSTOU }}
														<span class="glyphicon glyphicon-heart" ng-class="{ 'gostei' : coment.USUARIO_GOSTOU == 1 }"></span> Gostei
													</div>
												</div>
											</div>

											<div class="funcionalidades">

												<div class="form-group" ng-if="coment.USUARIO_ID == vm.Usuario_ID">
													<button type="button" class="btn btn-primary btn-sm" ng-click="vm.LeedsItens.defineSelected(coment); vm.LeedsItens.visualizar();">
														<span class="glyphicon glyphicon-edit"></span> Editar
													</button>
												</div>

												<div class="form-group" ng-if="coment.USUARIO_ID == vm.Usuario_ID" style="float: right;">
													<button type="button" class="btn btn-danger btn-sm" ng-click="vm.LeedsItens.defineSelected(coment); vm.LeedsItens.excluir();" style="height: 30px;">
														<span class="glyphicon glyphicon-trash"></span>
													</button>
												</div>

											</div>

											<div class="files" ng-show="coment.FILES == 1 && coment.LISTA_FILE != ''">
												<!-- <button type="button" class="btn btn-warning btn-sm" ng-click="vm.LeedsItens.consultarArquivosFeed(coment);" ttitle="Carregar Arquivos" style="height: 30px; margin-top: 9px;">
													<span class="glyphicon glyphicon-file"></span>
												</button> -->

												<div class="linha-arquivos" ng-show="coment.FILE.length > 0">
													<div class="card-arquivo" ng-repeat="arq in coment.FILE.slice().reverse() track by $index">

														<div class="form-group @{{arq.TIPO}}">
															<img
																title="@{{arq.ID ? arq.ID +' - '+ arq.NOME : arq.NOME}}"
																class="pre-visualizacao-arquivo"
																ngf-src="arq.BINARIO"
																ng-if="
																	(arq.TIPO.indexOf('image') > -1) 
																|| (arq.TIPO.indexOf('png')   > -1) 
																|| (arq.TIPO.indexOf('jpg')   > -1)
																|| (arq.TIPO.indexOf('jpeg')  > -1) 
																|| (arq.TIPO.indexOf('webp') > -1) 
																|| (arq.TIPO.indexOf('gif')   > -1)"
																ng-click="arq.VER = true"
																>

															<span
																title="@{{arq.ID ? arq.ID +' - '+ arq.NOME : arq.NOME}}"
																class="pre-visualizacao-arquivo A A@{{arq.TIPO}}"
																ng-if="
																	(arq.TIPO.indexOf('image') == -1) 
																&& (arq.TIPO.indexOf('png')   == -1) 
																&& (arq.TIPO.indexOf('jpg')   == -1)
																&& (arq.TIPO.indexOf('jpeg')  == -1) 
																&& (arq.TIPO.indexOf('webp') == -1) 
																&& (arq.TIPO.indexOf('gif')   == -1)"
																ng-click="arq.VER = true"
																></span>

															<div class="visualizar-arquivo" ng-show="arq.VER">

																<a 
																	class="btn btn-default download-arquivo" 
																	href="@{{ arq.BINARIO }}" 
																	download 
																	data-hotkey="alt+b">

																	<span class="glyphicon glyphicon-download"></span>
																	{{ Lang::get('master.download') }}
																</a>

																<button 
																	type="button" 
																	class="btn btn-default esconder-arquivo" 
																	data-hotkey="f11"
																	ng-click="arq.VER = false">

																	<span class="glyphicon glyphicon-chevron-left"></span>
																	{{ Lang::get('master.voltar') }}
																</button>

																{{-- Visualização somente para imagem e pdf --}}
																<object   style="height: 100%;"
																	data="@{{ arq.BINARIO }}"
																	ng-class="{imagem: 
																		(arq.TIPO.indexOf('image') > -1)
																	|| (arq.TIPO.indexOf('png')   > -1) 
																	|| (arq.TIPO.indexOf('jpg')   > -1) || (arq.TIPO.indexOf('jpeg') > -1) 
																	|| (arq.TIPO.indexOf('webp') > -1) 
																	|| (arq.TIPO.indexOf('gif')   > -1)}"
																	ng-if="
																		(arq.TIPO.indexOf('pdf')   > -1) 
																	|| (arq.TIPO.indexOf('image') > -1) 
																	|| (arq.TIPO.indexOf('png')   > -1) 
																	|| (arq.TIPO.indexOf('jpg')   > -1) || (arq.TIPO.indexOf('jpeg') > -1) 
																	|| (arq.TIPO.indexOf('webp') > -1) 
																	|| (arq.TIPO.indexOf('gif')   > -1)"></object>

																{{-- Msg de visualização indisponível. --}}
																<label
																	class="lbl-visualizacao-indisponivel"
																	ng-if="
																		(arq.TIPO.indexOf('pdf')   == -1) 
																	&& (arq.TIPO.indexOf('image') == -1) 
																	&& (arq.TIPO.indexOf('png')   == -1) 
																	&& (arq.TIPO.indexOf('jpg')   == -1) && (arq.TIPO.indexOf('jpeg') == -1) 
																	&& (arq.TIPO.indexOf('webp') == -1) 
																	&& (arq.TIPO.indexOf('gif')   == -1)">

																	Visualização indisponível!
																</label>

															</div>
														</div>

													</div>
												</div>
											</div>

											<div class="data">
												@{{ coment.DATA_REGISTRO }}
											</div>

										</div>
										<!--  -->

									</div>
								</div>

							</div>
						</div>
					</div>

				</div>
			</div>

			<div role="tabpanel" class="tab-pane" id="tab2-container" ng-show="!vm.Leeds.INCLUINDO && vm.Leeds.PERMISSOES.RESPONSAVEL == 1" name="" aria-labelledby="tab2-tab" style="height: 100%; overflow: hidden auto;">
				<div class="row">

					<div style="margin-top: 10px;">

						<ul class="list-inline">
							<li>
								<button 
									type="button"
									class="btn btn-primary btn-incluir"
									data-hotkey="f6"
									ng-disabled="!{{ userMenu($menu)->INCLUIR }} || vm.Leeds.PERMISSOES.RESPONSAVEL == 0"
									ng-click="vm.LeedsEnvolvidos.incluir()">
									<span class="glyphicon glyphicon-plus"></span> Incluir
								</button>
							</li>
						</ul>

						<div id="tabela_envolvidos" class="tabela_envolvidos"></div>
					</div>

				</div>
			</div>

			<div role="tabpanel" class="tab-pane" id="tab3-container" ng-show="!vm.Leeds.INCLUINDO && vm.Leeds.PERMISSOES.RESPONSAVEL == 1" name="" aria-labelledby="tab2-tab" style="height: 100%; overflow: hidden auto;">
				<div class="row">

					<div style="margin-top: 10px;">

						<ul class="list-inline">
							<li>
								<button 
									type="button"
									class="btn btn-primary btn-incluir"
									data-hotkey="f6"
									ng-disabled="!{{ userMenu($menu)->INCLUIR }} || vm.Leeds.PERMISSOES.RESPONSAVEL == 0"
									ng-click="vm.LeedsLembretes.incluir()">
									<span class="glyphicon glyphicon-plus"></span> Adicionar Lembrete
								</button>
							</li>
						</ul>

						<div id="tabela_lembretes" class="tabela_lembretes"></div>
					</div>

				</div>
			</div>

			<div role="tabpanel" class="tab-pane" id="tab@{{ item.ID }}-container" ng-show="!vm.Leeds.INCLUINDO" name="" aria-labelledby="tab@{{ item.ID }}-tab" style="height: 100%; overflow: hidden auto;" ng-repeat="item in vm.Leeds.WORKFLOWS | orderBy: item.ORDEM">
				<div class="row" style="height: 100%; padding: 2px;">

					<ul class="list-inline" style="position: absolute; width: -webkit-fill-available; margin: -10px 35px 10px -10px; padding: 10px 5px 5px 5px; background-color: #fff; border: solid 1px #fff; z-index: 19; box-shadow: 0px 5px 10px #fff;">
						<li ng-if="vm.LeedsWorkflow.ALTERANDO">
							<button 
								type="button" 
								class="btn btn-success" 
								ng-click="vm.LeedsWorkflow.gravarTarefa(1, 0);" 
								ng-disabled="!vm.LeedsWorkflow.ALTERACAO_DETECTADA" 
								data-hotkey="f1">
								<span class="glyphicon glyphicon-ok"></span> Gravar
							</button>
						</li>

						<li ng-if="vm.LeedsWorkflow.ALTERANDO">
							<button 
								type="button" 
								class="btn btn-primary" 
								ng-click="vm.LeedsWorkflow.gravarTarefa(2, 0);" 
								data-hotkey="f2">
								<span class="glyphicon glyphicon-ok"></span> Concluir
							</button>
						</li>

						<!--  -->

						<li ng-if="!vm.LeedsWorkflow.ALTERANDO && vm.LeedsWorkflow.SELECTED.STATUS == 0">
							<button 
								type="button" 
								class="btn btn-primary" 
								ng-click="vm.LeedsWorkflow.iniciarTarefa(1);" 
								ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" 
								data-hotkey="f9">
								<span class="glyphicon glyphicon-play"></span> Iniciar
							</button>
						</li>

						<li ng-if="!vm.LeedsWorkflow.ALTERANDO && vm.LeedsWorkflow.SELECTED.STATUS == 2">
							<button 
								type="button" 
								class="btn btn-primary" 
								ng-click="vm.LeedsWorkflow.iniciarTarefa(1);" 
								ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" 
								data-hotkey="f9">
								<span class="glyphicon glyphicon-play"></span> Reiniciar
							</button>
						</li>

						<li ng-if="!vm.LeedsWorkflow.ALTERANDO && vm.LeedsWorkflow.SELECTED.STATUS == 1">
							<button 
								type="button" 
								class="btn btn-primary"  
								ng-click="vm.LeedsWorkflow.concluirTarefa(3);" 
								ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" 
								data-hotkey="f10">
								<span class="glyphicon glyphicon-ok"></span> Concluir
							</button>
						</li>

						<li ng-if="vm.LeedsWorkflow.SELECTED.STATUS < 3">
							<button 
								type="button" 
								class="btn btn-danger" 
								ng-click="vm.LeedsWorkflow.encerrarTarefa(2);" 
								ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" 
								data-hotkey="f8">
								<span class="glyphicon glyphicon-edit"></span> Encerrar
							</button>
						</li>

						<li ng-if="!vm.LeedsWorkflow.ALTERANDO && (vm.LeedsWorkflow.SELECTED.STATUS == 3 || vm.LeedsWorkflow.SELECTED.STATUS == 4)">
							<button 
								type="button" 
								class="btn btn-primary" 
								ng-click="vm.LeedsWorkflow.iniciarTarefa(1, 1);" 
								ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" 
								data-hotkey="f9">
								<span class="glyphicon glyphicon-play"></span> Reiniciar
							</button>
						</li>

						<!-- ------------------------------------------------------------------------------------------------ -->

						<li>
							<div class="legenda_padrao" style="max-width: 600px;">
								<!-- <span style="font-weight: bold; margin-right: 5px;">Descrição:</span> -->

								<span style="margin-left: 1px; margin-right: 10px;">@{{ vm.LeedsWorkflow.SELECTED.DESCRICAO }}</span>
							</div>
						</li>

						<li>
							<span class="glyphicon glyphicon-info-sign" ttitle="ID: @{{ vm.LeedsWorkflow.SELECTED.DESC_ID }} - Previsão de Conclusão: @{{ vm.LeedsWorkflow.SELECTED.DATA_PREVISAO_TOTAL_FORMAT }} @{{ vm.LeedsWorkflow.SELECTED.STATUS_CONCLUSAO == 3 ? '| Conclusão: '+ vm.LeedsWorkflow.SELECTED.DESC_USUARIO +' - '+ vm.LeedsWorkflow.SELECTED.FDATAHORA_CONCLUSAO +'' : ( vm.LeedsWorkflow.SELECTED.STATUS_CONCLUSAO == 4 ? '| Encerramento: '+ vm.LeedsWorkflow.SELECTED.DESC_USUARIO +' - '+ vm.LeedsWorkflow.SELECTED.FDATAHORA_CONCLUSAO +'' : '' ) }}"></span>
						</li>

						<!-- ------------------------------------------------------------------------------------------------ -->

						<li style="float: right;">
							<button 
								type="button" 
								class="btn gerar-historico" 
								ng-click="vm.LeedsWorkflow.abrirModalProgresso();">
								<span class="glyphicon glyphicon-time"></span> Progresso
							</button>
						</li>

						<li style="float: right;">
							<button 
								type="button" 
								class="btn btn-info" 
								ng-click="vm.LeedsWorkflow.addArquivo(vm.LeedsWorkflow.SELECTED)">
								<span class="glyphicon glyphicon-plus"></span> Adicionar Arquivos
							</button>
						</li>

						<!-- <li style="float: right;">
							<button 
								data-consulta-arquivos 
								data-tabela="TBWORKFLOW_ITEM_TAREFA" 
								data-tabela-id="@{{ vm.Leeds.SELECTED_WORKFLOW.ID }}" 
								type="button" 
								class="btn btn-info" 
								data-hotkey="alt+a">
								<span class="glyphicon glyphicon-file"></span> {{ Lang::get('master.arquivos') }}
							</button>
						</li> -->

						
					</ul>


					<div class="row" style="padding-top: 50px;">

						<!-- <div class="form-group">
							<label>ID:</label>
							<input 
								type="text"
								ng-model="vm.LeedsWorkflow.SELECTED.DESC_ID"
								class="form-control input-menor" 
								readonly="readonly">
						</div>

						<div class="form-group">
							<label>Título:</label>
							<input 
								type="text"
								class="form-control input-maior" 
								ng-model="vm.LeedsWorkflow.SELECTED.TITULO"
								ng-readonly="true"
								style="width: 400px !important;">
						</div>

						<br>

						<div class="form-group">
							<label>Descrição:</label>
							<input 
								type="text"
								class="form-control input-maior" 
								ng-model="vm.LeedsWorkflow.SELECTED.DESCRICAO"
								ng-readonly="true"
								style="width: 505px !important;">
						</div> -->

						<!-- ------------------------------------------------------------------------------------------------ -->

						<!-- <br ng-if="vm.LeedsWorkflow.SELECTED.STATUS_CONCLUSAO == 3">

						<div class="form-group" ng-if="vm.LeedsWorkflow.SELECTED.STATUS_CONCLUSAO == 3">
							<label>Conclusão:</label>
							<input 
								type="text" 
								class="form-control input-maior" 
								value="@{{ vm.LeedsWorkflow.SELECTED.DESC_USUARIO }} - @{{ vm.LeedsWorkflow.SELECTED.FDATAHORA_CONCLUSAO }}" 
								ng-readonly="true" 
								style="width: 503px !important;">
						</div>

						<br ng-if="vm.LeedsWorkflow.SELECTED.STATUS_CONCLUSAO == 4">

						<div class="form-group" ng-if="vm.LeedsWorkflow.SELECTED.STATUS_CONCLUSAO == 4">
							<label>Encerramento:</label>
							<input 
								type="text" 
								class="form-control input-maior" 
								value="@{{ vm.LeedsWorkflow.SELECTED.DESC_USUARIO }} - @{{ vm.LeedsWorkflow.SELECTED.FDATAHORA_CONCLUSAO }}" 
								ng-readonly="true" 
								style="width: 503px !important;">
						</div> -->

						<!-- ------------------------------------------------------------------------------------------------ -->

						<br>

						<!-- <div class="form-group">
							<label>Comentário:</label>
							<textarea 
								type="text" 
								ng-change="vm.LeedsWorkflow.ALTERACAO_DETECTADA = true;" 
								class="form-control input-textarea-comentario" 
								cols="66" 
								rows="5" 
								maxlength="500" 
								ng-model="vm.LeedsWorkflow.SELECTED.COMENTARIO" 
								ng-readonly="!vm.LeedsWorkflow.ALTERANDO">
							</textarea>
						</div> -->

						<fieldset style="margin-top: 10px;">
							<!-- <legend></legend> -->
							<div class="lateral-tarefa" style="margin-bottom: 10px; float: left; width: calc(80% - 5px); overflow: hidden auto;">

								<div class="row">
									<div class="campo-container">

										<div class="row" style="display: inline-flex; flex-wrap: wrap;">

											<div class="form-group">
												<label>Comentário:</label>
												<textarea 
													type="text" 
													ng-change="vm.LeedsWorkflow.ALTERACAO_DETECTADA = true;" 
													class="form-control input-textarea-comentario" 
													cols="66" 
													rows="5" 
													maxlength="500" 
													ng-model="vm.LeedsWorkflow.SELECTED.COMENTARIO" 
													ng-readonly="!vm.LeedsWorkflow.ALTERANDO">
												</textarea>
											</div>

											<!--  -->

											<div ng-repeat="campo in vm.LeedsWorkflow.SELECTED.CAMPOS track by $index">

												<div class="form-group" ng-if="campo.TIPO == 1">
													<label>@{{ campo.ROTULO }}:</label>
													<input 
														type="text" 
														ng-change="vm.LeedsWorkflow.ALTERACAO_DETECTADA = true;" 
														maxlength="1000" 
														class="form-control normal-case campo@{{ campo.ID }}" 
														ng-model="campo.VALOR" 
														ng-disabled="!vm.LeedsWorkflow.ALTERANDO">
												</div>

												<div class="form-group" ng-if="campo.TIPO == 2">
													<label>@{{ campo.ROTULO }}:</label>
													<input 
														type="text" 
														ng-change="vm.LeedsWorkflow.ALTERACAO_DETECTADA = true;" 
														ng-number-format="2" 
														min="@{{ campo.FAIXA_VALOR_MIN }}" 
														max="@{{ campo.FAIXA_VALOR_MAX }}" 
														class="form-control text-right campo@{{ campo.ID }}" 
														ng-model="campo.VALOR" 
														ng-disabled="!vm.LeedsWorkflow.ALTERANDO">
												</div>

												<div class="form-group" ng-if="campo.TIPO == 3">
													<label>@{{ campo.ROTULO }}:</label>
													<div class="check-group">
														<label class="lbl" style="margin-right: 25px;">
															<input 
																type="radio" 
																ng-change="vm.LeedsWorkflow.ALTERACAO_DETECTADA = true;" 
																class="campo@{{ campo.ID }}" 
																ng-value="'0'" 
																tabindex="-1" 
																ng-model="campo.VALOR" 
																ng-disabled="!vm.LeedsWorkflow.ALTERANDO">
															<span>NÃO</span>
														</label>
														<label class="lbl" style="margin-right: 25px;">
															<input 
																type="radio" 
																ng-change="vm.LeedsWorkflow.ALTERACAO_DETECTADA = true;" 
																class="campo@{{ campo.ID }}" 
																ng-value="'1'" 
																tabindex="-1" 
																ng-model="campo.VALOR" 
																ng-disabled="!vm.LeedsWorkflow.ALTERANDO">
															<span>SIM</span>
														</label>
													</div>
												</div>

												<div class="form-group" ng-if="campo.TIPO == 4">
													<label>@{{ campo.ROTULO }}:</label>
													<select 
														ng-change="vm.LeedsWorkflow.ALTERACAO_DETECTADA = true;" 
														class="campo@{{ campo.ID }}" 
														ng-model="campo.VALOR" 
														ng-disabled="!vm.LeedsWorkflow.ALTERANDO">
														<option ng-repeat="item in campo.ITENS" ng-attr-selected="@{{ item.MARCADO == 1 }}" ng-value="item.VALOR">
															@{{ item.DESCRICAO }}
														</option>
													</select>
												</div>

												<!-- -------------------------------- -->

												<!-- <div class="form-group" ng-if="campo.TIPO == 5" style="width: calc(85vw - 10px); margin: 20px;">
													<legend>@{{ campo.ROTULO }}</legend>

													<div class="list-workflows-vinc" ng-repeat="subworkflow in vm.LeedsWorkflow['DADOS'+ campo.SUBTASK_WORKFLOW.ID] track by subworkflow.ID" ng-if="campo.SUBTASK_WORKFLOW.ID > 0">
														<div class="row">

															<div class="tabela-workflows-vinculo" id="tabela-workflows-vinculo" ng-show="vm.LeedsWorkflow.DADOS@{{ campo.SUBTASK_WORKFLOW.ID }}.length > 0">
																<div class="tabela_info_tamanhos_grupo_index" id="tabela_info_tamanhos_grupo_index">
																	<div class="table-ec table-scroll tabela-info-dash">
																		<table class="table table-striped tab-enter table-bordered table-condensed table-no-break table-middle table-low">

																			<thead>
																				<tr class="ng-isolate-scope"> 
																					<th class="text-center" colspan="@{{ subworkflow.TAREFAS.length }}" style="font-weight: bold;">
																						<span>@{{ subworkflow.DESC_ID }} - @{{ subworkflow.TITULO }}</span>

																						<div id="progress-bar-subtask" class="progress bar-progress-subtask" style="z-index: 10; width: 300px; margin: 1px 10px; float: right;">
																							<div id="progress-bar-load-subtask" 
																								class="progress-bar progress-bar-striped progress-bar-animated bg-info" 
																								role="progressbar" aria-valuenow="@{{ subworkflow.PROGRESSO }}" 
																								aria-valuemin="0" aria-valuemax="100" style="font-weight: bold; background-color: #9da30a; width: @{{ subworkflow.PROGRESSO }}%;" 
																								ng-style="{ 'color' : subworkflow.PROGRESSO == 0 ? 'red' : '' }">
																								@{{ subworkflow.PROGRESSO }}%
																							</div>
																						</div>

																					</th>
																				</tr>
																				<tr class="ng-isolate-scope">
																					<th class="text-center" ng-repeat="subtarefa in subworkflow.TAREFAS track by subtarefa.ID" style="max-width: 250px; background-color: @{{ subtarefa.COLUNA_COR }}; color: @{{ subtarefa.COLUNA_COR_NOME }};" auto-title>
																						<span>@{{ subtarefa.TITULO }}</span>
																					</th>
																				</tr>
																			</thead>
																			<tbody>
																				<tr>
																					<td class="text-center" ng-repeat="subtarefa in subworkflow.TAREFAS track by subtarefa.ID" style="max-width: 250px; cursor: pointer;" ng-click="( tarefa.ID != vm.LeedsWorkflow.SELECTED.ID && vm.LeedsWorkflow.visualizarTarefa(subworkflow.ID, subtarefa, 'SELECTED', subworkflow.ID) )">

																						<div class="campo-status-tarefa" style="padding: 5px; background-color: @{{ subtarefa.STATUS_CONCLUSAO_COR }}; color: @{{ subtarefa.STATUS_CONCLUSAO_COR_NOME }};">
																							<div ng-show="subtarefa.TIPO_DESCRICAO == '1'">
																								<span>@{{ subtarefa.COMENTARIO }}</span>
																							</div>

																							<div ng-repeat="text in subtarefa.DESCRICAO_CAMPOS track by $index" ng-show="subtarefa.TIPO_DESCRICAO == '2'">
																								<span>@{{ text }}</span>
																							</div>

																							<div ng-repeat="camp in subtarefa.CAMPOS track by camp.ID" ng-if="camp.TIPO == '5'">
																								<div ng-show="camp.SUBTASK_WORKFLOW.ID > 0" style="display: flex; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;">
																									<label>@{{ camp.ROTULO }}:</label>
																									<div id="progress-bar-subtask2" class="progress bar-progress-subtask" style="z-index: 10; width: calc(100% - 20px); margin: 2px 10px;">
																										<div id="progress-bar-load-subtask2" 
																											class="progress-bar progress-bar-striped progress-bar-animated bg-info" 
																											role="progressbar" aria-valuenow="@{{ camp.SUBTASK_WORKFLOW.PROGRESSO }}" 
																											aria-valuemin="0" aria-valuemax="100" style="font-weight: bold; background-color: #bf0ecb; width: @{{ camp.SUBTASK_WORKFLOW.PROGRESSO }}%;" 
																											ng-style="{ 'color' : camp.SUBTASK_WORKFLOW.PROGRESSO == 0 ? 'red' : '' }">
																											@{{ camp.SUBTASK_WORKFLOW.PROGRESSO }}%
																										</div>
																									</div>
																								</div>
																							</div>
																						</div>

																					</td>
																				</tr>
																			</tbody>

																		</table>
																	</div>
																</div>
															</div>

														</div>
													</div>
												</div> -->

												<!-- -------------------------------- -->

												<div class="form-group" ng-if="campo.TIPO == 6" style="margin: 0px;">

													<div id="campo-consulta-@{{ campo.WORKFLOW_CAMPO_SQL.ID }}" class="campo-consulta-@{{ campo.WORKFLOW_CAMPO_SQL.ID }}"></div>

												</div>

												<div class="form-group" ng-if="campo.TIPO == 7" style="margin: 0px;">

													<div id="campo-consulta-@{{ campo.WORKFLOW_CAMPO_SQL.ID }}" class="campo-consulta-@{{ campo.WORKFLOW_CAMPO_SQL.ID }}"></div>

												</div>

											</div>
										</div>

									</div>
								</div>

							</div>
							<div class="lateral-arquivos" style="margin-bottom: 10px; float: right; width: calc(20% - 5px); min-width: 150px;">

								<!-- <div class="grupo-btn-arquivos top">
									<button 
										type="button" 
										class="btn btn-sm btn-info" 
										ng-click="vm.LeedsWorkflow.addArquivo(vm.LeedsWorkflow.SELECTED)" 
										style="margin-bottom: 5px; height: 30px;">
										<span class="glyphicon glyphicon-plus"></span> Adicionar Arquivo
									</button>

									<! -- -- >

									<button 
										type="button" 
										class="btn btn-sm btn-default" 
										ng-click="vm.LeedsWorkflow.consultarArquivosTarefa(vm.LeedsWorkflow.SELECTED, 1)" 
										style="margin-bottom: 5px; height: 30px; float: right;">
										<span class="glyphicon glyphicon-refresh"></span>
									</button>

									<button 
										type="button" 
										class="btn btn-sm btn-success" 
										ng-if="vm.LeedsWorkflow.validarGravarArq" 
										ng-disabled="!vm.LeedsWorkflow.validarGravarArq" 
										ng-click="vm.LeedsWorkflow.gravarArquivo(vm.LeedsWorkflow.SELECTED)" 
										style="margin-bottom: 5px; height: 30px; float: right;">
										<span class="glyphicon glyphicon-ok"></span>
									</button>
								</div> -->


								<div style="display: inline-flex; 
											flex-wrap: nowrap; 
											justify-content: center; 
											background-color: aliceblue; 
											padding: 4px; 
											border-radius: 5px; 
											border: 1px solid #b8d6f1; margin-bottom: 5px; width: 100%;" 
									ng-if="vm.LeedsWorkflow.SELECTED.ARQUIVOS.length > 0" 
									ng-repeat="arq in vm.LeedsWorkflow.SELECTED.ARQUIVOS track by $index" class="arquivo-container">

									<!-- <div class="form-group" style="display: block; margin-bottom: 0px; width: 100%;">
										<label>Observação:</label>
										<input 
											type="text" 
											class="form-control input-medio" 
											required 
											style="width: 100%;" 
											ng-disabled="true" 
											ng-model="arq.OBSERVACAO">
									</div> -->

									<!-- <div class="form-group" style="margin-left: 10px; display: block; margin-bottom: 0px;">
										<label>Sequência:</label>
										<input 
											type="number" 
											class="form-control input-menor" 
											ng-disabled="vm.LeedsWorkflow.disabled" 
											required 
											ng-model="arq.SEQUENCIA">
									</div> -->


									<div class="form-group" style="display: block; margin-bottom: 0px; width: 90px; height: 90px;">

										<div class="form-group" style="display: block; margin-bottom: 0px;/* margin-left: 10px; */">
											<!-- <label>Arquivo:</label> -->
											<input 
												type="file" 
												multiple 
												class="form-control input-medio arquivo-binario" 
												ngf-select="vm.LeedsWorkflow.processarArquivo($event, arq, vm.LeedsWorkflow.SELECTED)" 
												ng-model="arq.BINARIO" 
												ng-if="!arq.BINARIO">

											<img 
												class="pre-visualizacao-arquivo" 
												src="@{{ arq.BINARIO.$ngfBlobUrl }}" 
												ngf-src="arq.BINARIO" 
												ng-click="arq.VER = true" 
												ng-if="(arq.TIPO.indexOf('image') > -1)
													|| (arq.TIPO.indexOf('png') > -1)
													|| (arq.TIPO.indexOf('jpg') > -1)
													|| (arq.TIPO.indexOf('webp') > -1) 
													|| (arq.TIPO.indexOf('gif') > -1)" 
												style="display: block !important; width: 80px !important; height: 80px !important; transform-origin: top right !important;">

											<span 
												class="pre-visualizacao-arquivo A@{{ arq.CSS != unknown ? arq.CSS : arq.TIPO }}" 
												ng-click="arq.VER = true" 
												ng-if="(arq.TIPO.indexOf('image') == -1)
													&& (arq.TIPO.indexOf('png') == -1)
													&& (arq.TIPO.indexOf('jpg') == -1)
													&& (arq.TIPO.indexOf('webp') == -1) 
													&& (arq.TIPO.indexOf('gif') == -1)" 
												style="display: block; width: 80px !important; height: 80px !important; transform-origin: top right !important;">
											</span>

											<!-- <input 
												type="text" 
												class="form-control input-maior normal-case arquivo-nome" 
												disabled 
												ng-model="arq.NOME" 
												ng-value="arq.ID ? arq.ID +' - '+ arq.NOME : arq.NOME" 
												ng-click="arq.VER = true" 
												ng-if="arq.BINARIO" 
												style="width: 100% !important;"> -->

										</div>

										<div class="visualizar-arquivo" ng-show="arq.VER">

											<span style="position: fixed; top: 85px; left: 28px; color: white; font-size: 15px;">
												<span style="font-weight: bold;">ID:</span> @{{ arq.ID }},
												<span style="font-weight: bold;">Observação:</span> @{{ arq.OBSERVACAO }},
												<span style="font-weight: bold;">Sequência:</span> @{{ arq.SEQUENCIA }},
											</span>

											<button 
												ng-click="vm.LeedsWorkflow.enviarArquivo('@{{ vm.LeedsWorkflow.email_usuario }}', arq)" 
												style="position: fixed; top: 60px; right: 215px;" type="button" class="btn btn-default">
												<span class="glyphicon glyphicon-envelope"></span> Enviar
											</button>

											<a style="display: block !important;" 
												class="btn btn-default download-arquivo" 
												href="@{{ arq.BINARIO.$ngfBlobUrl }}" 
												ngf-src="arq.BINARIO" 
												download
												data-hotkey="alt+b">
												<span class="glyphicon glyphicon-download"></span> Baixar
											</a>

											<button 
												type="button" 
												class="btn btn-default esconder-arquivo" 
												data-hotkey="esc" 
												ng-click="arq.VER = false">
												<span class="glyphicon glyphicon-chevron-left"></span> Voltar 
											</button>

											<div class="visualizar-arquivo-@{{ arq.ID }}-pdf" ng-if="(arq.TIPO.indexOf('pdf') > -1)" style="width: 100%; height: 100%;">
												<object type="application/pdf" 
													data-host="'@{{ vm.LeedsWorkflow.url_host_base }}'" 
													data="@{{ (arq.ID > 0 ? vm.LeedsWorkflow.url_host_base : '') + arq.BINARIO.$ngfBlobUrl }}" 
													ng-class="{ imagem : 
															   (arq.TIPO.indexOf('image') > -1) 
															|| (arq.TIPO.indexOf('png') > -1) 
															|| (arq.TIPO.indexOf('jpg') > -1) 
															|| (arq.TIPO.indexOf('webp') > -1) 
															|| (arq.TIPO.indexOf('gif') > -1) }" 
													ng-if="(arq.TIPO.indexOf('pdf') > -1)">
												</object>
											</div>

											<img 
												class="" 
												style="width: 100%; object-fit: scale-down; height: calc(100vh - 250px); display: block !important; " 
												src="@{{ arq.BINARIO.$ngfBlobUrl }}" 
												ngf-src="arq.BINARIO" 
												ng-if="(arq.TIPO.indexOf('image') > -1) 
													|| (arq.TIPO.indexOf('png') > -1) 
													|| (arq.TIPO.indexOf('jpg') > -1) 
													|| (arq.TIPO.indexOf('webp') > -1) 
													|| (arq.TIPO.indexOf('gif') > -1)">

											<span 
												style="width: calc(100% - 60px); position: absolute; height: 10%; background-position: center; background-repeat: no-repeat; background-size: contain;"
												class="A@{{ arq.CSS != unknown ? arq.CSS : arq.TIPO }}" 
												ng-if="(arq.TIPO.indexOf('image') == -1) 
													&& (arq.TIPO.indexOf('pdf') == -1) 
													&& (arq.TIPO.indexOf('png') == -1) 
													&& (arq.TIPO.indexOf('jpg') == -1) 
													&& (arq.TIPO.indexOf('webp') == -1) 
													&& (arq.TIPO.indexOf('gif') == -1)">
											</span>

											<label 
												style="margin-top: 100px; text-align: center; font-size: 20px; font-weight: normal; color: white; display: block;" 
												class="lbl-visualizacao-indisponivel" 
												ng-if="(arq.TIPO.indexOf('image') == -1) 
													&& (arq.TIPO.indexOf('pdf') == -1) 
													&& (arq.TIPO.indexOf('png') == -1) 
													&& (arq.TIPO.indexOf('jpg') == -1) 
													&& (arq.TIPO.indexOf('webp') == -1) 
													&& (arq.TIPO.indexOf('gif') == -1)">
												Visualização indisponível!
											</label>

										</div>
									</div>

									<div class="form-group" style="position: absolute; right: 0; display: block; margin-bottom: 0px; width: 43px; margin-top: -5px;">
										<!-- <label style="opacity: 0;">Observação:</label> -->
										<button 
											style="height: 30px; font-size: 9pt;" 
											type="button" 
											class="btn btn-danger" 
											ng-click="vm.LeedsWorkflow.excluirArquivo(arq, vm.LeedsWorkflow.SELECTED)">
											<span class="glyphicon glyphicon-trash"></span>
										</button>
									</div>
								</div>

							</div>
						</fieldset>

					</div>

					<!-- ---------------------------------------------------------------------------------------------------- -->
					<!-- ---------------------------------------------------------------------------------------------------- -->

					@php /*
					
					<ul id="tab" class="nav nav-tabs" role="tablist"> 

						<li id="li-0-subtab" role="presentation" class="tab-detalhamento">
							<a href="#tab0-sub-container" id="tab0-sub-tab" data-hotkey="" role="tab" data-toggle="tab" aria-controls="tab0-sub-container" aria-expanded="true">
								Progressão
							</a>
						</li>

						<li id="li-@{{ tarefa.ID }}-subtab" role="presentation" class="tab-detalhamento" ng-repeat="tarefa in item.TAREFAS | orderBy: tarefa.ORDEM">
							<a href="#tab@{{ tarefa.ID }}-sub-container" id="tab@{{ tarefa.ID }}-sub-tab" data-hotkey="" role="tab" data-toggle="tab" aria-controls="tab@{{ tarefa.ID }}-sub-container" aria-expanded="true" ng-click="( tarefa.ID != vm.LeedsWorkflow.SELECTED.ID && vm.Leeds.visualizarTarefa(item.ID, tarefa.ID, 1) )">
								@{{ tarefa.TITULO }}
							</a>
						</li>

					</ul>

					<div id="tab-content" class="tab-content"  style="height: calc(100% - 85px);">
						
						<div role="tabpanel" class="tab-pane" id="tab0-sub-container" name="" aria-labelledby="tab0-sub-tab" style="height: 100%; overflow: hidden auto;">
							<div class="row">

								<ul class="list-inline">
									<li style="width: 100%;">
										<input
											type="text"
											class="form-control input-medio" 
											placeholder="Filtragem rápida..." 
											ng-model="vm.Leeds.FILTRO_FEED_WORKFLOW" 
											style="width: 100%;">
									</li>
								</ul>

								<div class="row">
									<div ng-repeat="feed in vm.Leeds.FEED | orderBy:'-feed.DATAHORA' | filter: vm.Leeds.FILTRO_FEED_WORKFLOW" ng-if="feed.WORKFLOW_ITEM_ID == item.ID">
										<div class="email" ng-style="{ 'background-color' : feed.COMENT == 1 ? '#f1cd99' : '#f5f5f5' }">

											<div class="img-user-caso" ng-style="{ 'background-color' : feed.COMENT == 1 ? '#f1cd99' : '#f5f5f5' }">
												<div class="imagem" style="background-image: url(/fotos/usuario/@{{ feed.USUARIO_ID }});"></div>
											</div>

											<div class="cabecalho">

												<div class="de" ng-if="feed.USUARIO_ID == 0">
													@{{ feed.USER_NAME }}

													<div class="icon-envio-email">
														<span 
															class="glyphicon" 
															ng-class="{ 'glyphicon-send' : feed.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : feed.STATUS_ENVIO_EMAIL == 0 }" 
															ng-style="{ 'color' : feed.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
															title="@{{ feed.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ feed.DTHORA_ENVIO_EMAIL }}"></span>
													</div>
												</div>
												<div class="de" ng-if="feed.USUARIO_ID == 99999">
													Agendamento

													<div class="icon-envio-email">
														<span 
															class="glyphicon" 
															ng-class="{ 'glyphicon-send' : feed.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : feed.STATUS_ENVIO_EMAIL == 0 }" 
															ng-style="{ 'color' : feed.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
															title="@{{ feed.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ feed.DTHORA_ENVIO_EMAIL }}"></span>
													</div>
												</div>
												<div class="de" ng-if="feed.USUARIO_ID > 0 && feed.USER_STATUS == '0'">
													@{{ feed.DE }}

													<div class="icon-envio-email">
														<span 
															class="glyphicon" 
															ng-class="{ 'glyphicon-send' : feed.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : feed.STATUS_ENVIO_EMAIL == 0 }" 
															ng-style="{ 'color' : feed.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
															title="@{{ feed.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ feed.DTHORA_ENVIO_EMAIL }}"></span>
													</div>
												</div>
												<div class="de" ng-if="feed.USUARIO_ID > 0 && feed.USER_STATUS == '1'">
													@{{ feed.USER_NAME }}

													<div class="icon-envio-email">
														<span 
															class="glyphicon" 
															ng-class="{ 'glyphicon-send' : feed.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : feed.STATUS_ENVIO_EMAIL == 0 }" 
															ng-style="{ 'color' : feed.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
															title="@{{ feed.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ feed.DTHORA_ENVIO_EMAIL }}"></span>
													</div>
												</div>
												<div class="de" ng-if="feed.USUARIO_ID == -1 && feed.CONTATO > 0">
													@{{ feed.CONTATO_NAME }}

													<div class="icon-envio-email">
														<span 
															class="glyphicon" 
															ng-class="{ 'glyphicon-send' : feed.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : feed.STATUS_ENVIO_EMAIL == 0 }" 
															ng-style="{ 'color' : feed.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
															title="@{{ feed.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ feed.DTHORA_ENVIO_EMAIL }}"></span>
													</div>
												</div>
												<div class="de" ng-if="feed.USUARIO_ID == -1 && feed.CONTATO == -1">
													@{{ feed.DE }}

													<div class="icon-envio-email">
														<span 
															class="glyphicon" 
															ng-class="{ 'glyphicon-send' : feed.STATUS_ENVIO_EMAIL > 0, 'glyphicon-hourglass' : feed.STATUS_ENVIO_EMAIL == 0 }" 
															ng-style="{ 'color' : feed.STATUS_ENVIO_EMAIL > 0 ? 'rgb(68, 157, 68)' : 'rgb(215, 215, 44)' }" 
															title="@{{ feed.STATUS_ENVIO_EMAIL > 0 ? 'Enviado' : 'Pendente de Envio' }} @{{ feed.DTHORA_ENVIO_EMAIL }}"></span>
													</div>
												</div>

												<div class="para" ng-if="(feed.PARA != feed.DE && feed.PARA != '') || (feed.EM_COPIA != feed.DE && feed.EM_COPIA != '') || (feed.EM_COPIA_OCULTA != feed.DE && feed.EM_COPIA_OCULTA != '')">
													<span style="font-weight: bold;">para:</span> @{{ (feed.EM_COPIA_OCULTA +', '+ feed.EM_COPIA +', '+ feed.PARA +'').replace(";", ",").replace(", ,", ",").replace(",,", ",").replace(";", ",").replace(", ,", ",").replace(",,", ",").replace(";", ",").replace(", ,", ",").replace(",,", ",").replace(";", ",").replace(", ,", ",").replace(",,", ",") }}
												</div>

												<div class="assunto">
													<span style="font-weight: bold;">Assunto:</span> @{{ feed.ASSUNTO }}
												</div>

												<div class="tipo tipo-@{{ feed.TIPO }}" title="@{{ feed.DESC_TIPO }}"></div>

											</div>

											<div class="corpo">
												<div ng-bind-html="trustAsHtml(feed.MENSAGEM, item)" class="mensagem mensagem-html-container"></div>
											</div>

											<div class="data">
												@{{ feed.DATA_REGISTRO }}
											</div>

										</div>

									</div>
								</div>

							</div>
						</div>

						<div role="tabpanel" class="tab-pane" id="tab@{{ tarefa.ID }}-sub-container" name="" aria-labelledby="tab@{{ tarefa.ID }}-sub-tab" style="height: 100%; overflow: hidden auto;" ng-repeat="tarefa in item.TAREFAS | orderBy: tarefa.ORDEM">
							<div class="row">
								<ul class="list-inline">
									<li ng-if="vm.LeedsWorkflow.ALTERANDO">
										<button 
											type="button" 
											class="btn btn-success" 
											ng-click="vm.LeedsWorkflow.gravarTarefa(1, 0);" 
											ng-disabled="!vm.LeedsWorkflow.ALTERACAO_DETECTADA" 
											data-hotkey="f1">
											<span class="glyphicon glyphicon-ok"></span> Gravar
										</button>
									</li>

									<li ng-if="vm.LeedsWorkflow.ALTERANDO">
										<button 
											type="button" 
											class="btn btn-primary" 
											ng-click="vm.LeedsWorkflow.gravarTarefa(2, 0);" 
											data-hotkey="f2">
											<span class="glyphicon glyphicon-ok"></span> Concluir
										</button>
									</li>

									<!-- <li ng-if="vm.LeedsWorkflow.ALTERANDO">
										<button 
											type="button" 
											class="btn btn-danger btn-cancelar" 
											ng-click="vm.LeedsWorkflow.cancelarTarefa(1);" 
											data-hotkey="esc">
											<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
										</button>
									</li> -->

									<!--  -->

									<li ng-if="!vm.LeedsWorkflow.ALTERANDO && vm.LeedsWorkflow.SELECTED.STATUS == 0">
										<button 
											type="button" 
											class="btn btn-primary" 
											ng-click="vm.LeedsWorkflow.iniciarTarefa(1);" 
											ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" 
											data-hotkey="f9">
											<span class="glyphicon glyphicon-play"></span> Iniciar
										</button>
									</li>

									<li ng-if="!vm.LeedsWorkflow.ALTERANDO && vm.LeedsWorkflow.SELECTED.STATUS == 2">
										<button 
											type="button" 
											class="btn btn-primary" 
											ng-click="vm.LeedsWorkflow.iniciarTarefa(1);" 
											ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" 
											data-hotkey="f9">
											<span class="glyphicon glyphicon-play"></span> Reiniciar
										</button>
									</li>

									<!-- <li ng-if="!vm.LeedsWorkflow.ALTERANDO && vm.LeedsWorkflow.SELECTED.STATUS == 1">
										<button 
											type="button" 
											class="btn btn-primary" 
											ng-click="vm.LeedsWorkflow.pausarTarefa(2);" 
											ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" 
											data-hotkey="f7">
											<span class="glyphicon glyphicon-pause"></span> Pausar
										</button>
									</li> -->

									<!-- <li ng-if="!vm.LeedsWorkflow.ALTERANDO && vm.LeedsWorkflow.SELECTED.STATUS == 1">
										<button 
											type="button" 
											class="btn btn-primary" 
											ng-click="vm.LeedsWorkflow.alterarTarefa(1);" 
											ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" 
											data-hotkey="f9">
											<span class="glyphicon glyphicon-edit"></span> Alterar
										</button>
									</li> -->

									<li ng-if="!vm.LeedsWorkflow.ALTERANDO && vm.LeedsWorkflow.SELECTED.STATUS == 1">
										<button 
											type="button" 
											class="btn btn-primary"  
											ng-click="vm.LeedsWorkflow.concluirTarefa(3);" 
											ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" 
											data-hotkey="f10">
											<span class="glyphicon glyphicon-ok"></span> Concluir
										</button>
									</li>

									<li ng-if="vm.LeedsWorkflow.SELECTED.STATUS < 3">
										<button 
											type="button" 
											class="btn btn-danger" 
											ng-click="vm.LeedsWorkflow.encerrarTarefa(2);" 
											ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" 
											data-hotkey="f8">
											<span class="glyphicon glyphicon-edit"></span> Encerrar
										</button>
									</li>

									<li ng-if="!vm.LeedsWorkflow.ALTERANDO && (vm.LeedsWorkflow.SELECTED.STATUS == 3 || vm.LeedsWorkflow.SELECTED.STATUS == 4)">
										<button 
											type="button" 
											class="btn btn-primary" 
											ng-click="vm.LeedsWorkflow.iniciarTarefa(1, 1);" 
											ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" 
											data-hotkey="f9">
											<span class="glyphicon glyphicon-play"></span> Reiniciar
										</button>
									</li>

									<!--  -->

									<li style="float: right;">
										<button 
											data-consulta-arquivos 
											data-tabela="TBWORKFLOW_ITEM_TAREFA" 
											data-tabela-id="@{{ vm.Leeds.SELECTED_WORKFLOW.ID }}" 
											type="button" 
											class="btn btn-info" 
											data-hotkey="alt+a">
											<span class="glyphicon glyphicon-file"></span> {{ Lang::get('master.arquivos') }}
										</button>
									</li>
								</ul>

								<div class="row">

									<div class="form-group">
										<label>ID:</label>
										<input 
											type="text"
											ng-model="vm.LeedsWorkflow.SELECTED.DESC_ID"
											class="form-control input-menor" 
											readonly="readonly">
									</div>

									<div class="form-group">
										<label>Descrição:</label>
										<input 
											type="text"
											class="form-control input-maior" 
											required
											ng-model="vm.LeedsWorkflow.SELECTED.DESCRICAO"
											ng-readonly="true"
											style="width: 400px !important;">
									</div>

									<!-- ------------------------------------------------------------------------------------------------ -->

									<br ng-if="vm.LeedsWorkflow.SELECTED.STATUS_CONCLUSAO == 3">

									<div class="form-group" ng-if="vm.LeedsWorkflow.SELECTED.STATUS_CONCLUSAO == 3">
										<label>Conclusão:</label>
										<input 
											type="text" 
											class="form-control input-maior" 
											value="@{{ vm.LeedsWorkflow.SELECTED.DESC_USUARIO }} - @{{ vm.LeedsWorkflow.SELECTED.FDATAHORA_CONCLUSAO }}" 
											ng-readonly="true" 
											style="width: 503px !important;">
									</div>

									<br ng-if="vm.LeedsWorkflow.SELECTED.STATUS_CONCLUSAO == 4">

									<div class="form-group" ng-if="vm.LeedsWorkflow.SELECTED.STATUS_CONCLUSAO == 4">
										<label>Encerramento:</label>
										<input 
											type="text" 
											class="form-control input-maior" 
											value="@{{ vm.LeedsWorkflow.SELECTED.DESC_USUARIO }} - @{{ vm.LeedsWorkflow.SELECTED.FDATAHORA_CONCLUSAO }}" 
											ng-readonly="true" 
											style="width: 503px !important;">
									</div>

									<!-- ------------------------------------------------------------------------------------------------ -->

									<br>

									<div class="form-group">
										<label>Comentário:</label>
										<textarea 
											type="text" 
											ng-change="vm.LeedsWorkflow.ALTERACAO_DETECTADA = true;" 
											class="form-control input-textarea-comentario" 
											cols="66" 
											rows="5" 
											maxlength="500" 
											ng-model="vm.LeedsWorkflow.SELECTED.COMENTARIO" 
											ng-readonly="!vm.LeedsWorkflow.ALTERANDO">
										</textarea>
									</div>

									<fieldset style="margin-top: 10px;">
										<legend></legend>
										<div style="margin-bottom: 10px;">

											<div class="row">
												<div class="campo-container">

													<div class="row" style="display: inline-flex; flex-wrap: wrap;">
														<div ng-repeat="campo in vm.LeedsWorkflow.SELECTED.CAMPOS track by $index">

															<div class="form-group" ng-if="campo.TIPO == 1">
																<label>@{{ campo.ROTULO }}:</label>
																<input 
																	type="text" 
																	ng-change="vm.LeedsWorkflow.ALTERACAO_DETECTADA = true;" 
																	maxlength="1000" 
																	class="form-control normal-case campo@{{ campo.ID }}" 
																	ng-model="campo.VALOR" 
																	ng-disabled="!vm.LeedsWorkflow.ALTERANDO">
															</div>

															<div class="form-group" ng-if="campo.TIPO == 2">
																<label>@{{ campo.ROTULO }}:</label>
																<input 
																	type="text" 
																	ng-change="vm.LeedsWorkflow.ALTERACAO_DETECTADA = true;" 
																	ng-number-format="2" 
																	min="@{{ campo.FAIXA_VALOR_MIN }}" 
																	max="@{{ campo.FAIXA_VALOR_MAX }}" 
																	class="form-control text-right campo@{{ campo.ID }}" 
																	ng-model="campo.VALOR" 
																	ng-disabled="!vm.LeedsWorkflow.ALTERANDO">
															</div>

															<div class="form-group" ng-if="campo.TIPO == 3">
																<label>@{{ campo.ROTULO }}:</label>
																<div class="check-group">
																	<label class="lbl" style="margin-right: 25px;">
																		<input 
																			type="radio" 
																			ng-change="vm.LeedsWorkflow.ALTERACAO_DETECTADA = true;" 
																			class="campo@{{ campo.ID }}" 
																			ng-value="'0'" 
																			tabindex="-1" 
																			ng-model="campo.VALOR" 
																			ng-disabled="!vm.LeedsWorkflow.ALTERANDO">
																		<span>NÃO</span>
																	</label>
																	<label class="lbl" style="margin-right: 25px;">
																		<input 
																			type="radio" 
																			ng-change="vm.LeedsWorkflow.ALTERACAO_DETECTADA = true;" 
																			class="campo@{{ campo.ID }}" 
																			ng-value="'1'" 
																			tabindex="-1" 
																			ng-model="campo.VALOR" 
																			ng-disabled="!vm.LeedsWorkflow.ALTERANDO">
																		<span>SIM</span>
																	</label>
																</div>
															</div>

															<div class="form-group" ng-if="campo.TIPO == 4">
																<label>@{{ campo.ROTULO }}:</label>
																<select 
																	ng-change="vm.LeedsWorkflow.ALTERACAO_DETECTADA = true;" 
																	class="campo@{{ campo.ID }}" 
																	ng-model="campo.VALOR" 
																	ng-disabled="!vm.LeedsWorkflow.ALTERANDO">
																	<option ng-repeat="item in campo.ITENS" ng-attr-selected="@{{ item.MARCADO == 1 }}" ng-value="item.VALOR">
																		@{{ item.DESCRICAO }}
																	</option>
																</select>
															</div>

															<!-- -------------------------------- -->

															<!-- <div class="form-group" ng-if="campo.TIPO == 5" style="width: calc(85vw - 10px); margin: 20px;">
																<legend>@{{ campo.ROTULO }}</legend>

																<div class="list-workflows-vinc" ng-repeat="subworkflow in vm.LeedsWorkflow['DADOS'+ campo.SUBTASK_WORKFLOW.ID] track by subworkflow.ID" ng-if="campo.SUBTASK_WORKFLOW.ID > 0">
																	<div class="row">

																		<div class="tabela-workflows-vinculo" id="tabela-workflows-vinculo" ng-show="vm.LeedsWorkflow.DADOS@{{ campo.SUBTASK_WORKFLOW.ID }}.length > 0">
																			<div class="tabela_info_tamanhos_grupo_index" id="tabela_info_tamanhos_grupo_index">
																				<div class="table-ec table-scroll tabela-info-dash">
																					<table class="table table-striped tab-enter table-bordered table-condensed table-no-break table-middle table-low">

																						<thead>
																							<tr class="ng-isolate-scope"> 
																								<th class="text-center" colspan="@{{ subworkflow.TAREFAS.length }}" style="font-weight: bold;">
																									<span>@{{ subworkflow.DESC_ID }} - @{{ subworkflow.TITULO }}</span>

																									<div id="progress-bar-subtask" class="progress bar-progress-subtask" style="z-index: 10; width: 300px; margin: 1px 10px; float: right;">
																										<div id="progress-bar-load-subtask" 
																											class="progress-bar progress-bar-striped progress-bar-animated bg-info" 
																											role="progressbar" aria-valuenow="@{{ subworkflow.PROGRESSO }}" 
																											aria-valuemin="0" aria-valuemax="100" style="font-weight: bold; background-color: #9da30a; width: @{{ subworkflow.PROGRESSO }}%;" 
																											ng-style="{ 'color' : subworkflow.PROGRESSO == 0 ? 'red' : '' }">
																											@{{ subworkflow.PROGRESSO }}%
																										</div>
																									</div>

																								</th>
																							</tr>
																							<tr class="ng-isolate-scope">
																								<th class="text-center" ng-repeat="subtarefa in subworkflow.TAREFAS track by subtarefa.ID" style="max-width: 250px; background-color: @{{ subtarefa.COLUNA_COR }}; color: @{{ subtarefa.COLUNA_COR_NOME }};" auto-title>
																									<span>@{{ subtarefa.TITULO }}</span>
																								</th>
																							</tr>
																						</thead>
																						<tbody>
																							<tr>
																								<td class="text-center" ng-repeat="subtarefa in subworkflow.TAREFAS track by subtarefa.ID" style="max-width: 250px; cursor: pointer;" ng-click="( tarefa.ID != vm.LeedsWorkflow.SELECTED.ID && vm.LeedsWorkflow.visualizarTarefa(subworkflow.ID, subtarefa, 'SELECTED', subworkflow.ID) )">

																									<div class="campo-status-tarefa" style="padding: 5px; background-color: @{{ subtarefa.STATUS_CONCLUSAO_COR }}; color: @{{ subtarefa.STATUS_CONCLUSAO_COR_NOME }};">
																										<div ng-show="subtarefa.TIPO_DESCRICAO == '1'">
																											<span>@{{ subtarefa.COMENTARIO }}</span>
																										</div>

																										<div ng-repeat="text in subtarefa.DESCRICAO_CAMPOS track by $index" ng-show="subtarefa.TIPO_DESCRICAO == '2'">
																											<span>@{{ text }}</span>
																										</div>

																										<div ng-repeat="camp in subtarefa.CAMPOS track by camp.ID" ng-if="camp.TIPO == '5'">
																											<div ng-show="camp.SUBTASK_WORKFLOW.ID > 0" style="display: flex; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;">
																												<label>@{{ camp.ROTULO }}:</label>
																												<div id="progress-bar-subtask2" class="progress bar-progress-subtask" style="z-index: 10; width: calc(100% - 20px); margin: 2px 10px;">
																													<div id="progress-bar-load-subtask2" 
																														class="progress-bar progress-bar-striped progress-bar-animated bg-info" 
																														role="progressbar" aria-valuenow="@{{ camp.SUBTASK_WORKFLOW.PROGRESSO }}" 
																														aria-valuemin="0" aria-valuemax="100" style="font-weight: bold; background-color: #bf0ecb; width: @{{ camp.SUBTASK_WORKFLOW.PROGRESSO }}%;" 
																														ng-style="{ 'color' : camp.SUBTASK_WORKFLOW.PROGRESSO == 0 ? 'red' : '' }">
																														@{{ camp.SUBTASK_WORKFLOW.PROGRESSO }}%
																													</div>
																												</div>
																											</div>
																										</div>
																									</div>

																								</td>
																							</tr>
																						</tbody>

																					</table>
																				</div>
																			</div>
																		</div>

																	</div>
																</div>
															</div> -->

															<!-- -------------------------------- -->

														</div>
													</div>

												</div>
											</div>

										</div>
									</fieldset>

								</div>

							</div>
						</div>

					</div>

					@php */

				</div>
			</div>

		</div>

		<!--  -->

		<div class="row">

			<div class="legenda_padrao" style="width: 100%; margin: 4px 0px 0px 0px !important">
				<span style="font-weight: bold; margin-right: 5px;">Status:</span>

				<span style="margin-top: 4px; background-color: #d9534f;" class="status-legenda-w999"></span>
				<span style="margin-left: 1px; margin-right: 10px;">Pendente</span>

				<span style="margin-top: 4px; background-color: #fa8503;" class="status-legenda-w999"></span>
				<span style="margin-left: 1px; margin-right: 10px;">Iniciado</span>

				<!-- <span style="margin-top: 4px; background-color: #449d44;" class="status-legenda-w999"></span>
				<span style="margin-left: 1px; margin-right: 10px;">Pausado</span> -->

				<span style="margin-top: 4px; background-color: #0000ff;" class="status-legenda-w999"></span>
				<span style="margin-left: 1px; margin-right: 10px;">Concluído</span>

				<span style="margin-top: 4px; background-color: #707070;" class="status-legenda-w999"></span>
				<span style="margin-left: 1px; margin-right: 10px;">Encerrado</span>

				<span style="margin-top: 4px;" class="status-legenda-w999"></span>
				<span style="margin-left: 1px; margin-right: 10px;"></span>

				<span style="margin-top: 4px; border: solid 2px #f5c622;" class="status-legenda-w999"></span>
				<span style="margin-left: 1px; margin-right: 10px;">Selecionado</span>
			</div>

		</div>

    </div>

	<!-- <fieldset ng-show="(!vm.Leeds.ALTERANDO || vm.LeedsItens.TIPO_ADD == 2) && vm.Leeds.habilita_itens == true" style="margin-top: 10px;">
	<legend></legend>
		<div style="margin-bottom: 10px;">
			<ul class="list-inline">
				<li>
					<button 
						type="button" 
						class="btn btn-primary btn-incluir" 
						data-hotkey="f6"
						ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
						ng-click="vm.LeedsItens.incluir()">
						<span class="glyphicon glyphicon-plus"></span> Incluir
					</button>
				</li>
				<li>
					<button 
						type="button" 
						class="btn btn-danger btn-excluir" 						
						ng-disabled="!{{ userMenu($menu)->EXCLUIR }}" 
						ng-click="vm.LeedsItens.excluirMultiplos();">
						<span class="glyphicon glyphicon-trash"></span> Excluir Múltiplos
					</button>
				</li>
			</ul>
			<div class="tabela_secundaria" id="tabela_secundaria"></div>
		</div>
	</fieldset> -->
	
	<!--
	<div ng-if="!vm.Leeds.ALTERANDO" style="margin-top: 10px;">   
		<ul class="list-inline">    
			<li>
				<button 
					type="button" 
					class="btn btn-primary btn-incluir" 
					data-hotkey="f6"
					ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
					ng-click="vm.LeedsItens.incluir()">
					<span class="glyphicon glyphicon-plus"></span> Incluir
				</button>
			</li>                                         
		</ul>  
		
		<div class="form-group" style="margin-bottom: 4px; width: 100% !important;">
			<input 
				type="text"
				style="width: 100% !important;"
				placeholder="Filtragem rápida..."
				class="form-control input-maior" 
				required
				ng-model="vm.LeedsItens.FILTRO_DADOS">
		</div>
	
		<div class="table-ec table-scroll" style="height: calc(100vh - 400px); min-height: 200px;">
		
			<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
				<thead>
					<tr gc-order-by="vm.LeedsItens.ORDER_BY">
						<th field="STATUS" style="width: 23px; min-width: 23px;" ttitle="Status<br/>Verde: Ativo | Vermelho: Inativo"></th>                    
						<th field="ID">ID</th>
						<th field="DESCRICAO">Descrição</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="item in vm.LeedsItens.DADOS_RENDER = ( vm.LeedsItens.DADOS | orderBy : vm.LeedsItens.ORDER_BY | find: {model : vm.LeedsItens.FILTRO_DADOS ,fields : 'all'})"
						ng-click="vm.LeedsItens.visualizar()"
						ng-focus="vm.LeedsItens.SELECTED = item"
						ng-class="{ 'selected' : vm.LeedsItens.SELECTED == item }"
						tabindex="0">
						<td class="t-status status-@{{ item.STATUS }}">
						</td>
						<td>
							<span>
								@{{ item.ID || 0 | lpad: [4,0] }}
							</span>
						</td>
						<td>
							<span>
								@{{ item.DESCRICAO }}
							</span>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	-->
	
</div>
</form>

@overwrite