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

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

@section('modal-header-left')

<h4 class="modal-title" ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false">
	<span ng-if="!vm.Casos.ALTERANDO">{{ Lang::get('admin/_11160.titulo-exibir') }} - Caso Nº: @{{ vm.Casos.SELECTED.DESC_ID }} <span class="destaque-progresso" ng-show="vm.Casos.SELECTED.PROGRESSO_GERAL > -1">@{{ vm.Casos.SELECTED.PROGRESSO_GERAL }} %</span> </span>
	<span ng-if="vm.Casos.INCLUINDO">{{ Lang::get('admin/_11160.titulo-incluir') }} <span class="destaque-progresso" ng-show="vm.Casos.SELECTED.PROGRESSO_GERAL > -1">@{{ vm.Casos.SELECTED.PROGRESSO_GERAL }} %</span> </span>
	<span ng-if="vm.Casos.COPIANDO">{{ Lang::get('admin/_11160.titulo-copiar') }} - Caso Nº: @{{ vm.Casos.SELECTED.DESC_ID }} <span class="destaque-progresso" ng-show="vm.Casos.SELECTED.PROGRESSO_GERAL > -1">@{{ vm.Casos.SELECTED.PROGRESSO_GERAL }} %</span> </span>
	<span ng-if="vm.Casos.ALTERANDO == true && vm.Casos.INCLUINDO == false && vm.Casos.COPIANDO == false">{{ Lang::get('admin/_11160.titulo-alterar') }} - Caso Nº: @{{ vm.Casos.SELECTED.DESC_ID }} <span class="destaque-progresso" ng-show="vm.Casos.SELECTED.PROGRESSO_GERAL > -1">@{{ vm.Casos.SELECTED.PROGRESSO_GERAL }} %</span> </span>
</h4>

<h4 class="modal-title" ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == true">
	<span ng-if="!vm.Casos.ALTERANDO">{{ Lang::get('admin/_11160.titulo-exibir') }} - Caso Nº: @{{ vm.Casos.SELECTED_SEM_PERMISSAO.DESC_ID }} <span class="destaque-progresso" ng-show="vm.Casos.SELECTED_SEM_PERMISSAO.PROGRESSO_GERAL > -1">@{{ vm.Casos.SELECTED_SEM_PERMISSAO.PROGRESSO_GERAL }} %</span> </span>
	<span ng-if="vm.Casos.INCLUINDO">{{ Lang::get('admin/_11160.titulo-incluir') }} <span class="destaque-progresso" ng-show="vm.Casos.SELECTED_SEM_PERMISSAO.PROGRESSO_GERAL > -1">@{{ vm.Casos.SELECTED_SEM_PERMISSAO.PROGRESSO_GERAL }} %</span> </span>
	<span ng-if="vm.Casos.COPIANDO">{{ Lang::get('admin/_11160.titulo-copiar') }} - Caso Nº: @{{ vm.Casos.SELECTED_SEM_PERMISSAO.DESC_ID }} <span class="destaque-progresso" ng-show="vm.Casos.SELECTED_SEM_PERMISSAO.PROGRESSO_GERAL > -1">@{{ vm.Casos.SELECTED_SEM_PERMISSAO.PROGRESSO_GERAL }} %</span> </span>
	<span ng-if="vm.Casos.ALTERANDO == true && vm.Casos.INCLUINDO == false && vm.Casos.COPIANDO == false">{{ Lang::get('admin/_11160.titulo-alterar') }} - Caso Nº: @{{ vm.Casos.SELECTED_SEM_PERMISSAO.DESC_ID }} <span class="destaque-progresso" ng-show="vm.Casos.SELECTED_SEM_PERMISSAO.PROGRESSO_GERAL > -1">@{{ vm.Casos.SELECTED_SEM_PERMISSAO.PROGRESSO_GERAL }} %</span> </span>
</h4>

@overwrite

@section('modal-header-right')


	<button ng-if="vm.Casos.ALTERANDO && vm.Casos.status_tela == 0 && vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" ng-disabled="vm.btnGravar.disabled == true" type="submit" class="btn btn-success" data-hotkey="f1">
		<span class="glyphicon glyphicon-ok"></span> Gravar
	</button>

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


	<button ng-if="vm.Casos.ALTERANDO && vm.Casos.status_tela == 2 && vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" ng-disabled="vm.btnGravar.disabled == true" type="submit" class="btn btn-success" data-hotkey="f1">
		<span class="glyphicon glyphicon-ok"></span> Gravar
	</button>

	<button ng-if="vm.Casos.ALTERANDO && vm.Casos.status_tela == 2 && vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" ng-click="vm.Casos.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.Casos.ALTERANDO" ng-click="vm.Casos.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.Casos.ALTERANDO" ng-click="vm.Casos.copiar()" type="button" class="btn btn-primary" data-hotkey="f8">
		<span class="fa fa-files-o"></span> Copiar Registro
	</button> -->

	<button ng-disabled="vm.btnAlterar.disabled == true" ng-if="!vm.Casos.ALTERANDO && vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" ng-click="vm.CasosImpressao.imprimirRelatorio();" type="button" class="btn btn-warning" data-hotkey="alt+i">
		<span class="glyphicon glyphicon-print"></span> Imprimir
	</button>

	<button ng-disabled="(vm.PERMISSOES_USUARIO.ALTERAR == 0) || {{ userMenu($menu)->ALTERAR }} == 0 || vm.Casos.CasoIten.FECHADO == 0" ng-if="vm.Casos.status_tela == 1 && vm.Casos.CasoIten.FECHADO == 1 && vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" ng-click="vm.Casos.reabrirCaso();" type="button" class="btn btn-warning" data-hotkey="f10">
		<span class="glyphicon glyphicon-saved"></span> Reabrir Caso
	</button>

	<button ng-disabled="(vm.PERMISSOES_USUARIO.FINALIZAR == 0) || vm.Casos.CasoIten.FECHADO == 1 || vm.btnAlterar.disabled == true" ng-if="vm.Casos.status_tela == 1 && vm.Casos.CasoIten.FECHADO == 0 && vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" ng-click="vm.Casos.finalizar.abrirModalFinalizar();" type="button" class="btn btn-warning" data-hotkey="f10">
		<span class="glyphicon glyphicon-saved"></span> Finalizar
	</button>

	<button ng-disabled="(vm.PERMISSOES_USUARIO.ALTERAR == 0 && vm.Casos.USUARIO.CODIGO != vm.Casos.CasoIten.USUARIO_ID) || {{ userMenu($menu)->ALTERAR }} == 0 || vm.btnAlterar.disabled == true || vm.Casos.CasoIten.FECHADO == 1" ng-if="!vm.Casos.ALTERANDO && vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" ng-click="vm.Casos.alterar()" type="button" class="btn btn-primary" data-hotkey="f9">
		<span class="glyphicon glyphicon-edit"></span> Alterar
	</button>

	<button ng-disabled="(vm.PERMISSOES_USUARIO.EXCLUIR == 0) || {{ userMenu($menu)->EXCLUIR }} == 0 || vm.Casos.CasoIten.FECHADO == 1" ng-if="!vm.Casos.ALTERANDO && vm.Casos.status_tela == 1 && vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" ng-click="vm.Casos.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
		<span class="glyphicon glyphicon-trash"></span> Excluir
	</button>

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

	<!-- <button ng-if="!vm.Casos.ALTERANDO" data-consulta-arquivos data-tabela="TBCASO_REGISTRO" data-tabela-id="@{{ vm.Casos.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.Casos.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Casos.atualizaDadosTabela()" 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.Casos.previousRecord()" ng-if="!vm.Casos.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.Casos.nextRecord()" ng-if="!vm.Casos.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-right"></span>
	</button> -->

	<div style="width: 20px; height: 34px; display: flex; align-content: center; align-items: center; justify-content: center; flex-wrap: nowrap;">
		<span class="glyphicon glyphicon-info-sign" ttitle="Painel: <strong>@{{ vm.PERMISSOES_USUARIO.PAINEL }}</strong>"></span>
	</div>

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 160px);">
	<!--<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>-->
	<!--
	<ul id="tab" class="nav nav-tabs" role="tablist"> 
		<li 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">
				1
				
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento" ng-if="!vm.Casos.ALTERANDO">
			<a href="#tab2-container" id="tab2-tab" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab2-container" aria-expanded="false">
				2
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento"  ng-if="!vm.Casos.ALTERANDO">
			<a href="#tab3-container" id="tab3-tab" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab3-container" aria-expanded="false">
				3
			</a>
		</li>
	</ul>

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

		<div role="tabpanel" class="tab-pane" id="tab2-container" name="" aria-labelledby="tab2-tab" style="height: 100%; overflow: hidden auto;">
			<div class="row">

			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab3-container" name="" aria-labelledby="tab3-tab" style="height: 100%; overflow: hidden auto;">
			<div class="row">

			</div>
		</div>

	</div>
	-->

	<div style="border: solid 1px transparent; border-radius: 4px; width: fit-content; float: right;">

		<h6 style="font-weight: bold; margin: 0px 10px;">
			<span ng-if="!vm.Casos.INCLUINDO && !vm.Casos.COPIANDO">
				Criado por <span style="text-transform: capitalize;" ttitle="@{{vm.Casos.SELECTED.DESC_USUARIO}}">@{{vm.Casos.SELECTED.USUARIO_DESC2}}</span> em <span>@{{vm.Casos.SELECTED.DATAHORA_REGISTRO_FORMAT}}</span>
			</span>
		</h6>

	</div>

    <div class="row">

		<div id="divPrincipalInformacoesCham" ng-class="{ 'backTransp' : !vm.Casos.CHEVRON_TOGGLE_INFORMACOES, '' : vm.Casos.CHEVRON_TOGGLE_INFORMACOES }" ng-show="vm.PERMISSOES_USUARIO.FINALIZAR == 1">
			<div class="toggle informacoesCham" ttitle="Ocultar / Mostrar <br> Alt + U" id="toggleDetailsCham" ng-click="vm.Casos.toggleInformacoes();" ng-class="{ 'toggleRight': !vm.Casos.CHEVRON_TOGGLE_INFORMACOES, '' : vm.Casos.CHEVRON_TOGGLE_INFORMACOES }">
				<i class="fa" ng-class="{ 'fa-chevron-circle-right' : vm.Casos.CHEVRON_TOGGLE_INFORMACOES, 'fa-chevron-circle-left' : !vm.Casos.CHEVRON_TOGGLE_INFORMACOES }"></i>
			</div>

			<div class="box box-informacoes-cham" ng-show="vm.Casos.CHEVRON_TOGGLE_INFORMACOES">
				<div class="box__header">
					<h5>Casos Similares Encerrados
						<!-- <span class="fa fa-chevron-right" ng-click="vm.Casos." style="cursor: pointer; float: left; margin-right: 15px;"></span> -->
						<span ttitle="Atualizar Tabelas" class="glyphicon glyphicon-refresh" ng-click="vm.Casos.consultarUltCasosResolvidos();"></span>
					</h5>
				</div>
				<div class="box__content">
					<ul class="notification-list">
						<li class="notification-list__item">
							<a href="javascript:void(0);">
								<!-- <small ng-if="item.ERROR == '1'"><span class="fa fa-remove" style="color: rgb(255, 0, 0);"></span> &nbsp; Passo @{{$index + 1}}</small> -->
								<small>Usuário Finalizador</small>
								<span ng-bind="vm.Casos.OBJ_SOLUCAO.SELECTED.DESC_USUARIO"></span>
							</a>
						</li>

						<li class="notification-list__item">
							<a href="javascript:void(0);">
								<!-- <small ng-if="item.ERROR == '1'"><span class="fa fa-remove" style="color: rgb(255, 0, 0);"></span> &nbsp; Passo @{{$index + 1}}</small> -->
								<small>Dt. de Fechamento</small>
								<span ng-bind="vm.Casos.OBJ_SOLUCAO.SELECTED.DATA_FECHAMENTO_FORMAT"></span>
							</a>
						</li>

						<li class="notification-list__item">
							<a href="javascript:void(0);">
								<!-- <small ng-if="item.ERROR == '1'"><span class="fa fa-remove" style="color: rgb(255, 0, 0);"></span> &nbsp; Passo @{{$index + 1}}</small> -->
								<small>Status</small>
								<span ng-bind="vm.Casos.OBJ_SOLUCAO.SELECTED.STATUS_DESC"></span>
									<span class="status-legenda-tabela-999" style="display: inline-flex; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center; background-color: @{{vm.Casos.OBJ_SOLUCAO.SELECTED.STATUS_COR}} !important;"></span>
							</a>
						</li>
					</ul>

					<fieldset style="margin-top: 10px; margin-bottom: 5px;">
						<legend> Informações dos Casos </legend>
						<div style="margin-bottom: 0px;">
							<ul class="list-inline">

								<!-- <li ng-show="vm.Casos.SELECTED.STATUS_TIPO == 0">
									<button 
										ng-if="vm.Casos.SELECTED.STATUS_TIPO == 0"
										type="button" 
										class="btn btn-success" 
										data-hotkey="alt+i"
										ttitle="Iniciar Atendimento"
										ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
										ng-click="vm.Casos.TIPO_OPERACAO = 1; vm.Casos.operacaoChamado();">
										<span class="glyphicon glyphicon-play"></span>
									</button>
								</li> -->

							</ul>

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

							<br>

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

						</div>
					</fieldset>

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

		<!-- <div class="form-group">
            <label>ID:</label>
            <input 
                type="text"
                class="form-control input-menor"
				ng-model="vm.Casos.SELECTED.DESC_ID"
                readonly="readonly">
        </div> -->
		
        <!-- <div class="form-group">
            <label>Descrição:</label>
            <input 
                type="text"
                class="form-control input-maior" 
                required
                ng-model="vm.Casos.SELECTED.DESCRICAO"
                ng-readonly="!vm.Casos.ALTERANDO">
        </div> -->
		
		<!-- <div class="form-group">
			<label>Status:</label>
			<label class="switch">
				<input 
					type="checkbox" 
					ng-checked="vm.Casos.SELECTED.STATUS == '1'"
					ng-true-value="'1'"
					ng-false-value="'0'"
					ng-disabled="!vm.Casos.ALTERANDO"
					ng-click="vm.Casos.SELECTED.STATUS = (vm.Casos.SELECTED.STATUS == '1') ? '0' : '1'">
				<div 
					class="slider"></div>
			</label>
		</div> -->

		<!-- <div class="form-group">
			<label>Tipo:</label>
			<div class="input-group">
				<select 
					name="repeatSelect" 
					id="repeatSelect"  
					ng-disabled="!vm.Casos.ALTERANDO" 
					ng-model="vm.Casos.SELECTED.TIPO">
					<option value="1">OPÇÃO 1</option>
					<option value="2">OPÇÃO 2</option>
				</select>
			</div>
		</div> -->
		
		<!-- <div class="form-group">
			<input type="checkbox" id="click1" class="form-control"
				ng-checked="vm.Casos.SELECTED.MARCADO == '1'"
				ng-true-value="'1'"	ng-false-value="'0'"
				check-standard2
				ng-model="vm.Casos.SELECTED.MARCADO"
				ng-disabled="!vm.Casos.ALTERANDO">
			<label for="click1" style="margin-left: 5px; font-weight: bold">
				Marcado
			</label>
		</div> -->
		
		<!-- <div style="display: -webkit-inline-box;" class="consulta-usuario"></div> -->
		<!-- <div class='div_arquivos'></div> -->

		<div class="aba-registro-vinculo" ng-show="vm.Casos.SELECTED.CASO_ORIGEM_ID > 0">
			<span>Registro vinculado com: @{{ vm.Casos.SELECTED.DESC_CASO_ORIGEM_TABELA }} | @{{ vm.Casos.SELECTED.REGISTRO_ORIGEM }}</span>
		</div>

	</div>

	<ul id="tab" class="nav nav-tabs" role="tablist"> 
		<li 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.Casos.removeAba('tab0000-0000-container');">
				Caso
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento" ng-show="!vm.Casos.ALTERANDO">
			<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.Casos.selecionaAba('tab0000-0000-tab');">
				Feed
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="vm.Acoes.openCaso(vm.Casos.CasoIten.ID, null);"></span>
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento" ng-show="!vm.Casos.ALTERANDO && vm.PERMISSOES_USUARIO.RESPONSAVEL == 1 && vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false">
			<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.Casos.removeAba('tab0000-0000-container');">
				Comentários
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="vm.Acoes.comentario();"></span>
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento" ng-show="!vm.Casos.ALTERANDO && vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false">
			<a href="#tab4-container" id="tab4-tab" data-hotkey="alt+4" role="tab" data-toggle="tab" aria-controls="tab4-container" aria-expanded="false" ng-click="vm.Casos.removeAba('tab0000-0000-container');">
				Lembretes
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="vm.lembrete.atualizar();"></span>
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento" ng-show="!vm.Casos.ALTERANDO && vm.PERMISSOES_USUARIO.RESPONSAVEL == 1 && vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false">
			<a href="#tab5-container" id="tab5-tab" data-hotkey="alt+5" role="tab" data-toggle="tab" aria-controls="tab5-container" aria-expanded="false" ng-click="vm.Casos.removeAba('tab0000-0000-container');">
				Envolvidos
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="vm.CasosEnvolvidos.consultar();"></span>
			</a>
		</li>

		<!-- <li role="presentation" class="tab-detalhamento" ng-show="!vm.Casos.ALTERANDO && vm.Casos.Workflows.length > 0">
			<a href="#tab6-container" id="tab6-tab" data-hotkey="alt+6" role="tab" data-toggle="tab" aria-controls="tab6-container" aria-expanded="false" ng-click="vm.Casos.removeAba('tab0000-0000-container');">
				Workflows
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="vm.CasosWorkflows.consultar();"></span>
			</a>
		</li> -->
	</ul>

	<div id="tab-content" class="tab-content"  style="height: calc(100% - 45px); margin-bottom: 10px;">
		
		<div role="tabpanel" class="tab-pane active in" id="tab1-container" name="" aria-labelledby="tab1-tab" style="height: 100%; overflow: hidden auto;" ng-if="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false">
			<div class="row">

				<!-- <div class="barra_descricao">
					@{{vm.Casos.PainelCaso.DESCRICAO}}
				</div> -->

				<!-- <button ng-click="vm.Casos.janelaReclherExtenderAll();" type="button" class="btn btn-primary" data-hotkey="">
					<span ng-show="vm.Casos.EXPANDIDO == true" class="glyphicon glyphicon-resize-small" title="Comprimir Janelas"></span>
					<span ng-show="vm.Casos.EXPANDIDO == false" class="glyphicon glyphicon-resize-full" title="Expandir Janelas"></span>
				</button> -->

				<div class="consulta_caso_conteiner">

					<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.Casos.PainelCaso.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.Casos.janelaReclherExtenderAll();" type="button" class="btn btn-primary" data-hotkey="" style="float: right; margin: -5px 15px 5px 5px; font-size: 8pt;">
									<span ng-show="vm.Casos.EXPANDIDO == true" class="glyphicon glyphicon-resize-small" title="Comprimir Janelas"></span>
									<span ng-show="vm.Casos.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="">

							<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: -17px; margin-left: -10px; z-index: -1;">


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

								<div class="form-group">
									<label>Data de Abertura:</label>
									<input 
										type="datetime-local"
										class="form-control input-medio" 
										ng-atalho
										step="1"
										ng-model="vm.Casos.SELECTED.DATAHORA_REGISTRO_F"
										ng-readonly="true">
								</div>

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


								<div style="display: -webkit-inline-box;" class="consulta_motivos"></div>

								<div style="display: -webkit-inline-box;" class="consulta_tipos"></div>

								<div style="display: -webkit-inline-box;" class="consulta_origens"></div>

								<div style="display: -webkit-inline-box;" class="consulta_responsavel"></div>

								<div style="display: -webkit-inline-box;" class="consulta_status"></div>

								<!-- 
								<div style="display: -webkit-inline-box;" class="consulta_contato" ng-show="vm.Casos.Contatos.length > 1"></div>

								<div class="adicionar_contato" style="display: inline-flex;">
									<div class="consulta-container">
										<div class="consulta">
											<div class="form-group consulta_contato_caso_forme">
												<label for="consulta-descricao" style="opacity: 0;">.</label>
												<div class="input-group">
													<button style="height: 34px;" type="button" ng-click="vm.Casos.tabCaso.abrirModalContato();" ng-if="vm.Casos.PainelCaso.CONTATO_CADASTRO == 1" class="btn btn-sm btn-primary" data-hotkey="alt+c" id="btn-table-filter">
														<span class="glyphicon glyphicon-user"></span> Cadastrar Contato
													</button>
												</div>
											</div>
										</div>
									</div>
								</div>
								-->

							</div>

						</div>
					</div>

					<!-- <div style="display: -webkit-inline-box;" class="consulta_conta"></div> -->

					<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>

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

					<legend ng-show="vm.Casos.ALTERANDO == false"></legend>

					<div class="panel panel-primary" style="margin-bottom: 5px !important;" ng-if="vm.Casos.Workflows.length > 0" ng-show="vm.Casos.ALTERANDO == false">
						<div class="panel-heading" style="cursor: pointer !important;" tabindex="0" data-hotkey="" id="containerChamWork" data-toggle="collapse" data-target="#dadosChamWork" aria-expanded="true" aria-controls="dadosChamWork" ng-click="vm.changePainel('dadosChamWork', '');">
							<h3 class="panel-title" style="font-weight: bold;">Workflows<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_CHAM_WORK, 'fa-chevron-circle-up': vm.DADOS_CHAM_WORK}" aria-hidden="false"></i>

								<div style="width: 300px !important; float: right; margin: 0px 10px;">
									<div class="progress progress-striped" style="margin-bottom: 0px; width: 100% !important; background-color: rgb(187, 185, 185); height: 20px;" ng-if="vm.Casos.SELECTED.PROGRESSO_GERAL > -1">
										<div class="progress-bar" role="progressbar" aria-valuenow="@{{vm.Casos.SELECTED.PROGRESSO_GERAL}}" aria-valuemin="0" aria-valuemax="100" style="background-color: @{{vm.Casos.SELECTED.COR_PROGRESSO}} !important; width: @{{vm.Casos.SELECTED.PROGRESSO_GERAL}}%;">
											<span class="detPercentual">@{{ vm.Casos.SELECTED.PROGRESSO_GERAL }}%</span>
										</div>
									</div>
								</div>

							</h3>
						</div>
						<div class="panel-body collapse in" id="dadosChamWork" aria-expanded="true" style="">

							<div class="list-workflows-vinc" ng-repeat="workflow in vm.CasosWorkflows.DADOS track by workflow.ID">
								<div class="row">

									<div class="tabela-workflows-vinculo" id="tabela-workflows-vinculo" ng-show="vm.CasosWorkflows.DADOS.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="@{{workflow.TAREFAS.length }}" style="font-weight: bold;">
																<span>@{{ workflow.DESC_ID }} - @{{ 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>
														<tr class="ng-isolate-scope">
															<th class="text-center" ng-repeat="tarefa in workflow.TAREFAS track by tarefa.ID" style="max-width: 250px; background-color: @{{tarefa.COLUNA_COR}}; color: @{{tarefa.COLUNA_COR_NOME}};" auto-title>
																<span>@{{ tarefa.TITULO }}</span>
															</th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td class="text-center" ng-repeat="tarefa in workflow.TAREFAS track by tarefa.ID" style="max-width: 250px; cursor: pointer;" ng-click="vm.CasosWorkflows.visualizarTarefa(workflow.ID, tarefa, '');">
																<div class="campo-status-tarefa" style="padding: 5px; background-color: @{{tarefa.STATUS_CONCLUSAO_COR}}; color: @{{tarefa.STATUS_CONCLUSAO_COR_NOME}};">

																	<div ng-show="tarefa.TIPO_DESCRICAO == '1'">
																		<span>@{{ tarefa.COMENTARIO }}</span>
																	</div>

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

																	<div ng-repeat="camp in tarefa.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' : '' }">
																					<span>@{{ camp.SUBTASK_WORKFLOW.PROGRESSO }} %</span>
																				</div>
																			</div>
																		</div>
																	</div>

																</div>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
									</div>

								</div>
							</div>

						</div>
					</div>

				</div>

			</div>
		</div>

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

		<div role="tabpanel" class="tab-pane active in" id="tab1-container" name="" aria-labelledby="tab1-tab" style="height: 100%; overflow: hidden auto;" ng-if="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == true">
			<div class="row">

				<!-- <div class="barra_descricao">
					@{{vm.Casos.PainelCaso.DESCRICAO}}
				</div> -->

				<!-- <button ng-click="vm.Casos.janelaReclherExtenderAll();" type="button" class="btn btn-primary" data-hotkey="">
					<span ng-show="vm.Casos.EXPANDIDO == true" class="glyphicon glyphicon-resize-small" title="Comprimir Janelas"></span>
					<span ng-show="vm.Casos.EXPANDIDO == false" class="glyphicon glyphicon-resize-full" title="Expandir Janelas"></span>
				</button> -->


				<div style="width: 100%;" ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == true">
					<div style="display: flex; 
    							flex-wrap: nowrap; 
    							align-content: center; 
    							align-items: center; 
    							justify-content: center; 
    							padding: 3px; 
    							border: solid 1px #b80c0c; 
    							background-color: #d91919; 
    							color: #fff; 
    							font-size: 14pt; 
    							font-weight: bold; 
    							border-radius: 30px;">
						<span>Modo de Visualização Simplificado</span>
					</div>
				</div>

				<br>

				<div class="consulta_caso_conteiner">

					<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.Casos.PainelCaso.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.Casos.janelaReclherExtenderAll();" type="button" class="btn btn-primary" data-hotkey="" style="float: right; margin: -5px 15px 5px 5px; font-size: 8pt;">
									<span ng-show="vm.Casos.EXPANDIDO == true" class="glyphicon glyphicon-resize-small" title="Comprimir Janelas"></span>
									<span ng-show="vm.Casos.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="">

							<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: -17px; margin-left: -10px; z-index: -1;">


								<div class="form-group">
									<label>Caso Nº:</label>
									<input 
										type="text"
										class="form-control input-menor"
										ng-model="vm.Casos.SELECTED_SEM_PERMISSAO.DESC_ID"
										readonly="readonly">
								</div>

								<div class="form-group">
									<label>Data de Abertura:</label>
									<input 
										type="datetime-local"
										class="form-control input-medio" 
										ng-atalho
										step="1"
										ng-model="vm.Casos.SELECTED_SEM_PERMISSAO.DATAHORA_REGISTRO_F"
										ng-readonly="true">
								</div>

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


								<div style="display: -webkit-inline-box;" class="consulta_motivos"></div>

								<div style="display: -webkit-inline-box;" class="consulta_tipos"></div>

								<div style="display: -webkit-inline-box;" class="consulta_origens"></div>

								<div style="display: -webkit-inline-box;" class="consulta_responsavel"></div>

								<div style="display: -webkit-inline-box;" class="consulta_status"></div>

								<!-- 
								<div style="display: -webkit-inline-box;" class="consulta_contato" ng-show="vm.Casos.Contatos.length > 1"></div>

								<div class="adicionar_contato" style="display: inline-flex;">
									<div class="consulta-container">
										<div class="consulta">
											<div class="form-group consulta_contato_caso_forme">
												<label for="consulta-descricao" style="opacity: 0;">.</label>
												<div class="input-group">
													<button style="height: 34px;" type="button" ng-click="vm.Casos.tabCaso.abrirModalContato();" ng-if="vm.Casos.PainelCaso.CONTATO_CADASTRO == 1" class="btn btn-sm btn-primary" data-hotkey="alt+c" id="btn-table-filter">
														<span class="glyphicon glyphicon-user"></span> Cadastrar Contato
													</button>
												</div>
											</div>
										</div>
									</div>
								</div>
								-->

							</div>

						</div>
					</div>

					<!-- <div style="display: -webkit-inline-box;" class="consulta_conta"></div> -->

					<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>

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

					<legend ng-show="vm.Casos.ALTERANDO == false"></legend>

					<div class="panel panel-primary" style="margin-bottom: 5px !important;" ng-if="vm.Casos.Workflows.length > 0" ng-show="vm.Casos.ALTERANDO == false">
						<div class="panel-heading" style="cursor: pointer !important;" tabindex="0" data-hotkey="" id="containerChamWork" data-toggle="collapse" data-target="#dadosChamWork" aria-expanded="true" aria-controls="dadosChamWork" ng-click="vm.changePainel('dadosChamWork', '');">
							<h3 class="panel-title" style="font-weight: bold;">Workflows<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_CHAM_WORK, 'fa-chevron-circle-up': vm.DADOS_CHAM_WORK}" aria-hidden="false"></i>

								<div style="width: 300px !important; float: right; margin: 0px 10px;">
									<div class="progress progress-striped" style="margin-bottom: 0px; width: 100% !important; background-color: rgb(187, 185, 185); height: 20px;" ng-if="vm.Casos.SELECTED_SEM_PERMISSAO.PROGRESSO_GERAL > -1">
										<div class="progress-bar" role="progressbar" aria-valuenow="@{{vm.Casos.SELECTED_SEM_PERMISSAO.PROGRESSO_GERAL}}" aria-valuemin="0" aria-valuemax="100" style="background-color: @{{vm.Casos.SELECTED_SEM_PERMISSAO.COR_PROGRESSO}} !important; width: @{{vm.Casos.SELECTED_SEM_PERMISSAO.PROGRESSO_GERAL}}%;">
											<span class="detPercentual">@{{ vm.Casos.SELECTED_SEM_PERMISSAO.PROGRESSO_GERAL }}%</span>
										</div>
									</div>
								</div>

							</h3>
						</div>
						<div class="panel-body collapse in" id="dadosChamWork" aria-expanded="true" style="">

							<div class="list-workflows-vinc" ng-repeat="workflow in vm.CasosWorkflows.DADOS track by workflow.ID">
								<div class="row">

									<div class="tabela-workflows-vinculo" id="tabela-workflows-vinculo" ng-show="vm.CasosWorkflows.DADOS.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="@{{workflow.TAREFAS.length }}" style="font-weight: bold;">
																<span>@{{ workflow.DESC_ID }} - @{{ 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>
														<tr class="ng-isolate-scope">
															<th class="text-center" ng-repeat="tarefa in workflow.TAREFAS track by tarefa.ID" style="max-width: 250px; background-color: @{{tarefa.COLUNA_COR}}; color: @{{tarefa.COLUNA_COR_NOME}};" auto-title>
																<span>@{{ tarefa.TITULO }}</span>
															</th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td class="text-center" ng-repeat="tarefa in workflow.TAREFAS track by tarefa.ID" style="max-width: 250px; cursor: pointer;" ng-click="vm.CasosWorkflows.visualizarTarefa(workflow.ID, tarefa, '');">
																<div class="campo-status-tarefa" style="padding: 5px; background-color: @{{tarefa.STATUS_CONCLUSAO_COR}}; color: @{{tarefa.STATUS_CONCLUSAO_COR_NOME}};">

																	<div ng-show="tarefa.TIPO_DESCRICAO == '1'">
																		<span>@{{ tarefa.COMENTARIO }}</span>
																	</div>

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

																	<div ng-repeat="camp in tarefa.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' : '' }">
																					<span>@{{ camp.SUBTASK_WORKFLOW.PROGRESSO }} %</span>
																				</div>
																			</div>
																		</div>
																	</div>

																</div>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
									</div>

								</div>
							</div>

						</div>
					</div>

				</div>

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

		<div role="tabpanel" class="tab-pane" id="tab2-container" name="" aria-labelledby="tab2-tab" style="height: 100%; overflow: hidden auto;">
			<div class="row" style="height: 100%;">

				<div style="width: 100%;" ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == true">
					<div style="display: flex; 
    							flex-wrap: nowrap; 
    							align-content: center; 
    							align-items: center; 
    							justify-content: center; 
    							padding: 3px; 
    							border: solid 1px #b80c0c; 
    							background-color: #d91919; 
    							color: #fff; 
    							font-size: 14pt; 
    							font-weight: bold; 
    							border-radius: 30px;">
						<span>Modo de Visualização Simplificado</span>
					</div>
				</div>

				<br>

				<ul id="tab" class="nav nav-tabs" role="tablist"> 
					<li role="presentation" class="tab-detalhamento">
						<a href="#tab0000-0000-container" id="tab0000-0000-tab" role="tab" data-toggle="tab" aria-controls="tab0000-0000-container" aria-expanded="true" ng-click="vm.Casos.addClassAba('tab0000-0000-container');">
							Geral
						</a>
					</li>

					<li role="presentation" class="tab-detalhamento" ng-repeat="work in vm.Casos.Workflows track by work.ID">
						<a href="#tab@{{work.WORKFLOW_ITEM_ID}}-0000-container" id="tab@{{work.WORKFLOW_ITEM_ID}}-0000-tab" role="tab" data-toggle="tab" aria-controls="tab@{{work.WORKFLOW_ITEM_ID}}-0000-container" aria-expanded="false">
							@{{ work.TITULO }}
							<!-- <span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="vm.CasosWorkflows.consultar();"></span> -->
						</a>
					</li>
				</ul>

				<div id="tab-content" class="tab-content"  style="height: calc(100% - 70px);" ng-style="{ 'height' : vm.Casos.EXIBIR_USER_SEM_PERMISSAO == true ? 'calc(100% - 105px)' : 'calc(100% - 70px)' }">
					
					<div role="tabpanel" class="tab-pane" id="tab0000-0000-container" name="" aria-labelledby="tab0000-0000-tab" style="height: 100%; overflow: hidden auto;">
						<div class="row">

							<button 
								type="button" 
								class="btn btn-sm btn-success" 
								ng-click="vm.Acoes.feedEmail(0)" 
								ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
								ng-disabled="vm.Casos.CasoIten.FECHADO == 1" >
								<span class="glyphicon glyphicon-plus"></span>
								Feed + Email
							</button>

							<button 
								type="button" 
								class="btn btn-sm btn-success" 
								ng-click="vm.Acoes.feedFile(0)" 
								ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
								ng-disabled="vm.Casos.CasoIten.FECHADO == 1" >
								<span class="glyphicon glyphicon-plus"></span>
								Feed
							</button>

							<!-- <button 
								type="button" 
								class="btn btn-sm btn-default atualizar-files" 
								ng-click="vm.Acoes.openCaso(vm.Casos.CasoIten.ID, null)">
								<span class="glyphicon glyphicon-refresh"></span>
								Atualizar
							</button> -->

							<div class="pesquisa-obj-container2" style="margin-top: 5px;">
								<div class="input-group input-group-filtro-obj">
									<input type="search" ng-model="vm.Casos.filtroFeed" name="filtro_obj" class="form-control pesquisa filtro-obj" placeholder="Pesquise..." autocomplete="off" autofocus="">
									<button type="button" class="input-group-addon btn-filtro btn-filtro-obj btn-pesquisar">
										<span class="fa fa-search"></span>
									</button>
								</div>
							</div>

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

							<div class="conteiner-feed">
								<div class="feed-caso feed-caso@{{feed.ID}}" ng-repeat="feed in vm.Casos.Feed | filter: vm.Casos.filtroFeed" ng-show="feed.WORKFLOW_ITEM_ID == '' || feed.WORKFLOW_ITEM_ID == 0 || feed.WORKFLOW_ITEM_ID == null || feed.WORKFLOW_ITEM_ID == 'undefined'">

									<div class="foto semfoto" style="background-image: url(/fotos/colaborador/@{{feed.COLABORADOR_ID}})"></div>

									<div  class="corpo">

										<!-- <div class="de" ng-if="feed.USUARIO_ID > -1"							>@{{ feed.USER_NAME }} - Status: @{{ feed.USER_STATUS }}</div> -->
										<!-- <div class="de" ng-if="feed.USUARIO_ID == 0"							>@{{ feed.USER_NAME }}</div>
										<div class="de" ng-if="feed.USUARIO_ID == 99999"						>Agendamento</div>
										<div class="de" ng-if="feed.USUARIO_ID > 0 && feed.USER_STATUS == '0'"	>@{{ feed.DE }}</div>
										<div class="de" ng-if="feed.USUARIO_ID > 0 && feed.USER_STATUS == '1'"	>@{{ feed.USER_NAME }}</div>
										<div class="de" ng-if="feed.USUARIO_ID == -1 && feed.CONTATO > 0"		>@{{ feed.CONTATO_NAME }}</div>
										<div class="de" ng-if="feed.USUARIO_ID == -1 && feed.CONTATO == -1"		>@{{ feed.DE }}</div> -->

										<div class="de" ng-if="feed.USUARIO_ID == 0"							>
											@{{ feed.USER_NAME }}
											<div class="icon-envio-email">
												<span class="glyphicon glyphicon-send"		ng-show="feed.STATUS_ENVIO_EMAIL > 0"	style="color: rgb(68, 157, 68);"	title="Enviado @{{ feed.DTHORA_ENVIO_EMAIL }}"	></span>
												<span class="glyphicon glyphicon-hourglass"	ng-show="feed.STATUS_ENVIO_EMAIL == 0"	style="color: rgb(215, 215, 44);"	title="Pendente de Envio"						></span>
												<!-- <span class="glyphicon glyphicon-info-sign"	ng-show="feed.STATUS_ENVIO_EMAIL < 0"	style="color: rgb(226, 226, 226);"	title="Informação Indisponível"					></span> -->
											</div>
										</div>
										<div class="de" ng-if="feed.USUARIO_ID == 99999"						>
											Agendamento
											<div class="icon-envio-email">
												<span class="glyphicon glyphicon-send"		ng-show="feed.STATUS_ENVIO_EMAIL > 0"	style="color: rgb(68, 157, 68);"	title="Enviado @{{ feed.DTHORA_ENVIO_EMAIL }}"	></span>
												<span class="glyphicon glyphicon-hourglass"	ng-show="feed.STATUS_ENVIO_EMAIL == 0"	style="color: rgb(215, 215, 44);"	title="Pendente de Envio"						></span>
												<!-- <span class="glyphicon glyphicon-info-sign"	ng-show="feed.STATUS_ENVIO_EMAIL < 0"	style="color: rgb(226, 226, 226);"	title="Informação Indisponível"					></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 glyphicon-send"		ng-show="feed.STATUS_ENVIO_EMAIL > 0"	style="color: rgb(68, 157, 68);"	title="Enviado @{{ feed.DTHORA_ENVIO_EMAIL }}"	></span>
												<span class="glyphicon glyphicon-hourglass"	ng-show="feed.STATUS_ENVIO_EMAIL == 0"	style="color: rgb(215, 215, 44);"	title="Pendente de Envio"						></span>
												<!-- <span class="glyphicon glyphicon-info-sign"	ng-show="feed.STATUS_ENVIO_EMAIL < 0"	style="color: rgb(226, 226, 226);"	title="Informação Indisponível"					></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 glyphicon-send"		ng-show="feed.STATUS_ENVIO_EMAIL > 0"	style="color: rgb(68, 157, 68);"	title="Enviado @{{ feed.DTHORA_ENVIO_EMAIL }}"	></span>
												<span class="glyphicon glyphicon-hourglass"	ng-show="feed.STATUS_ENVIO_EMAIL == 0"	style="color: rgb(215, 215, 44);"	title="Pendente de Envio"						></span>
												<!-- <span class="glyphicon glyphicon-info-sign"	ng-show="feed.STATUS_ENVIO_EMAIL < 0"	style="color: rgb(226, 226, 226);"	title="Informação Indisponível"					></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 glyphicon-send"		ng-show="feed.STATUS_ENVIO_EMAIL > 0"	style="color: rgb(68, 157, 68);"	title="Enviado @{{ feed.DTHORA_ENVIO_EMAIL }}"	></span>
												<span class="glyphicon glyphicon-hourglass"	ng-show="feed.STATUS_ENVIO_EMAIL == 0"	style="color: rgb(215, 215, 44);"	title="Pendente de Envio"						></span>
												<!-- <span class="glyphicon glyphicon-info-sign"	ng-show="feed.STATUS_ENVIO_EMAIL < 0"	style="color: rgb(226, 226, 226);"	title="Informação Indisponível"					></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 glyphicon-send"		ng-show="feed.STATUS_ENVIO_EMAIL > 0"	style="color: rgb(68, 157, 68);"	title="Enviado @{{ feed.DTHORA_ENVIO_EMAIL }}"	></span>
												<span class="glyphicon glyphicon-hourglass"	ng-show="feed.STATUS_ENVIO_EMAIL == 0"	style="color: rgb(215, 215, 44);"	title="Pendente de Envio"						></span>
												<!-- <span class="glyphicon glyphicon-info-sign"	ng-show="feed.STATUS_ENVIO_EMAIL < 0"	style="color: rgb(226, 226, 226);"	title="Informação Indisponível"					></span> -->
											</div>
										</div>



										<div class="email-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 != '')">
											para: @{{ (feed.EM_COPIA_OCULTA+', '+feed.EM_COPIA+', '+feed.PARA + '').replace(";", ",").replace(", ,", ",").replace(",,", ",").replace(";", ",").replace(", ,", ",").replace(",,", ",").replace(";", ",").replace(", ,", ",").replace(",,", ",").replace(";", ",").replace(", ,", ",").replace(",,", ",") }}
										</div>


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

										<div ng-click="vm.Acoes.modalFeed(feed)" title="Expandir" class="feebtn_modal"><span class="glyphicon glyphicon-fullscreen"></span></div>
										<div ng-click="vm.Acoes.modalFeed(feed)" title="Fechar" class="fecharfeebtn_modal"><span class="glyphicon glyphicon-remove"></span></div>

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

										<div class="arquivo-container2" style="margin-top: 0px; border: 0px;" ng-if="feed.FILE != unknown">
											<div class="file" ng-repeat="arq in feed.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 class="buttons" ng-if="feed.TIPO == 1 || feed.TIPO == 4">
											<button 
												type="button" 
												class="btn btn-sm btn-default" 
												ng-click="vm.Acoes.responderEmail(feed, 0)">
												<span class="glyphicon glyphicon-envelope"></span>
												Responder
											</button>

											<button 
												type="button" 
												class="btn btn-sm btn-default" 
												ng-click="vm.Acoes.responderEmail(feed, 1)">
												<span class="glyphicon glyphicon-envelope"></span>
												Responder a todos
											</button>
										</div> -->

									</div>

									<div class="buttons2">
										<button 
											type="button" 
											class="btn btn-sm btn-success" 
											ng-click="vm.Acoes.comentarFeed(feed)"
											ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
											ng-disabled="vm.Casos.CasoIten.FECHADO == 1" >
											<span class="glyphicon glyphicon-comment"></span>
											Comentar
										</button>

										<!-- <button 
											type="button" 
											class="btn btn-sm btn-default" 
											ng-click="vm.Acoes.gosteiFeed(feed)"
											ng-if="feed.USUARIO_GOSTOU == 0"
											ng-disabled="vm.Casos.CasoIten.FECHADO == 1">
											<span class="glyphicon glyphicon-heart"></span>
											Gostei @{{ feed.QTD_GOSTOU }}
										</button>

										<button 
											type="button" 
											class="btn btn-sm btn-default" 
											ng-click="vm.Acoes.gosteiFeed(feed)"
											ng-if="feed.USUARIO_GOSTOU == 1"
											ng-disabled="vm.Casos.CasoIten.FECHADO == 1" 
											style="color: red;">
											<span class="glyphicon glyphicon-heart"></span>
											Gostei @{{ feed.QTD_GOSTOU }}
										</button> -->

										<button 
											type="button" 
											class="btn btn-sm btn-primary" 
											ng-click="vm.Acoes.editarFeedArquivo(feed)"
											ng-disabled="vm.Casos.CasoIten.FECHADO == 1"
											ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
											ng-if="vm.Casos.USUARIO.CODIGO == feed.USUARIO_ID">
											<span class="glyphicon glyphicon-pencil"></span>
											Editar
										</button>

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

									<div class="feed-caso feed-comentario  feed-caso@{{res.ID}}" ng-repeat="res in feed.COMENTARIO">

										<div class="foto semfoto"  style="background-image: url(/fotos/colaborador/@{{res.COLABORADOR_ID}})"></div>
										<div  class="corpo">
											<div class="de">@{{ res.USER_NAME }} <span ng-show="res.USER_STATUS == '0'" class="glyphicon glyphicon-ban-circle" style="color: red; font-size: 10pt;" ttitle="Usuário Inativo"></span> </div>
											<div class="tipo tipo@{{res.TIPO}}" title="@{{res.DESC_TIPO}}"></div>

											<div ng-click="vm.Acoes.modalFeed(res)" title="Expandir" class="feebtn_modal"><span class="glyphicon glyphicon-fullscreen"></span></div>
											<div ng-click="vm.Acoes.modalFeed(res)" title="Fechar" class="fecharfeebtn_modal"><span class="glyphicon glyphicon-remove"></span></div>

											<div ng-bind-html="trustAsHtml(res.MENSAGEM)" class="mensagem"></div>

											<div class="arquivo-container2" style="margin-top: 0px; border: 0px;" ng-if="res.FILE != unknown">
												<div class="file" ng-repeat="arq in res.FILE.slice().reverse() track by $index">

													<div class="form-group" style="width: 50px; height: 35px;">

														<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 class="buttons" ng-if="res.TIPO == 1 || res.TIPO == 4">
												<button 
													type="button" 
													class="btn btn-sm btn-default" 
													ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
													ng-click="vm.Acoes.responderEmail(res, 0)">
													<span class="glyphicon glyphicon-envelope"></span>
													Responder
												</button>

												<button 
													type="button" 
													class="btn btn-sm btn-default" 
													ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
													ng-click="vm.Acoes.responderEmail(res, 1)">
													<span class="glyphicon glyphicon-envelope"></span>
													Responder a todos
												</button>
											</div> -->

										</div>

										<div class="buttons2">
											
											<!-- <button 
												type="button" 
												class="btn btn-sm btn-default" 
												ng-click="vm.Acoes.gosteiFeed(res)"
												ng-if="res.USUARIO_GOSTOU == 0"
												ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
												ng-disabled="vm.Casos.CasoIten.FECHADO == 1" >
												<span class="glyphicon glyphicon-heart"></span>
												Gostei @{{ res.QTD_GOSTOU }}
											</button>

											<button 
												type="button" 
												class="btn btn-sm btn-default" 
												ng-click="vm.Acoes.gosteiFeed(res)"
												ng-if="res.USUARIO_GOSTOU == 1"
												ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
												ng-disabled="vm.Casos.CasoIten.FECHADO == 1" 
												style="color: red;">
												<span class="glyphicon glyphicon-heart"></span>
												Gostei @{{ res.QTD_GOSTOU }}
											</button> -->

											<button 
												type="button" 
												class="btn btn-sm btn-primary" 
												ng-click="vm.Acoes.editarFeedArquivo(res)"
												ng-if="vm.Casos.USUARIO.CODIGO == res.USUARIO_ID"
												ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
												ng-disabled="vm.Casos.CasoIten.FECHADO == 1" >
												<span class="glyphicon glyphicon-pencil"></span>
												Editar
											</button>

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

									</div>

								</div>
							</div>

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

					<div role="tabpanel" class="tab-pane" id="tab@{{work.WORKFLOW_ITEM_ID}}-0000-container" name="" aria-labelledby="tab@{{work.WORKFLOW_ITEM_ID}}-0000-tab" style="height: 100%; overflow: hidden auto;"  ng-repeat="work in vm.Casos.Workflows track by work.ID">
						<div class="row" style="height: 100%; overflow: hidden;">

							<button 
								type="button" 
								class="btn btn-sm btn-success" 
								ng-click="vm.Acoes.feedEmail(0, work.WORKFLOW_ITEM_ID)"
								ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
								ng-disabled="vm.Casos.CasoIten.FECHADO == 1" >
								<span class="glyphicon glyphicon-plus"></span>
								Feed + Email
							</button>

							<button 
								type="button" 
								class="btn btn-sm btn-success" 
								ng-click="vm.Acoes.feedFile(0, work.WORKFLOW_ITEM_ID)"
								ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
								ng-disabled="vm.Casos.CasoIten.FECHADO == 1" >
								<span class="glyphicon glyphicon-plus"></span>
								Feed
							</button>

							<!-- <button 
								type="button" 
								class="btn btn-sm btn-default atualizar-files" 
								ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
								ng-click="vm.Acoes.openCaso(vm.Casos.CasoIten.ID, null)">
								<span class="glyphicon glyphicon-refresh"></span>
								Atualizar
							</button> -->

							<div class="pesquisa-obj-container2" style="margin-top: 5px;">
								<div class="input-group input-group-filtro-obj">
									<input type="search" ng-model="vm.Casos.filtroFeed" name="filtro_obj" class="form-control pesquisa filtro-obj" placeholder="Pesquise..." autocomplete="off" autofocus="">
									<button type="button" class="input-group-addon btn-filtro btn-filtro-obj btn-pesquisar">
										<span class="fa fa-search"></span>
									</button>
								</div>
							</div>

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

							<fieldset style="height: calc(90% - 15px);">
								<div class="form-group tabela_main_@{{work.WORKFLOW_ITEM_ID}} ui-resizable" style="position: relative; max-height: calc(100% - 155px); min-height: 200px; margin-bottom: 22px; width: 100%; height: calc(70%);">

									<div class="conteiner-feed" style="height: 100%;">
										<div class="feed-caso feed-caso@{{feed.ID}}" ng-repeat="feed in vm.Casos.Feed | filter: vm.Casos.filtroFeed" ng-show="feed.WORKFLOW_ITEM_ID != '' && feed.WORKFLOW_ITEM_ID == work.WORKFLOW_ITEM_ID">

											<div class="foto semfoto" style="background-image: url(/fotos/colaborador/@{{feed.COLABORADOR_ID}})"></div>

											<div  class="corpo">

												<!-- <div class="de" ng-if="feed.USUARIO_ID > -1"							>@{{ feed.USER_NAME }} - Status: @{{ feed.USER_STATUS }}</div> -->
												<!-- <div class="de" ng-if="feed.USUARIO_ID == 0"							>@{{ feed.USER_NAME }}</div>
												<div class="de" ng-if="feed.USUARIO_ID == 99999"						>Agendamento</div>
												<div class="de" ng-if="feed.USUARIO_ID > 0 && feed.USER_STATUS == '0'"	>@{{ feed.DE }}</div>
												<div class="de" ng-if="feed.USUARIO_ID > 0 && feed.USER_STATUS == '1'"	>@{{ feed.USER_NAME }}</div>
												<div class="de" ng-if="feed.USUARIO_ID == -1 && feed.CONTATO > 0"		>@{{ feed.CONTATO_NAME }}</div>
												<div class="de" ng-if="feed.USUARIO_ID == -1 && feed.CONTATO == -1"		>@{{ feed.DE }}</div> -->

												<div class="de" ng-if="feed.USUARIO_ID == 0"							>
													@{{ feed.USER_NAME }}
													<div class="icon-envio-email">
														<span class="glyphicon glyphicon-send"		ng-show="feed.STATUS_ENVIO_EMAIL > 0"	style="color: rgb(68, 157, 68);"	title="Enviado @{{ feed.DTHORA_ENVIO_EMAIL }}"	></span>
														<span class="glyphicon glyphicon-hourglass"	ng-show="feed.STATUS_ENVIO_EMAIL == 0"	style="color: rgb(215, 215, 44);"	title="Pendente de Envio"						></span>
														<!-- <span class="glyphicon glyphicon-info-sign"	ng-show="feed.STATUS_ENVIO_EMAIL < 0"	style="color: rgb(226, 226, 226);"	title="Informação Indisponível"					></span> -->
													</div>
												</div>
												<div class="de" ng-if="feed.USUARIO_ID == 99999"						>
													Agendamento
													<div class="icon-envio-email">
														<span class="glyphicon glyphicon-send"		ng-show="feed.STATUS_ENVIO_EMAIL > 0"	style="color: rgb(68, 157, 68);"	title="Enviado @{{ feed.DTHORA_ENVIO_EMAIL }}"	></span>
														<span class="glyphicon glyphicon-hourglass"	ng-show="feed.STATUS_ENVIO_EMAIL == 0"	style="color: rgb(215, 215, 44);"	title="Pendente de Envio"						></span>
														<!-- <span class="glyphicon glyphicon-info-sign"	ng-show="feed.STATUS_ENVIO_EMAIL < 0"	style="color: rgb(226, 226, 226);"	title="Informação Indisponível"					></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 glyphicon-send"		ng-show="feed.STATUS_ENVIO_EMAIL > 0"	style="color: rgb(68, 157, 68);"	title="Enviado @{{ feed.DTHORA_ENVIO_EMAIL }}"	></span>
														<span class="glyphicon glyphicon-hourglass"	ng-show="feed.STATUS_ENVIO_EMAIL == 0"	style="color: rgb(215, 215, 44);"	title="Pendente de Envio"						></span>
														<!-- <span class="glyphicon glyphicon-info-sign"	ng-show="feed.STATUS_ENVIO_EMAIL < 0"	style="color: rgb(226, 226, 226);"	title="Informação Indisponível"					></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 glyphicon-send"		ng-show="feed.STATUS_ENVIO_EMAIL > 0"	style="color: rgb(68, 157, 68);"	title="Enviado @{{ feed.DTHORA_ENVIO_EMAIL }}"	></span>
														<span class="glyphicon glyphicon-hourglass"	ng-show="feed.STATUS_ENVIO_EMAIL == 0"	style="color: rgb(215, 215, 44);"	title="Pendente de Envio"						></span>
														<!-- <span class="glyphicon glyphicon-info-sign"	ng-show="feed.STATUS_ENVIO_EMAIL < 0"	style="color: rgb(226, 226, 226);"	title="Informação Indisponível"					></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 glyphicon-send"		ng-show="feed.STATUS_ENVIO_EMAIL > 0"	style="color: rgb(68, 157, 68);"	title="Enviado @{{ feed.DTHORA_ENVIO_EMAIL }}"	></span>
														<span class="glyphicon glyphicon-hourglass"	ng-show="feed.STATUS_ENVIO_EMAIL == 0"	style="color: rgb(215, 215, 44);"	title="Pendente de Envio"						></span>
														<!-- <span class="glyphicon glyphicon-info-sign"	ng-show="feed.STATUS_ENVIO_EMAIL < 0"	style="color: rgb(226, 226, 226);"	title="Informação Indisponível"					></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 glyphicon-send"		ng-show="feed.STATUS_ENVIO_EMAIL > 0"	style="color: rgb(68, 157, 68);"	title="Enviado @{{ feed.DTHORA_ENVIO_EMAIL }}"	></span>
														<span class="glyphicon glyphicon-hourglass"	ng-show="feed.STATUS_ENVIO_EMAIL == 0"	style="color: rgb(215, 215, 44);"	title="Pendente de Envio"						></span>
														<!-- <span class="glyphicon glyphicon-info-sign"	ng-show="feed.STATUS_ENVIO_EMAIL < 0"	style="color: rgb(226, 226, 226);"	title="Informação Indisponível"					></span> -->
													</div>
												</div>



												<div class="email-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 != '')">
													para: @{{ (feed.EM_COPIA_OCULTA+', '+feed.EM_COPIA+', '+feed.PARA + '').replace(";", ",").replace(", ,", ",").replace(",,", ",").replace(";", ",").replace(", ,", ",").replace(",,", ",").replace(";", ",").replace(", ,", ",").replace(",,", ",").replace(";", ",").replace(", ,", ",").replace(",,", ",") }}
												</div>


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

												<div ng-click="vm.Acoes.modalFeed(feed)" title="Expandir" class="feebtn_modal"><span class="glyphicon glyphicon-fullscreen"></span></div>
												<div ng-click="vm.Acoes.modalFeed(feed)" title="Fechar" class="fecharfeebtn_modal"><span class="glyphicon glyphicon-remove"></span></div>

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

												<div class="arquivo-container2" style="margin-top: 0px; border: 0px;" ng-if="feed.FILE != unknown">
													<div class="file" ng-repeat="arq in feed.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 class="buttons" ng-if="feed.TIPO == 1 || feed.TIPO == 4">
													<button 
														type="button" 
														class="btn btn-sm btn-default" 
														ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
														ng-click="vm.Acoes.responderEmail(feed, 0)">
														<span class="glyphicon glyphicon-envelope"></span>
														Responder
													</button>

													<button 
														type="button" 
														class="btn btn-sm btn-default" 
														ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
														ng-click="vm.Acoes.responderEmail(feed, 1)">
														<span class="glyphicon glyphicon-envelope"></span>
														Responder a todos
													</button>
												</div> -->

											</div>

											<div class="buttons2">
												<button 
													type="button" 
													class="btn btn-sm btn-success" 
													ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
													ng-click="vm.Acoes.comentarFeed(feed, work.WORKFLOW_ITEM_ID)"
													ng-disabled="vm.Casos.CasoIten.FECHADO == 1" >
													<span class="glyphicon glyphicon-comment"></span>
													Comentar
												</button>

												<!-- <button 
													type="button" 
													class="btn btn-sm btn-default" 
													ng-click="vm.Acoes.gosteiFeed(feed)"
													ng-if="feed.USUARIO_GOSTOU == 0"
													ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
													ng-disabled="vm.Casos.CasoIten.FECHADO == 1">
													<span class="glyphicon glyphicon-heart"></span>
													Gostei @{{ feed.QTD_GOSTOU }}
												</button>

												<button 
													type="button" 
													class="btn btn-sm btn-default" 
													ng-click="vm.Acoes.gosteiFeed(feed)"
													ng-if="feed.USUARIO_GOSTOU == 1"
													ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
													ng-disabled="vm.Casos.CasoIten.FECHADO == 1" 
													style="color: red;">
													<span class="glyphicon glyphicon-heart"></span>
													Gostei @{{ feed.QTD_GOSTOU }}
												</button> -->

												<button 
													type="button" 
													class="btn btn-sm btn-primary" 
													ng-click="vm.Acoes.editarFeedArquivo(feed, work.WORKFLOW_ITEM_ID)"
													ng-disabled="vm.Casos.CasoIten.FECHADO == 1" 
													ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
													ng-if="vm.Casos.USUARIO.CODIGO == feed.USUARIO_ID">
													<span class="glyphicon glyphicon-pencil"></span>
													Editar
												</button>

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

											<div class="feed-caso feed-comentario  feed-caso@{{res.ID}}" ng-repeat="res in feed.COMENTARIO">

												<div class="foto semfoto"  style="background-image: url(/fotos/colaborador/@{{res.COLABORADOR_ID}})"></div>
												<div  class="corpo">
													<div class="de">@{{ res.USER_NAME }} <span ng-show="res.USER_STATUS == '0'" class="glyphicon glyphicon-ban-circle" style="color: red; font-size: 10pt;" ttitle="Usuário Inativo"></span> </div>
													<div class="tipo tipo@{{res.TIPO}}" title="@{{res.DESC_TIPO}}"></div>

													<div ng-click="vm.Acoes.modalFeed(res)" title="Expandir" class="feebtn_modal"><span class="glyphicon glyphicon-fullscreen"></span></div>
													<div ng-click="vm.Acoes.modalFeed(res)" title="Fechar" class="fecharfeebtn_modal"><span class="glyphicon glyphicon-remove"></span></div>

													<div ng-bind-html="trustAsHtml(res.MENSAGEM)" class="mensagem"></div>

													<div class="arquivo-container2" style="margin-top: 0px; border: 0px;" ng-if="res.FILE != unknown">
														<div class="file" ng-repeat="arq in res.FILE.slice().reverse() track by $index">

															<div class="form-group">

																<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 class="buttons" ng-if="res.TIPO == 1 || res.TIPO == 4">
														<button 
															type="button" 
															class="btn btn-sm btn-default" 
															ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
															ng-click="vm.Acoes.responderEmail(res, 0)">
															<span class="glyphicon glyphicon-envelope"></span>
															Responder
														</button>

														<button 
															type="button" 
															class="btn btn-sm btn-default" 
															ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
															ng-click="vm.Acoes.responderEmail(res, 1)">
															<span class="glyphicon glyphicon-envelope"></span>
															Responder a todos
														</button>
													</div> -->

												</div>

												<div class="buttons2">
													
													<!-- <button 
														type="button" 
														class="btn btn-sm btn-default" 
														ng-click="vm.Acoes.gosteiFeed(res)"
														ng-if="res.USUARIO_GOSTOU == 0"
														ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
														ng-disabled="vm.Casos.CasoIten.FECHADO == 1" >
														<span class="glyphicon glyphicon-heart"></span>
														Gostei @{{ res.QTD_GOSTOU }}
													</button>

													<button 
														type="button" 
														class="btn btn-sm btn-default" 
														ng-click="vm.Acoes.gosteiFeed(res)"
														ng-if="res.USUARIO_GOSTOU == 1"
														ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
														ng-disabled="vm.Casos.CasoIten.FECHADO == 1" 
														style="color: red;">
														<span class="glyphicon glyphicon-heart"></span>
														Gostei @{{ res.QTD_GOSTOU }}
													</button> -->

													<button 
														type="button" 
														class="btn btn-sm btn-primary" 
														ng-click="vm.Acoes.editarFeedArquivo(res, work.WORKFLOW_ITEM_ID)"
														ng-if="vm.Casos.USUARIO.CODIGO == res.USUARIO_ID"
														ng-show="vm.Casos.EXIBIR_USER_SEM_PERMISSAO == false" 
														ng-disabled="vm.Casos.CasoIten.FECHADO == 1" >
														<span class="glyphicon glyphicon-pencil"></span>
														Editar
													</button>

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

											</div>

										</div>
									</div>

								</div>
								<div class="form-group tabela_sec_@{{work.WORKFLOW_ITEM_ID}}" style="max-height: calc(100% - 205px); min-height: 150px; overflow: hidden auto; width: 100%; height: calc(28%);">
									<legend></legend>

									<div class="list-workflows-vinc" ng-repeat="workflow in vm.CasosWorkflows.DADOS track by workflow.ID" ng-show="work.WORKFLOW_ITEM_ID == workflow.ID">
										<div class="row">

											<div class="tabela-workflows-vinculo" id="tabela-workflows-vinculo" ng-show="vm.CasosWorkflows.DADOS.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" style="font-weight: bold;"></th> -->
																	<th class="text-center" colspan="@{{workflow.TAREFAS.length}}" style="font-weight: bold;">

																		<span class="glyphicon glyphicon-refresh" style="cursor: pointer;" ng-click="vm.CasosWorkflows.consultar();"></span>

																		<span>@{{ workflow.DESC_ID }} - @{{ 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>
																<tr class="ng-isolate-scope">
																	<!-- <th class="text-left">
																		<span>Descrição</span>
																	</th>
																	<th class="text-left">
																		<span>Data/Hora Início</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}}; color: @{{tarefa.COLUNA_COR_NOME}};" auto-title>
																		<span>@{{ tarefa.TITULO }}</span>
																	</th>
																</tr>
															</thead>
															<tbody>
																<tr>
																	<!-- <td class="text-left">
																		<span>@{{ workflow.DESCRICAO }}</span>
																	</td>
																	<td class="text-left">
																		<span>@{{ workflow.DATAHORA_INSERT_FORMAT }}</span>
																	</td> -->
																	<td class="text-center" ng-repeat="tarefa in workflow.TAREFAS track by tarefa.ID" style="max-width: 250px; cursor: pointer;" ng-click="vm.CasosWorkflows.visualizarTarefa(workflow.ID, tarefa, '');">
																		<div class="campo-status-tarefa" style="padding: 5px; background-color: @{{tarefa.STATUS_CONCLUSAO_COR}}; color: @{{tarefa.STATUS_CONCLUSAO_COR_NOME}};">
																			<!-- <span>@{{ tarefa.EXIBE_VALOR_TAREFA }}</span> -->

																			<div ng-show="tarefa.TIPO_DESCRICAO == '1'">
																				<span>@{{ tarefa.COMENTARIO }}</span>
																			</div>

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

																			<div ng-repeat="camp in tarefa.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' : '' }">
																							<span>@{{ camp.SUBTASK_WORKFLOW.PROGRESSO }} %</span>
																						</div>
																					</div>
																				</div>
																			</div>

																		</div>
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
												</div>
											</div>

										</div>
									</div>

								</div>
							</fieldset>

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

						</div>
					</div>

				</div>

			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab3-container" name="" aria-labelledby="tab3-tab" style="height: 100%; overflow: hidden auto;">
			<div class="row">

				<button 
					type="button" 
					class="btn btn-sm btn-success" 
					ng-click="vm.Acoes.feedFile(1)"
					ng-disabled="vm.PERMISSOES_USUARIO.RESPONSAVEL == 0">
					<span class="glyphicon glyphicon-plus"></span>
					Comentário
				</button>

				<div class="pesquisa-obj-container2" style="margin-top: 5px;">
					<div class="input-group input-group-filtro-obj">
						<input type="search" ng-model="vm.Casos.filtroFeed" name="filtro_obj" class="form-control pesquisa filtro-obj" placeholder="Pesquise..." autocomplete="off" autofocus="">
						<button type="button" class="input-group-addon btn-filtro btn-filtro-obj btn-pesquisar">
							<span class="fa fa-search"></span>
						</button>
					</div>
				</div>
				
				<div class="conteiner-feed">
					<div class="feed-caso" ng-repeat="feed in vm.Casos.tabComentario.dados | filter: vm.Casos.filtroFeed">

						<div class="foto semfoto"></div>
						<div  class="corpo">
							<div class="de">@{{ feed.USER_NAME }}</div>
							<div class="tipo" ng-show="feed.ORIGEM == 2" style="margin-right: 15px; display: inline-flex; align-items: center;" title="Comentário Importado do Caso de Origem - Caso Nº: @{{ vm.Casos.SELECTED.REGISTRO_ORIGEM }}">
								<span class="glyphicon glyphicon-transfer"></span>
							</div>
							<div class="tipo tipo@{{feed.TIPO}}" title="@{{feed.DESC_TIPO}}"></div>
							<div ng-bind-html="trustAsHtml(feed.MENSAGEM)" class="mensagem mensagem-html-container"></div>
							<div class="arquivo-container2" style="margin-top: 0px; border: 0px;" ng-if="feed.FILE != unknown">
								<div class="file" ng-repeat="arq in feed.FILE.slice().reverse() track by $index">
								
									<div class="form-group">

										<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@{{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="buttons2">
							<button 
								type="button" 
								class="btn btn-sm btn-success" 
								ng-click="vm.Acoes.comentarFeed(feed)"
								>
								<span class="glyphicon glyphicon-comment"></span>
								Comentar
							</button>

							<!-- <button 
								type="button" 
								class="btn btn-sm btn-default" 
								ng-click="vm.Acoes.gosteiFeed(feed)"
								ng-if="feed.USUARIO_GOSTOU == 0"
								>
								<span class="glyphicon glyphicon-heart"></span>
								Gostei @{{ feed.QTD_GOSTOU }}
							</button>

							<button 
								type="button" 
								class="btn btn-sm btn-default" 
								ng-click="vm.Acoes.gosteiFeed(feed)"
								ng-if="feed.USUARIO_GOSTOU == 1"
								style="color: red;">
								<span class="glyphicon glyphicon-heart"></span>
								Gostei @{{ feed.QTD_GOSTOU }}
							</button> -->

							<button 
								type="button" 
								class="btn btn-sm btn-primary" 
								ng-click="vm.Acoes.editarFeedArquivo(feed)"
								ng-if="vm.Casos.USUARIO.CODIGO == feed.USUARIO_ID">
								<span class="glyphicon glyphicon-pencil"></span>
								Editar
							</button>

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

						<div class="feed-caso feed-comentario" ng-repeat="res in feed.COMENTARIO">
							
							<div class="foto semfoto"></div>
							<div  class="corpo">
								<div class="de">@{{ res.USER_NAME }}</div>
								<div class="tipo tipo@{{res.TIPO}}" title="@{{res.DESC_TIPO}}"></div>
								
								<div ng-bind-html="trustAsHtml(res.MENSAGEM)" class="mensagem"></div>
								<div class="arquivo-container2" style="margin-top: 0px; border: 0px;" ng-if="res.FILE != unknown">
								<div class="file" ng-repeat="arq in res.FILE.slice().reverse() track by $index">
								
									<div class="form-group">

										<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@{{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="buttons2">
								
								<!-- <button 
									type="button" 
									class="btn btn-sm btn-default" 
									ng-click="vm.Acoes.gosteiFeed(res)"
									ng-if="res.USUARIO_GOSTOU == 0"
									>
									<span class="glyphicon glyphicon-heart"></span>
									Gostei @{{ res.QTD_GOSTOU }}
								</button>

								<button 
									type="button" 
									class="btn btn-sm btn-default" 
									ng-click="vm.Acoes.gosteiFeed(res)"
									ng-if="res.USUARIO_GOSTOU == 1"
									style="color: red;">
									<span class="glyphicon glyphicon-heart"></span>
									Gostei @{{ res.QTD_GOSTOU }}
								</button> -->

								<button 
									type="button" 
									class="btn btn-sm btn-primary" 
									ng-click="vm.Acoes.editarFeedArquivo(res)"
									ng-if="vm.Casos.USUARIO.CODIGO == res.USUARIO_ID"
									>
									<span class="glyphicon glyphicon-pencil"></span>
									Editar
								</button>

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

						</div>

					</div>
				</div>

			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab4-container" name="" aria-labelledby="tab4-tab" style="height: 100%; overflow: hidden auto;">
			<div class="row">

				<button 
					type="button" 
					class="btn btn-sm btn-success" 
					data-hotkey="alt+l" 
					ng-click="vm.lembrete.add()">
					<span class="glyphicon glyphicon-plus"></span>
					Lembretes
				</button>

				<!-- <button 
					type="button" 
					class="btn btn-sm btn-default" 
					ng-click="vm.lembrete.atualizar()">
					<span class="glyphicon glyphicon-refresh"></span>
					Atualizar
				</button> -->

				<p></p>

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

			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab5-container" name="" aria-labelledby="tab5-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.PERMISSOES_USUARIO.RESPONSAVEL == 0"
								ng-click="vm.CasosEnvolvidos.incluir()">
								<span class="glyphicon glyphicon-plus"></span> Incluir
							</button>
						</li>
					</ul>
					<div id="tabela_envolvidos" class="tabela_envolvidos"></div>
				</div>

				<!-- <button 
					type="button" 
					class="btn btn-sm btn-default" 
					ng-click="vm.Envolvidos.atualizar()">
					<span class="glyphicon glyphicon-refresh"></span>
					Atualizar
				</button>

				<p></p> -->

				<!-- <div style="display: -webkit-inline-box;" class="consulta_envolvidos"></div>

				<p></p>

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

			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab6-container" name="" aria-labelledby="tab6-tab" style="height: 100%; overflow: hidden auto;">
			<div class="row">

				<div class="list-workflows-vinc" ng-repeat="workflow in vm.CasosWorkflows.DADOS track by workflow.ID">
					<div class="row">

						<div class="tabela-workflows-vinculo" id="tabela-workflows-vinculo" ng-show="vm.CasosWorkflows.DADOS.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" style="font-weight: bold;"></th> -->
												<th class="text-center" colspan="@{{workflow.TAREFAS.length }}" style="font-weight: bold;">
													<span>@{{ workflow.DESC_ID }} - @{{ 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>
											<tr class="ng-isolate-scope">
												<!-- <th class="text-left">
													<span>Descrição</span>
												</th>
												<th class="text-left">
													<span>Data/Hora Início</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}}; color: @{{tarefa.COLUNA_COR_NOME}};" auto-title>
													<span>@{{ tarefa.TITULO }}</span>
												</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<!-- <td class="text-left">
													<span>@{{ workflow.DESCRICAO }}</span>
												</td>
												<td class="text-left">
													<span>@{{ workflow.DATAHORA_INSERT_FORMAT }}</span>
												</td> -->
												<td class="text-center" ng-repeat="tarefa in workflow.TAREFAS track by tarefa.ID" style="max-width: 250px; cursor: pointer;" ng-click="vm.CasosWorkflows.visualizarTarefa(workflow.ID, tarefa, '');">
													<div class="campo-status-tarefa" style="padding: 5px; background-color: @{{tarefa.STATUS_CONCLUSAO_COR}}; color: @{{tarefa.STATUS_CONCLUSAO_COR_NOME}};">
														<!-- <span>@{{ tarefa.EXIBE_VALOR_TAREFA }}</span> -->

														<div ng-show="tarefa.TIPO_DESCRICAO == '1'">
															<span>@{{ tarefa.COMENTARIO }}</span>
														</div>

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

														<div ng-repeat="camp in tarefa.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' : '' }">
																		<span>@{{ camp.SUBTASK_WORKFLOW.PROGRESSO }} %</span>
																	</div>
																</div>
															</div>
														</div>

													</div>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>

						<!-- Campos de Informações Gerais. 
						<div class="panel panel-primary" style="margin-bottom: 5px !important;"> 
							<div class="panel-heading collapsed" style="cursor: pointer !important;" tabindex="0" id="containerWorkflow1-@{{workflow.ID}}" data-toggle="collapse" data-target="#dadosWorkflow@{{workflow.ID}}" aria-expanded="true" aria-controls="dadosWorkflow@{{workflow.ID}}" ng-click="vm.changePainel('dadosWorkflow', workflow.ID);"> 				
								<h3 class="panel-title">@{{ workflow.TITULO }} <sub style="margin-left: 5px;"></sub>
									<i class="fa fa-chevron-circle-down" style="float: right; cursor: pointer;"
									ng-class="{ 'fa-chevron-circle-up'	: !workflow.DADOS_WORKFLOW@{{workflow.ID}},
												'fa-chevron-circle-down':  workflow.DADOS_WORKFLOW@{{workflow.ID}} }" aria-hidden="true">
									</i>
								</h3> 
							</div> 
							<div class="panel-body collapse" id="dadosWorkflow@{{workflow.ID}}" aria-expanded="false" style="height: 30px;">

								<div class="row">

									<div class="list-right">

										<! -- <div class="form-group">
											<label>Progresso:</label>
											<input
												type="text"
												ng-number-format="2"
												min="0.00"
												max="100.00"
												step="0.01"
												class="form-control" 
												ng-model="workflow.FRASE"
												readonly="readonly">
										</div> -- >

										<div class="form-group" style="width: 100%;">
											<div id="progress-bar-subtask" class="progress bar-progress-subtask" style="z-index: 2; width: calc(100% - 5px); margin: 0px 10px;">
												<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; width: @{{workflow.PROGRESSO}}%;" 
													ng-style="{ 'color' : workflow.PROGRESSO == 0 ? 'red' : '' }">
													<span>@{{ workflow.PROGRESSO }} %</span>
												</div>
											</div>
										</div>

									</div>

									<div class="list-tarefas-vinc list-left" ng-repeat="tarefa in workflow.TAREFAS track by tarefa.ID">
										<div class="row">

											<ul class="list-inline">
												<li ng-show="tarefa.ALTERANDO">
													<button ng-click="vm.CasosWorkflows.gravarTarefa(workflow.ID, tarefa, 1);" 
														type="button" class="btn btn-success" data-hotkey="">
														<span class="glyphicon glyphicon-ok"></span> Gravar
													</button>
												</li>

												<li ng-show="tarefa.ALTERANDO">
													<button ng-click="vm.CasosWorkflows.gravarTarefa(workflow.ID, tarefa, 2);" 
														type="button" class="btn btn-success" data-hotkey="">
														<span class="glyphicon glyphicon-ok"></span> Gravar e Concluir
													</button>
												</li>

												<li ng-show="!tarefa.ALTERANDO && (workflow.STATUS == 0)">
													<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" 
														ng-click="vm.CasosWorkflows.iniciarTarefa(workflow.ID, tarefa, 1);" 
														type="button" class="btn btn-primary" data-hotkey="">
														<span class="glyphicon glyphicon-play"></span> Iniciar
													</button>
												</li>

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

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

												<li ng-show="!tarefa.ALTERANDO && workflow.STATUS == 1">
													<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" 
														ng-click="vm.CasosWorkflows.alterarTarefa(workflow.ID, tarefa)" 
														type="button" class="btn btn-primary" data-hotkey="">
														<span class="glyphicon glyphicon-edit"></span> Alterar
													</button>
												</li>

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

												<li ng-show="!tarefa.ALTERANDO && (workflow.STATUS == 3)">
													<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" 
														ng-click="vm.CasosWorkflows.iniciarTarefa(workflow.ID, tarefa, 1, 1);" 
														type="button" class="btn btn-primary" data-hotkey="">
														<span class="glyphicon glyphicon-play"></span> Reiniciar
													</button>
												</li>

												<li ng-show="tarefa.ALTERANDO">
													<button ng-click="vm.CasosWorkflows.cancelarTarefa(workflow.ID, tarefa)" 
														type="button" class="btn btn-danger btn-cancelar" data-hotkey="">
														<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
													</button>
												</li>
											</ul>

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

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

											<br>

											<div class="form-group">
												<label>Comentário:</label>
												<textarea 
													type="text" 
													class="form-control" 
													cols="66" 
													rows="3" 
													maxlength="500" 
													ng-model="tarefa.COMENTARIO" 
													ng-readonly="!tarefa.ALTERANDO">
												</textarea>
											</div>

											<fieldset style="margin-top: 10px;">
												<legend></legend>
												<div style="margin-bottom: 10px; display: inline-flex; flex-wrap: wrap; align-content: center;">

													<div class="list-campo-vinc" ng-repeat="campo in tarefa.CAMPOS track by campo.ID">

														<div class="form-group" ng-show="campo.TIPO == 1">
															<label>@{{ campo.ROTULO }}:</label>
															<input 
																type="text" 
																maxlength="1000" 
																class="form-control normal-case campo@{{campo.ID}}" 
																ng-model="campo.VALOR" 
																ng-disabled="!tarefa.ALTERANDO">
														</div>

														<div class="form-group" ng-show="campo.TIPO == 2">
															<label>@{{ campo.ROTULO }}:</label>
															<input 
																type="text" 
																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="!tarefa.ALTERANDO">
														</div>

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

														<div class="form-group" ng-show="campo.TIPO == 4">
															<label>@{{ campo.ROTULO }}:</label>
															<select 
																ng-model="campo.VALOR" 
																class="campo@{{campo.ID}}" 
																ng-disabled="!tarefa.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">
															<label>@{{ campo.ROTULO }}:</label>
															<div style="width: 450px; height: 34px; border: solid 1px #cccccc; border-radius: 4px; background-color: #eeeeee; padding: 5px; overflow: hidden;">

																<div style="display: inline-flex; flex-wrap: nowrap; align-content: center; align-items: center; cursor: pointer;" ng-click="vm.CasosWorkflows.gerarSubworkflow(workflow.ID, campo.SUBTASK_WORKFLOW.ID, tarefa);">
																	<div style="margin: 0px 5px;">
																		<span class="t-status status-subtask" style="background-color: @{{campo.SUBTASK_WORKFLOW.STATUS_COLOR}};"></span>
																	</div>

																	<div style="margin: 0px 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 250px;">
																		<span>@{{ campo.SUBTASK_WORKFLOW.DESC_ID }} - @{{ campo.SUBTASK_WORKFLOW.TITULO }}</span>
																	</div>

																	<div id="progress-bar-subtask" class="progress bar-progress-subtask" style="z-index: 2; width: 150px; margin: 0px 10px;">
																		<div id="progress-bar-load-subtask" 
																			class="progress-bar progress-bar-striped progress-bar-animated bg-info" 
																			role="progressbar" aria-valuenow="@{{ campo.SUBTASK_WORKFLOW.PROGRESSO }}" 
																			aria-valuemin="0" aria-valuemax="100" style="font-weight: bold; width: @{{campo.SUBTASK_WORKFLOW.PROGRESSO}}%;" 
																			ng-style="{ 'color' : campo.SUBTASK_WORKFLOW.PROGRESSO == 0 ? 'red' : '' }">
																			<span>@{{ campo.SUBTASK_WORKFLOW.PROGRESSO }} %</span>
																		</div>
																	</div>
																</div>

															</div>
														</div>

													</div>

												</div>
											</fieldset>

										</div>
									</div>

								</div>

							</div>
						</div> -->

					</div>
				</div>

			</div>
		</div>

	</div>


	<!-- <fieldset ng-show="(!vm.Casos.ALTERANDO || vm.CasosItens.TIPO_ADD == 2) && vm.Casos.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.CasosItens.incluir()">
						<span class="glyphicon glyphicon-plus"></span> Incluir
					</button>
				</li>
			</ul>
			<div class="tabela_secundaria" id="tabela_secundaria"></div>
		</div>
	</fieldset> -->
	
	<!--
	<div ng-if="!vm.Casos.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.CasosItens.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.CasosItens.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.CasosItens.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.CasosItens.DADOS_RENDER = ( vm.CasosItens.DADOS | orderBy : vm.CasosItens.ORDER_BY | find: {model : vm.CasosItens.FILTRO_DADOS ,fields : 'all'})"
						ng-click="vm.CasosItens.visualizar()"
						ng-focus="vm.CasosItens.SELECTED = item"
						ng-class="{ 'selected' : vm.CasosItens.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