superaudio.com.br Open in urlscan Pro
159.89.252.114  Public Scan

Submitted URL: http://superaudioplay-com-br.alpha.startonline.com.br/
Effective URL: https://superaudio.com.br/play
Submission: On January 18 via api from NL — Scanned from NL

Form analysis 14 forms found in the DOM

<form class="modal__form">
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width" autofocus="autofocus"><label for="90a17d14-43c3-4adf-8d4e-18d1aee3ae1e"
      class="dm-field-input__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">Email<!----></label>
    <div class="dm-field-input__container"><!----><input autocomplete="false" id="90a17d14-43c3-4adf-8d4e-18d1aee3ae1e" name="client_mail" spellcheck="false" type="email" class="dm-field-input__field" aria-required="false"
        aria-invalid="false"><!----></div><!---->
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width"><label for="9c4659c1-92e4-d317-a9b8-506753823ca4"
      class="dm-field-input__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">Senha<!----></label>
    <div class="dm-field-input__container"><!----><input autocomplete="false" id="9c4659c1-92e4-d317-a9b8-506753823ca4" name="client_pass" spellcheck="false" type="password" class="dm-field-input__field" aria-required="false"
        aria-invalid="false"><!----></div><!---->
  </div>
  <div class="form__buttons form__buttons--right"><button type="button" class="modal__button dm-base-button dm-base-button--black dm-base-button--default dm-base-button--capitalize dm-base-button--reverse"><span
        class="dm-base-button__inner"><!----><span class="dm-base-button__label"> Esqueci minha senha </span><!----><!----></span><!----></button> <button type="submit"
      class="modal__button dm-base-button dm-base-button--green dm-base-button--default dm-base-button--capitalize"><span class="dm-base-button__inner"><!----><span class="dm-base-button__label"> Entrar </span><!----><!----></span><!----></button>
  </div>
</form>

<form class="uk-modal-dialog" v-on:submit="submitSyncOptions();">
  <div class="uk-modal-header vueStationModal-header">
    <h3 class="uk-modal-title">Selecionar opções do Sync</h3>
    <h4 class="uk-modal-title" v-if="station">{{ station.nickname }}</h4>
  </div>
  <div class="uk-width-medium-1-1 vueStationModal-body">
    <template v-if="station &amp;&amp; syncOptions">
      <h4 class="md-card-toolbar-heading-text">Configuração</h4>
      <table class="uk-table uk-table-hover vertical-align-table">
        <tbody>
          <tr>
            <td colspan="2">
              <label class="pull-left">Nome da estação</label>
              <div class="md-input-wrapper md-input-filled pull-right">
                <input v-model="syncOptions.nickname" type="text" class="md-input label-fixed">
              </div>
            </td>
          </tr>
          <tr>
            <td>
              <label>Disponibilizar Download</label>
              <br>
              <template v-if="syncOptions.available_download &amp;&amp; !syncOptions.automatic_directory_management">
                <small>você deve configurar individualmente as pastas de download em seu pc</small>
              </template>
              <template v-else-if="!syncOptions.available_download &amp;&amp; syncOptions.automatic_directory_management">
                <small>O Diretório raiz será definido de modo automático.</small>
                <br>
                <small>Para configuração manual, você deve ativar este item.</small>
              </template>
              <template v-else-if="syncOptions.available_download &amp;&amp; syncOptions.automatic_directory_management">
                <small>Configuração manual ativada, configure a pastas raiz em seu PC</small>
              </template>
            </td>
            <td>
              <div class="pull-right">
                <switch-button :allow-click="syncOptions.automatic_directory_management" v-model="syncOptions.available_download"></switch-button>
              </div>
            </td>
          </tr>
          <tr>
            <td>
              <label>Gerenciamento dos Diretórios Automático</label>
              <br>
              <template v-if="syncOptions.available_download &amp;&amp; !syncOptions.automatic_directory_management">
                <small>Modo manual ativado. Configure as pastas de download em seu PC</small>
              </template>
              <template v-else-if="!syncOptions.available_download &amp;&amp; syncOptions.automatic_directory_management">
                <small>O Diretório sera definido no caminho abaixo:</small>
              </template>
              <template v-else-if="syncOptions.available_download &amp;&amp; syncOptions.automatic_directory_management">
                <small>Configure a pasta raiz em seu PC.</small>
              </template>
            </td>
            <td>
              <div class="pull-right">
                <switch-button v-model="syncOptions.automatic_directory_management"></switch-button>
              </div>
            </td>
          </tr>
          <template v-if="syncOptions.automatic_directory_management">
            <tr class="root_path" style="display: table-row;">
              <td>
                <label class="pull-left">Diretório padrão</label>
                <div class="md-input-wrapper md-input-filled pull-right clearfix" v-if="!syncOptions.local_config">
                  <select v-model="syncOptions.type_root_path_automatic">
                    <option value="C">C</option>
                    <option value="DESKTOP">DESKTOP</option>
                  </select>
                </div>
                <div v-else="">
                  <br>
                  <p>Manual</p>
                </div>
              </td>
              <td>
                <label class="pull-left">Caminho raiz dos diretórios</label>
                <div class="md-input-wrapper md-input-filled pull-right clearfix">
                  <input v-model="syncOptions.root_path_automatic" disabled="" type="text" class="md-input label-fixed">
                </div>
              </td>
            </tr>
          </template>
          <tr>
            <td>
              <label class="pull-left">Intervalo do sync parcial <small>em minutos</small></label>
            </td>
            <td>
              <div class="pull-right">
                <div class="md-input-wrapper md-input-filled" style="width:50px;">
                  <input value="" v-model="syncOptions.partial_sync_interval" type="text" class="md-input label-fixed textAlignRight" placeholder="00">
                </div>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan="2">
              <label class="pull-left">Lixeira da estação</label>
              <div class="md-input-wrapper md-input-filled pull-right">
                <input type="text" class="md-input label-fixed" disabled="" v-model="syncOptions.trash">
              </div>
            </td>
          </tr>
          <tr>
            <td style="border-bottom-color: transparent" colspan="2">
              <label class="pull-left">Timezone da estação</label>
              <div class="md-input-wrapper md-input-filled pull-right">
                <input value="" v-model="syncOptions.timezone" type="text" disabled="" class="md-input label-fixed disabled">
              </div>
            </td>
          </tr>
          <tr>
            <td>
            </td>
            <td>
            </td>
          </tr>
          <tr>
            <td>
              <label>Segurança</label>
            </td>
            <td>
              <div class="pull-right">
                <switch-button v-model="syncOptions.has_password"></switch-button>
              </div>
            </td>
          </tr>
          <template v-if="syncOptions.has_password">
            <tr class="security_password">
              <td colspan="2">
                <div class="uk-grid">
                  <div class="uk-width-1-3">
                    <label for="">Senha</label>
                  </div>
                  <div class="uk-width-1-3">
                    <div class="md-input-wrapper md-input-filled">
                      <input type="password" class="md-input label-fixed" v-model="syncOptions.password" placeholder="Senha">
                    </div>
                  </div>
                  <div class="uk-width-1-3">
                    <div class="md-input-wrapper md-input-filled">
                      <input type="password" class="md-input label-fixed" v-model="syncOptions.confirm_password" placeholder="Repetir Senha">
                    </div>
                  </div>
                </div>
              </td>
            </tr>
          </template>
        </tbody>
      </table>
    </template>
    <template v-else="">
      <superaudio-loader></superaudio-loader>
    </template>
  </div>
  <div class="uk-modal-footer uk-text-right vueStationModal-footer">
    <a class="md-btn md-btn-flat uk-modal-close" @click="modal.close">Cancelar</a>
    <template v-if="station &amp;&amp; syncOptions">
      <button type="submit" class="md-btn md-btn-success">Salvar</button>
    </template>
  </div>
</form>

<form class="uk-modal-dialog" v-on:submit="submitSyncFoldersModal();">
  <div class="uk-modal-header vueStationModal-header">
    <h3 class="uk-modal-title">Controle de Pastas</h3>
    <h4 class="uk-modal-title" v-if="station">{{ station.nickname }}</h4>
  </div>
  <div class="uk-width-medium-1-1 vueStationModal-body">
    <template v-if="station &amp;&amp; folder.options">
      <div class="table__wrapper">
        <v-tabs :centered="true" style="border-bottom: 1px solid #e0e0e0;">
          <v-tab @click="folder.displaySection = 'download'"> Pastas de downloads - <span id="count-download"> {{ folderDownloadConfigured }} </span>
          </v-tab>
          <v-tab @click="folder.displaySection = 'upload'"> Pastas de uploads - <span id="count-upload"> {{ folderUploadConfigured }} </span>
          </v-tab>
        </v-tabs>
        <template v-if="folder[folder.displaySection] &amp;&amp; Object.keys(folder[folder.displaySection]).length">
          <div v-for="(model, index) in folder[folder.displaySection]" :key="index">
            <h2 class="title"> {{ index }} </h2>
            <table class="uk-table uk-table-hover vertical-align-table" style="margin-top: 0;">
              <thead>
                <tr>
                  <th>De</th>
                  <th>Caminho</th>
                </tr>
              </thead>
              <tbody>
                <tr v-for="(item, folderIndex) in model" :key="'folderIndex'+folderIndex">
                  <td :title="folder.location_path" class="media-name">
                    {{ item.media_type_name }}
                  </td>
                  <td>
                    {{ item.location_path }}
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </template>
        <template v-else="">
          <div class="empty">Não foi encontrada nenhuma pasta.</div>
        </template>
      </div>
    </template>
    <template v-else="">
      <superaudio-loader></superaudio-loader>
    </template>
  </div>
  <div class="uk-modal-footer uk-text-right vueStationModal-footer">
    <a class="md-btn md-btn-flat uk-modal-close" @click="modal.close">Fechar</a>
    <!--                        <template v-if="station && folder.options">-->
    <!--                            <button type="submit" class="md-btn md-btn-success">Atualizar lista de pastas</button>-->
    <!--                        </template>-->
  </div>
</form>

<form v-else="" v-on:submit.prevent="registerStore()" class="modal__form" autocomplete="off">
  <div class="col-md-12 text-center">
    <h3>Cadastro/Autorização</h3>
    <h3>Inclusão de Rádio no portal SuperAudio</h3>
  </div>
  <div class="custon-alert custon-alert-warning" style="padding: 30px;">
    <!--                            <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>-->
    <h3 class="title text-center"> ATENÇÃO!!! </h3>
    <br>
    <span> Você não pode cadastrar seus dados pessoais como contato de uma emissora, para não configurar Falsidade Ideológica. Este crime é figura tipificada no artigo 299 do Código Penal Brasileiro conforme segue: Omitir, em documento público ou
      particular, declaração que dele devia constar, ou nele inserir ou fazer inserir declaração falsa ou diversa da que devia ser escrita, com o fim de prejudicar direito, criar obrigação ou alterar a verdade sobre fato juridicamente relevante.
    </span>
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <br>
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <h2 class="steps-title"><span class="fa fa-caret-right text-white"></span> Step - 1 <small>Tipo de Rádio</small>
    </h2>
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <label for="radio_type" class="dm-field-select__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">Tipo de rádio</label>
    <model-list-select name="radio_type" id="radio_type" :list="radio_type_options" v-model="signUp.radio_type" option-value="value" option-text="label" placeholder="Tipo de rádio">
    </model-list-select>
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <br>
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <h2 class="steps-title"><span class="fa fa-caret-right text-white"></span> Step - 2 <small>Solicitante</small>
    </h2>
  </div>
  <dm-input v-model="signUp.requester_name" type="text" label="Nome" class="modal__input" validation="required" :max="255"></dm-input>
  <dm-input v-model="signUp.requester_email" type="text" label="Email" class="modal__input" validation="required" :max="255"></dm-input>
  <dm-select v-model="signUp.requester_bond" label="Vínculo" :options="requesterBondOptions" validation="required"></dm-select>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <br>
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <h2 class="steps-title"><span class="fa fa-caret-right text-white"></span> Step - 3 <small>Dados da Rádio</small>
    </h2>
  </div>
  <dm-input v-model="signUp.name_fantasy" type="text" name="name_fantasy" label="Nome da Rádio" class="modal__input" validation="required" :max="255"></dm-input>
  <dm-input v-model="signUp.company_name" type="text" name="company_name" label="Razão Social" class="modal__input" validation="required" :max="255"></dm-input>
  <div class="row justify-content-center">
    <div class="col-md-12 text-center">
      <h3 style="color: #a9c7df;"> Logo da Rádio <span style="color: #e1112c;">*</span>
      </h3>
    </div>
    <div>
      <div class="avatar modal__canvas" style="display: inline-block; position: relative">
        <canvas id="coverCanvas" ref="coverCanvas"></canvas>
        <label for="signUpCover" class="btn-file" id="upload-cover">
          <i class="material-icons"></i>
        </label>
        <input type="file" accept=".png,.jpg,.jpeg" id="signUpCover" ref="signUpCover" @change="handleFile">
      </div>
    </div>
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <label for="country" class="dm-field-select__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">País</label>
    <model-list-select name="country" id="country" class="dm-field-select__container" :list="countries_options" v-model="signUp.location.country" option-value="value" option-text="label" placeholder="Escolha o país">
    </model-list-select>
  </div>
  <template v-if="signUp.location.country == 1">
    <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
      <label for="state" class="dm-field-select__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">Estado</label>
      <model-list-select name="state" id="state" :list="state_options" v-model="signUp.location.state" option-value="value" option-text="label" placeholder="Escolha o estado" validation="required">
      </model-list-select>
    </div>
    <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
      <label for="city" class="dm-field-select__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">Cidade</label>
      <model-list-select name="city_id" id="city_id" :list="city_options" v-model="signUp.location.city_id" option-value="value" option-text="label" placeholder="Escolha a cidade" validation="required">
      </model-list-select>
    </div>
    <dm-input v-model="signUp.location.address" type="text" name="address" label="Endereço" class="modal__input" validation="required" :max="150"></dm-input>
    <dm-input v-model="signUp.location.number" type="text" name="number" label="Número" class="modal__input" validation="required" maxlength="10" :max="10"></dm-input>
    <dm-input v-model="signUp.location.complement" type="text" name="complement" label="Complemento" class="modal__input" :max="50"></dm-input>
  </template>
  <template class="inputBox" v-if="signUp.location.country != 1 &amp;&amp; signUp.location.country > 1">
    <dm-input v-model="signUp.location.state_name" type="text" name="state_name" label="Estado" class="modal__input" :max="255"></dm-input>
    <dm-input v-model="signUp.location.city_name" type="text" name="city_name" label="Cidade" class="modal__input" :max="255"></dm-input>
  </template>
  <template v-if="signUp.location.country == 1">
    <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
      <label for="register_type" class="dm-field-select__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">Tipo de cadastro</label>
      <model-list-select name="register_type" id="register_type" :list="register_type_options" v-model="signUp.register_type" option-value="value" option-text="label" placeholder="Tipo de rádio">
      </model-list-select>
    </div>
    <template v-if="signUp.register_type === 'cnpj'">
      <label for="cnpj" class="dm-field-label">CNPJ</label>
      <input type="text" id="cnpj" class="form-control dm-input-custom dm-field-input--borders" v-model="signUp.cnpj" name="signUp.cnpj" maxlength="14" required="">
    </template>
    <template v-if="signUp.register_type === 'cpf'">
      <label for="cpf" class="dm-field-label">CPF</label>
      <input type="text" id="cpf" class="form-control dm-input-custom dm-field-input--borders" v-model="signUp.cpf" name="signUp.cpf" maxlength="11" required="">
    </template>
  </template>
  <dm-input v-model="signUp.location.phone_1" type="tel" name="phone_1" label="Telefone" class="modal__input" validation="required" maxlength="15" :max="15"></dm-input>
  <dm-input v-model="signUp.link" type="text" name="link" label="URL Site" class="modal__input" :max="255"></dm-input>
  <dm-input v-model="signUp.slogan" type="text" label="Slogan" class="modal__input" :max="255"></dm-input>
  <v-tooltip top="" color="#ff9800">
    <template v-slot:activator="{ on, attrs }">
      <div class="input-group mb-3 pr-1" style="align-items: center; flex-wrap: nowrap;" v-bind="attrs" v-on="on">
        <dm-input v-model="signUp.link_radio_data_system" type="text" label="ID Único" class="modal__input" :max="255"></dm-input>
      </div>
    </template>
    <span>ID único para a identificação desta rádio na API.</span>
  </v-tooltip>
  <template v-if="(signUp.radio_type == 'commercial' || signUp.radio_type == 'educational') &amp;&amp; signUp.location.country == 1">
    <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
      <label for="class" class="dm-field-select__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">Classe da sua rádio</label>
      <model-list-select name="class" id="class" :list="class_options" v-model="signUp.class" option-value="value" option-text="label" placeholder="Tipo de rádio">
      </model-list-select>
    </div>
  </template>
  <template v-if="$radioSegment" style="width: 100%;" id="modalMultiSelect">
    <p style="margin-bottom: 10px; color: #a9c7df;">Segmento <span style="color: #e1112c;">*</span></p>
    <multiselect v-model="signUp.radio_segments" :options="$radioSegment" open-direction="bottom" :multiple="true" :searchable="true" :custom-label="name" track-by="name" :max="1" placeholder="Selecione" select-label="Pressione enter para adicionar"
      selected-label="Adicionado" deselect-label="Pressione enter para remover" :close-on-select="false" :clear-on-select="false" :preserve-search="false">
      <template slot="maxElements">
        <p>Número máximo de estilos atingido</p>
      </template>
      <template slot="noResult"> Nenhuma estilo encontrado, favor alterar o texto da busca. </template>
    </multiselect>
  </template>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <br>
  </div>
  <dm-textarea v-model="signUp.about" label="Descrição da Emissora" class="modal__input"></dm-textarea>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <br>
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <h2 class="steps-title"><span class="fa fa-caret-right text-white"></span> Step - 4 <small>Transmissão</small>
    </h2>
  </div>
  <v-tooltip top="" color="#ff9800">
    <template v-slot:activator="{ on, attrs }">
      <div class="input-group mb-3 pr-1" style="align-items: center; flex-wrap: nowrap;" v-bind="attrs" v-on="on">
        <dm-input v-model="signUp.link_streaming" type="text" name="link_streaming" label="URL Streaming" class="modal__input" :maxlength="255"></dm-input>
        <div class="input-group-prepend">
          <vue-play-test-radio :link-src="signUp.link_streaming" style="margin-left: 3px; margin-top: 11px;"></vue-play-test-radio>
        </div>
      </div>
    </template>
    <span>Link do ponto de montagem que contém o áudio do streaming</span>
  </v-tooltip>
  <v-tooltip top="" color="#ff9800">
    <template v-slot:activator="{ on, attrs }">
      <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width" v-bind="attrs" v-on="on">
        <label for="type-server-rds" class="dm-field-select__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase"> Tipo de RDS <span style="color: #e1112c;">*</span>
        </label>
        <div class="d-flex">
          <model-list-select id="type-server-rds" class="dm-field-select__container" :list="rdsServerTypes" v-model="signUp.type_server_rds" option-value="value" option-text="label">
          </model-list-select>
          <v-tooltip top="" color="#ff9800">
            <template v-slot:activator="{ on, attrs }">
              <v-icon v-bind="attrs" v-on="on" style="margin-right: 18px; margin-left: 18px" @click="showInfoRdsType"> mdi-information </v-icon>
            </template>
            <span>Ajuda para o campo "Link Rds"</span>
          </v-tooltip>
        </div>
      </div>
    </template>
    <span>Tipo de servidor usado para o RDS</span>
  </v-tooltip>
  <v-tooltip top="" color="#ff9800">
    <template v-slot:activator="{ on, attrs }">
      <div class="w-100" v-bind="attrs" v-on="on">
        <dm-input v-model="signUp.link_server_rds" label="Link RDS" class="modal__input" required=""></dm-input>
      </div>
    </template>
    <span>Link para capturar o RDS e mostrar o que está tocando agora</span>
  </v-tooltip>
  <label for="domain_slug" class="dm-field-input__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">Domínio no Superaudio</label>
  <div class="input-group mb-3">
    <div class="input-group-prepend">
      <span class="input-group-text" id="basic-addon1">https://superaudio.com.br/radios/</span>
    </div>
    <input v-model="signUp.domain_slug" id="domain_slug" type="text" class="form-control" placeholder="" @blur="validateDomainSlug">
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <br>
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <h2 class="steps-title"><span class="fa fa-caret-right text-white"></span> Step - 5 <small>Segurança</small>
    </h2>
  </div>
  <div class="loginDetails dm-field-input--full-width">
    <dm-input v-model="signUp.email" type="email" name="client_mail" label="E-mail" class="modal__input" validation="required" :max="255"></dm-input>
    <dm-input v-model="signUp.password" type="password" name="password_client" label="Senha" class="modal__input" validation="required" :min="6" :max="255"></dm-input>
    <dm-input v-model="signUp.confirm_password" type="password" name="confirm_password" label="Confirmar Senha" class="modal__input" validation="required" :min="6" :max="255"></dm-input>
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <br>
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <h2 class="steps-title"><span class="fa fa-caret-right text-white"></span> Step - 6 <small>Autorização</small>
    </h2>
  </div>
  <div class="custon-alert custon-alert-warning" style="padding: 30px !important;">
    <h3 class="title"> Autorização de Inclusão de Rádio </h3>
    <br>
    <span> Os dados cadastrados serão mostrados em nosso aplicativo para que os ouvintes possam OUVIR e se comunicar diretamente com a rádio. Ao Confirmar este cadastro você Autoriza o SuperAudio a publicar sua emissora em nossa Plataforma,
      Aplicativos Mobile e Desktop. É importante que o contato esteja disponível no site ou compartilhado em alguma rede social da rádio. </span>
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <br>
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <h2 class="steps-title"><span class="fa fa-copyright text-white"></span> TERMOS DE USO </h2>
  </div>
  <div v-if="$configsPlay &amp;&amp; $configsPlay.terms_of_use_radios" class="alert alert-secondary" style="max-height: 400px; overflow-y: auto;" role="alert">
    {{ $configsPlay.terms_of_use_radios }}
  </div>
  <dm-checkbox v-model="signUp.accepted_terms_of_use" name="accepted_terms_of_use" label="Li e aceito os Termos de Uso e Autorização de Inclusão de Rádio." class="modal__checkbox"></dm-checkbox>
  <div class="form__buttons form__buttons--right">
    <!--                            <dm-button color="black" :reverse="true" @click="step = 'signIn'; title = 'Entrar'" class="modal__button">Já tenho uma conta</dm-button>-->
    <dm-button color="green" type="submit" class="modal__button">Registrar</dm-button>
  </div>
</form>

<form class="grid" v-on:submit.prevent="updateClient()">
  <div>
    <label for="">
      <p>Foto</p>
      <div class="canvas">
        <label for="coverInput" class="btn-file">
          <i class="material-icons"></i>
        </label>
        <label for="coverInput">
          <canvas id="coverCanvasPerfil" ref="coverCanvasPerfil" :style="`background-image: url(${$user.cover.uri})`"></canvas>
        </label>
        <div class="inputBox" v-show="false">
          <input type="file" id="coverInput" ref="signUpCover" @change="handleFile">
        </div>
      </div>
    </label>
    <label for="" v-if="profile.user_type != 'Listener'">
      <p>Nome da rádio</p>
      <input type="text" v-model="profile.name_fantasy">
    </label>
    <label for="">
      <p v-if="profile.user_type == 'Listener'">Nome</p>
      <p v-else="">Razão Social</p>
      <input type="text" v-model="profile.name_corporate">
    </label>
    <template v-if="profile.location.country_id == 1 &amp;&amp; profile.user_type !== 'Listener'">
      <label for="" v-if="profile.cnpj">
        <p>CNPJ</p>
        <input type="text" v-model="profile.cnpj" v-mask="['##.###.###/####-##']" disabled="">
      </label>
      <label for="" v-if="profile.user_type == 'Listener' || profile.cpf">
        <p>CPF</p>
        <input type="text" v-model="profile.cpf" v-mask="['###.###.###-##']" disabled="">
      </label>
    </template>
    <label for="" v-if="profile.user_type != 'Listener'">
      <p>Tipo de rádio</p>
      <select v-model="profile.type" name="type">
        <option value="commercial">Comercial</option>
        <option value="web">Web</option>
        <option value="community">Comunitária</option>
        <option value="educational">Educativa</option>
      </select>
    </label>
    <!-- NOVO -->
    <label for="" v-if="profile.user_type != 'Listener'">
      <p>Domínio no Superaudio</p> https://superaudio.com.br/radios/<input type="text" v-model="profile.domain_slug" @blur="validateDomainSlug">
    </label>
    <!-- FIM NOVO -->
    <label for="" v-if="profile.user_type != 'Listener'">
      <p>Site da rádio</p>
      <input type="text" v-model="profile.link">
    </label>
    <label for="" v-if="profile.user_type != 'Listener'">
      <p>Slogan</p>
      <input type="text" v-model="profile.slogan">
    </label>
    <v-tooltip bottom="" color="#ff9800">
      <template v-slot:activator="{ on, attrs }">
        <label v-bind="attrs" v-on="on" v-if="profile.user_type != 'Listener'">
          <p>ID Único</p>
          <input type="text" v-model="profile.link_radio_data_system">
        </label>
      </template>
      <span> ID único para a identificação desta rádio na API. </span>
    </v-tooltip>
    <v-tooltip bottom="" color="#ff9800">
      <template v-slot:activator="{ on, attrs }">
        <label v-bind="attrs" v-on="on" v-if="profile.user_type != 'Listener'">
          <p>URL Streaming</p>
          <div class="input-group" v-if="profile.user_type != 'Listener'" style="flex-wrap: nowrap; align-content: center;">
            <input type="text" v-model="profile.link_streaming">
            <vue-play-test-radio :link-src="profile.link_streaming" style="margin-left: 3px;"></vue-play-test-radio>
          </div>
        </label>
      </template>
      <span> Link do ponto de montagem que contém o áudio do streaming </span>
    </v-tooltip>
    <v-tooltip bottom="" color="#ff9800">
      <template v-slot:activator="{ on, attrs }">
        <label v-bind="attrs" v-on="on" v-if="profile.user_type != 'Listener'">
          <p>Tipo de RDS</p>
          <div class="input-group" style="flex-wrap: nowrap; align-content: center;">
            <select v-model="profile.type_server_rds">
              <option value="controla">Controla</option>
              <option value="mediacp">MediaCP</option>
              <option value="azuracast">AzuraCast</option>
              <option value="icecast">Icecast</option>
              <option value="shoutcast">Shoutcast</option>
            </select>
            <v-tooltip bottom="" color="#ff9800">
              <template v-slot:activator="{ on, attrs }">
                <v-icon align-self="start" v-bind="attrs" v-on="on" style="font-size: 24px; padding-right: 15px; padding-left: 15px;" @click="showTypeRdsInfo"> mdi-information </v-icon>
              </template>
              <span>Ajuda para o campo "Link Rds"</span>
            </v-tooltip>
          </div>
        </label>
      </template>
      <span> Tipo de servidor usado para o RDS </span>
    </v-tooltip>
    <v-tooltip bottom="" color="#ff9800">
      <template v-slot:activator="{ on, attrs }">
        <label v-bind="attrs" v-on="on" v-if="profile.user_type != 'Listener'">
          <p>Link RDS</p>
          <input type="text" v-model="profile.link_server_rds">
        </label>
      </template>
      <span> Link para capturar o RDS e mostrar o que está tocando agora </span>
    </v-tooltip>
    <label for="" v-if="profile.location.country_id == 1 &amp;&amp; profile.user_type != 'Listener'">
      <p>Classe</p>
      <select v-model="profile.class" name="class">
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
      </select>
    </label>
    <label for="" v-if="profile.location.country_id == 1 &amp;&amp; profile.user_type != 'Listener'">
      <p>Potência kW</p>
      <input type="number" v-model="profile.power_kw" name="power_kw" min="0" max="1000.0" step="0.01">
    </label>
  </div>
  <br><br>
  <div>
    <h3>Contato</h3>
    <label for="">
      <p>Telefone</p>
      <input type="text" v-model="profile.location.phone_1" v-mask="['(##) ####-####', '(##) #####-####']">
    </label>
    <label for="">
      <p>Telefone 2</p>
      <input type="text" v-model="profile.location.phone_2" v-mask="['(##) ####-####', '(##) #####-####']">
    </label>
    <label for="">
      <p>E-mail</p>
      <input type="email" v-model="profile.email">
    </label>
    <label for="" v-if="false">
      <p>Outros e-mails</p>
      <input type="text" v-model="profile.other_emails">
    </label>
    <div class="radioBox">
      <p>Receber notificações de atualizações de conteúdos?</p>
      <div class="options">
        <label for="opt1">
          <input type="radio" id="opt1" name="notifyEmail" value="true" v-model="profile.notify_content_update"> Sim </label>
        <label for="opt2">
          <input type="radio" id="opt2" name="notifyEmail" value="false" v-model="profile.notify_content_update"> Não </label>
      </div>
    </div>
    <br>
    <div class="radioBox">
      <p>Receber Mailing?</p>
      <div class="options">
        <label for="opt3">
          <input type="radio" id="opt3" name="receiveMailing " value="true" v-model="profile.receive_mailing "> Sim </label>
        <label for="opt4">
          <input type="radio" id="opt4" name="receiveMailing" value="false" v-model="profile.receive_mailing "> Não </label>
      </div>
    </div>
  </div>
  <br><br>
  <div>
    <h3>Endereço</h3>
    <label for="">
      <p>País</p>
      <input type="text" v-model="profile.location.country.name" disabled="">
    </label>
    <label for="" v-if="profile.location.country_id == 1">
      <p>Estado</p>
      <input type="text" v-model="profile.location.state.name" disabled="">
    </label>
    <label for="" v-else="">
      <p>Estado</p>
      <input type="text" v-model="profile.location.state_name" disabled="">
    </label>
    <label for="" v-if="profile.location.country_id == 1">
      <p>Cidade</p>
      <input type="text" v-model="profile.location.city.name" disabled="">
    </label>
    <label for="" v-else="">
      <p>Cidade</p>
      <input type="text" v-model="profile.location.city_name" disabled="">
    </label>
    <label for="">
      <p>CEP</p>
      <input type="text" v-model="profile.location.cep">
    </label>
    <label for="">
      <p>Endereço</p>
      <input type="text" v-model="profile.location.address">
    </label>
    <label for="">
      <p>Complemento</p>
      <input type="text" v-model="profile.location.complement">
    </label>
    <label for="">
      <p>Bairro</p>
      <input type="text" v-model="profile.location.district">
    </label>
    <label for="">
      <p>Número</p>
      <input type="text" v-model="profile.location.number">
    </label>
  </div>
  <br><br>
  <v-card elevation="2" shaped="" dark="">
    <v-card-title> Perfis de acesso </v-card-title>
    <v-card-text>
      <v-row style="margin-top: -30px">
        <v-col cols="auto">
          <v-btn small="" @click="EventBus.$emit('showGlobalModalAddAccessProfile')">Adicionar</v-btn>
        </v-col>
      </v-row>
      <v-row>
        <v-col v-for="userAccessProfile in userAccessProfiles" :key="userAccessProfile" md="3">
          <span class="font-weight-bold" style="vertical-align: middle;">{{ userAccessProfile.name }}</span>
          <v-tooltip v-if="userAccessProfile.isApproved" bottom="" color="#41b883">
            <template v-slot:activator="{ on, attrs }">
              <v-icon align-self="start" v-bind="attrs" v-on="on" style="color: green;" small=""> mdi-check-bold </v-icon>
            </template>
            <span> Aprovado </span>
          </v-tooltip>
          <v-tooltip v-else="" bottom="" color="orange">
            <template v-slot:activator="{ on, attrs }">
              <v-icon v-bind="attrs" v-on="on" color="orange" small=""> mdi-exclamation </v-icon>
            </template>
            <span> Aguardando aprovação </span>
          </v-tooltip>
          <v-tooltip bottom="" color="#f30c0c">
            <template v-slot:activator="{ on, attrs }">
              <v-icon color="#f30c0c" v-bind="attrs" v-on="on" small="" @click="handleRemoveAccessProfile(userAccessProfile.code, userAccessProfile.isApproved)"> mdi-close </v-icon>
            </template>
            <span> Remover </span>
          </v-tooltip>
        </v-col>
      </v-row>
    </v-card-text>
  </v-card>
  <br><br>
  <div v-if="profile.preference.musics &amp;&amp; $helpsMusics">
    <h3>Preferências Musicais</h3>
    <label v-for="(attribute, index) in profile.preference.musics" :key="index" v-if="$helpsMusics[index]">
      <p>{{ index | prettyName }}</p>
      <multiselect v-model="profile.preference.musics[index]" :options="$helpsMusics[index]" open-direction="bottom" :multiple="true" :searchable="true" track-by="name" :custom-label="name" placeholder="Selecione"
        select-label="Pressione enter para adicionar" selected-label="Adicionado" deselect-label="Pressione enter para remover" :close-on-select="false" :clear-on-select="false" :preserve-search="false">
        <template slot="maxElements">
          <p>Número máximo de estilos atingido</p>
        </template>
        <template slot="noResult"> Nenhuma estilo encontrado, favor alterar o texto da busca. </template>
      </multiselect>
    </label>
  </div>
  <br>
  <div v-if="profile.user_type != 'Listener'">
    <h3>Rádio</h3>
    <label v-if="profile.radio_segments &amp;&amp; $radioSegment">
      <p>Segmento</p>
      <multiselect v-model="profile.radio_segments" :options="$radioSegment" open-direction="bottom" :multiple="true" :searchable="true" track-by="name" :custom-label="name" :max="1" placeholder="Selecione"
        select-label="Pressione enter para adicionar" selected-label="Adicionado" deselect-label="Pressione enter para remover" max-elements="Número maximo de atingido" :close-on-select="false" :clear-on-select="false" :preserve-search="false">
      </multiselect>
    </label>
    <label>
      <p>Sobre a rádio</p>
    </label>
    <ckeditor v-model="profile.about" :config="editorConfig"></ckeditor>
  </div>
  <br>
  <div class="profile_buttons">
    <input type="submit" class="button save" value="Salvar">
  </div>
  <div class="cancelAccount">
    <a href="javascript:;" class="cancel" v-on:click="endMyAccount()">Quero encerrar minha conta</a>
  </div>
</form>

<form class="profile grid" v-on:submit.prevent="updateClient()">
  <v-stepper v-model="e1" dark="">
    <v-stepper-header>
      <v-stepper-step step="1" @click="e1 = 1" :complete="e1 > 1">Cadastro</v-stepper-step>
      <v-divider></v-divider>
      <v-stepper-step step="2" @click="e1 = 2" :complete="e1 > 2">Meus Interesses</v-stepper-step>
      <v-divider></v-divider>
      <v-stepper-step step="3" @click="e1 = 3" :complete="e1 > 3">Perfil Rádios On-Line</v-stepper-step>
      <v-divider></v-divider>
      <v-stepper-step step="4" @click="e1 = 4" :complete="e1 > 4">Hotsite</v-stepper-step>
    </v-stepper-header>
    <v-stepper-items>
      <v-stepper-content step="1">
        <div>
          <div>
            <p>Foto</p>
            <label for="">
              <div class="canvas">
                <label for="coverInput" class="btn-file">
                  <i class="material-icons"></i>
                </label>
                <label for="coverInput">
                  <canvas id="coverCanvasPerfil" ref="coverCanvasPerfil" :style="`background-image: url(${$user.cover.uri})`"></canvas>
                </label>
                <div class="inputBox" v-show="false">
                  <input type="file" id="coverInput" ref="signUpCover" @change="handleFile">
                </div>
              </div>
            </label>
          </div>
          <div v-if="$user.type == 'listener'">
            <v-text-field v-model="$user.name_corporate" label="Nome" required=""></v-text-field>
          </div>
          <div>
            <v-text-field v-model="$user.location.country.name" label="País" disabled=""></v-text-field>
          </div>
          <div>
            <v-text-field v-if="$user.location.country_id == 1" v-model="$user.location.state.name" label="Estado" disabled=""></v-text-field>
            <v-text-field v-else="" v-model="$user.location.state_name" label="Estado" disabled=""></v-text-field>
          </div>
          <div>
            <v-text-field v-if="$user.location.country_id == 1" v-model="$user.location.city.name" label="Cidade" disabled=""></v-text-field>
            <v-text-field v-else="" v-model="$user.location.city_name" label="Cidade" disabled=""></v-text-field>
          </div>
          <div>
            <v-text-field v-model="$user.location.phone_1" label="Telefone" v-mask="['(##) ####-####', '(##) #####-####']"></v-text-field>
          </div>
          <div>
            <v-text-field v-model="$user.email" label="Email"></v-text-field>
          </div>
          <div>
            <v-text-field v-model="form.password" label="Senha" type="password" required=""></v-text-field>
            <v-text-field v-model="form.confirm_password" label="Confirmar Senha" type="password" required=""></v-text-field>
          </div>
        </div>
        <v-btn color="primary" @click="e1 = 2"> Continuar </v-btn>
      </v-stepper-content>
      <v-stepper-content step="2">
        <div>
          <div v-if="$user.preference.products &amp;&amp; $tagsProducts">
            <label v-for="(attribute, index) in $user.preference.products" :key="index">
              <p>{{ index | prettyName }}</p>
              <multiselect v-model="$user.preference.products[index]" :options="$tagsProducts" open-direction="bottom" :multiple="true" :searchable="true" track-by="name" :custom-label="name" placeholder="Selecione"
                select-label="Pressione enter para adicionar" selected-label="Adicionado" deselect-label="Pressione enter para remover" max-elements="Número maximo de atingido" :close-on-select="false" :clear-on-select="false"
                :preserve-search="false"></multiselect>
            </label>
          </div>
          <br>
          <br>
          <div v-if="$user.preference.musics &amp;&amp; $helpsMusics">
            <h3>Preferências Musicais</h3>
            <label v-for="(attribute, index) in $user.preference.musics" :key="index" v-if="$helpsMusics[index]">
              <br>
              <p>{{ index | prettyName }}</p>
              <multiselect v-model="$user.preference.musics[index]" :options="$helpsMusics[index]" open-direction="bottom" :multiple="true" :searchable="true" track-by="name" :custom-label="name" placeholder="Selecione"
                select-label="Pressione enter para adicionar" selected-label="Adicionado" deselect-label="Pressione enter para remover" max-elements="Número maximo de atingido" :close-on-select="false" :clear-on-select="false"
                :preserve-search="false"></multiselect>
            </label>
          </div>
        </div>
        <br>
        <br>
        <div>
          <div class="radioBox">
            <p>Receber notificações de atualizações de conteúdos?</p>
            <div class="options">
              <label for="opt1">
                <input type="radio" id="opt1" name="notifyEmail" value="true" v-model="$user.notify_content_update"> Sim </label>
              <label for="opt2">
                <input type="radio" id="opt2" name="notifyEmail" value="false" v-model="$user.notify_content_update"> Não </label>
            </div>
          </div>
        </div>
        <br>
        <div class="radioBox">
          <p>Receber Mailing?</p>
          <div class="options">
            <label for="opt3">
              <input type="radio" id="opt3" name="receiveMailing " value="true" v-model="$user.receive_mailing "> Sim </label>
            <label for="opt4">
              <input type="radio" id="opt4" name="receiveMailing" value="false" v-model="$user.receive_mailing "> Não </label>
          </div>
        </div>
        <br>
        <v-btn color="primary" @click="e1 = 3"> Continuar </v-btn>
        <v-btn text="" @click="e1 = 1">Voltar</v-btn>
      </v-stepper-content>
      <v-stepper-content step="3">
        <div v-if="$user.type == 'commercial' || $user.type == 'educational'">
          <div>
            <v-text-field v-model="$user.name_corporate" label="Razão Social" required=""></v-text-field>
            <v-text-field v-model="$user.name_fantasy" label="Nome Fantasia" required=""></v-text-field>
            <v-text-field v-model="$user.location.phone_2" label="Telefone" v-mask="['(##) ####-####', '(##) #####-####']"></v-text-field>
          </div>
          <div>
            <v-text-field v-model="$user.type" label="Tipo de rádio" required="" disabled=""></v-text-field>
          </div>
          <div>
            <v-text-field v-model="$user.location.cep" label="CEP" disabled=""></v-text-field>
            <v-text-field v-model="$user.location.address" label="Endereço" disabled=""></v-text-field>
            <v-text-field v-model="$user.location.complement" label="Complemento" disabled=""></v-text-field>
            <v-text-field v-model="$user.location.district" label="Bairro" disabled=""></v-text-field>
            <v-text-field v-model="$user.location.number" label="Número" disabled=""></v-text-field>
          </div>
          <div>
            <template v-if="$user.register_type == 'cnpj'">
              <v-text-field v-model="$user.cnpj" label="CNPJ" required="" :disabled="true" v-mask="['##.###.###/####-##']"></v-text-field>
            </template>
            <template v-if="$user.register_type == 'cpf'">
              <v-text-field v-model="$user.cpf" label="CPF" required="" :disabled="true" v-mask="['###.###.###-##']"></v-text-field>
            </template>
          </div>
          <div>
            <v-text-field v-model="$user.email" label="Email conteúdos"></v-text-field>
          </div>
          <div>
            <v-text-field v-model="$user.email" label="Email financeiro"></v-text-field>
          </div>
          <br>
          <div>
            <p>Cidades Cobertura</p>
            <multiselect v-model="$user.other_cities" :options="cities" :custom-label="nameWithLang" placeholder="Escolha uma cidade" label="name" track-by="name" :multiple="true" :close-on-select="false" :clear-on-select="false" :max="5"
              :searchable="true" open-direction="bottom" select-label="Aperte enter para selecionar" selected-label="Selecionado" deselect-label="Aperte enter para deselecionar" max-elements="Número maximo de cidades atingido" options-limit="50">
              <template slot="maxElements">
                <p>Número máximo de cidades atingidos. Remova uma para selecionar outra.</p>
              </template>
              <template slot="noResult"> Nenhuma cidade encontrada, favor alterar o texto da busca. </template>
            </multiselect>
          </div>
          <br>
          <br>
          <h1>Dados Complementares</h1>
          <div>
            <v-text-field v-model="$user.power_kw" label="Potência kW" type="number" min="0" max="1000.0" step="0.01">
            </v-text-field>
          </div>
          <div>
            <v-select v-model="$user.class" :items="items.Class" label="Classe"></v-select>
          </div>
        </div>
        <v-btn color="primary" @click="e1 = 4"> Continuar </v-btn>
        <v-btn text="" @click="e1 = 2">Voltar</v-btn>
      </v-stepper-content>
      <v-stepper-content step="4">
        <div v-if="$user.type == 'commercial' || $user.type == 'educational'">
          <div>
            <v-text-field v-model="$user.link" label="URL Site" required=""></v-text-field>
          </div>
          <div>
            <v-text-field v-model="$user.link_streaming" label="URL Streaming" required=""></v-text-field>
          </div>
          <div>
            <p>Perfil/Segmento</p> CAMPO NOVO
          </div>
          <br>
          <div>
            <p>Sobre</p>
            <ckeditor v-model="$user.about" :config="editorConfig"></ckeditor>
          </div>
        </div>
        <br>
        <!--                    <v-btn-->
        <!--                        color="primary"-->
        <!--                        @click="e1 = 5"-->
        <!--                    >-->
        <!--                        Continuar-->
        <!--                    </v-btn>-->
        <v-btn text="" @click="e1 = 3">Voltar</v-btn>
      </v-stepper-content>
    </v-stepper-items>
  </v-stepper>
  <template v-if="false">
    <div>
      <label for="">
        <p>Foto</p>
        <div class="canvas">
          <label for="coverInput" class="btn-file">
            <i class="material-icons"></i>
          </label>
          <label for="coverInput">
            <canvas id="coverCanvasPerfil" ref="coverCanvasPerfil" :style="`background-image: url(${$user.cover.uri})`"></canvas>
          </label>
          <div class="inputBox" v-show="false">
            <input type="file" id="coverInput" ref="signUpCover" @change="handleFile">
          </div>
        </div>
      </label>
      <br>
      <template v-if="$user.type == 'listener'">
        <v-text-field v-model="$user.name_corporate" label="Nome" required=""></v-text-field>
      </template>
      <template v-else="">
        <v-text-field v-model="$user.name_corporate" label="Razão Social" required=""></v-text-field>
        <v-text-field v-model="$user.name_fantasy" label="Nome Fantasia" required=""></v-text-field>
      </template>
      <template v-if="$user.register_type == 'cnpj'">
        <v-text-field v-model="$user.cnpj" label="CNPJ" required="" :disabled="true" v-mask="['##.###.###/####-##']"></v-text-field>
      </template>
      <template v-if="$user.type == 'listener' || $user.register_type == 'cpf'">
        <v-text-field v-model="$user.cpf" label="CPF" required="" :disabled="true" v-mask="['###.###.###-##']"></v-text-field>
      </template>
      <template v-if="$user.type == 'commercial' || $user.type == 'educational'">
        <v-text-field v-model="$user.link" label="URL Site" required=""></v-text-field>
      </template>
      <template v-if="$user.type == 'commercial' || $user.type == 'educational'">
        <v-text-field v-model="$user.link_streaming" label="URL Streaming" required=""></v-text-field>
      </template>
      <template v-if="$user.type == 'commercial' || $user.type == 'educational'">
        <v-text-field v-model="$user.type" label="Tipo de rádio" required="" disabled=""></v-text-field>
      </template>
      <template v-if="$user.location.country_id == 1 &amp;&amp; ($user.type == 'commercial' || $user.type == 'educational')">
        <v-select v-model="$user.class" :items="items.Class" label="Classe"></v-select>
      </template>
      <template v-if="$user.location.country_id == 1 &amp;&amp; ($user.type == 'commercial' || $user.type == 'educational')">
        <v-text-field v-model="$user.power_kw" label="Potência kW" type="number" min="0" max="1000.0" step="0.01">
        </v-text-field></template>
    </div>
    <br><br>
    <div>
      <h3>Contato</h3>
      <br>
      <v-text-field v-model="$user.location.phone_1" label="Telefone 1" v-mask="['(##) ####-####', '(##) #####-####']"></v-text-field>
      <v-text-field v-model="$user.location.phone_2" label="Telefone 2" v-mask="['(##) ####-####', '(##) #####-####']"></v-text-field>
      <v-text-field v-model="$user.email" label="E-mail"></v-text-field>
      <v-text-field v-model="$user.other_emails" label="Outros e-mails"></v-text-field>
      <div class="radioBox">
        <p>Receber notificações de atualizações de conteúdos?</p>
        <div class="options">
          <input type="radio" id="opt1" name="notifyEmail" value="true" v-model="$user.notify_content_update"> Sim <input type="radio" id="opt2" name="notifyEmail" value="false" v-model="$user.notify_content_update"> Não
        </div>
      </div>
      <div class="radioBox">
        <p>Receber Mailing?</p>
        <div class="options">
          <input type="radio" id="opt3" name="receiveMailing " value="true" v-model="$user.receive_mailing "> Sim <input type="radio" id="opt4" name="receiveMailing" value="false" v-model="$user.receive_mailing "> Não
        </div>
      </div>
    </div>
    <br><br>
    <div>
      <h3>Endereço</h3>
      <br>
      <v-text-field v-model="$user.location.country.name" label="País" disabled=""></v-text-field>
      <v-text-field v-model="$user.location.state.name" label="Estado" disabled=""></v-text-field>
      <v-text-field v-model="$user.location.state_name" label="Estado" disabled=""></v-text-field>
      <v-text-field v-if="$user.location.country_id == 1" v-model="$user.location.city.name" label="Estado" disabled=""></v-text-field>
      <v-text-field v-model="$user.location.city_name" label="Cidade" disabled=""></v-text-field>
    </div>
    <br><br>
    <div v-if="$user.preference.musics &amp;&amp; $helpsMusics">
      <h3>Preferências Musicais</h3>
      <br>
      <label v-for="(attribute, index) in $user.preference.musics" :key="index" v-if="$helpsMusics[index]">
        <p>{{ index | prettyName }}</p>
        <multiselect v-model="$user.preference.musics[index]" :options="$helpsMusics[index]" open-direction="bottom" :multiple="true" :searchable="true" track-by="name" :custom-label="name" placeholder="Selecione"
          select-label="Pressione enter para adicionar" selected-label="Adicionado" deselect-label="Pressione enter para remover" max-elements="Número maximo de atingido" :close-on-select="false" :clear-on-select="false" :preserve-search="false">
        </multiselect>
      </label>
    </div>
    <br>
    <div v-if="$user.type == 'commercial' || $user.type == 'educational'">
      <label>
        <p>Sobre a rádio</p>
      </label>
      <ckeditor v-model="$user.about" :config="editorConfig"></ckeditor>
    </div>
    <br>
  </template>
  <!--        <div class="profile_buttons">-->
  <!--            <input type="submit" class="button save" value="Salvar">-->
  <!--        </div>-->
  <!---->
  <!--        <div class="cancelAccount">-->
  <!--            <a href="javascript:;" class="cancel" v-on:click="endMyAccount()">Quero encerrar minha conta</a>-->
  <!--        </div>-->
</form>

<form v-on:submit.prevent="updatePassword()">
  <div class="inputBox">
    <input value="" v-model="new_password" type="password" placeholder="Nova senha" name="new_password" minlength="8">
  </div>
  <div class="inputBox">
    <input value="" v-model="confirm_password" type="password" placeholder="Confirmar nova senha" name="confirm_password" minlength="8">
  </div>
  <div class="inputBox" style="text-align: right;">
    <button type="submit" class="button save">Salvar</button>
  </div>
</form>

<form v-else="" v-on:submit.prevent="login()" class="modal__form">
  <dm-input v-model="authentication.email" type="email" name="client_mail" label="Email" class="modal__input" :autofocus="1"></dm-input>
  <dm-input v-model="authentication.password" type="password" name="client_pass" label="Senha" class="modal__input"></dm-input>
  <div class="form__buttons form__buttons--right">
    <dm-button color="black" :reverse="true" @click="step = 'password'; title = 'Esqueci minha senha'" class="modal__button"> Esqueci minha senha </dm-button>
    <dm-button color="green" type="submit" class="modal__button"> Entrar </dm-button>
  </div>
</form>

<form v-else="" v-on:submit.prevent="recoverPassword()" class="modal__form">
  <dm-input v-model="authentication.email" type="email" name="client_mail" label="Email" class="modal__input" :autofocus="1"></dm-input>
  <div class="form__buttons form__buttons--right">
    <dm-button color="black" :reverse="true" @click="step = 'signIn'; title = 'Entrar'" class="modal__button">Voltar</dm-button>
    <dm-button color="green" type="submit" class="modal__button">Recuperar senha</dm-button>
  </div>
</form>

<form v-else="" v-on:submit.prevent="registerStore()" class="modal__form" autocomplete="off">
  <div class="avatar modal__canvas" style="position: relative">
    <canvas id="coverCanvas" ref="coverCanvas"></canvas>
    <label for="signUpCover" class="btn-file" id="upload-cover">
      <i class="material-icons"></i>
    </label>
    <input type="file" accept=".png,.jpg,.jpeg" id="signUpCover" ref="signUpCover" @change="handleFile">
  </div>
  <div class="custon-alert custon-alert-warning">
    <span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
    <h3 class="title"> Atenção </h3>
    <br>
    <span> Não é permitido assinatura de conteúdos com cadastros incompletos ou cadastro de rádio sem o nome ou marca|logotipo da emissora. </span>
    <br>
    <ul>
      <strong> Campos </strong>
      <li> "Nome da Rádio": <span> deve ser o nome da Emissora. </span>
      </li>
      <li> "Logotipo"|"Foto": <span> Deve ser o logo da emissora e não fotos pessoais. </span>
      </li>
      <li> "Tipo de Rádio": <span> se for WEBRADIO não colocar "Tipo Comercial" pois serão canceladas todas as assinaturas. </span>
      </li>
      <li>
        <span> Seu cadastro e assinaturas serão excluídos em 24 horas, caso não preencha alguns dos requisitos acima. </span>
      </li>
    </ul>
    <br>
    <small> Att. </small>
    <small> Equipe Superaudio </small>
    <small> Duvidas: </small>
    <small> Whats 53-984066667 </small>
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <label for="country" class="dm-field-select__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">País</label>
    <model-list-select name="country" id="country" class="dm-field-select__container" :list="countries_options" v-model="signUp.location.country" option-value="value" option-text="label" placeholder="Escolha o país">
    </model-list-select>
  </div>
  <template v-if="signUp.location.country == 1">
    <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
      <label for="state" class="dm-field-select__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">Estado</label>
      <model-list-select name="state" id="state" :list="state_options" v-model="signUp.location.state" option-value="value" option-text="label" placeholder="Escolha o estado" validation="required">
      </model-list-select>
    </div>
    <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
      <label for="city" class="dm-field-select__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">Cidade</label>
      <model-list-select name="city_id" id="city_id" :list="city_options" v-model="signUp.location.city_id" option-value="value" option-text="label" placeholder="Escolha a cidade" validation="required">
      </model-list-select>
    </div>
    <dm-input v-model="signUp.location.address" type="text" name="address" label="Endereço" class="modal__input" validation="required" :max="150"></dm-input>
    <dm-input v-model="signUp.location.number" type="text" name="number" label="Número" class="modal__input" validation="required" maxlength="10" :max="10"></dm-input>
    <dm-input v-model="signUp.location.complement" type="text" name="complement" label="Complemento" class="modal__input" :max="50"></dm-input>
  </template>
  <template class="inputBox" v-if="signUp.location.country != 1 &amp;&amp; signUp.location.country > 1">
    <dm-input v-model="signUp.location.state_name" type="text" name="state_name" label="Estado" class="modal__input" :max="255"></dm-input>
    <dm-input v-model="signUp.location.city_name" type="text" name="city_name" label="Cidade" class="modal__input" :max="255"></dm-input>
  </template>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <br>
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <label for="radio_type" class="dm-field-select__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">Tipo de rádio</label>
    <model-list-select name="radio_type" id="radio_type" :list="radio_type_options" v-model="signUp.radio_type" option-value="value" option-text="label" placeholder="Tipo de rádio">
    </model-list-select>
  </div>
  <template v-if="signUp.location.country == 1">
    <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
      <label for="register_type" class="dm-field-select__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">Tipo de cadastro</label>
      <model-list-select name="register_type" id="register_type" :list="register_type_options" v-model="signUp.register_type" option-value="value" option-text="label" placeholder="Tipo de rádio">
      </model-list-select>
    </div>
    <template v-if="signUp.register_type === 'cnpj'">
      <dm-input v-model="signUp.cnpj" type="text" name="cnpj" label="CNPJ" class="modal__input" validation="required" :max="18"></dm-input>
    </template>
    <template v-if="signUp.register_type === 'cpf'">
      <dm-input v-model="signUp.cpf" type="text" name="cpf" label="CPF" class="modal__input" validation="required" :max="14"></dm-input>
    </template>
  </template>
  <dm-input v-model="signUp.name_fantasy" type="text" name="name_fantasy" label="Nome da Rádio" class="modal__input" validation="required" :max="255"></dm-input>
  <dm-input v-model="signUp.company_name" type="text" name="company_name" label="Razão Social" class="modal__input" validation="required" :max="255"></dm-input>
  <dm-input v-model="signUp.location.phone_1" type="tel" name="phone_1" label="Telefone" class="modal__input" validation="required" maxlength="15" :max="15"></dm-input>
  <dm-input v-model="signUp.location.phone_2" type="tel" name="phone_2" label="Telefone 2" class="modal__input" maxlength="15" :max="15"></dm-input>
  <template v-if="(signUp.radio_type == 'community' || signUp.radio_type == 'commercial' || signUp.radio_type == 'educational') &amp;&amp; signUp.location.country == 1">
    <dm-input v-model="signUp.power" type="number" name="power" label="Potência kW" :min="0" :max="1000.0" :step="0.01" class="modal__input"></dm-input>
  </template>
  <template v-if="(signUp.radio_type == 'commercial' || signUp.radio_type == 'educational') &amp;&amp; signUp.location.country == 1">
    <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
      <label for="class" class="dm-field-select__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">Classe da sua rádio</label>
      <model-list-select name="class" id="class" :list="class_options" v-model="signUp.class" option-value="value" option-text="label" placeholder="Tipo de rádio">
      </model-list-select>
    </div>
  </template>
  <dm-input v-model="signUp.link_streaming" type="text" name="link_streaming" label="URL Streaming" class="modal__input" :maxlength="255"></dm-input>
  <dm-input v-model="signUp.link" type="text" name="link" label="URL Site" class="modal__input" :max="255"></dm-input>
  <label for="domain_slug" class="dm-field-input__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">Domínio no Superaudio</label>
  <div class="input-group mb-3">
    <div class="input-group-prepend">
      <span class="input-group-text" id="basic-addon1">https://superaudio.com.br/radios/</span>
    </div>
    <input v-model="signUp.domain_slug" id="domain_slug" type="text" class="form-control" placeholder="" @blur="validateDomainSlug">
  </div>
  <!--                        <dm-input v-model="signUp.domain_slug" type="text" name="domain_slug" label="Domínio no Superaudio" class="modal__input" :max="255" @blur="validateDomainSlug"></dm-input>-->
  <!--                        <small style="margin-top: 0;">https://superaudio.com.br/radios/{{signUp.domain_slug}}</small>-->
  <label v-if="$radioSegment" style="width: 100%;" id="modalMultiSelect">
    <p style="margin-bottom: 10px;">Segmento</p>
    <multiselect v-model="signUp.radio_segments" :options="$radioSegment" open-direction="bottom" :multiple="true" :searchable="true" :custom-label="name" track-by="name" :max="1" placeholder="Selecione" select-label="Pressione enter para adicionar"
      selected-label="Adicionado" deselect-label="Pressione enter para remover" :close-on-select="false" :clear-on-select="false" :preserve-search="false">
      <template slot="maxElements">
        <p>Número máximo de estilos atingido</p>
      </template>
      <template slot="noResult"> Nenhuma estilo encontrado, favor alterar o texto da busca. </template>
    </multiselect>
  </label>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <br>
  </div>
  <div class="loginDetails dm-field-input--full-width">
    <dm-input v-model="signUp.email" type="email" name="client_mail" label="E-mail" class="modal__input" validation="required" :max="255"></dm-input>
    <dm-input v-model="signUp.password" type="password" name="password_client" label="Senha" class="modal__input" validation="required" :min="6" :max="255"></dm-input>
    <dm-input v-model="signUp.confirm_password" type="password" name="confirm_password" label="Confirmar Senha" class="modal__input" validation="required" :min="6" :max="255"></dm-input>
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <br>
  </div>
  <dm-button color="white" style="margin-bottom: 1rem;" @click="termOfUse('store')" class="modal__button">Ver termos de uso</dm-button>
  <dm-checkbox v-model="signUp.accepted_terms_of_use" name="accepted_terms_of_use" label="Li e aceito os termos de uso" class="modal__checkbox"></dm-checkbox>
  <div class="form__buttons form__buttons--right">
    <dm-button color="black" :reverse="true" @click="step = 'signIn'; title = 'Entrar'" class="modal__button">Já tenho uma conta</dm-button>
    <dm-button color="green" type="submit" class="modal__button">Registrar</dm-button>
  </div>
</form>

<form v-else="" v-on:submit.prevent="registerUser()" class="modal__form">
  <div class="avatar modal__canvas" style="position: relative">
    <canvas id="coverCanvas" ref="coverCanvas"></canvas>
    <label for="signUpCover" class="btn-file" id="upload-cover">
      <i class="material-icons"></i>
    </label>
    <input type="file" accept=".png,.jpg,.jpeg" id="signUpCover" ref="signUpCover" @change="handleFile">
  </div>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <label for="country" class="dm-field-select__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">País</label>
    <model-list-select name="country" id="country" class="dm-field-select__container" :list="countries_options" v-model="signUp.location.country" option-value="value" option-text="label" placeholder="Escolha o país">
    </model-list-select>
  </div>
  <template v-if="signUp.location.country == 1">
    <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
      <label for="state" class="dm-field-select__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">Estado</label>
      <model-list-select name="state" id="state" :list="state_options" v-model="signUp.location.state" option-value="value" option-text="label" placeholder="Escolha o estado" validation="required">
      </model-list-select>
    </div>
    <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
      <label for="city" class="dm-field-select__label dm-field-label dm-field-label--default dm-field-label--for-field dm-field-label--uppercase">Cidade</label>
      <model-list-select name="city_id" id="city_id" :list="city_options" v-model="signUp.location.city_id" option-value="value" option-text="label" placeholder="Escolha a cidade" validation="required">
      </model-list-select>
    </div>
  </template>
  <template class="inputBox" v-if="signUp.location.country != 1 &amp;&amp; signUp.location.country > 1">
    <dm-input v-model="signUp.location.state_name" type="text" name="state_name" label="Estado" class="modal__input" :max="255"></dm-input>
    <dm-input v-model="signUp.location.city_name" type="text" name="city_name" label="Cidade" class="modal__input" :max="255"></dm-input>
  </template>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <br>
  </div>
  <dm-input v-model="signUp.name_fantasy" type="text" name="name_fantasy" label="Nome" class="modal__input" validation="required" :max="255"></dm-input>
  <dm-input v-model="signUp.location.phone_1" type="tel" name="phone_1" label="Telefone" class="modal__input" validation="required" :max="15"></dm-input>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <br>
  </div>
  <dm-input v-model="signUp.email" type="email" name="client_mail" label="E-mail" class="modal__input" validation="required" :max="255"></dm-input>
  <dm-input v-model="signUp.password" type="password" name="password_client" label="Senha" class="modal__input" validation="required" :min="6" :max="255"></dm-input>
  <dm-input v-model="signUp.confirm_password" type="password" name="confirm_password" label="Confirmar Senha" class="modal__input" validation="required" :min="6" :max="255"></dm-input>
  <div class="modal__input dm-field-input dm-field-input--normal dm-field-input--default dm-field-input--borders dm-field-input--full-width">
    <br>
  </div>
  <v-responsive class="mb-4" width="100%">
    <v-row>
      <v-col lg="" cols="12">
        <v-card elevation="8" outlined="" shaped="" color="#283243">
          <v-card-title style="color: white;"> Perfis de acesso </v-card-title>
          <v-card-text>
            <v-row style="margin-top: -30px">
              <v-col cols="auto">
                <v-btn class="mt-2" small="" @click="showModalAddAccessProfile = true" dark="" color="#20252b">Adicionar</v-btn>
              </v-col>
            </v-row>
            <v-row>
              <v-col v-for="userAccessProfile in userAccessProfiles" :key="userAccessProfile" md="3">
                <span class="font-weight-bold" style="color: white; vertical-align: middle;">{{ userAccessProfile.name }}</span>
                <v-tooltip v-if="userAccessProfile.automatic_approval" bottom="" color="#41b883">
                  <template v-slot:activator="{ on, attrs }">
                    <v-icon align-self="start" v-bind="attrs" v-on="on" style="color: green;" small=""> mdi-check-bold </v-icon>
                  </template>
                  <span> Aprovado </span>
                </v-tooltip>
                <v-tooltip v-else="" bottom="" color="orange">
                  <template v-slot:activator="{ on, attrs }">
                    <v-icon v-bind="attrs" v-on="on" color="orange" small=""> mdi-exclamation </v-icon>
                  </template>
                  <span> Aguardando aprovação </span>
                </v-tooltip>
                <v-tooltip bottom="" color="#f30c0c">
                  <template v-slot:activator="{ on, attrs }">
                    <v-icon color="#f30c0c" v-bind="attrs" v-on="on" small="" @click="handleRemoveAccessProfile(userAccessProfile.code)"> mdi-close </v-icon>
                  </template>
                  <span> Remover </span>
                </v-tooltip>
              </v-col>
            </v-row>
          </v-card-text>
        </v-card>
      </v-col>
    </v-row>
  </v-responsive>
  <dm-button color="white" style="margin-bottom: 1rem;" @click="termOfUse('play')" class="modal__button">Ver termos de uso</dm-button>
  <dm-checkbox v-model="signUp.accepted_terms_of_use" name="accepted_terms_of_use" label="Li e aceito os termos de uso" class="modal__checkbox"></dm-checkbox>
  <div class="form__buttons form__buttons--right">
    <dm-button color="black" :reverse="true" @click="step = 'signIn'; title = 'Entrar'" class="modal__button">Já tenho uma conta</dm-button>
    <dm-button color="green" type="submit" class="modal__button">Registrar</dm-button>
  </div>
</form>

<form v-on:submit.prevent="updateClient()" class="modal__form">
  <dm-select v-model="$user.radio_type" name="radio_type" :options="radio_type_options" label="Tipo de rádio" class="modal__select" :autofocus="1"></dm-select>
  <dm-select v-model="$user.register_type" name="register_type" :options="register_type_options" label="Tipo de cadastro" class="modal__select" validation="required"></dm-select>
  <template v-if="$user.register_type === 'cnpj'">
    <dm-input v-model="$user.cnpj" type="text" name="cnpj" label="CNPJ" class="modal__input" validation="required" :max="18"></dm-input>
  </template>
  <template v-if="$user.register_type === 'cpf'">
    <dm-input v-model="$user.cpf" type="text" name="cpf" label="CPF" class="modal__input" validation="required" :max="14"></dm-input>
  </template>
  <dm-input v-model="$user.name_corporate" type="text" name="company_name" label="Razão Social" class="modal__input" validation="required" :max="255"></dm-input>
  <dm-input v-model="$user.name_fantasy" type="text" name="name_fantasy" label="Nome Fantasia" class="modal__input" validation="required" :max="255"></dm-input>
  <dm-input v-model="$user.location.phone_1" type="tel" name="phone_1" label="Telefone" class="modal__input" validation="required" :max="15"></dm-input>
  <dm-input v-model="$user.location.phone_2" type="tel" name="phone_2" label="Telefone 2" class="modal__input" :max="15"></dm-input>
  <template v-if="($user.radio_type == 'community' || $user.radio_type == 'commercial' || $user.radio_type == 'educational')">
    <dm-input v-model="$user.power" type="number" name="power" label="Potência kW" :min="0" :max="1000.0" :step="0.01" class="modal__input"></dm-input>
  </template>
  <template v-if="$user.radio_type == 'commercial' || $user.radio_type == 'educational'">
    <dm-select v-model="$user.class" name="class" :options="class_options" label="Classe da sua rádio" class="modal__select"></dm-select>
  </template>
  <dm-input v-model="$user.link_streaming" type="text" name="link_streaming" label="URL Streaming" class="modal__input" :maxlength="255"></dm-input>
  <dm-input v-model="$user.link" type="text" name="link" label="URL Site" class="modal__input" :max="255"></dm-input>
  <dm-input v-model="$user.domain_slug" type="text" name="domain_slug" label="Domínio no Superaudio" class="modal__input" :max="255" @blur="validateDomainSlug"></dm-input>
  <small style="margin-top: 0;">https://superaudio.com.br/radios/{{$user.domain_slug}}</small>
  <div class="form__buttons form__buttons--right">
    <dm-button color="green" type="submit" class="modal__button">Atualizar tipo de conta</dm-button>
  </div>
</form>

<form v-on:submit.prevent="signComboWithBlockCities()" style="width: 100%;">
  <div v-for="product in comboProducts" :key="product.id">
    <h2>{{ product.name }}</h2>
    <multiselect v-model="comboBlockCities[`${product.id}`]" :options="comboCities[`${product.id}`]" :custom-label="nameWithLang" placeholder="Escolha uma cidade" label="name" track-by="name" :multiple="true" :close-on-select="false"
      :clear-on-select="false" :max="product.number_of_cities_blocked" :searchable="true" open-direction="bottom" select-label="Aperte enter para selecionar" selected-label="Selecionado" deselect-label="Aperte enter para deselecionar"
      max-elements="Número maximo de cidades atingido" options-limit="50">
      <template slot="maxElements">
        <p>Número máximo de cidades atingidos. Remova uma para selecionar outra.</p>
      </template>
      <template slot="noResult"> Nenhuma cidade encontrada, favor alterar o texto da busca. </template>
    </multiselect>
    <small>Lista cidades além de <b>{{ $user.location.city.name }}/{{ $user.location.city.uf }}</b></small>
  </div>
  <div class="form__buttons form__buttons--right">
    <dm-button v-if="!doingRequest" color="green" type="submit" class="modal__button">Continuar</dm-button>
  </div>
</form>

<form v-on:submit.prevent="signWithBlockCities()" style="width: 100%;">
  <multiselect v-model="blockCities" :options="cities" :custom-label="nameWithLang" placeholder="Escolha uma cidade" label="name" track-by="name" :multiple="true" :close-on-select="false" :clear-on-select="false"
    :max="$product.number_of_cities_blocked" :searchable="true" open-direction="bottom" select-label="Aperte enter para selecionar" selected-label="Selecionado" deselect-label="Aperte enter para deselecionar"
    max-elements="Número maximo de cidades atingido" options-limit="50">
    <template slot="maxElements">
      <p>Número máximo de cidades atingidos. Remova uma para selecionar outra.</p>
    </template>
    <template slot="noResult"> Nenhuma cidade encontrada, favor alterar o texto da busca. </template>
  </multiselect>
  <small>Lista cidades além de <b>{{ $user.location.city.name }}/{{ $user.location.city.uf }}</b></small>
  <br>
  <div class="form__buttons form__buttons--right">
    <dm-button v-if="!doingRequest" color="green" type="submit" class="modal__button">Continuar</dm-button>
  </div>
</form>

Text Content

Store
* 
  
  
  Produtos

* 
  
  
  Assinaturas

* 
  
  
  Lojas

* 
  
  
  Suporte

* 
  
  
  Cadastro
Seções
* 
  
  
  Play

  
* 
  
  
  Podcasts

* 
  
  
  Coleções

* 
  
  
  Canais

* 
  
  
  Favoritos

* 
  
  
  Cadastro
Rádios
* 
  
  
  Cadastro

* 
  
  
  Rádios

* 
  
  
  Radio AmericaBr

* 
  
  
  Radio Retro Pop

* 
  
  
  ALT & TAB

* 
  
  
  Rádio Prime

* 
  
  
  Kiss Fm Brazil

* 
  
  
  FIDELIDADE 7
Ferramentas
* 
  
  
  Controla

* 
  
  
  Sincronizador

* 
  
  
  Calculadora de textos
Downloads
* 
  
  
  Sincronizador

* 
  
  
  AnyDesk

* 
  
  
  SyncPlay

* 
  
  
  Android
Incluir Rádio

Cadastro
* 
  
  
  Incluir Rádio

* 
  
  
  Add Ouvinte

 * 
   
 * 
 * 
 * 
 * 
 * 

Entrar
Entrar

 * 
 * 
 * 
 * 

Todos os Direitos Reservados ®


STORE (CONTEÚDOS PARA RÁDIOS) VER TODOS

Rede News

Lançamentos Musicais

BALADA-TOP

NA TELA

Hinchas

Locução AO VIVO TH Thiaguinho

Locução AO VIVO Diego Barbosa

Locução AO VIVO Danny Almeida

Drops Tecnológicos

Programa Leandro Mendes

+ ESPORTE

Horóscopo

RADIOSHOW

PIPOKAPOP DIÁRIO

Clube do Amor


RÁDIOS DESTAQUE VER TODOS

Perfil
Perfil
Perfil
Perfil
Perfil
Perfil
Perfil
Perfil
Perfil
Perfil


PODCASTS VER TODOS


Infortúnio (Temporada 2)

 1. INFORTÚNIO (TEMPORADA 2)
    
    Data: 06/07/2022

 2. INFORTÚNIO (TEMPORADA 2)
    
    Data: 06/07/2022

 3. INFORTÚNIO (TEMPORADA 2)
    
    Data: 06/07/2022

 4. INFORTÚNIO (TEMPORADA 2)
    
    Data: 06/07/2022

 5. INFORTÚNIO (TEMPORADA 2)
    
    Data: 06/07/2022

Acessar todos

MInha Radio App
RADIOSHOW

 1. RADIOSHOW
    
    Data: 17/01/2024

 2. RADIOSHOW
    
    Data: 17/01/2024

 3. RADIOSHOW
    
    Data: 17/01/2024

 4. RADIOSHOW
    
    Data: 17/01/2024

 5. RADIOSHOW
    
    Data: 16/01/2024

Acessar todos

Radio Show
Dezconecta


Acessar todos

Radio Dez


COLEÇÕES VER TODOS

Legião Urbana

StartStudio

Pagodão

StartStudio

Pagode90

Start Radios

Sertanejo

StartStudio


CAPITAL INICIAL IR PARA COLEÇÃO


CAPITAL INICIAL - AQUI

Album: Eu Nunca Disse Adeus
Lançamento: 2007
playlist_add

CAPITAL INICIAL - MÚSICA URBANA - VERSÃO ALTERNATIVA

Album: Capital Inicial
Lançamento: 1986
playlist_add

CAPITAL INICIAL - COMO DEVIA ESTAR

Album: Rosas E Vinho Tinto
Lançamento: 2002
playlist_add

CAPITAL INICIAL - NÃO ME OLHE ASSIM

Album: Não Me Olhe Assim
Lançamento: 2018
playlist_add

CAPITAL INICIAL - QUATRO VEZES VOCÊ

Album: Rosas E Vinho Tinto
Lançamento: 2002
playlist_add


RÁDIOS EM ALTA VER TODOS

Perfil
Perfil
Perfil
Perfil
Perfil
Perfil
Perfil
Perfil
Perfil
Perfil


PODCASTS EM ALTA VER TODOS


Crazy Banana Show
 1. lock
    
    BANANASHOW
    
    Data: 11/01/2024
 2. lock
    
    BANANASHOW
    
    Data: 10/01/2024
 3. lock
    
    BANANASHOW
    
    Data: 09/01/2024
 4. lock
    
    BANANASHOW
    
    Data: 08/01/2024
 5. lock
    
    BANANASHOW
    
    Data: 05/01/2024

Acessar todos

Banana
InfoZone

 1. INFOZONE
    
    Data: 12/01/2024

 2. INFOZONE
    
    Data: 12/01/2024

 3. INFOZONE
    
    Data: 12/01/2024

 4. INFOZONE
    
    Data: 12/01/2024

 5. INFOZONE
    
    Data: 12/01/2024

Acessar todos

Só Conteúdo
Na Paz

 1. NA PAZ
    
    Data: 09/01/2024

 2. NA PAZ
    
    Data: 09/01/2024

 3. NA PAZ
    
    Data: 09/01/2024

 4. NA PAZ
    
    Data: 09/01/2024

 5. NA PAZ
    
    Data: 09/01/2024

Acessar todos

Na Paz Radio


COLEÇÕES VER TODOS

Charlie Brown Jr

StartStudio

Batidas

StartStudio

Pop Rock Brasil

Controla


TUT TUT IR PARA COLEÇÃO


CAT DEALERS - SUNSHINE

Album: Sunshine
Lançamento: 2017
playlist_add

DAVID GUETTA - LOVE IS GONE

Album: Love Is Gone
Lançamento: 2007
playlist_add

VINTAGE CULTURE - POUR OVER

Album: Pour Over
Lançamento: 2018
playlist_add

CAT DEALERS - GONE TOO LONG

Album: Gone Too Long
Lançamento: 2019
playlist_add

CALVIN HARRIS - MY WAY

Album: My Way
Lançamento: 2016
playlist_add


COLEÇÕES VER TODOS

Genesis & Phil Collins

StartStudio

Festa

StartStudio

Lite-Nac

Start Radios


BAU 80 90 2000 IR PARA COLEÇÃO


ROSANA ARBELO - A FUEGO LENTO

Album: Lunas Rotas
Lançamento: 2007
playlist_add

JUSTIN TIMBERLAKE - WHAT GOES AROUND.../...COMES AROUND (INTERLUDE)

Album: FutureSex/LoveSounds
Lançamento: 2006
playlist_add

CULTURE CLUB - THE WAR SONG - ULTIMATE DANCE MIX

Album: Culture Club Collection: 12'' Mixes
Lançamento: 1991
playlist_add

MIDNIGHT OIL - SURF'S UP TONIGHT

Album: Essential Oils
Lançamento: 2012
playlist_add

THE SOUP DRAGONS - I'M FREE

Album: Lovegod
Lançamento: 1990
playlist_add

SuperAudio

Player

play_arrow keyboard_arrow_down Minimizar
cancel

keyboard_arrow_left close

00:00

00:00
playlist_play fast_rewind replay_10 play_arrow forward_10 fast_forward

 * home Inicio
 * radio Rádios
 * Podcasts
 * Músicas
 * Favoritos
 * play_circle_outline keyboard_arrow_up

 * ENDEREÇO Rua Félix da Cunha, 614 - Sala 405
   Pelotas-RS | CEP: 96010-000
 * FONE (53) 3026-7777
   (53) 98406-6667 (Whats)
 * E-MAIL contato@superaudio.com.br
   gil@startstudio.com.br

Todos os Direitos Reservados ® - 2018

Desculpe, mas seu browser não suporta html5!


ENTRAR

Email

Senha

Esqueci minha senha Entrar

Ainda não possui uma conta? Inscreva-se!




ESCOLHE A VERSÃO





CONTATO

SUPERAUDIO TECNOLOGIA DA INFORMAÇÃO LTDA

CNPJ: 35.016.162/0001-00

Endereço: R. Três de Maio, 1005 - Centro

Pelotas/RS - Brasil

Telefone: 53 3026-7777

E-mail: contato@superaudio.com.br




Cadastrar Quero Distribuir Contato

{{ name }} {{ name }} {{ hydrateValue }}

Produto não possui planos para seu tipo de rádio.

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------


Promoção até
{{ card.client_available.end_promotion | moment("DD/MM/YYYY") }} {{ badge }}

Promoção até
{{ card.client_available.end_promotion | moment("DD/MM/YYYY") }} {{ badge }}


{{ card.name }}

{{ card.name }}

{{ card.categories_product.name }}

{{ card.products_plans[0].name }}

{{ card.plan_name || ' ' }}

Confira

Detalhes Detalhes

R$ 0,00

Consulte Confira

{{ card.products_plans[0].name }}

{{ card.plan_name || ' ' }}

{{ card.products_plans[0].price | toBrPrice }} Promoção {{
card.products_plans[0].price | toBrPrice }} {{ card.price | toBrPrice }}
{{ link.materialIcon }} {{ link.name }} {{ link.materialIcon }} {{ link.name }}
{{ link.materialIcon }} {{ link.name }} {{ link.materialIcon }} {{ link.name }}

Entrar
Ângelo Fumagalli (vai pro perfil) Sair

 * 
 * 
 * 
 * 
   
   
   
   
   
   
   
   
   
   
   
   

Todos os Direitos Reservados ®

lock




lock

{{ card.name_fantasy }}

{{ card.location.city.name }} - {{ card.location.city.uf }} {{
card.location.country.name }}

Perfil thumb_up {{ card.totalLiked }}
Perfil Perfil
{{ card.name_company }} {{ card.name_company }}
{{ card.title }}

{{ card.title }}

{{ card.interpreter.artist }}

thumb_up {{ card.totalLiked }}

{{ card.name }}

{{ card.company.name }} {{ card.company.name }}
lock




Perfil
Perfil
Promoção até
{{ card.client_available.end_promotion | moment("DD/MM/YYYY") }} {{ badge }}

Promoção até
{{ card.client_available.end_promotion | moment("DD/MM/YYYY") }} {{ badge }}


{{ card.name }}

{{ card.name }}

{{ card.categories_product.name }}

{{ card.products_plans[0].name }}

{{ card.plan_name || ' ' }}

Confira

Detalhes Detalhes

R$ 0,00

Consulte Confira

{{ card.products_plans[0].name }}

{{ card.plan_name || ' ' }}

{{ comboPlan.price | toBrPrice }}

{{ card.products_plans[0].price | toBrPrice }} Promoção {{
card.products_plans[0].price | toBrPrice }} {{ card.price | toBrPrice }}

{{ CARD.SONG.NAME }}

Artista: {{ card.interpreter.name }}
Álbum: {{ card.song.album }}

Carregando...

{{ CARD.NAME }}

{{ card.interpreter.artist }} - {{ card.title }} {{ card.audio.filename }}
Album: {{ card.album }}
Upload: {{ card.audio.modified | moment("DD/MM/YYYY HH:mm") }}
{{ card.description }}
Data: {{ card.date | moment("DD/MM/YYYY") }}
thumb_up playlist_add cloud_download
lock


{{ CARD.MUSIC.INTERPRETER.ARTIST }} - {{ CARD.MUSIC.TITLE }}

Album: {{ card.music.album }}
Lançamento: {{ card.music.released }}
playlist_add
lock


{{ CARD.NAME }}

Data: {{ card.date | moment("DD/MM/YYYY") }}
{{ card.name_fantasy }} {{ card.name_fantasy }}

{{ CARD.NAME_FANTASY }}

{{ card.location.city.name }} - {{ card.location.city.uf }} {{
card.location.country.name }}

{{ CARD.NAME_FANTASY }}

{{ card.location.city.name }} - {{ card.location.city.uf }} {{
card.location.country.name }}
{{ card.link }}

Carregando...

{{ promotion.name }}

{{ promotion.branch.name_fantasy }}

Participar


PORQUE OUVI "{{ TITLE }}" {{ TITLE }} {{ BUTTONTEXT }} {{ BUTTONTEXT }}





keyboard_arrow_down keyboard_arrow_left close
cancel
 * play_arrow {{ media.music.interpreter.artist }} - {{ media.music.title }} {{
   media.interpreter.artist }} - {{ media.title }} {{ media.interpreter.artist
   }} - {{ media.title }} {{ media.name }} - {{ media.date |
   moment("DD/MM/YYYY") }} {{ media.alias }} - {{ media.modified |
   moment("DD/MM/YYYY") }} {{ media.title }} - {{ media.modified |
   moment("DD/MM/YYYY") }} {{ media.name_fantasy }}
   close

TITULO

INTERPRETER

Album

artist

title

album

{{ media.music.interpreter.artist }}

{{ media.music.interpreter.artist }}

{{ media.music.title }}

{{ media.music.album }}

{{ media.interpreter.artist }}

{{ media.title }}

{{ media.album }}

{{ media.name }}

{{ media.description }}

{{ media.date | moment("DD/MM/YYYY") }}

{{ media.alias }}

{{ media.type }}

{{ media.modified | moment("DD/MM/YYYY") }}

{{ media.title }}

{{ media.description }}

{{ media.modified | moment("DD/MM/YYYY") }}

{{ media.name }}

{{ media.segments[index-1].name }}

Perfil Perfil

{{ media.name }}

{{ media.segments[index-1].name }}

Perfil

{{ media.interpreter.artist }}

{{ media.title }}

{{ media.album }}

{{ media.collection.title }}

{{ media.music.tag_style.name }}

{{ media.music.released }}

{{ media.content.name }}

{{ media.location.country.name }}

{{ media.location.city.name }} {{ media.location.city_name }}

{{ media.location.state.name }} {{ media.location.state_name }}

 

{{ productName }}

 

 

{{ media.tag_style.name }}

{{ media.released }}

{{ RDSdata.text }}
{{ time }}

{{ totalTime }}
playlist_play playlist_play fast_rewind replay_10

pause play_arrow play_arrow forward_10 fast_forward


{{ radioData.now_playing.song.artist }} - {{ radioData.now_playing.song.title }}

{{ radioData.now_playing.song.title }}

{{ radioData.now_playing.song.artist }}

{{ $currentMedia.music.title }}

{{ $currentMedia.music.interpreter.artist }}

{{ $currentMedia.title }}

{{ $currentMedia.interpreter.artist }}

{{ $currentMedia.name }}

{{ $currentMedia.description }}

{{ $currentMedia.alias }}

{{ $currentMedia.type }}

{{ $currentMedia.title }}

{{ $currentMedia.description }}

{{ $currentMedia.name }}

{{ $currentMedia.segments[0].name }}

{{ $currentMedia.name }}

{{ $currentMedia.segments[0].name }}

{{ $currentMedia.name }}

{{ $currentMedia.segments[0].name }}

{{ $currentMedia.title }}

{{ $currentMedia.interpreter.artist }}


play_arrow play_arrow keyboard_arrow_down Minimizar

play_arrow play_arrow keyboard_arrow_down Minimizar


SuperAudio

Player

play_arrow keyboard_arrow_down Minimizar

{{ $currentMedia.collection ? $currentMedia.collection.title :
$currentMedia.title }} {{ $currentMedia.content.name }} {{ $currentMedia.alias
}} {{ $currentMedia.title }} {{ $currentMedia.name_fantasy }}



Lista de reprodução

{{ $currentMedia.music.title }}

{{ $currentMedia.music.interpreter.artist }}

{{ $currentMedia.music.album }}

{{ $currentMedia.music.tag_style.name }}

{{ $currentMedia.title }}

{{ $currentMedia.interpreter.artist }}

{{ $currentMedia.album }}

{{ $currentMedia.tag_style.name }}

{{ $currentMedia.name }}

{{ $currentMedia.description }}

{{ $currentMedia.date | moment("DD/MM/YYYY") }}

 

{{ $currentMedia.content.name }}

{{ $currentMedia.alias }}

{{ $currentMedia.type }}

{{ $currentMedia.modified | moment("DD/MM/YYYY") }}

 

{{ $currentMedia.title }}

{{ $currentMedia.description }}

{{ $currentMedia.modified | moment("DD/MM/YYYY") }}

 

{{ $currentMedia.name }}

{{ $currentMedia.segments[0].name }}  

Ver Perfil

{{ radioData.now_playing.song.text }}  

{{ $currentMedia.name }}

{{ $currentMedia.segments[0].name }}  

Ver Perfil

{{ radioData.now_playing.song.text }}  

{{ $currentMedia.name }}

{{ $currentMedia.segments[0].name }}  

Ver Perfil

{{ radioData.now_playing.song.text }}  

{{ $currentMedia.title }}

{{ $currentMedia.interpreter.artist }}

 

 



pause play_arrow play_arrow fast_rewind

pause play_arrow play_arrow fast_forward
{{ media.music.title }} {{ media.music.interpreter.artist }}
{{ media.title }} {{ media.interpreter.artist }}
{{ media.date | moment("DD/MM/YYYY") }} {{ media.name }}
{{ media.modified | moment("DD/MM/YYYY") }} {{ media.alias }}
{{ media.modified | moment("DD/MM/YYYY") }} {{ media.title }}
{{ media.name_fantasy }}
{{ media.title }} {{ media.interpreter.artist }}
remove_circle_outline
 * favorite favorite_border
 * thumb_up thumb_up
 * 
 * 
 * 
 * 
 * queue_music

{{ $user.name_fantasy }}

home Play
home Inicio
radio Rádios
Podcasts
Músicas Músicas
Coleções
Favoritos Favoritos
Store
keyboard_arrow_up
play_circle_outline keyboard_arrow_up

 * ENDEREÇO Rua Félix da Cunha, 614 - Sala 405
   Pelotas-RS | CEP: 96010-000
 * FONE (53) 3026-7777
   (53) 98406-6667 (Whats)
 * E-MAIL contato@superaudio.com.br
   gil@startstudio.com.br

Todos os Direitos Reservados ® - 2018

Início
Promoção

 * * {{ $user.name_fantasy }}
     
     {{ $user.email }}
     
     Perfil
   * 
   * Alterar Senha
   * Favoritos
   * Sair


0% played play_arrow volume_up stop replay

Seu nevegador não suporta o elemento audio.

Capa vai aqui
umas informações extras

Seu nevegador não suporta o elemento audio.

Sem uri

mais informações
Desculpe, mas seu browser não suporta html5!
 * {{ media.filename }} Play

Prev Track Next Track Toggle Shuffle Toggle Loop Clear Playlist
Esse é o conteudo padrão da modal.



{{ STATION.NICKNAME | LOWERCASE | CAPITALIZEPHRASE }}


ESTAÇÃO SEM APELIDO

Estação {{ station.authorization_code }}

Serial {{ station.serial_number }}

Versão {{ station.version_software }}

--------------------------------------------------------------------------------

Ativação {{ station.created | moment("DD/MM/YYYY") }}
{{ station.created | moment("HH:mm:ss") }}

Última parcial
Não ativada

Última conexão {{ station.last_connection | moment("DD/MM/YYYY") }}
{{ station.last_connection | moment("HH:mm:ss") }}

Última conexão
Não realizada

Última parcial {{ station.last_sync_parcial | moment("DD/MM/YYYY") }}
{{ station.last_sync_parcial | moment("HH:mm:ss") }}

Última parcial Não realizada

Última completa {{ station.last_sync_complete | moment("DD/MM/YYYY") }}
{{ station.last_sync_complete | moment("HH:mm:ss") }}

Última completa Não realizada

--------------------------------------------------------------------------------

Token {{ station.token_id }}

--------------------------------------------------------------------------------

folder  


SELECIONAR OPÇÕES DO SYNC

{{ STATION.NICKNAME }}

CONFIGURAÇÃO

Nome da estação

Disponibilizar Download
você deve configurar individualmente as pastas de download em seu pc O Diretório
raiz será definido de modo automático.
Para configuração manual, você deve ativar este item. Configuração manual
ativada, configure a pastas raiz em seu PC

Gerenciamento dos Diretórios Automático
Modo manual ativado. Configure as pastas de download em seu PC O Diretório sera
definido no caminho abaixo: Configure a pasta raiz em seu PC.

Diretório padrão
C DESKTOP



Manual

Caminho raiz dos diretórios

Intervalo do sync parcial em minutos

Lixeira da estação

Timezone da estação

Segurança

Senha



Cancelar Salvar


CONTROLE DE PASTAS

{{ STATION.NICKNAME }}

Pastas de downloads - {{ folderDownloadConfigured }} Pastas de uploads - {{
folderUploadConfigured }}


{{ INDEX }}

De Caminho {{ item.media_type_name }} {{ item.location_path }}

Não foi encontrada nenhuma pasta.
Fechar





Renovar músicas

Todas
Nome
Região
Segmento
Tipo
Grupo
{{ country.name }}








PLATAFORMA
100% CONFIGURÁVEL



Saiba Mais




TURBINE SUA
PROGRAMAÇÃO



Assista o vídeo
Saiba Mais




APLICATIVO EXCLUSIVO PARA
SINCRONIZAÇÃO DE MÍDIAS

Sincronize sua rádio automaticamente

Atualização automática nos PCs do estúdio através do software Windows
SyncDataMusic. A Ferramenta sincroniza músicas, vinhetas, chamadas, playlists e
muito mais diretamente da nuvem para o PC do estúdio. Não importa onde você
esteja, cadastre a mídia na plataforma e o arquivo será atualizado em todas as
emissoras da Rede que estiverem com o aplicativo rodando. Confira o fluxo.

Assista o vídeo Download


INTEGRAÇÕES COM
O SUPERAUDIO

{{ item.name }}

Saiba Mais
{{ item.name }}



COLEÇÕES VER TODOS

lock

{{ category.title }}

{{ category.company.name }} {{ category.company.name }}


{{ CATEGORY.TITLE }} IR PARA COLEÇÃO IR PARA COLEÇÃO



{{ CATEGORY.NAME }} VER TODOS



{{ card.name }}

Acessar todos

Acessar todos
{{ card.company.name }} {{ card.company.name }}


{{ RADIO.NAME_FANTASY }}

Tocando agora:

{{ song.text }}

favorite favorite_border thumb_up


INFORMAÇÕES DA EMISSORA

{{ radio.location.city.name }} | {{ radio.location.city_name }} | {{
radio.location.state.name }} | {{ radio.location.state_name }} | {{
radio.location.country.name }}


Segmentos: Segmento: {{ segment.name }}, {{ segment.name }}, {{ segment.name }}
{{ segment.name }}

Site: {{ radio.link }}


mdi-close-box

Esta rádio não existe ou você não possui permissão.


CADASTRO/AUTORIZAÇÃO


INCLUSÃO DE RÁDIO NO PORTAL SUPERAUDIO


ATENÇÃO!!!


Você não pode cadastrar seus dados pessoais como contato de uma emissora, para
não configurar Falsidade Ideológica. Este crime é figura tipificada no artigo
299 do Código Penal Brasileiro conforme segue: Omitir, em documento público ou
particular, declaração que dele devia constar, ou nele inserir ou fazer inserir
declaração falsa ou diversa da que devia ser escrita, com o fim de prejudicar
direito, criar obrigação ou alterar a verdade sobre fato juridicamente
relevante.




STEP - 1 TIPO DE RÁDIO

Tipo de rádio




STEP - 2 SOLICITANTE





STEP - 3 DADOS DA RÁDIO


LOGO DA RÁDIO *


País
Estado
Cidade
Tipo de cadastro
CNPJ CPF

ID único para a identificação desta rádio na API.
Classe da sua rádio

Segmento *

Número máximo de estilos atingido

Nenhuma estilo encontrado, favor alterar o texto da busca.






STEP - 4 TRANSMISSÃO


Link do ponto de montagem que contém o áudio do streaming
Tipo de RDS *
mdi-information Ajuda para o campo "Link Rds"
Tipo de servidor usado para o RDS

Link para capturar o RDS e mostrar o que está tocando agora Domínio no
Superaudio
https://superaudio.com.br/radios/




STEP - 5 SEGURANÇA






STEP - 6 AUTORIZAÇÃO


AUTORIZAÇÃO DE INCLUSÃO DE RÁDIO


Os dados cadastrados serão mostrados em nosso aplicativo para que os ouvintes
possam OUVIR e se comunicar diretamente com a rádio. Ao Confirmar este cadastro
você Autoriza o SuperAudio a publicar sua emissora em nossa Plataforma,
Aplicativos Mobile e Desktop. É importante que o contato esteja disponível no
site ou compartilhado em alguma rede social da rádio.




TERMOS DE USO

{{ $configsPlay.terms_of_use_radios }}
Registrar
on demand Populares Novas Edições








Início Gratuitos Pagos Em Breve Combos Todos






AO VIVO PARCEIROS




{{ MEDIATYPE.NAME }}

favorite favorite_border thumb_up
{{ mediaType.description }}
Acervo On air
Ouvir últimos Ouvir todos Continuar ouvindo
mdi-close-box

Este podcast não existe ou você não possui permissão.


CANAIS



No momento não temos outros canais


LOJAS



No momento não temos outras lojas

Parece que não temos mídias curtidas no momento...

Parece que não temos novas edições no momento...




{{ COLLECTION.TITLE }}

favorite favorite_border thumb_up


mdi-close-box

Esta coleção não existe ou você não possui permissão.

{{ emitNextCategory() }}



Parâmetro de busca inválido


DESTAQUE VER TUDO


COMBOS VER TUDO


{{ INDEX }} VER TUDO


{{ $ROUTE.PARAMS.CATEGORY }}


{{ INDEX }} VER TUDO


{{ INDEX }} VER TUDO


DESTAQUE VER TUDO


COMBOS VER TUDO


TODOS


COMBOS

Desculpe, mas não existem podcasts disponiveis


{{ $PRODUCT.NAME }}



Edição(ões): {{ $product.edition }}

Frequência: {{ $product.refresh_rate }}

Categoria: {{ $product.categories_product.name }}


Este produto possui diferença de preço entre capital e interior.

Você precisa compartilhar sua localização ou estar logado para visualizar os
planos.

Planos:

 {{ $product.plan_special.name }}

  {{ $product.plan_special.name }}

Aplicar
Na lista de espera Em processo de cancelamento Cancelar assinatura Pré-inscrição
Assinar Assinar

Produto indisponivel na sua região.


Tenho interesse Assinar Verificar disponibilidade

 {{ plan.name }}

  {{ plan.name }}

Aplicar
Na lista de espera Em processo de cancelamento Cancelar assinatura Pré-inscrição
Assinar Assinar

Produto indisponivel na sua região.


Tenho interesse Assinar Verificar disponibilidade
Pré-inscrição Promoção Sobre Demonstrativo Termos de uso



{{ DEMO.ALIAS }}

cloud_download

Descrição:








PRÉ-INSCRIÇÃO





{{ CURRENTPLAN.NAME_PROMOTION }}







TERMOS DE USO

{{ termsOfUse }}
Continuar


ATIVOS


BLOQUEADOS


EM PROCESSO DE CANCELAMENTO


{{ PRODUCT.NAME }}

Edição(ões): {{ product.edition }}

Frequência: {{ product.refresh_rate }}

Categoria: {{ product.categories_product.name }}

Sua promoção expira em {{ product.client_available.days_left }} dias




Renovar Assinatura

Na lista de espera Em processo de cancelamento Cancelar assinatura
Mídias Apoio Horários Financeiro



 * {{ MATERIAL.FILENAME }}
   
   Alterado: {{ material.modified | moment("DD/MM/YYYY") }} às {{
   material.modified | moment("HH:mm:ss") }}

Não encontramos materiais cadastrados.

{{ folder.name }}



HORÁRIOS ROTEIRIZADOS {{ $ROUTE.PARAMS.PRODUCT_NAME }}

DomingoSegunda-feiraTerça-feiraQuarta-feiraQuinta-feiraSexta-feiraSábado
remove_circle_outline

Adicionar novo horario Salvar horario


CICLO {{ CYCLE.NUMBER }}

De {{ cycle.initial_date | moment("DD/MM/YYYY") }} até {{ cycle.due_date |
moment("DD/MM/YYYY") }}

Vencimento: {{ cycle.payment_due_date | moment("DD/MM/YYYY") }}

Valor: {{ cycle.negotiated_amount | toBrPrice }}

Situação: {{ cycle.situation.alias }}

Pago: Sim Não

Boleto Nota Fiscal
Todos os Produtos



CÓDIGO DO CLIENTE: {{ $USER.CLIENT_API.CLIENT_ID }}

Baixar sync



CÓDIGO DO CLIENTE: {{ $USER.CLIENT_API.CLIENT_ID }}


CÓDIGO DO CLIENTE: SEM CÓDIGO

Baixar sync

Sem estações ativas

Foto




Nome da rádio

Nome

Razão Social

CNPJ

CPF

Tipo de rádio

Comercial Web Comunitária Educativa

Domínio no Superaudio

https://superaudio.com.br/radios/

Site da rádio

Slogan

ID Único

ID único para a identificação desta rádio na API.

URL Streaming


Link do ponto de montagem que contém o áudio do streaming

Tipo de RDS

Controla MediaCP AzuraCast Icecast Shoutcast mdi-information Ajuda para o campo
"Link Rds"
Tipo de servidor usado para o RDS

Link RDS

Link para capturar o RDS e mostrar o que está tocando agora

Classe

A B C

Potência kW




CONTATO

Telefone

Telefone 2

E-mail

Outros e-mails

Receber notificações de atualizações de conteúdos?

Sim Não


Receber Mailing?

Sim Não




ENDEREÇO

País

Estado

Estado

Cidade

Cidade

CEP

Endereço

Complemento

Bairro

Número



Perfis de acesso Adicionar {{ userAccessProfile.name }} mdi-check-bold Aprovado
mdi-exclamation Aguardando aprovação mdi-close Remover




PREFERÊNCIAS MUSICAIS

{{ index | prettyName }}

Número máximo de estilos atingido

Nenhuma estilo encontrado, favor alterar o texto da busca.



RÁDIO

Segmento

Sobre a rádio



Quero encerrar minha conta
Cadastro Meus Interesses Perfil Rádios On-Line Hotsite

Foto










Continuar

{{ index | prettyName }}




PREFERÊNCIAS MUSICAIS


{{ index | prettyName }}



Receber notificações de atualizações de conteúdos?

Sim Não


Receber Mailing?

Sim Não

Continuar Voltar



Cidades Cobertura

Número máximo de cidades atingidos. Remova uma para selecionar outra.

Nenhuma cidade encontrada, favor alterar o texto da busca.




DADOS COMPLEMENTARES



Continuar Voltar

Perfil/Segmento

CAMPO NOVO


Sobre


Voltar

Foto








CONTATO


Receber notificações de atualizações de conteúdos?

Sim Não

Receber Mailing?

Sim Não




ENDEREÇO





PREFERÊNCIAS MUSICAIS


{{ index | prettyName }}


Sobre a rádio



ALTERAR SENHA

Salvar


{{ TITLE }}

Esqueci minha senha Entrar

Voltar Recuperar senha
Sou um Ouvinte sou uma Rádio


×


ATENÇÃO


Não é permitido assinatura de conteúdos com cadastros incompletos ou cadastro de
rádio sem o nome ou marca|logotipo da emissora.

   Campos
 * "Nome da Rádio": deve ser o nome da Emissora.
 * "Logotipo"|"Foto": Deve ser o logo da emissora e não fotos pessoais.
 * "Tipo de Rádio": se for WEBRADIO não colocar "Tipo Comercial" pois serão
   canceladas todas as assinaturas.
 * Seu cadastro e assinaturas serão excluídos em 24 horas, caso não preencha
   alguns dos requisitos acima.


Att. Equipe Superaudio Duvidas: Whats 53-984066667
País
Estado
Cidade


Tipo de rádio
Tipo de cadastro
Classe da sua rádio
Domínio no Superaudio
https://superaudio.com.br/radios/

Segmento

Número máximo de estilos atingido

Nenhuma estilo encontrado, favor alterar o texto da busca.





Ver termos de uso
Já tenho uma conta Registrar


País
Estado
Cidade






Perfis de acesso Adicionar {{ userAccessProfile.name }} mdi-check-bold Aprovado
mdi-exclamation Aguardando aprovação mdi-close Remover Ver termos de uso
Já tenho uma conta Registrar

Ainda não possui uma conta? Inscreva-se!

Área Restrita Digite sua credencial para ter acesso Fechar Adicionar


{{ TITLE }}

Comprimido

Executável




{{ TITLE }}

https://superaudio.com.br/radios/{{$user.domain_slug}}
Atualizar tipo de conta



{{ TITLE }}

{{ type.name }}

Produto com diferença de preço por região


Onde você esta?


INTERIOR CAPITAL



BLOQUEAR CIDADES


{{ PRODUCT.NAME }}

Número máximo de cidades atingidos. Remova uma para selecionar outra.

Nenhuma cidade encontrada, favor alterar o texto da busca. Lista cidades além de
{{ $user.location.city.name }}/{{ $user.location.city.uf }}
Continuar

Número máximo de cidades atingidos. Remova uma para selecionar outra.

Nenhuma cidade encontrada, favor alterar o texto da busca. Lista cidades além de
{{ $user.location.city.name }}/{{ $user.location.city.uf }}

Continuar

Este produto permite que você bloqueie {{ $product.number_of_cities_blocked }}
cidades, além de {{ $user.location.city.name }}/{{ $user.location.city.uf }}

Este produto permite que você bloqueie {{ $product.number_of_cities_blocked }}
cidade, além de {{ $user.location.city.name }}/{{ $user.location.city.uf }}


{{ TITLE }}

{{ $configs.company.name }}

Endereço: {{ companyAddress }}

{{ companyCityAndState }}

Telefone: {{ companyPhone }}

E-mail: {{ $configs.company.company_contact.email }}

SUPERAUDIO TECNOLOGIA DA INFORMAÇÃO LTDA

CNPJ: 35.016.162/0001-00

Endereço: R. Três de Maio, 1005 - Centro

Pelotas/RS - Brasil

Telefone: 53 3026-7777

E-mail: contato@superaudio.com.br


Área Restrita close Digite sua credencial para ter acesso Confirmar


PODCASTS FAVORITOS




COLEÇÕES FAVORITAS




RÁDIOS FAVORITAS



No momento você não possui nenhuma mídia favorita.


ENTRETENIMENTO

Rádios

Podcasts

Coleções

Músicas

Login

Cadastro de Ouvinte


COMPRAS

Store

Login

Cadastro de Rádio

Acessar o controla


LANÇAMENTO EXCLUSIVO



Para ouvir os programas

Para assinar os programas

Para gerenciar sua rádio

Para assinantes


Acessar o controla


PROMOÇÕES







NENHUMA PROMOÇÃO ATIVA.

mdi-close-box

Esta promoção não existe ou você não possui permissão.

{{ promotion.name }}

{{ promotion.branch.name_fantasy }}



{{ promotion.description }}

--------------------------------------------------------------------------------

Regras




{{ PROMOTION.QUESTION }}

{{ answer }}
{{ countAnswerCharacteres }}/700 Caracteres
 * Alternativa 1
 * Alternativa 1
 * Alternativa 1
 * Alternativa 1

{{ textBtnParticipate }} {{ textBtnParticipate }}
Cancelar

Seu número de participacão: {{ participationNumber }}


Informe o seu CPF Fechar Participar

{{ link.materialIcon }}


{{ link.name }}

{{ link.materialIcon }} {{ link.materialIcon }} {{ link.materialIcon }}

Home
{{ link.name }}
{{ link.materialIcon }}


{{ child.name }}

{{ link.materialIcon }}


{{ child.name }}

{{ link.materialIcon }}


{{ child.name }}

{{ link.name }}
Incluir Rádio
Promoções
Cadastro
* 
* 
  
  
  Add Ouvinte

 * 
 * 
 * 
 * 
 * 
 * 
 * 

 * * {{ $user.name_fantasy }}
     
     {{ $user.email }}
     
     Perfil
   * 
   * Alterar Senha
   * Favoritos
   * Sair

 * 
   
   
   Play

 * 
   
   
   Rádios

 * 
   
   
   Podcasts

 * 
   
   
   Coleções

 * 
   
   
   Músicas

 * 
   
   
   Promoções

 * 
   
   
   Store

 * 
   
   
   Cadastro
   
   * 
   * 
     
     
     Add Ouvinte
 * 
   
   
   Cadastro

 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 

 * * {{ $user.name_fantasy }}
     
     {{ $user.email }}
     
     Perfil
   * 
   * Alterar Senha
   * Favoritos
   * Sair


DOWNLOADS

Baixar .EXE

Baixar .APK

Baixar Sync

AnyDesk




PERGUNTAS FREQUENTES


 * {{ question.number }} - {{ question.question }}
   


COMO FUNCIONA?

 * 1 - Digite ou cole seu texto no campo abaixo
 * 2 - Selecione o estilo de locução na coluna da direita
 * 3 - Clique em calcular e a duração do texto será apresentada
 * OBS.: escreva os números por extenso (três, quatro, cinco, etc)

{{ minutes }}:{{ seconds }} {{ cl_thousandths | toFixed(2) }}
Iniciar Pausar Zerar


ESTILO DE LOCUÇÃO

 * Pausada
 * Normal
 * Rápida

Calcular
Aproximadamente
{{ result }}
Limpar


{{ $PRODUCT.NAME }}



Ciclo de pagamento Mensal A cada {{ $product.billing_cycle }} meses


Produtos no combo:


Este produto possui diferença de preço entre capital e interior.

Você precisa compartilhar sua localização ou estar logado para verificar
disponibilidade do combo.

{{ product.name }}

Valor individual no combo: {{ productsDiscount[product.id] | toBrPrice }}

--------------------------------------------------------------------------------

Não existem produtos disponiveis no combo para você.
Provavelmente você já assina os produtos.

Selecione mais produtos.

Preço se comprados individualmente

{{ fullPrice | toBrPrice }}

--------------------------------------------------------------------------------

Preço do combo

{{ comboPrice | toBrPrice }}

--------------------------------------------------------------------------------

Economia no combo
{{ fullPrice - comboPrice | toBrPrice }}

Assinar Verificar disponibilidade

Produtos no combo

Não existem produtos disponiveis no combo para você.
Provavelmente você já assina os produtos.


NÃO AUTORIZADO