cliente-novo.html

<form class="form user-form clearfix" (ngSubmit)="addCE(formAddCE.value)" [formGroup]="formAddCE" novalidate
      autocomplete="off">
  <div
    class="col-sm-14 col-lg-10  col-xs-14 col-sm-offset-1 col-md-12 col-lg-offset-3 col-md-offset-2 col-xs-offset-1 content-padding-global form-client-col">
    <!-- 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 [cpfInput]="cpfElForValidation"
                                [element]="cpfEl"
                                [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"
             [ngClass]="{'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"
            #nomeEl
            [(ngModel)]="selectedClient.nome"
            [formControl]="formAddCE.get('nome')"
            (blur)="makeNick(selectedClient.nome)"/>
          <app-control-messages [element]="nomeEl"
                                [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"
                   (click)="selectedClient.emailPreferencial=i; $event.preventDefault()"
                   [ngClass]="{'icon icon-estrela icon-check': selectedClient.emailPreferencial == i, 'icon icon-estrela-vazada icon-uncheck': selectedClient.emailPreferencial != i}">
                </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['emails'+i]"
                  [formControl]="item.controls.email"
                  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">
                <template #popTemplate>
                  <ul class="action-links">
                    <li><a class="action" (click)="removeEmail(i)">{{(item.excluir) ? 'Cancelar excluir':'Excluir'}}</a>
                    </li>
                  </ul>
                </template>
                <a #pop="bs-popover" href (click)="$event.preventDefault()" class="icon icon-info-dots"
                   [popover]="popTemplate"
                   placement="left"
                   triggers="click"></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(); $event.preventDefault()"
                 class="icon-mais-bold add-item text-nowrap">Adicionar
                email</a>
            </div>
          </div>
        </div>

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

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

        <!-- Telefones Repeat Start -->
        <div class="row animHeight" *ngFor="let item of formAddCE.controls.telefones.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"
                   (click)="selectedClient.telefonePreferencial=i"
                   [ngClass]="{'icon icon-estrela icon-check': selectedClient.telefonePreferencial == i, 'icon icon-estrela-vazada icon-uncheck': selectedClient.telefonePreferencial != i }">
                </a>
              </label>
            </div>
          </div>

          <div formArrayName="telefones">
            <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['telefones'].errors && formAddCE.controls['telefones'].errors.showWarning}">
                    <label for="ddd_{{i}}"
                           [ngClass]="{'label-invalid-required': isRequiredTel(item.controls.ddd)}">DDD</label>
                    <input
                      type="tel"
                      class="form-control input-layout"
                      id="ddd_{{i}}"
                      [required]="isRequiredTel(item.controls.ddd)"
                      [(ngModel)]="selectedClient.telefones['ddd'+i]"
                      maxlength="2"
                      [formControl]="item.controls.ddd"
                      (blur)="validacaoDDD(item.controls.ddd, item.controls.telefone)"
                      (keyup)="dddKeyUp($event,item.controls.telefone+i,item.controls.ddd)"
                      ui-digits/>
                  </div>
                </div>

                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                  <div class="form-group"
                       [ngClass]="{'showInputMsg':formAddCE.controls['telefones'].errors && formAddCE.controls['telefones'].errors.showWarning}">
                    <label for="telnumero_{{i}}"
                           [ngClass]="{'label-invalid-required': isRequiredTel(item.controls.telefone)}">Telefone</label>
                    <input
                      type="tel"
                      class="form-control input-layout"
                      id="telnumero_{{i}}"
                      [required]="isRequiredTel(item.controls.telefone)"
                      [(ngModel)]="selectedClient.telefones['numero'+i]"
                      (keydown)="item.classificacao = autoCelClass(item.classificacao,item.controls.telefone)"
                      (keyup)="telKeyUp($event,'tipotel_'+i,item.controls.telefone)"
                      maxlength="10"
                      [formControl]="item.controls.telefone"
                      ui-phone/>
                  </div>
                </div>

                <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7">
                  <div class="form-group"
                       [ngClass]="{'showInputMsg':formAddCE.controls['telefones'].errors && formAddCE.controls['telefones'].errors.showWarning}">
                    <label
                      for="tipotel_{{i}}"
                      [ngClass]="{'label-invalid-required': isRequiredTel(item)}">Tipo</label>
                    <ng-selectize *ngIf="item.controls.tipo" id="tipotel_{{i}}" [config]="configTipo"
                                  [options]="optionsTipo"
                                  [placeholder]="'Escolha'"
                                  [required]="isRequiredTel(item)"
                                  [(ngModel)]="selectedClient.telefones['tipo'+i]"
                                  [formControl]="item.controls.tipo"></ng-selectize>
                  </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">
                <template #popTemplate>
                  <ul class="action-links">
                    <li><a class="action" (click)="removeTel(i)">Excluir</a>
                    </li>
                  </ul>
                </template>
                <a #pop="bs-popover" href (click)="$event.preventDefault()" class="icon icon-info-dots"
                   [popover]="popTemplate"
                   placement="left"
                   triggers="click"></a>
              </label>
            </div>
          </div>
        </div>
        <!-- Telefones 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)="addTelefone(); $event.preventDefault()"
                 class="icon-mais-bold add-item text-nowrap">Adicionar
                Telefone</a>
            </div>
          </div>
        </div>

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

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