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

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

@section('modal-header-left')

<h4 class="modal-title">
	<span ng-if="!vm.Relatorio.ALTERANDO">{{ Lang::get('admin/_11081.titulo-exibir') }}</span>
	<span ng-if="vm.Relatorio.INCLUINDO">{{ Lang::get('admin/_11081.titulo-incluir') }}</span>
	<span ng-if="vm.Relatorio.ALTERANDO == true && vm.Relatorio.INCLUINDO == false">{{ Lang::get('admin/_11081.titulo-alterar') }}</span>	
</h4>

@overwrite

@section('modal-header-right')
	
	<button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.Relatorio.previousRecord()" ng-if="!vm.Relatorio.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.Relatorio.nextRecord()" ng-if="!vm.Relatorio.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-right"></span>
	</button>

	<button 
		type="button" 
		class="btn btn-info btn-incluir" 
		ng-click="vm.Relatorio.preExportarDoServidor()">
		<span class="glyphicon glyphicon-upload"></span> Enviar para Clientes
	</button>

	<button 
		type="button" 
		class="btn btn-warning btn-incluir" 
		ng-click="vm.RelatorioHTML.montar(1, vm.Relatorio.SELECTED.ID)">
		<span class="glyphicon glyphicon-repeat"></span> Pré-visualização
	</button>

	<button ng-if="vm.Relatorio.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.Relatorio.ALTERANDO" ng-click="vm.Relatorio.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.Relatorio.ALTERANDO" ng-click="vm.Relatorio.abrirModalComparativo(vm.Relatorio.SELECTED.ID)" type="button" class="btn btn-primary" data-hotkey="f8">
        <span class="glyphicon glyphicon-stats"></span> Comparar Relatórios
    </button>

	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.Relatorio.ALTERANDO" ng-click="vm.Relatorio.alterar()" type="button" class="btn btn-primary" data-hotkey="f9">
        <span class="glyphicon glyphicon-edit"></span> Alterar
    </button>
	
	<button ng-disabled="{{ userMenu($menu)->EXCLUIR }} == 0"  ng-if="!vm.Relatorio.ALTERANDO" ng-click="vm.Relatorio.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.Relatorio.ALTERANDO" data-consulta-historico data-tabela="TBRELATORIO_WEB" data-tabela-id="@{{ vm.Relatorio.SELECTED.ID }}" type="button" class="btn gerar-historico" data-hotkey="alt+h">
        <span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
    </button>
	
	<button ng-if="!vm.Relatorio.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Relatorio.fecharModal()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

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

	<!--<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>-->

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

		<div class="form-group">
            <label>
				Código:

				<a 
					tabindex="-1" 
					href="javascript:void(0)" 
					ng-click="( vm.Relatorio.ALTERANDO ? vm.Relatorio.carregarNovoID() : '' )" 
					ng-style="{ 'cursor' : vm.Relatorio.ALTERANDO ? 'pointer' : 'not-allowed' }">
					<span class="glyphicon glyphicon-refresh" title="Carregar novo código"></span>
				</a>
			</label>
            <input 
                type="nummber"
				required
				min="28000"
                class="form-control input-menor"
				ng-model="vm.Relatorio.SELECTED.CODIGO"
				ng-readonly="!vm.Relatorio.ALTERANDO"
				form-validate="true"
            >
        </div>
		
        <div class="form-group">
            <label>Descrição:</label>
            <input 
                type="text"
				style="width: 550px !important;"
                class="form-control input-maior" 
				id="descRelatorio"
                required
                ng-model="vm.Relatorio.SELECTED.DESCRICAO"
				ng-readonly="!vm.Relatorio.ALTERANDO"
                form-validate="true">
        </div>

		<div class="form-group">
          <label>Menu Grupo:</label>
		  <select style="width: 196px;"
			  ng-model="vm.Relatorio.SELECTED.MENU_GRUPO"
			  ng-readonly="!vm.Relatorio.ALTERANDO"
			  ng-disabled="!vm.Relatorio.ALTERANDO"
			  form-validate="true"
			  class="form-control relatorio-grupo input-medio">
				<option ng-repeat="menu in vm.Relatorio.ListaMenus | orderBy:'NOME'" ng-value="menu.MENU" >@{{menu.NOME}}</option>
          </select>
        </div>
		
		<div class="form-group">
			<label>Status:</label>
			<label class="switch">
				<input 
					type="checkbox" 
					ng-checked="vm.Relatorio.SELECTED.STATUS == '1'"
					ng-true-value="'1'"
					ng-false-value="'0'"
					ng-disabled="!vm.Relatorio.ALTERANDO"
					ng-click="vm.Relatorio.SELECTED.STATUS = (vm.Relatorio.SELECTED.STATUS == '1') ? '0' : '1'">
				<div class="slider"></div>
			</label>
		</div>
		
		<!-- <div style="display: -webkit-inline-box;" class="consulta-usuario"></div> -->
		<!-- <div class='div_arquivos'></div> -->

		<div class="form-group" ng-show="!vm.Relatorio.INCLUINDO">
            <label>Dt. Registro:</label>
            <input 
                type="text"
                class="form-control input-medio" 
                value="@{{ vm.Relatorio.SELECTED.DATAHORA_REGISTRO_FORMAT }}"
				ng-readonly="true">
        </div>

		<div class="form-group" ng-show="!vm.Relatorio.INCLUINDO">
            <label>Dt. Ult. Alteração:</label>
            <input 
                type="text"
                class="form-control input-medio" 
                value="@{{ vm.Relatorio.SELECTED.DATAHORA_ALTERACAO_FORMAT }}"
				ng-readonly="true">
        </div>

		<div class="form-group" ng-show="!vm.Relatorio.INCLUINDO">
            <label>Usuário:</label>
            <input 
                type="text"
                class="form-control input-medio" 
                value="@{{ vm.Relatorio.SELECTED.USUARIO_DESC }}"
				ng-readonly="true">
        </div>

    </div>

	<br>

	<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">
				Configurações
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento">
			<a href="#tab2-container" id="tab2-tab" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab2-container" aria-expanded="false">
				SQL 
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="( !vm.Relatorio.ALTERANDO ? vm.RelatorioSQL.consultar() : '' )"></span>
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento">
			<a href="#tab3-container" id="tab3-tab" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab3-container" aria-expanded="false">
				Parâmetros 
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="( !vm.Relatorio.ALTERANDO ? vm.RelatorioParametro.consultar() : '' )"></span>
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento">
			<a href="#tab4-container" id="tab4-tab" data-hotkey="alt+4" role="tab" data-toggle="tab" aria-controls="tab4-container" aria-expanded="false">
				Campos 
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="( !vm.Relatorio.ALTERANDO ? vm.RelatorioCampos.consultar() : '' )"></span>
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento"  ng-if="vm.Relatorio.SELECTED.TIPO != 3">
			<a href="#tab5-container" id="tab5-tab" data-hotkey="alt+5" role="tab" data-toggle="tab" aria-controls="tab5-container" aria-expanded="false">
				Agrupamentos
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="( !vm.Relatorio.ALTERANDO ? vm.RelatorioGrupos.consultar() : '' )"></span>
			</a>
		</li>

		<!--
		<li role="presentation" class="tab-detalhamento">
			<a href="#tab6-container" id="tab1-tab" data-hotkey="alt+6" role="tab" data-toggle="tab" aria-controls="tab6-container" aria-expanded="false" ng-click="vm.Relatorio.montarEditorJS();">
				Fórmulas
			</a>
		</li>
		-->

		<li role="presentation" class="tab-detalhamento">
			<a href="#tab7-container" id="tab7-tab" data-hotkey="alt+7" role="tab" data-toggle="tab" aria-controls="tab7-container" aria-expanded="false">
				Usuários
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="( !vm.Relatorio.ALTERANDO ? vm.RelatorioUsuario.consultar() : '' )"></span>
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento">
			<a href="#tab8-container" id="tab8-tab" data-hotkey="alt+8" role="tab" data-toggle="tab" aria-controls="tab8-container" aria-expanded="false">
				Telas
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="( !vm.Relatorio.ALTERANDO ? vm.RelatorioTela.consultar() : '' )"></span>
			</a>
		</li>

		<!-- <li role="presentation" class="tab-detalhamento"  ng-if="vm.Relatorio.SELECTED.TIPO != 3">
			<a href="#tab9-container" id="tab9-tab" data-hotkey="alt+9" role="tab" data-toggle="tab" aria-controls="tab9-container" aria-expanded="false">
				Gráficos
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="( !vm.Relatorio.ALTERANDO ? vm.RelatorioGrafico.consultar() : '' )"></span>
			</a>
		</li> -->

		<li role="presentation" class="tab-detalhamento">
			<a href="#tab10-container" id="tab10-tab" data-hotkey="alt+6" role="tab" data-toggle="tab" aria-controls="tab10-container" aria-expanded="false">
				Servidores
				<span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="( !vm.Relatorio.ALTERANDO ? vm.RelatorioServidor.consultar() : '' )"></span>
			</a>
		</li>

	</ul>

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

				<div class="form-group">
					<label style="opacity: 0;">:</label>
					<button 
						type="button" 
						class="btn btn-primary"
						ng-click="vm.Relatorio.tratarJS()">
						<span class="glyphicon glyphicon-pawn"></span> (1) Fórmula de Formatação <br id="br1" style="display: none;"/> de Campos e Valores
					</button>
				</div>

				<div class="form-group">
					<label style="opacity: 0;">:</label>
					<button 
						type="button" 
						class="btn btn-primary"
						ng-click="vm.Relatorio.tratarJS2()">
						<span class="glyphicon glyphicon-pawn"></span> (2) Fórmula de Validação <br id="br2" style="display: none;"/> de Filtragem
					</button>
				</div>

				<div class="form-group">
					<label style="opacity: 0;">:</label>
					<button 
						type="button" 
						class="btn btn-primary"
						ng-click="vm.Relatorio.tratarJS3()">
						<span class="glyphicon glyphicon-pawn"></span> (3) Fórmula de Formatação <br id="br3" style="display: none;"/> da Tabela e Dados
					</button>
				</div>

				<div class="form-group">
					<label style="opacity: 0;">:</label>
					<button 
						type="button" 
						class="btn btn-warning"
						ng-click="vm.Relatorio.tratarJS4()">
						<span class="glyphicon glyphicon-globe"></span> JS
					</button>
				</div>

				<div class="form-group">
					<label style="opacity: 0;">:</label>
					<button 
						type="button" 
						class="btn btn-warning"
						ng-click="vm.Relatorio.tratarJS5()">
						<span class="glyphicon glyphicon-globe"></span> HTML
					</button>
				</div>

				<br><br>

				<div class="form-group">
					<label>Totalizador:</label>
					<select ng-model="vm.Relatorio.SELECTED.TOTALIZADOR" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 196px;"class="form-control input-menor">
						<option ng-value="0">Não</option>
						<option ng-value="1">Sim</option>
					</select>
				</div>

				<div class="form-group">
					<label>Executar Comandos:</label>
					<select ng-model="vm.Relatorio.SELECTED.EXECUTAR_COMANDOS" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 160px !important"class="form-control input-menor">
						<option ng-value="0">Não</option>
						<option ng-value="1">Sim</option>
					</select>
				</div>

				<div class="form-group">
					<label>Mostrar Tabela:</label>
					<select ng-model="vm.Relatorio.SELECTED.MOSTRAR_TABELA" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 160px !important"class="form-control input-menor">
						<option ng-value="0">Não</option>
						<option ng-value="1">Sim</option>
					</select>
				</div>

				<!--
				<div class="form-group">
					<label>Zebrado:</label>
					<select ng-model="vm.Relatorio.SELECTED.ZEBRADO" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 196px;"class="form-control input-menor">
						<option ng-value="0">Não</option>
						<option ng-value="1">Sim</option>
					</select>
				</div>
				-->

				<div class="form-group">
					<label>Paisagem:</label>
					<select ng-model="vm.Relatorio.SELECTED.PAISAGEM" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 196px;" class="form-control input-menor">
						<option ng-value="0">Não</option>
						<option ng-value="1">Sim</option>
					</select>
				</div>

				<div class="form-group">
					<label>Cabeçalho na Impressão:</label>
					<select ng-model="vm.Relatorio.SELECTED.CABECALHO_RELATORIO" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 170px !important;" class="form-control input-menor">
						<option ng-value="0">Não</option>
						<option ng-value="1">Sim</option>
					</select>
				</div>

				

				<!--
				<div class="form-group">
					<label>Acordeon:</label>
					<select ng-model="vm.Relatorio.SELECTED.ACORDEON" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 196px;"class="form-control input-menor">
						<option ng-value="0">Não</option>
						<option ng-value="1">Sim</option>
					</select>
				</div>
				-->

				<div class="form-group">
					<label>Versão:</label>
					<input 
						type="text" 
						ng-number-format="0" 
						min="1" 
						max="99999999" 
						step="1" 
						name="relatorio-versao" 
						class="form-control input-menor" 
						ng-model="vm.Relatorio.SELECTED.VERSAO_IMP" 
						ng-readonly="!vm.Relatorio.ALTERANDO && !vm.Relatorio.INCLUINDO" 
						style="text-align: end;" 
						autofocus="">
				</div>

				<!--
				<div class="form-group">
					<label>Fonte Web:</label>
					<input type="number" style="text-align: end;" name="relatorio-fonteweb" ng-readonly="!vm.Relatorio.ALTERANDO" ng-model="vm.Relatorio.SELECTED.FONTE_WEB" placeholder="10" class="form-control input-menor" autofocus="" required="">
				</div>

				<div class="form-group">
					<label>Fonte Exp:</label>
					<input type="number" style="text-align: end;" name="relatorio-fonteexp" ng-readonly="!vm.Relatorio.ALTERANDO" ng-model="vm.Relatorio.SELECTED.FONTE_EXP" placeholder="8" class="form-control input-menor" autofocus="" required="">
				</div>
				-->

				<!--
				<div class="form-group">
					<label>Qtd. Reg. Pagina:</label>
					<input type="number" style="text-align: end; width: 120px;" name="relatorio-fonteexp" ng-readonly="!vm.Relatorio.ALTERANDO" ng-model="vm.Relatorio.SELECTED.FONTE_EXP" placeholder="8" class="form-control input-menor" autofocus="" required="">
				</div>
				-->

				<!-- <div class="form-group">
					<label>Larg. T. Multiplo (PX):</label>
					<input type="number" min="0" style="text-align: end; width: 150px !important;" ng-readonly="!vm.Relatorio.ALTERANDO" ng-model="vm.Relatorio.SELECTED.LARGURA" placeholder="200" class="form-control input-menor" autofocus="" required="">
				</div> -->

				<div class="form-group">
					<label ttitle="Quantidade de consultas que serão agrupadas em um mesmo combo de consultas múltiplas. As consultas serão quebradas de acordo com a quantidade informada.">Qtd.Consultas Agrup.:</label>
					<input type="number" min="0" style="text-align: end; width: 200px !important;" ng-readonly="!vm.Relatorio.ALTERANDO" ng-model="vm.Relatorio.SELECTED.QTD_CONSULTA_AGRUPAMENTO" placeholder="200" class="form-control input-menor" autofocus="" required="">
				</div>

				<div class="form-group">
					<label>Comp. T. Multiplo (PX):</label>
					<input type="number" min="0" style="text-align: end; width: 150px !important;" ng-readonly="!vm.Relatorio.ALTERANDO" ng-model="vm.Relatorio.SELECTED.COMPRIMENTO" placeholder="800" class="form-control input-menor" autofocus="" required="">
				</div>

				<div class="form-group">
					<label>Tipo Relatório:</label>
					<select style="width: 196px;"
						ng-model="vm.Relatorio.SELECTED.TIPO"
						ng-readonly="!vm.Relatorio.ALTERANDO"
						ng-disabled="!vm.Relatorio.ALTERANDO"
						form-validate="true"
						class="form-control relatorio-grupo input-medio">
						<option ng-value="3" >DataTables</option>
						<option ng-value="2" >TabelaJS</option>
						<option ng-value="1" >RelatorioJS</option>
						<option ng-value="4" >Graficos</option>
					</select>
				</div>

				<br>
				
				<div class="form-group">
					<label>Histórico de Alterações:</label>
					<textarea class="form-control normal-case" cols="85" rows="4"
						maxlength="10000" ng-model="vm.Relatorio.SELECTED.OBSERVACAO"
						ng-readonly="!vm.Relatorio.ALTERANDO">
					</textarea>
				</div>

				<div class="form-group">
					<label>Observações do Relatório:</label>
					<textarea class="form-control normal-case" cols="85" rows="4"
						maxlength="10000" ng-model="vm.Relatorio.SELECTED.OBSERVACAO_VISUAL"
						ng-readonly="!vm.Relatorio.ALTERANDO">
					</textarea>
				</div>

			</div>
			<div class="row">
				<div class="form-group" style="display: grid; margin-top: 13px;">
					<label style="margin-left: 15px; z-index: 1; background-color: rgb(255, 255, 255); width: fit-content; padding-right: 5px; padding-left: 5px;">Configuração CSV:</label>
					<div class="form-group" style="display: flex; width: fit-content; padding-left: 15px; padding-bottom: 15px; border-radius: 9px;
												border-width: 1px 1px 1px 1px; border-color: rgb(221, 221, 221); border-style: solid; margin-top: -9px;">
						<div class="form-group" style="display: grid;">
							<div class="form-group" style="display: flex;">
								
								<div class="form-group">
									<label>Separador entre campos:</label>
									<input ng-model="vm.Relatorio.SELECTED.SEPARADOR_CSV" maxlength="1"
										ng-disabled="!vm.Relatorio.ALTERANDO" class="form-control">
								</div>
								
								<div class="form-group">
									<label>Decimal:</label>
									<select ng-model="vm.Relatorio.SELECTED.SEPARADOR_DECIMAL_CSV" 
										ng-disabled="!vm.Relatorio.ALTERANDO" class="form-control">
										<option ng-value="'.'">Separar com Ponto</option>
										<option ng-value="','">Separar com Vírgula</option>
									</select>
								</div>
								
								<div class="form-group">
									<label>Aspas nos valores:</label>
									<select ng-model="vm.Relatorio.SELECTED.ASPAS_VALORES_CSV" 
										style="width: 140px;" ng-disabled="!vm.Relatorio.ALTERANDO" 
										class="form-control">
										<option ng-value="'0'">Não</option>
										<option ng-value="'1'">Sim</option>
									</select>
								</div>
								
								<div class="form-group">
									<label>Cabeçalho:</label>
									<select ng-model="vm.Relatorio.SELECTED.CABECALHO_CSV" 
										ng-disabled="!vm.Relatorio.ALTERANDO" class="form-control">
										<option ng-value="'0'">Não</option>
										<option ng-value="'1'">Sim</option>
									</select>
								</div>

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

		<div role="tabpanel" class="tab-pane" id="tab2-container"  aria-labelledby="tab2-tab" style="height: 100%; overflow: hidden auto;">
			<div class="row">
				<div  ng-show="true">   
					<ul class="list-inline">    
						<li>
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 
								data-hotkey="f6"
								ng-disabled="!vm.Relatorio.ALTERANDO" 
								ng-click="vm.RelatorioSQL.incluir()">
								<span class="glyphicon glyphicon-plus"></span> Incluir
							</button>
						</li>                                         
					</ul>
					<div class="tabela_sql" id="tabela_sql"></div>
				</div>
			</div>
		</div>

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

					<ul class="list-inline">    
						<li>
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 
								data-hotkey="f6"
								ng-disabled="!vm.Relatorio.ALTERANDO" 
								ng-click="vm.RelatorioParametro.tratarSql()">
								<span class="glyphicon glyphicon-repeat"></span> Carregar Parametros
							</button>
						</li>   
						
						<!-- <li>
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 
								ng-disabled="!vm.Relatorio.ALTERANDO" 
								ng-click="vm.RelatorioParametro.tratarOrdem()">
								<span class="glyphicon glyphicon-ok"></span> Aplicar Ordem
							</button>
						</li> -->
					</ul>

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

					<div class="campos-tabela-conteiner">
						<div id="lista-param-tabela" class="campos-tabela" style="width: 204px; height: 889px; overflow: hidden;">
							<div class="campo-tabela-desc">
								<div style="max-width: calc(100% - 5px); text-overflow: ellipsis; overflow: hidden;" auto-title>
									LISTA DE PARÂMETROS
								</div>

								<!-- <span class="glyphicon glyphicon-eye-open" ng-click="( !vm.Relatorio.ABA_SQL_CAMPO ? vm.Relatorio.abrirJanelSQL() : vm.Relatorio.fecharJanelaSQL() )" title="Visualizar SQL" style="float: right; margin: -15px 5px 5px 5px; cursor: pointer; color: #fff;"></span> -->
							</div>
							<!-- <div style="width: 100%; height: 40px; margin-bottom: 5px;">

								<div class="form-group" style="width: calc(100% - 60px); padding-top: 10px;">
									<input 
										type="text" 
										id="nome_campo_inc" 
										class="form-control input-medio inc_campo_main" 
										placeholder="Parâmetro do SQL"
										ng-model="vm.RelatorioParametro.nome_campo_inc" 
										ng-disabled="!vm.Relatorio.ALTERANDO" 
										style="display: inline-block; height: 26px; padding: 2px 7px; line-height: 1em; width: 100% !important;">
								</div>

								<div class="form-group" style="padding-top: 12px; width: fit-content; padding-right: 10px;">
									<button ng-disabled="!vm.Relatorio.ALTERANDO" type="button" id="btn-table-inc-campo" class="btn btn-xs btn-primary" ng-click="vm.RelatorioParametro.confirmarIncluir()" style="height: 24px;">
										<span class="glyphicon glyphicon-plus"></span>
									</button>
								</div>	

							</div> -->
							<div id="box-site2" style="width: 100%; height: calc(100% - 25px); overflow: hidden auto;">

								<div draggable="true" class="box-site2" ng-repeat="ordem in vm.RelatorioParametro.CAMPOS_DISP | orderBy : 'ORDEM'">
									<div id="@{{ ordem.ORDEM }}" data-ordem="@{{ ordem.ORDEM }}" data-campo="@{{ ordem.CAMPO }}" 
										style="width: 195px; height: 40px; padding: 0.12rem; text-align: center; border-radius: 3px; background-color: #a3d9f9; color: #333; border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff;">
										<div style="max-width: calc(100% - 30px); text-overflow: ellipsis; overflow: hidden;" auto-title>
											@{{ ordem.CAMPO }} 
										</div>

										<span class="glyphicon glyphicon-edit" ng-click="( vm.Relatorio.ALTERANDO ? vm.RelatorioParametro.alterarCampo(ordem) : '' )" title="Alterar Parâmetro" style="float: right; margin: -15px 5px 5px 5px; cursor: pointer; color: white;" ng-style="{ 'cursor' : vm.Relatorio.ALTERANDO ? 'pointer' : 'not-allowed' }"></span>
									</div>
								</div>

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

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

					<div class="campos-tabela-conteiner" ng-repeat="item in vm.RelatorioParametro.DADOS | orderBy:'ORDEM'" ng-if="item.TRATADO == true">
						<div class="campos-tabela">
							<div class="campo-tabela-desc">@{{item.PARAMETRO}}</div>
							Status:
								<select ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 196px;" class="c-variavel-PARAN-chec" required="" ng-model="item.STATUS">
									<option ng-value="1">Ativo</option>
									<option ng-value="0">Inativo</option>
								</select>
							Título do Parâmetro:
								<input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="text" class="normal-case normalcase  c-variavel-PARAN-desc parametro-imput" ng-model="item.DESCRICAO">
							Título (Hint):
								<input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="text" class="normal-case normalcase  c-variavel-PARAN-desc parametro-imput" ng-model="item.TTITLE">
							Valor para Carregar Campos:
								<input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="text" 					class="dados-tipo-1 parametro-imput" ng-if="item.TIPO == 1" ng-model="item.VALOR_S">
								<input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="number"  step="0.0001"	class="dados-tipo-2 parametro-imput" ng-if="item.TIPO == 2" ng-model="item.VALOR_N">
								<input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="date" 					class="dados-tipo-1 parametro-imput" ng-if="item.TIPO == 3" ng-model="item.VALOR_D">
								<input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="datetime-local" 		class="dados-tipo-1 parametro-imput" ng-if="item.TIPO == 4" ng-model="item.VALOR_T">
							Valor Padrão:
								<input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="text" 					class="dados-tipo-1 parametro-imput" ng-if="item.TIPO == 1" ng-model="item.VALORP_S">
								<input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="number"  step="0.0001"	class="dados-tipo-2 parametro-imput" ng-if="item.TIPO == 2" ng-model="item.VALORP_N">
								<input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="date" 					class="dados-tipo-1 parametro-imput" ng-if="item.TIPO == 3" ng-model="item.VALORP_D">
								<input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="datetime-local"  		class="dados-tipo-1 parametro-imput" ng-if="item.TIPO == 4" ng-model="item.VALORP_T">
							Tipo Valor:
								<select ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 196px;" class="c-variavel-PARAN-chec" required="" ng-model="item.TIPO">
									<option ng-value="1">01 - string</option>
									<option ng-value="2">02 - número</option>
									<option ng-value="3">03 - data</option>
									<option ng-value="4">04 - Data/Hora</option>
								</select>
							Tipo Parâmetro:
								<select ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 196px;" class="c-variavel-PARAN-chec" required="" ng-model="item.TIPO_PARAMETRO">
									<option ng-value="1">01 - Valor</option>
									<option ng-value="2">02 - Consulta (Único)</option>
									<option ng-value="6">03 - Consulta (Multiplo)</option>
									<option ng-value="3">04 - Lista</option>
									<option ng-value="4">05 - Checkbox</option>
									<option ng-value="5">06 - Radio Button</option>
									<option ng-value="7">07 - Ficha de Processo (Modelo)</option>
								</select>
							Vincular ao Usuário:
								<select ng-readonly="!vm.Relatorio.ALTERANDO || (item.TIPO_PARAMETRO != 2 && item.TIPO_PARAMETRO != 6)" ng-disabled="!vm.Relatorio.ALTERANDO || (item.TIPO_PARAMETRO != 2 && item.TIPO_PARAMETRO != 6)" style="width: 196px;" class="" ng-model="item.RECEBER_DO_USUARIO">
									<option ng-value="0">00 - Não</option>
									<option ng-value="1">01 - Sim</option>
								</select>
							Tabela Consulta:
								<button ng-disabled="item.TIPO_PARAMETRO < 3 || item.TIPO_PARAMETRO == 7 || !vm.Relatorio.ALTERANDO" ng-if="(item.TIPO_PARAMETRO != 2 && item.TIPO_PARAMETRO != 6) && vm.Relatorio.ALTERANDO" ng-click="vm.RelatorioParametro.addItens(item)" type="button" class="btn btn-primary parametro-imput">
									<span class="glyphicon glyphicon-edit"></span> Adicionar Itens
								</button>
								<button ng-disabled="item.TIPO_PARAMETRO < 3 || item.TIPO_PARAMETRO == 7 || vm.Relatorio.ALTERANDO" ng-if="(item.TIPO_PARAMETRO != 2 && item.TIPO_PARAMETRO != 6) && !vm.Relatorio.ALTERANDO" ng-click="vm.RelatorioParametro.addItens(item)" type="button" class="btn btn-info parametro-imput">
									<span class="glyphicon glyphicon-eye-open"></span> Visualizar Itens
								</button>
								<select ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO"  style="width: 196px;" class="c-variavel-PARAN-chec" required="" ng-model="item.FCONSULTA" ng-if="item.TIPO_PARAMETRO == 2 || item.TIPO_PARAMETRO == 6">
									<option ng-repeat="consulta in vm.ListaConsultas | orderBy:'NOME'" ng-value="consulta">@{{ consulta.NOME }}</option>
								</select>
							Campo:
								<select ng-if="item.TIPO_PARAMETRO == 2 || item.TIPO_PARAMETRO == 6" ng-readonly="!vm.Relatorio.ALTERANDO || (item.TIPO_PARAMETRO != 2 && item.TIPO_PARAMETRO != 6)" ng-disabled="!vm.Relatorio.ALTERANDO || (item.TIPO_PARAMETRO != 2 && item.TIPO_PARAMETRO != 6)"  style="width: 196px;" class="c-variavel-PARAN-chec" required="" ng-model="item.CAMPO">
									<option ng-repeat="campo in item.FCONSULTA.CAMPOS" ng-value="campo">@{{ campo }}</option>
								</select>
								<input ng-if="(item.TIPO_PARAMETRO != 2 && item.TIPO_PARAMETRO != 6)" ng-readonly="!vm.Relatorio.ALTERANDO || (item.TIPO_PARAMETRO != 2 && item.TIPO_PARAMETRO != 6)" ng-disabled="!vm.Relatorio.ALTERANDO || (item.TIPO_PARAMETRO != 2 && item.TIPO_PARAMETRO != 6)"  type="text" class="c-variavel-PARAN-desc parametro-imput" value="">
						
							Tipo SQL:
								<select ng-readonly="!vm.Relatorio.ALTERANDO || (item.TIPO_PARAMETRO != 1 && item.TIPO_PARAMETRO != 2 && item.TIPO_PARAMETRO != 6 && item.TIPO_PARAMETRO != 5 && item.TIPO_PARAMETRO != 7)" ng-disabled="!vm.Relatorio.ALTERANDO || (item.TIPO_PARAMETRO != 1 && item.TIPO_PARAMETRO != 2 && item.TIPO_PARAMETRO != 6 && item.TIPO_PARAMETRO != 5 && item.TIPO_PARAMETRO != 7)" style="width: 196px;" class="" ng-model="item.TIPO_SQL">
									<option ng-value="0">in/=</option>
									<option ng-value="5">not in/=</option>
									<!--<option ng-value="1">or/=</option>-->
									<option ng-value="2">or/= (A%)</option>
									<option ng-value="3">or/= (%A%)</option>
									<option ng-value="4">or/= (%A)</option>
								</select>
							Sql:
								<div style="width: 100%;">
									<input ng-readonly="!vm.Relatorio.ALTERANDO || (item.TIPO_PARAMETRO != 1 && item.TIPO_PARAMETRO != 2 && item.TIPO_PARAMETRO != 6 && item.TIPO_PARAMETRO != 5 && item.TIPO_PARAMETRO != 7)" ng-disabled="!vm.Relatorio.ALTERANDO || (item.TIPO_PARAMETRO != 1 && item.TIPO_PARAMETRO != 2 && item.TIPO_PARAMETRO != 6 && item.TIPO_PARAMETRO != 5 && item.TIPO_PARAMETRO != 7)"  type="text" class="c-variavel-PARAN-desc parametro-imput" style="width: calc(100% - 40px); border-radius: 4px 0px 0px 4px;" ng-model="item.SQL">

									<button ng-if="vm.Relatorio.ALTERANDO" ng-click="vm.Relatorio.editarSQLCampoParametro(item, 1, 'SQL', $event)" type="button" class="btn btn-sm btn-primary" style="width: 40px; height: 34px; margin: -3px 0px 0px -4px; border-radius: 0px 4px 4px 0px;">
										<span class="glyphicon glyphicon-edit"></span>
									</button>
									<button ng-if="!vm.Relatorio.ALTERANDO" ng-click="vm.Relatorio.editarSQLCampoParametro(item, 0, 'SQL', $event)" type="button" class="btn btn-sm btn-info" style="width: 40px; height: 34px; margin: -3px 0px 0px -4px; border-radius: 0px 4px 4px 0px;">
										<span class="glyphicon glyphicon-eye-open"></span>
									</button>
								</div>
							Sql (%):
								<div style="width: 100%;">
									<input ng-readonly="!vm.Relatorio.ALTERANDO || (item.TIPO_PARAMETRO != 1 && item.TIPO_PARAMETRO != 2 && item.TIPO_PARAMETRO != 6 && item.TIPO_PARAMETRO != 5 && item.TIPO_PARAMETRO != 7) || (item.TIPO_SQL < 2 || item.TIPO_SQL == 5)" ng-disabled="!vm.Relatorio.ALTERANDO || (item.TIPO_PARAMETRO != 1 && item.TIPO_PARAMETRO != 2 && item.TIPO_PARAMETRO != 6 && item.TIPO_PARAMETRO != 5 && item.TIPO_PARAMETRO != 7) || (item.TIPO_SQL < 2 || item.TIPO_SQL == 5)"  type="text" class="c-variavel-PARAN-desc parametro-imput" style="width: calc(100% - 40px); border-radius: 4px 0px 0px 4px;" ng-model="item.SQL_LIKE">

									<button ng-if="vm.Relatorio.ALTERANDO" ng-click="vm.Relatorio.editarSQLCampoParametro(item, 1, 'SQL_LIKE', $event)" type="button" class="btn btn-sm btn-primary" style="width: 40px; height: 34px; margin: -3px 0px 0px -4px; border-radius: 0px 4px 4px 0px;">
										<span class="glyphicon glyphicon-edit"></span>
									</button>
									<button ng-if="!vm.Relatorio.ALTERANDO" ng-click="vm.Relatorio.editarSQLCampoParametro(item, 0, 'SQL_LIKE', $event)" type="button" class="btn btn-sm btn-info" style="width: 40px; height: 34px; margin: -3px 0px 0px -4px; border-radius: 0px 4px 4px 0px;">
										<span class="glyphicon glyphicon-eye-open"></span>
									</button>
								</div>
							Comprimento Campo:
								<input ng-readonly="!vm.Relatorio.ALTERANDO || (item.TIPO_PARAMETRO != 1 && item.TIPO_PARAMETRO != 3 && item.TIPO_PARAMETRO != 2)" ng-disabled="!vm.Relatorio.ALTERANDO || (item.TIPO_PARAMETRO != 1 && item.TIPO_PARAMETRO != 3 && item.TIPO_PARAMETRO != 2)"  type="number" class="c-variavel-PARAN-desc parametro-imput" min="0" ng-model="item.COMPRIMENTO">
							Obrigatório:
								<select ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 196px;" class="" ng-model="item.OBRIGATORIO">
									<option ng-value="0">00 - Não</option>
									<option ng-value="1">01 - Sim</option>
								</select>
							Ordem: 
								<input ng-readonly="true" ng-disabled="true" type="number" class="" onclick="select()" ng-model="item.FORDEM">

							
						</div>
					</div>

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

		<div role="tabpanel" class="tab-pane" id="tab4-container"  aria-labelledby="tab4-tab" style="height: 100%; overflow: hidden auto;">
			<div class="row">
				<div>   
					<ul class="list-inline">    
						<li>
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 
								ng-disabled="!vm.Relatorio.ALTERANDO" 
								ng-click="vm.RelatorioCampos.incluirCampo()">
								<span class="glyphicon glyphicon-plus"></span> Incluir Campo
							</button>
						</li>

						<li>
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 
								ng-disabled="!vm.Relatorio.ALTERANDO" 
								ng-click="vm.RelatorioCampos.tratarCampos()">
								<span class="glyphicon glyphicon-repeat"></span> Carregar Campos
							</button>
						</li>   
						
						<!-- <li>
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 
								ng-disabled="!vm.Relatorio.ALTERANDO" 
								ng-click="vm.RelatorioCampos.tratarOrdem()">
								<span class="glyphicon glyphicon-ok"></span> Aplicar Ordem
							</button>
						</li> -->

						<li>
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 
								ng-disabled="!vm.Relatorio.ALTERANDO" 
								ng-click="vm.Relatorio.removerCor()">
								<span class="glyphicon glyphicon-adjust"></span> Remover cor das colunas
							</button>
						</li>   

						<li>
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 
								ng-disabled="!vm.Relatorio.ALTERANDO" 
								ng-click="vm.Relatorio.aplicarCor()">
								<span class="glyphicon glyphicon-tint"></span> Aplicar cor nas colunas
							</button>
						</li>   
						
						<li ng-repeat="sql in vm.RelatorioCampos.SQL_TRATADO">
							<button 
								type="button" 
								class="btn btn-default"
								ng-click="vm.RelatorioCampos.opemSQL(sql)"
								ng-if="vm.Relatorio.ALTERANDO">
								<span class="glyphicon glyphicon-eye-open"></span> @{{ sql.DESCRICAO }}
							</button>
						</li>   
					</ul>

					<div class="lista-campos"><div>

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

						<div id="card-janela-sql" ng-show="vm.Relatorio.ABA_SQL_CAMPO">

							<div class="row row-botoes">

								<div style="
									width: 20px;
									height: 20px;
									float: left;
									transform: rotate(45deg);
									margin: 0px 0px 0px -15px;
									background-color: #fff;
									border-left: solid 1px #ddd;
									border-bottom: solid 1px #ddd;">
								</div>

								<div class="form-group">
									<span style="font-size: 12pt; font-weight: bold;">SQL Principal - ID: @{{ vm.Relatorio.ID_SQL_EXIBIDO }}</span>
								</div>

								<div class="form-group" style="float: right;">
									<button 
										type="button" 
										class="btn btn-sm btn-danger" 
										ng-click="vm.Relatorio.fecharJanelaSQL()">
										<span class="glyphicon glyphicon-remove"></span> Fechar
									</button>
								</div>

							</div>
							
							<div class="row row-conteudo">

								<textarea style="height: 100%;" ng-show="vm.Relatorio.SHOW_SQL3 == true" id="sql_editor3" class="sql_editor3" ></textarea>

							</div>

						</div>

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

						<div class="campos-tabela-conteiner">
							<div id="lista-campos-tabela" class="campos-tabela" style="width: 204px; height: 889px; overflow: hidden;" ng-style="{ 'height' : vm.Relatorio.SELECTED.TIPO == 3 ? '948px' : '889px' }">
								<div class="campo-tabela-desc">
									<div style="max-width: calc(100% - 30px); text-overflow: ellipsis; overflow: hidden;" auto-title>
										LISTA DE CAMPOS
									</div>

									<span class="glyphicon glyphicon-eye-open" ng-click="( !vm.Relatorio.ABA_SQL_CAMPO ? vm.Relatorio.abrirJanelSQL() : vm.Relatorio.fecharJanelaSQL() )" title="Visualizar SQL" style="float: right; margin: -15px 5px 5px 5px; cursor: pointer; color: #fff;"></span>
								</div>
								<div style="width: 100%; height: 40px; margin-bottom: 5px;">

									<div class="form-group" style="width: calc(100% - 60px); padding-top: 10px;">
										<input 
											type="text" 
											id="nome_campo_inc" 
											class="form-control input-medio inc_campo_main" 
											placeholder="Campo do SQL"
											ng-model="vm.RelatorioCampos.nome_campo_inc" 
											ng-disabled="!vm.Relatorio.ALTERANDO" 
											style="display: inline-block; height: 26px; padding: 2px 7px; line-height: 1em; width: 100% !important;">
									</div>

									<div class="form-group" style="padding-top: 12px; width: fit-content; padding-right: 10px;">
										<button ng-disabled="!vm.Relatorio.ALTERANDO" type="button" id="btn-table-inc-campo" class="btn btn-xs btn-primary" ng-click="vm.RelatorioCampos.confirmarIncluir()" style="height: 24px;">
											<span class="glyphicon glyphicon-plus"></span>
										</button>
									</div>	

								</div>
								<div id="box-site" style="width: 100%; height: calc(100% - 65px); overflow: hidden auto;">

									<div draggable="true" class="box-site" ng-repeat="ordem in vm.RelatorioCampos.CAMPOS_DISP | orderBy : 'ORDEM'">
										<div id="@{{ ordem.ORDEM }}" data-ordem="@{{ ordem.ORDEM }}" data-campo="@{{ ordem.CAMPO }}" 
											style="width: 195px; height: 40px; padding: 0.12rem; text-align: center; border-radius: 3px; background-color: #a3d9f9; color: #333; border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff;">
											<div style="max-width: calc(100% - 30px); text-overflow: ellipsis; overflow: hidden;" auto-title>
												@{{ ordem.CAMPO }} 
											</div>

											<span class="glyphicon glyphicon-trash" ng-click="( vm.Relatorio.ALTERANDO ? vm.RelatorioCampos.excluirCampo(ordem) : '' )" title="Excluir Campo" style="float: right; margin: 0px 5px 5px 5px; cursor: pointer; color: red;" ng-style="{ 'cursor' : vm.Relatorio.ALTERANDO ? 'pointer' : 'not-allowed' }"></span>
											<span class="glyphicon glyphicon-edit" ng-click="( vm.Relatorio.ALTERANDO ? vm.RelatorioCampos.alterarCampo(ordem) : '' )" title="Alterar Campo" style="float: right; margin: -20px -20px 5px 5px; cursor: pointer; color: white;" ng-style="{ 'cursor' : vm.Relatorio.ALTERANDO ? 'pointer' : 'not-allowed' }"></span>
										</div>
									</div>

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

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

						<div class="campos-tabela-conteiner" ng-repeat="campo in vm.RelatorioCampos.DADOS | orderBy:'ORDEM'" ng-if="campo.TRATADO == true">
							<div class="campos-tabela">
								<div class="campo-tabela-desc">
									<div style="max-width: calc(100% - 30px); text-overflow: ellipsis; overflow: hidden;" auto-title>
										@{{campo.CAMPO}}
									</div>
								
									<span class="glyphicon glyphicon-trash" ng-click="( vm.Relatorio.ALTERANDO ? vm.RelatorioCampos.excluirCampo(campo) : '' )" title="Excluir Campo" style="float: right; margin: -15px 5px 5px 5px; cursor: pointer; color: red;" ng-style="{ 'cursor' : vm.Relatorio.ALTERANDO ? 'pointer' : 'not-allowed' }"></span>
								</div>
								<div>
									<input  ng-disabled="!vm.Relatorio.ALTERANDO" type="checkbox" class="" id="vehicle1-@{{campo.CAMPO}}" ng-model="campo.FVISIVEL" checked=""><label for="vehicle1-@{{campo.CAMPO}}" style="margin-left: 6px; height: 19px; margin-top: 9px;">Visivel</label><br>


									<button 
										style="width: 37px; height: 31px; margin-top: -25px; float: right;"
										title="CSS condicional"
										type="button" 
										class="btn btn-success"
										ng-disabled="!vm.Relatorio.ALTERANDO" 
										ng-click="vm.Relatorio.abrirStyleOpt(campo)">
										<span class="glyphicon glyphicon-tags"></span>
									</button>

									<button 
										style="width: 37px; height: 31px; margin-top: -25px; float: right; margin-right: 4px; padding: 0px;"
										title="Estilo Condicional"
										type="button" 
										class="btn btn-info"
										ng-disabled="!vm.Relatorio.ALTERANDO" 
										ng-click="vm.Relatorio.estiloCondicional(1, campo);">
										<span class="glyphicon glyphicon-pencil"></span>
									</button>

									<button 
										style="width: 37px; height: 31px; margin-top: -25px; float: right; margin-right: 4px; padding: 0px;"
										title="HTML condicional"
										type="button" 
										class="btn btn-warning"
										ng-disabled="!vm.Relatorio.ALTERANDO" 
										ng-click="vm.Relatorio.abrirHtmlOpt(campo)">
										<span class="glyphicon glyphicon-header"></span>
									</button>

								</div>
								<div ng-if="vm.Relatorio.SELECTED.TIPO == 3"><input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="checkbox" class="" id="vehicle2-@{{campo.CAMPO}}" ng-model="campo.FAGRUPAR"><label for="vehicle2-@{{campo.CAMPO}}" style="margin-left: 6px; height: 19px; margin-top: 9px;">Agrupar</label><br></div>
								<div ng-if="vm.Relatorio.SELECTED.TIPO == 3"><input  ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="checkbox" class="" id="vehicle3-@{{campo.CAMPO}}" ng-model="campo.FTOTAL_GRUPO"><label for="vehicle3-@{{campo.CAMPO}}" style="margin-left: 6px; height: 19px; margin-top: 9px;">Total grupo</label><br></div>
								<br>
								Totalizar:
								<select ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 196px;" class="" ng-model="campo.TOTALIZAR">
									<option ng-value="0">00 - Não</option>
									<option ng-value="1">01 - Sim</option>
									<option ng-value="3">03 - Título</option>
								</select>
								Total Tipo:
								<select ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 196px;" class="" ng-model="campo.TOTAL_TIPO">
									<option ng-value="1">01 - Soma</option>
									<option ng-value="2">02 - Contador</option>
									<option ng-value="3">03 - Contador&gt;0</option>
									<option ng-value="4">04 - Maximo</option>
									<option ng-value="5">05 - Minimo</option>
									<option ng-value="6">06 - Média</option>
								</select>
								Fórmula:      <input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="text" class="" ng-model="campo.FORMULA">
								Prefixo:      <input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="text" class="normal-case normalcase " ng-model="campo.PREFIX">
								Prefixo Total:<input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="text" class="normal-case normalcase " ng-model="campo.PREFIXT">
								Sufixo :      <input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="text" class="normal-case normalcase " ng-model="campo.SUFIX">
								Sufixo Total: <input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="text" class="normal-case normalcase " ng-model="campo.SUFIXT">
								Título da Coluna:<input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="text"   class="normal-case normalcase  normalcase"  ng-model="campo.DESCRICAO">
								Cor da Coluna:	 <input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="color"  class=""  ng-model="campo.COR" style="width: 148px;"> 

								<button 
									style="width: 37px; height: 31px; margin-top: -3px;"
									title="Copiar Cor"
									type="button" 
									class="btn btn-primary" 
									ng-if="vm.Relatorio.COPIANDO_COR == false"
									ng-disabled="!vm.Relatorio.ALTERANDO" 
									ng-click="vm.Relatorio.copiarCor(campo)">
									<span class="glyphicon glyphicon-copy"></span>
								</button>

								<button 
									style="width: 37px; height: 31px; margin-top: -3px;"
									title="Copiar Cor"
									type="button" 
									class="btn btn-danger" 
									ng-if="vm.Relatorio.COPIANDO_COR == true && vm.Relatorio.COPIANDO_COR_CAMPO == campo.CAMPO"
									ng-disabled="!vm.Relatorio.ALTERANDO" 
									ng-click="vm.Relatorio.copiarCorParar(campo)">
									<span class="glyphicon glyphicon-ok"></span>
								</button>

								<button 
									style="width: 37px; height: 31px; margin-top: -3px;"
									title="Colar Cor"
									type="button" 
									class="btn btn-success" 
									ng-if="vm.Relatorio.COPIANDO_COR == true && vm.Relatorio.COPIANDO_COR_CAMPO != campo.CAMPO"
									ng-disabled="!vm.Relatorio.ALTERANDO" 
									ng-click="vm.Relatorio.colarCor(campo)">
									<span class="glyphicon glyphicon-paste"></span>
								</button>

								Decimais:  <input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="number" class=""  ng-model="campo.CASAS">
								Tamanho Coluna (Px): <input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="number" class=""  ng-model="campo.COL_TAMANHO">
								Tamanho Coluna (%): <input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="number" class=""  ng-model="campo.PERCENTUAL">
								Link: 	   <input ng-readonly="!vm.Relatorio.ALTERANDO" class="normal-case normalcase" ng-disabled="!vm.Relatorio.ALTERANDO" type="text" class="" ng-model="campo.URL_LINK">
								Ordem: 	   <input ng-readonly="true" ng-disabled="true" type="number" class="" onclick="select()" ng-model="campo.FORDEM">

								Tipo do Campo: <select ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 196px;" class="" ng-model="campo.CLASSE">
										<option ng-value="1">01 - string</option>
										<option ng-value="2">02 - número</option>
										<option ng-value="3">03 - data</option>
									</select>
								<br>
							</div>
						</div>
					</div></div>

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

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

				<button 
					type="button" 
					class="btn btn-primary" 
					ng-disabled="!vm.Relatorio.ALTERANDO" 
					ng-click="vm.RelatorioGrupos.addNivel()">
					<span class="glyphicon glyphicon-plus"></span> Adicionar Nível
				</button>

				<div class="div-nivel-0 nivel-indice-@{{ $index }}" ng-repeat="nivel in vm.RelatorioGrupos.NIVEIS | orderBy:'NIVEL'" ng-if="vm.RelatorioGrupos.NIVEIS.length > 0">

					<div style="margin-bottom: 5px;">
						
						<div class="form-group">
							<label>Nível:</label>
							<input 
								type="number"
								class="form-control input-menor" 
								ng-model="nivel.NIVEL"
								ng-readonly="!vm.Relatorio.ALTERANDO"
								ng-change="vm.RelatorioGrupos.changeNivelAjustes()"
								form-validate="true">
						</div>

						<div class="form-group">
							<label>Aberto:</label>
							<select style="width: 150px;"
								ng-model="nivel.ABERTO"
								ng-readonly="!vm.Relatorio.ALTERANDO"
								ng-disabled="!vm.Relatorio.ALTERANDO"
								form-validate="true" class="form-control relatorio-grupo input-medio">
								<option ng-value="1" >Sim</option>
								<option ng-value="0" >Não</option>
							</select>
						</div>

						<div class="form-group">
							<label>Fixo:</label>
							<select style="width: 150px;"
								ng-model="nivel.FIXO"
								ng-readonly="!vm.Relatorio.ALTERANDO"
								ng-disabled="!vm.Relatorio.ALTERANDO"
								form-validate="true" class="form-control relatorio-grupo input-medio">
								<option ng-value="1" >Sim</option>
								<option ng-value="0" >Não</option>
							</select>
						</div>

						<div class="form-group">
							<label>Totalizar:</label>
							<select style="width: 150px;"
								ng-model="nivel.TOTAL_GRUPO"
								ng-readonly="!vm.Relatorio.ALTERANDO"
								ng-disabled="!vm.Relatorio.ALTERANDO"
								form-validate="true" class="form-control relatorio-grupo input-medio">
								<option ng-value="1" >Sim</option>
								<option ng-value="0" >Não</option>
							</select>
						</div>

						<div class="form-group">
							<label>Cor:</label>
							<input 
								ng-readonly="!vm.Relatorio.ALTERANDO"
								ng-disabled="!vm.Relatorio.ALTERANDO"
								type="color"
								class=""
								
								ng-model="nivel.COR"
								style="width: 195px;">
						</div>

						<div class="form-group">
							<label ttitle="valor do anterior: @{{ vm.RelatorioGrupos.NIVEIS[( $index - 1)].TIPO_GRAFICO }}">Tipo de Gráfico:</label>
							<select style="width: 150px;"
								ng-model="nivel.TIPO_GRAFICO" 
								ng-readonly="!vm.Relatorio.ALTERANDO" 
								ng-disabled="!vm.Relatorio.ALTERANDO || ( @{{ $index }} > 0 && vm.RelatorioGrupos.NIVEIS[(@{{ $index }} - 1)].TIPO_GRAFICO == 0 )" 
								form-validate="true" class="form-control relatorio-grupo input-medio">
								<option ng-value="0" >Sem Gráfico</option>
								<option ng-value="1" >Pizza</option>
								<option ng-value="2" >Barras</option>
								<option ng-value="3" >Linhas</option>
							</select>
						</div>

						<div class="form-group">
							<label>Ordenação do Gráfico:</label>
							<select style="width: 150px;"
								ng-model="nivel.ORDEM_GRAFICO" 
								ng-readonly="!vm.Relatorio.ALTERANDO" 
								ng-disabled="!vm.Relatorio.ALTERANDO || nivel.TIPO_GRAFICO == 0" 
								form-validate="true" class="form-control relatorio-grupo input-medio">
								<option ng-value="1" >Dimensão</option>
								<option ng-value="2" >Medida</option>
							</select>
						</div>

						<button 
							title="Remover Nível"
							style="margin-left: 4px; float: right; margin-right: 3px;"
							type="button" 
							class="btn btn-sm btn-danger" 
							ng-disabled="!vm.Relatorio.ALTERANDO" 
							ng-click="vm.RelatorioGrupos.removerNivel(nivel)">
							<span class="glyphicon glyphicon-remove"></span>
						</button>
					</div>

					<div class="div-agrupamento" style="min-height: 36px;">
						<div class="item-agrupamento" ng-repeat="agrupamento in nivel.AGRUPAMENTO">
							@{{agrupamento}}	
							<button 
								title="Remover Agrupamento"
								style="margin-left: 4px;"
								type="button" 
								class="btn btn-sm btn-danger" 
								ng-disabled="!vm.Relatorio.ALTERANDO" 
								ng-click="vm.RelatorioGrupos.removerAgrupamento(agrupamento, nivel)">
								<span class="glyphicon glyphicon-remove"></span>
							</button>
						</div>

						<button 
							title="Adicionar Agrupamento"
							style="margin-right: 2px; margin-top: 3px; float: right;"
							type="button" 
							class="btn btn-sm btn-success" 
							ng-disabled="!vm.Relatorio.ALTERANDO" 
							ng-click="vm.RelatorioGrupos.addAgrupamento(nivel)">
							<span class="glyphicon glyphicon-plus"></span>
						</button>
					</div>

					<div class="lista-campos" style="margin-top: 5px; padding: 5px; background-color: #337ab7; border-radius: 5px; min-height: 36px;">
						
						<button 
							title="Adicionar Campo"
							style="margin-right: 2px; float: right;"
							type="button" 
							class="btn btn-sm btn-success" 
							ng-disabled="!vm.Relatorio.ALTERANDO" 
							ng-click="vm.RelatorioGrupos.addCampo(nivel)">
							<span class="glyphicon glyphicon-plus"></span>
						</button>

						<!-- <button 
							title="somar 10 a ordem de todos os campos"
							style="margin-right: 2px; float: right;"
							type="button" 
							class="btn btn-sm btn-warning" 
							ng-disabled="!vm.Relatorio.ALTERANDO" 
							ng-click="vm.RelatorioGrupos.ordemMais(nivel.CAMPOS)">
							<span class="glyphicon glyphicon-plus-sign"></span>
						</button>

						<button 
							title="subtrair 10 da ordem de todos os campos"
							style="margin-right: 2px; float: right;"
							type="button" 
							class="btn btn-sm btn-warning" 
							ng-disabled="!vm.Relatorio.ALTERANDO" 
							ng-click="vm.RelatorioGrupos.ordemMenos(nivel.CAMPOS)">
							<span class="glyphicon glyphicon-minus-sign"></span>
						</button>

						<button 
							title="Aplicar ordem das colunas"
							style="margin-right: 2px; float: right;"
							type="button" 
							class="btn btn-sm btn-warning" 
							ng-disabled="!vm.Relatorio.ALTERANDO" 
							ng-click="vm.RelatorioGrupos.aplicarOrdem(nivel)">
							<span class="glyphicon glyphicon-ok"></span>
						</button> -->

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

						<div class="campos-tabela-conteiner">
							<div id="lista-agrup@{{ nivel.NIVEL }}-tabela" class="campos-tabela" style="width: 204px; height: 656px; overflow: hidden;">
								<div class="campo-tabela-desc">
									<div style="max-width: calc(100% - 2px); text-overflow: ellipsis; overflow: hidden;" auto-title>
										LISTA DE CAMPOS
									</div>
								</div>

								<div id="box-site3-@{{ nivel.NIVEL }}" style="width: 100%; height: calc(100% - 25px); overflow: hidden auto;" ng-show="vm.RelatorioGrupos.MOSTRAR_LISTAS">

									<div draggable="true" class="box-site3-@{{ nivel.NIVEL }}" ng-repeat="ordem in vm.RelatorioGrupos['CAMPOS_DISP_'+ nivel.NIVEL ] | orderBy : 'ORDEM'">
										<div id="@{{ ordem.ORDEM }}" data-ordem="@{{ ordem.ORDEM }}" data-campo="@{{ ordem.CAMPO }}" 
											style="width: 195px; height: 40px; padding: 0.12rem; text-align: center; border-radius: 3px; background-color: #a3d9f9; color: #333; border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff;">
											<div style="max-width: calc(100% - 2px); text-overflow: ellipsis; overflow: hidden;" auto-title>
												@{{ ordem.CAMPO }}
											</div>
										</div>
									</div>

								</div>

								<div style="width: 100%; height: calc(100% - 25px); overflow: hidden auto;" ng-show="!vm.RelatorioGrupos.MOSTRAR_LISTAS">

									<div style="font-size: 10pt; font-weight: bold; color: red;">
										<span>Remova os níveis duplicados</span>
									</div>

								</div>

								<br>
							</div>
						</div>

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

						<div class="campos-tabela-conteiner" ng-repeat="campo in nivel.CAMPOS | orderBy:'ORDEM'">
							<div class="campos-tabela">
								<div class="campo-tabela-desc" style="padding: 3px;"><div style="display: block; float: left; max-width: 160px; text-overflow: ellipsis; overflow: hidden;">@{{campo.CAMPO}}</div>
									<button 
										title="Remover Campo"
										style="float: right;"
										type="button" 
										class="btn btn-sm btn-danger" 
										ng-disabled="!vm.Relatorio.ALTERANDO" 
										ng-click="vm.RelatorioGrupos.removerCampo(campo, nivel)">
										<span class="glyphicon glyphicon-remove"></span>
									</button>
								</div>

								<button 
									style="width: 37px; height: 31px; margin: 5px 0px 5px 1px; float: right;"
									title="CSS condicional"
									type="button" 
									class="btn btn-success"
									ng-disabled="!vm.Relatorio.ALTERANDO" 
									ng-click="vm.Relatorio.abrirStyleOpt(campo)">
									<span class="glyphicon glyphicon-tags"></span>
								</button>

								<button 
									style="width: 37px; height: 31px; margin: 5px 5px 5px 1px; margin-right: 4px; padding: 0px; float: right;"
									title="Estilo Condicional"
									type="button" 
									class="btn btn-info"
									ng-disabled="!vm.Relatorio.ALTERANDO" 
									ng-click="vm.Relatorio.estiloCondicional(2, campo, nivel);">
									<span class="glyphicon glyphicon-pencil"></span>
								</button>

								<button 
									style="width: 37px; height: 31px; margin: 5px 5px 5px 1px; margin-right: 4px; padding: 0px; float: right;"
									title="HTML condicional"
									type="button" 
									class="btn btn-warning"
									ng-disabled="!vm.Relatorio.ALTERANDO" 
									ng-click="vm.Relatorio.abrirHtmlOpt(campo)">
									<span class="glyphicon glyphicon-header"></span>
								</button>

								<br>

								SpanCell: <input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="number" class="" ng-model="campo.SPANCEL">
								Ordem: 	  <input ng-readonly="true" ng-disabled="true" type="number" class="" ng-model="campo.ORDEM">
								
								Totalizador:
								<select ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 196px;" class="" ng-model="campo.TOTALIZAR">
									<option ng-value="0">00 - Não</option>
									<option ng-value="1">01 - Sim</option>
								</select>

								Total Tipo:
								<select ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 196px;" class="" ng-model="campo.TOTAL_TIPO">
									<option ng-value="1">01 - Soma</option>
									<option ng-value="2">02 - Contador</option>
									<option ng-value="3">03 - Contador&gt;0</option>
									<option ng-value="4">04 - Maximo</option>
									<option ng-value="5">05 - Minimo</option>
									<option ng-value="6">06 - Média</option>
								</select>

								Prefixo:  <input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="text" class="normal-case normalcase " ng-model="campo.PREFIX">
								Sufixo :  <input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="text" class="normal-case normalcase " ng-model="campo.SUFIX">
								
								Fórmula:  <input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="text"   class="" ng-model="campo.FORMULA">
								
								Tamanho Coluna (Px): <input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="number" class=""  ng-model="campo.COL_TAMANHO">
								Tamanho Coluna (%):  <input ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" type="number" class=""  ng-model="campo.PERCENTUAL">
								
								Tipo: <select ng-readonly="!vm.Relatorio.ALTERANDO" ng-disabled="!vm.Relatorio.ALTERANDO" style="width: 196px;" class="" ng-model="campo.CLASSE">
										<option ng-value="1">01 - string</option>
										<option ng-value="2">02 - número</option>
										<option ng-value="3">03 - data</option>
									</select>

								<legend style="margin: 5px 0px 0px 0px;"></legend>

								Configuração do Gráfico: <select class="" ng-model="campo.GRAFICO" 
										ng-readonly="!vm.Relatorio.ALTERANDO" 
										ng-disabled="!vm.Relatorio.ALTERANDO || nivel.TIPO_GRAFICO == 0" 
										style="width: 196px;">
										<option ng-value="0">NÃO</option>
										<option ng-value="1" ng-show="campo.CLASSE == 2">MEDIDA</option>
										<option ng-value="2">DIMENSÃO</option>
									</select>

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

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

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

		</div>

		<div role="tabpanel" class="tab-pane" id="tab7-container"  aria-labelledby="tab7-tab" style="height: 100%; overflow: hidden auto;">
			<div class="row">
				<div  ng-show="true">   
					<ul class="list-inline">    
						<li>
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 
								data-hotkey="f6"								
								ng-if="!vm.Relatorio.ALTERANDO" 
								ng-click="vm.RelatorioUsuario.incluir()">
								<span class="glyphicon glyphicon-plus"></span> Incluir
							</button>

							<button type="button" ng-if="!vm.Relatorio.ALTERANDO" data-hotkey="alt+c" class="btn btn-primary adicionar-Usuarios" ng-click="vm.RelatorioUsuario.Copiar();">
								<span class="glyphicon glyphicon-copy"></span>
								Copiar
							</button>
							
							<button type="button" ng-if="!vm.Relatorio.ALTERANDO" data-hotkey="alt+d" class="btn btn-danger excluir-multiplos1" ng-click="vm.RelatorioUsuario.excluirMultiplos();" ng-disabled="vm.TabelaUsuario.DADOS.length == 0">
								<span class="glyphicon glyphicon-trash"></span>
								Excluir Múltiplos
							</button>
						</li>
					</ul>					
					<div class="tabela_usuario" id="tabela_usuario"></div>
				</div>
			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab8-container"  aria-labelledby="tab8-tab" style="height: 100%; overflow:auto;">
			<div class="row">
				<div  ng-show="true">   
					<ul class="list-inline">    
						<li>
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 
								data-hotkey="f6"
								ng-if="!vm.Relatorio.ALTERANDO" 
								ng-click="vm.RelatorioTela.incluir()">
								<span class="glyphicon glyphicon-plus"></span> Incluir
							</button>
						</li>                                         
					</ul>
					<div class="tabela_tela" id="tabela_tela"></div>
				</div>
			</div>
		</div>

		<!-- <div role="tabpanel" class="tab-pane" id="tab9-container"  aria-labelledby="tab9-tab" style="height: 100%; overflow: hidden auto;">
			<div class="row">
				<div  ng-show="true">   
					<ul class="list-inline">    
						<li>
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 
								data-hotkey="f6"
								ng-disabled="!vm.Relatorio.ALTERANDO" 
								ng-click="vm.RelatorioGrafico.incluir()">
								<span class="glyphicon glyphicon-plus"></span> Incluir
							</button>
						</li>                                         
					</ul>
					<div class="tabela_grafico" id="tabela_grafico"></div>
				</div>
			</div>
		</div> -->

		<div role="tabpanel" class="tab-pane" id="tab10-container"  aria-labelledby="tab10-tab" style="height: 100%; overflow: hidden auto;">
			<div class="row">
				<div  ng-show="true">   
					<ul class="list-inline">    
						<li>
							<button 
								ng-if="!vm.Relatorio.ALTERANDO" 
								type="button" 
								class="btn btn-primary btn-incluir" 
								data-hotkey="f6"
								ng-click="vm.RelatorioServidor.incluir()">
								<span class="glyphicon glyphicon-plus"></span> Incluir
							</button>

							<button type="button" ng-if="!vm.Relatorio.ALTERANDO" data-hotkey="alt+d" class="btn btn-danger excluir-multiplos1" ng-click="vm.RelatorioServidor.excluirMultiplos();" ng-disabled="vm.TabelaServidor.DADOS.length == 0">
								<span class="glyphicon glyphicon-trash"></span>
								Excluir Múltiplos
							</button>
						</li>                                         
					</ul>
					<div class="tabela_servidor" id="tabela_servidor"></div>
				</div>
			</div>
		</div>

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

@overwrite