cliente-novo.html

<form class="form clearfix user-form" (ngSubmit)="addCE(formAddCE.value)" [formGroup]="formAddCE" novalidate
      autocomplete="off">

  <!-- Thumbnail -->
  <div class="col-lg-2 col-md-2 col-sm-16 col-xs-16 col-lg-offset-1 col-md-offset-1  edit-profile"
       *ngIf="selectedClient && selectedClient.codigo">
    <div class="text-center user-thumb canChange animHeight">
      <span class="img-circle" [ngClass]="{'hasnt icon-avatar':!selectedClient.foto}">
        <img class="animHeight" *ngIf="selectedClient.foto" [src]="selectedClient.foto"
             [attr.alt]="selectedClient.nome | capitalizeNameng2"/>
        <a href tabindex="-1" (click)="tirarFoto(selectedClient.codigo)">
          <span class="icon icon-camera">{{(selectedClient.foto) ? 'Trocar' : 'Inserir'}} foto</span>
        </a>
      </span>
    </div>
  </div>

  <div class="col-sm-14 col-xs-14 col-sm-offset-1 col-xs-offset-1 content-padding-global form-client-col"
       [ngClass]="{'col-lg-10 col-md-12 col-lg-offset-2 col-md-offset-2':!selectedClient.codigo, 'col-lg-10 col-md-11 col-lg-offset-1 col-md-offset-1':selectedClient.codigo}">

    <!-- Geral -->
    <div class="row cad-geral">

      <div class="col-lg-16 col-md-16 col-sm-16 col-xs-16">
        <h3>Geral</h3>
      </div>

      <div class="col-lg-3 col-md-3 col-sm-3 col-xs-16">
        <div class="form-group"
             [ngClass]="{'showInputMsg':formAddCE.controls.cpf.errors && formAddCE.controls.cpf.errors.showWarning}">
          <label for="cpf">CPF</label>
          <input
            type="tel"
            class="form-control input-layout"
            id="cpf"
            #cpfEl
            maxlength="14"
            app-ui-cpf
            [formControl]="formAddCE.get('cpf')"
            [(ngModel)]="selectedClient.cpf"/>
          <app-control-messages [date]="formAddCE.get('cpf').value"
                                [itemClass]="'ui-validation-message'" [cpfInput]="cpfElForValidation"
                                [control]="formAddCE.controls.cpf"></app-control-messages>
        </div>
      </div>

      <div class="col-lg-5 col-md-5 col-sm-13 col-xs-16">
        <div class="form-group"
             ng-class="{'showInputMsg':formAddCE.controls.nome.errors && formAddCE.controls.nome.errors.showWarning}">
          <label for="nome" class="label-invalid-required">Nome</label>
          <input
            type="text"
            class="form-control input-layout"
            id="nome"
            [(ngModel)]="selectedClient.nome"
            [formControl]="formAddCE.get('nome')"
            (blur)="makeNick(selectedClient.nome)"/>
          <app-control-messages [date]="formAddCE.get('nome').value"
                                [itemClass]="'ui-validation-message'"
                                [control]="formAddCE.controls.nome"></app-control-messages>
        </div>
      </div>

      <div class="col-lg-3 col-md-3 col-sm-8 col-xs-8">
        <div class="form-group">
          <label for="apelido">Apelido</label>
          <input
            type="text"
            class="form-control input-layout"
            id="apelido"
            [formControl]="formAddCE.get('apelido')"
            [(ngModel)]="selectedClient.apelido"/>
        </div>
      </div>

      <div class="col-lg-3 col-md-3 col-sm-5 col-xs-5">
        <div class="form-group">
          <label for="nascimento">Nascimento</label>
          <datetime id="nascimento"
                    #dataEl
                    (dateChange)="$event? touched = true: touched=false"
                    [timepicker]="false" placeholder="Digite ou selecione uma data"
                    [datepicker]="datepickerOpts" [(ngModel)]="selectedClient.nascimento"
                    [formControl]="formAddCE.get('nascimento')"></datetime>
        </div>
      </div>

      <div class="col-lg-2 col-md-2 col-sm-3 col-xs-3">
        <div class="form-group">
          <label class="label-invalid-required">Sexo</label>
          <table>
            <tr>
              <td>
                <div class="radio radio-darkblue">
                  <input id="sexo_m" type="radio" [formControl]="formAddCE.get('sexo')"
                         [(ngModel)]="selectedClient.sexo" name="sexo"
                         value="M">
                  <label class="fake-check" for="sexo_m">M</label>
                </div>
              </td>
              <td>
                <div class="radio radio-darkblue">
                  <input id="sexo_f" type="radio" [(ngModel)]="selectedClient.sexo"
                         [formControl]="formAddCE.get('sexo')" name="sexo"
                         value="F">
                  <label class="fake-check" for="sexo_f">F</label>
                </div>
              </td>
            </tr>
          </table>
        </div>
      </div>

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

    <!-- Emails -->
    <div class="row cad-emails">
      <div class="col-lg-16 col-md-16 col-sm-16 col-xs-16">
        <h3>Emails</h3>

        <!-- Emails Repeat Start -->
        <div class="row animHeight" *ngFor="let item of formAddCE.controls.emails.controls; let i = index">
          <div class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
            <div class="form-group">
              <label>
                <a href tabindex="-1"
                   ng-init="(i === 0) ? sc.selectedClient.emails.preferencial=i : false"
                   (click)="selectedClient.emails.preferencial=i"
                   [ngClass]="{'icon icon-estrela icon-check': selectedClient.emails.preferencial == i, 'icon icon-estrela-vazada icon-uncheck': selectedClient.emails.preferencial != $index }">
                </a>
              </label>
            </div>
          </div>
          <div formArrayName="emails">
            <div [ngClass]="{'fadeItem':item.excluir}" class="col-lg-9 col-md-14 col-sm-14 col-xs-12">
              <div class="form-group"
                   [ngClass]="{'showInputMsg':formAddCE.controls['emails'].errors && formAddCE.controls['emails'].errors.showWarning}">
                <label for="emails_{{i}}">Email</label>
                <input
                  type="text"
                  id="emails_{{i}}"
                  #emailEl
                  class="form-control input-layout"
                  [(ngModel)]="selectedClient.emails['email_'+i]"
                  formControlName="{{ i }}"
                  autocapitalize="off"/>

                <!--<div *ngIf="formAddCE['emails_'+i].didYouMean" class="ui-validation-message icon-aviso"-->
                <!--[ngClass]="{'hint':formAddCE.controls['emails'].didYouMean, 'disabled': formAddCE.controls['emails'].didYouMean === 'null'}">-->
                <!--<div class="msg-list">-->
                <!--<p>Será que quis dizer <a href (click)="fillEmail(formAddCE.controls['emails'])">{{formAddCE.controls['emails'].didYouMean}}</a>?-->
                <!--</p>-->
                <!--</div>-->
                <!--</div>-->
              </div>
            </div>
          </div>

          <div class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
            <div class="form-group">
              <label class="edit-form-pop" ng-init="array=selectedClient.emails">
                <a href tabindex="-1" class="icon icon-info-dots"
                   uib-popover-template="'clientes/popover-edit-form-item.html'"
                   popover-placement="left"
                   popover-trigger="focus"></a>
              </label>
            </div>
          </div>
        </div>
        <!-- Emails Repeat End -->
        <div class="row">
          <div class="col-lg-16 col-md-16 col-sm-16 col-xs-16">
            <div class="form-group">
              <a href tabindex="-1" (click)="addEmail()" class="icon-mais-bold add-item text-nowrap">Adicionar
                email</a>
            </div>
          </div>
        </div>

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

    <!--&lt;!&ndash; Telefones &ndash;&gt;-->
    <!--<div class="row cad-telefones">-->
    <!--<div class="col-lg-16 col-md-16 col-sm-16 col-xs-16">-->
    <!--<h3>Telefones</h3>-->

    <!--&lt;!&ndash; Telefones Repeat Start &ndash;&gt;-->
    <!--<div class="row animHeight" *ngFor="let item of selectedClient.telefones; let i = index">-->
    <!--<div class="col-lg-1 col-md-1 col-sm-1 col-xs-2">-->
    <!--<div class="form-group">-->
    <!--<label>-->
    <!--<a href tabindex="-1"-->
    <!--ng-init="(i == 0) ? sc.selectedClient.telefones.preferencial=i : false"-->
    <!--(click)="selectedClient.telefones.preferencial=i"-->
    <!--[ngClass]="{'icon icon-estrela icon-check': selectedClient.telefones.preferencial == i, 'icon icon-estrela-vazada icon-uncheck': selectedClient.telefones.preferencial != i }">-->
    <!--</a>-->
    <!--</label>-->
    <!--</div>-->
    <!--</div>-->

    <!--<div [ngClass]="{'fadeItem':item.excluir}" class="col-lg-9 col-md-9 col-sm-12 col-xs-12">-->

    <!--<div class="row">-->
    <!--<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">-->
    <!--<div class="form-group" [ngClass]="{'showInputMsg':formAddCE.controls['ddd_'+i].$showWarning}">-->
    <!--<label for="ddd_{{i}}"-->
    <!--[ngClass]="{'label-invalid-required': isRequiredTel(item)}">DDD</label>-->
    <!--<input-->
    <!--type="tel"-->
    <!--class="form-control input-layout"-->
    <!--id="ddd_{{i}}"-->
    <!--[required]="isRequiredTel(item)"-->
    <!--[disabled]="item.excluir"-->
    <!--[ngModel]="item.ddd"-->
    <!--maxlength="2"-->
    <!--(blur)="validacaoDDD('ddd_'+i, 'telnumero_'+i)"-->
    <!--(keyup)="dddKeyUp($event,'telnumero_'+i,item.ddd)"-->
    <!--ui-digits/>-->
    <!--[element]="cpfEl"-->
    <!--[control]app-control-messagesrols['ddd_'+i]"></control-messages>-->
    <!--</div>-->
    <!--</div>-->

    <!--<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">-->
    <!--<div class="form-group" [ngClass]="{'showInputMsg':formAddCE['telnumero_'+i].$showWarning}">-->
    <!--<label for="telnumero_{{i}}"-->
    <!--[ngClass]="{'label-invalid-required': isRequiredTel(item)}">Telefone</label>-->
    <!--<input-->
    <!--type="tel"-->
    <!--class="form-control input-layout"-->
    <!--id="telnumero_{{i}}"-->
    <!--[required]="isRequiredTel(item)" [disabled]="item.excluir"-->
    <!--[(ngModel)]="item.numero"-->
    <!--(keydown)="item.classificacao = autoCelClass(item.classificacao,item.numero)"-->
    <!--(keyup)="telKeyUp($event,'tipotel_'+i,item.numero)"-->
    <!--maxlength="10"-->
    <!--ui-tel-validation="ddd_{{i}}"-->
    <!--ui-phone/>-->
    <!--[element]="cpfEl"-->
    <!--[control]="formapp-control-messagestelnumero_'+i]"></control-messages>-->
    <!--</div>-->
    <!--</div>-->

    <!--<div class="col-lg-7 col-md-7 col-sm-7 col-xs-7">-->
    <!--<div class="form-group" [ngClass]="{'showInputMsg':formAddCE.controls['tipotel_'+i].$showWarning}">-->
    <!--<label-->
    <!--for="tipotel_{{i}}"-->
    <!--[ngClass]="{'label-invalid-required': isRequiredTel(item)}">Tipo</label>-->
    <!--&lt;!&ndash; <ui-combo-box config="configuracaoTipo" list="globals.classificacao['TELEFONE']" ng-model="item.classificacao" name="tipotel_{{$index}}" max-char="50" ng-class="{'validate-combo-box': false}"></ui-combo-box> &ndash;&gt;-->

    <!--<div-->
    <!--uib-dropdown on-toggle="toggled(open)" keyboard-nav="true"-->
    <!--class="form-control input-layout dropdown-select"-->
    <!--[ngClass]="{'ng-invalid':formAddCE.controls['tipotel_'+i].invalid,'ng-touched':formAddCE.controls['tipotel_'+i].touched}">-->

    <!--<input type="hidden" name="tipotel_{{i}}"-->
    <!--[(ngModel)]="item.classificacao"-->
    <!--[required]="isRequiredTel(item)" [disabled]="item.excluir"/>-->

    <!--<a href="#" id="tipotel_{{i}}" uib-dropdown-toggle>-->
    <!--{{(item.classificacao.nome | capitalizeNameng2) || 'Escolha'}}-->
    <!--<span class="ic-caret icon-caret-down"></span>-->
    <!--</a>-->
    <!--<ul class="dropdown-menu" uib-dropdown-menu>-->
    <!--<li *ngFor="let tipo of globals.classificacao['TELEFONE']">-->
    <!--<a href ng-click="item.classificacao = tipo">{{tipo.nome|capitalizeNameng2}}</a>-->
    <!--</li>-->
    <!--</ul>-->
    <!--</div>-->
    <!---->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->

    <!--<div class="col-lg-1 col-md-1 col-sm-1 col-xs-2">-->
    <!--<div class="form-group">-->
    <!--<label class="edit-form-pop" ng-init="array=sc.selectedClient.telefones">-->
    <!--<a href tabindex="-1" class="icon icon-info-dots"-->
    <!--uib-popover-template="'clientes/popover-edit-form-item.html'"-->
    <!--popover-placement="left"-->
    <!--popover-trigger="focus"></a>-->
    <!--</label>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--&lt;!&ndash; Telefones Repeat End &ndash;&gt;-->
    <!--<div class="row">-->
    <!--<div class="col-lg-16 col-md-16 col-sm-16 col-xs-16">-->
    <!--<div class="form-group">-->
    <!--<a href tabindex="-1" ng-click="sc.addTelefone()" class="icon-mais-bold add-item text-nowrap">Adicionar-->
    <!--Telefone</a>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->

    <!--</div>-->
    <!--</div>&lt;!&ndash; Telefones &ndash;&gt;-->

    <!--&lt;!&ndash; Endereços &ndash;&gt;-->
    <!--<div class="row cad-telefones">-->
    <!--<div class="col-lg-16 col-md-16 col-sm-16 col-xs-16">-->
    <!--<h3>Endereços</h3>-->

    <!--&lt;!&ndash; Endereços Repeat Start &ndash;&gt;-->
    <!--<div class="row animHeight" *ngFor="let item of selectedClient.enderecos; let i = index">-->
    <!--<div class="col-lg-1 col-md-1 col-sm-1 col-xs-2">-->
    <!--<div class="form-group">-->
    <!--<label>-->
    <!--<a href tabindex="-1"-->
    <!--ng-init="(1 == 0) ? selectedClient.enderecos.preferencial=1 : false"-->
    <!--(click)="selectedClient.enderecos.preferencial=1"-->
    <!--[ngClass]="{'icon icon-estrela icon-check': selectedClient.enderecos.preferencial == i, 'icon icon-estrela-vazada icon-uncheck': selectedClient.enderecos.preferencial != i }">-->
    <!--</a>-->
    <!--</label>-->
    <!--</div>-->
    <!--</div>-->

    <!--<div [ngClass]="{'fadeItem':item.excluir}" class="col-lg-14 col-md-14 col-sm-14 col-xs-12">-->
    <!--<div class="row">-->

    <!--&lt;!&ndash; Tipo Endereço &ndash;&gt;-->
    <!--<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">-->
    <!--<div class="form-group"-->
    <!--[ngClass]="{'showInputMsg':formAddCE.controls['tipoend_'+i].$showWarning}">-->
    <!--<label for="tipoend_{{$index}}"-->
    <!--[ngClass]="{'label-invalid-required':!item.excluir && (item | isRequiredAddress)}">Tipo</label>-->

    <!--<div-->
    <!--uib-dropdown on-toggle="toggled(open)" auto-close="always" keyboard-nav="true"-->
    <!--class="form-control input-layout dropdown-select">-->

    <!--<input-->
    <!--type="hidden"-->
    <!--id="tipoend_{{i}}"-->
    <!--[ngModel]="item.classificacao"-->
    <!--[disabled]="item.excluir"/>-->

    <!--<a id="atipoend_{{i}}" href uib-dropdown-toggle [disabled]="item.excluir">-->
    <!--{{(item.classificacao.nome | capitalizeNameng2) || 'Escolha'}}-->
    <!--<span class="ic-caret icon-caret-down"></span>-->
    <!--</a>-->
    <!--<ul class="dropdown-menu" uib-dropdown-menu>-->
    <!--<li *ngFor="let tipo of globals.classificacao['ENDERECO']; let i = index"-->
    <!--ng-init="(!item.classificacao && tipo.nome === 'RESIDENCIAL')? item.classificacao = tipo : false">-->
    <!--<a href (click)="item.classificacao = tipo; onFocus('cep_{{i}}')">{{tipo.nome|capitalizeNameng2}}</a>-->
    <!--</li>-->
    <!--</ul>-->
    <!--</div>-->

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

    <!--&lt;!&ndash; Cep &ndash;&gt;-->
    <!--<div class="col-lg-3 col-md-3 col-sm-3 col-xs-7">-->
    <!--<div class="form-group"-->
    <!--ng-class="{'showInputMsg':formAddCE['cep_'+$index].$showWarning}">-->
    <!--<label for="cep_{{$index}}"-->
    <!--ng-class="{'label-invalid-required':!item.excluir && (item|isRequiredAddress)}">CEP</label>-->
    <!--<input-->
    <!--type="tel"-->
    <!--name="cep_{{$index}}"-->
    <!--class="form-control input-layout"-->
    <!--id="cep_{{$index}}"-->
    <!--ng-disabled="item.excluir"-->
    <!--maxlength="9"-->
    <!--visitor="item"-->
    <!--ng-keyup="sc.autoFill($index,item)"-->
    <!--ng-model="item.cep"-->
    <!--ui-cep-->
    <!--ui-input-behavior-->
    <!--ng-required="!item.excluir && (item|isRequiredAddress)"/>-->
    <!--<div-->
    <!--class="ui-validation-message icon-aviso"-->
    <!--ng-messages="formAddCE['cep_'+$index].$error" ng-if="formAddCE['cep_'+$index].$touched">-->
    <!--<div ng-messages-include="ui-kit/templates/messages/messages.html"></div>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->

    <!--&lt;!&ndash; Estado &ndash;&gt;-->
    <!--<div class="col-lg-1 col-md-1 col-sm-2 col-xs-3">-->
    <!--<div class="form-group"-->
    <!--ng-class="{'showInputMsg':formAddCE['estado_'+$index].$showWarning}">-->
    <!--<label ng-class="{'label-invalid-required':!item.excluir && (item|isRequiredAddress)}">UF</label>-->
    <!--<div uib-dropdown is-open="sc.isopen[$index]" auto-close="always"-->
    <!--keyboard-nav="true"><input-->
    <!--type="text"-->
    <!--name="estado_{{$index}}"-->
    <!--id="estado_{{$index}}"-->
    <!--class="form-control input-layout"-->
    <!--placeholder=""-->
    <!--ng-required="!item.excluir && (item|isRequiredAddress)" ng-disabled="item.excluir"-->
    <!--ng-keydown="sc.isopen[$index]=true"-->
    <!--ng-keyup="sc.verifyUF(item, formAdd)"-->
    <!--ui-input-behavior-->
    <!--ng-model="item.estado"-->
    <!--maxlength="2">-->
    <!--<div-->
    <!--class="ui-validation-message icon-aviso"-->
    <!--ng-messages="formAddCE['estado_'+$index].$error" ng-if="formAddCE['estado_'+$index].$touched">-->
    <!--<div ng-messages-include="ui-kit/templates/messages/messages.html"></div>-->
    <!--</div>-->
    <!--<ul class="dropdown-menu" uib-dropdown-menu>-->
    <!--<li ng-repeat="uf in sc.estados | filter:{estado: item.estado.toUpperCase()} as resultEstados">-->
    <!--<a href ng-click="sc.selectEstado(item,uf,$parent.$index)">-->
    <!--{{uf.estado}}-->
    <!--</a>-->
    <!--</li>-->
    <!--<li ng-if="resultEstados.length == 0"><a href>Nenhum estado econtrado</a></li>-->
    <!--<li ng-if="!resultEstados" class="miniLoading icon-load"><a href>Aguarde-->
    <!--<loading-dots></loading-dots>-->
    <!--</a></li>-->
    <!--</ul>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->

    <!--&lt;!&ndash; Cidade &ndash;&gt;-->
    <!--<div class="col-lg-4 col-md-4 col-sm-4 col-xs-8">-->
    <!--<div class="form-group"-->
    <!--ng-class="{'showInputMsg':formAddCE['cidade_'+$index].$showWarning}">-->
    <!--<label for="cidade_{{$index}}"-->
    <!--ng-class="{'label-invalid-required':!item.excluir && (item|isRequiredAddress)}">Cidade</label>-->
    <!--<div uib-dropdown is-open="sc.isopenCidade[$index]" auto-close="always"-->
    <!--keyboard-nav="true"><input-->
    <!--type="text"-->
    <!--id="cidade_{{$index}}"-->
    <!--name="cidade_{{$index}}"-->
    <!--class="form-control input-layout"-->
    <!--ng-required="!item.excluir && (item|isRequiredAddress)" ng-disabled="item.excluir"-->
    <!--ng-keydown="sc.isopenCidade[$index]=true"-->
    <!--ui-input-behavior-->
    <!--ng-model="item.cidade"-->
    <!--ng-keyup="sc.verifyCity(item, formAdd)"-->
    <!--maxlength="100">-->
    <!--<div-->
    <!--class="ui-validation-message icon-aviso"-->
    <!--ng-messages="formAddCE['cidade_'+$index].$error" ng-if="formAddCE['cidade_'+$index].$touched">-->
    <!--<div ng-messages-include="ui-kit/templates/messages/messages.html"></div>-->
    <!--</div>-->

    <!--<ul class="dropdown-menu" uib-dropdown-menu>-->
    <!--<li ng-repeat="cidade in sc.cidades | filter:item.cidade as resultCidades">-->
    <!--<a href ng-click="sc.selectCity(item,cidade,$parent.$index)">{{cidade.nome |-->
    <!--capitalizeName}}</a>-->
    <!--</li>-->
    <!--<li ng-if="resultCidades.length == 0"><a href>Nenhuma cidade econtrada</a></li>-->
    <!--<li ng-if="!resultCidades" class="miniLoading icon-load"><a href>Aguarde-->
    <!--<loading-dots></loading-dots>-->
    <!--</a></li>-->
    <!--</ul>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->

    <!--&lt;!&ndash; Bairro &ndash;&gt;-->
    <!--<div class="col-lg-5 col-md-5 col-sm-3 col-xs-8">-->
    <!--<div class="form-group">-->
    <!--<label for="bairro[{{item.id}}]">Bairro</label>-->
    <!--<div uib-dropdown is-open="sc.isopenBairro[$index]" auto-close="always"-->
    <!--keyboard-nav="true"><input-->
    <!--type="text"-->
    <!--name="bairro_{{$index}}"-->
    <!--id="bairro_{{$index}}"-->
    <!--class="form-control input-layout"-->
    <!--ng-disabled="item.excluir"-->
    <!--ng-keyup="sc.verifyBairro(item, formAdd)"-->
    <!--ng-keydown="sc.isopenBairro[$index]=true"-->
    <!--ng-model="item.bairro"-->
    <!--maxlength="100">-->
    <!--<ul class="dropdown-menu" uib-dropdown-menu>-->
    <!--<li ng-repeat="bairro in sc.bairros | filter:{nome:item.bairro} as resultBairros">-->
    <!--<a href ng-click="sc.selectBairro(item,bairro,$parent.$index)">{{bairro.nome |-->
    <!--capitalizeName}}</a>-->
    <!--</li>-->
    <!--<li ng-if="resultBairros.length == 0"><a href>Nenhum bairro econtrado</a></li>-->
    <!--<li ng-if="!resultBairros" class="miniLoading icon-load"><a href>Aguarde-->
    <!--<loading-dots></loading-dots>-->
    <!--</a></li>-->
    <!--</ul>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->

    <!--&lt;!&ndash; Tipo Logradouro &ndash;&gt;-->
    <!--<div class="col-lg-2 col-md-2 col-sm-3 col-xs-5">-->
    <!--<div class="form-group">-->
    <!--<label for="tipoLogradouro_{{$index}}">Tipo</label>-->
    <!--<div uib-dropdown on-toggle="sc.toggle(open)" is-open="sc.isOpenTipoEnd[$index]" auto-close="always"-->
    <!--keyboard-nav="true">-->
    <!--<input-->
    <!--type="text"-->
    <!--name="tipoLogradouro_{{$index}}"-->
    <!--id="tipoLogradouro_{{$index}}"-->
    <!--class="form-control input-layout"-->
    <!--ng-keydown="sc.isOpenTipoEnd[$index]=true"-->
    <!--ng-disabled="item.excluir"-->
    <!--ng-model="item.tipoLogradouro"-->
    <!--maxlength="10"/>-->

    <!--<ul class="dropdown-menu" uib-dropdown-menu ng-show="resultTipoLog.length > 0">-->
    <!--<li ng-repeat="tipoLog in sc.tipoLogradouro | filter:item.tipoLogradouro as resultTipoLog">-->
    <!--<a href ng-click="item.tipoLogradouro = tipoLog">{{tipoLog|capitalizeName}}</a>-->
    <!--</li>-->
    <!--</ul>-->
    <!--</div>-->

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

    <!--&lt;!&ndash; Logradouro &ndash;&gt;-->
    <!--<div class="col-lg-8 col-md-8 col-sm-10 col-xs-8">-->
    <!--<div class="form-group">-->
    <!--<label for="logradouro_{{$index}}">Logradouro</label>-->
    <!--<input-->
    <!--type="text"-->
    <!--name="logradouro_{{$index}}"-->
    <!--class="form-control input-layout"-->
    <!--id="logradouro_{{$index}}"-->
    <!--ng-disabled="item.excluir"-->
    <!--ng-model="item.logradouro"-->
    <!--maxlength="1000"/>-->
    <!--</div>-->
    <!--</div>-->

    <!--&lt;!&ndash; Número &ndash;&gt;-->
    <!--<div ui-fix-tel-inputs class="col-lg-2 col-md-2 col-sm-3 col-xs-3">-->
    <!--<div class="form-group">-->
    <!--<label for="endnumero_{{$index}}">Número</label>-->
    <!--<input-->
    <!--type="tel"-->
    <!--data-text="true"-->
    <!--name="endnumero_{{$index}}"-->
    <!--class="form-control input-layout"-->
    <!--id="endnumero_{{$index}}"-->
    <!--placeholder=""-->
    <!--ng-disabled="item.excluir"-->
    <!--ng-model="item.numero"-->
    <!--maxlength="30">-->
    <!--</div>-->
    <!--</div>-->

    <!--&lt;!&ndash; Complemento &ndash;&gt;-->
    <!--<div class="col-lg-4 col-md-4 col-sm-16 col-xs-16">-->
    <!--<div class="form-group">-->
    <!--<label for="complemento_{{$index}}">Complemento</label>-->
    <!--<input-->
    <!--type="text"-->
    <!--name="complemento_{{$index}}"-->
    <!--class="form-control input-layout"-->
    <!--id="complemento_{{$index}}"-->
    <!--ng-disabled="item.excluir"-->
    <!--ng-model="item.complemento"-->
    <!--maxlength="30">-->
    <!--</div>-->
    <!--</div>-->

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

    <!--<div class="col-lg-1 col-md-1 col-sm-1 col-xs-2">-->
    <!--<div class="form-group">-->
    <!--<label class="edit-form-pop" ng-init="array=sc.selectedClient.enderecos">-->
    <!--<a href tabindex="-1" class="icon icon-info-dots"-->
    <!--uib-popover-template="'clientes/popover-edit-form-item.html'"-->
    <!--popover-placement="left"-->
    <!--popover-trigger="focus"></a>-->
    <!--</label>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->
    <!--&lt;!&ndash; Endereços Repeat End &ndash;&gt;-->

    <!--<div class="row">-->
    <!--<div class="col-lg-16 col-md-16 col-sm-16 col-xs-16">-->
    <!--<div class="form-group">-->
    <!--<a href tabindex="-1" ng-click="sc.addEndereco()" class="icon-mais-bold add-item text-nowrap">Adicionar-->
    <!--Endereço</a>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->

    <!--</div>-->
    <!--</div>&lt;!&ndash; Endereços &ndash;&gt;-->
  </div>
  <div class="user-footer">
    <div class="col-lg-16 col-md-16 col-sm-16 col-xs-16 text-right">
      <div class="btn-user-row">
        <button type="button" (click)="cadCancel()" class="btn btn-default btn-md">Cancelar</button>
        <ui-set-touched
          [btnText]="'clientes.clienteNovo.adicionar' | translate"
          [canSend]="formAddCE.valid"
          [form]="formAddCE"
          [btnType]="'submit'"></ui-set-touched>
      </div>
    </div>
  </div>
</form>