166 lines
9.9 KiB
PHP
166 lines
9.9 KiB
PHP
<div id="campaigns_modal" class="hidden">
|
||
|
||
<div class="f__modal-bg" v-show="is_show" style="z-index: 99999;">
|
||
|
||
<div class="f__modal full-modal" :class="{'full_heigth':isPreloader===1}" v-show="is_show" style="padding-bottom: 10px; width: 700px; top: 10px; height:500px;background: rgb(255,255,255);">
|
||
<span class="pseudo-link closer" @click="closes"><i class="ti-close"></i></span>
|
||
<h2>Создать рассылку</h2>
|
||
<div v-if="isPreloader === 1" style="text-align:center; margin-top: 125px; height: 400px;">
|
||
<img src="../images/rocket-spinner.svg" width="96px">
|
||
</div>
|
||
|
||
<div v-else class="modal-inner" style="margin-top: 15px;">
|
||
<div class="jv-tabs" style="overflow: auto; height: 400px; padding:5px; margin-bottom: 100px">
|
||
<div class="tabs__content" style="border-right: none; min-height:350px; background: #ffffff;">
|
||
<!--<div class="form-block">
|
||
<div class="label">Выбрано клиентов {{ clients.length }} шт.</div>
|
||
|
||
<div v-show="!isCreateList" @click="openCreateListform" style="width: 400px; margin-left:200px;" class="dropbox">
|
||
<input type="butomm" class="input-file" style="width:350px;">
|
||
<p>
|
||
Создать список
|
||
</p>
|
||
</div>
|
||
</div>-->
|
||
<div class="form-block">
|
||
<div class="label">Выбрано клиентов {{ clients.length }} шт.</div>
|
||
|
||
<div class="inputs">
|
||
<div class="inputs-group" style="width:120%">
|
||
<input v-model.trim="title_list" class="text" :class="{'invalid': errors.error_title_list == 1}" type="text" style="width:400px;">
|
||
<img v-show="isSendList && !isCreateApiList" src="../images/rocket-spinner.svg" style="padding: 0 8px; margin-left: 8px; border: none; line-height: 34px;" width="36px">
|
||
<span title="Список отправлен" v-show="isCreateApiList" style="padding: 6px 8px; margin-left: 8px; border: none; line-height: 34px;"><i class="ti-check"></i></span>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div v-show="list_api_id > 0">
|
||
|
||
<div class="form-block">
|
||
<div class="label">От кого</div>
|
||
|
||
<div class="inputs">
|
||
<div class="inputs-group" style="width:120%">
|
||
<input v-model.trim="sender_name" class="text" :class="{'invalid': errors.error_sender_name == 1}" type="text" style="width:400px;">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-block">
|
||
<div class="label">С какого email</div>
|
||
|
||
<div class="inputs">
|
||
<div class="inputs-group" style="width:120%">
|
||
<input v-model.trim="sender_email" class="text" :class="{'invalid': errors.error_sender_email > 0}" type="text" style="width:400px;">
|
||
<span style="color: rgb(221, 93, 91); display:inline-block;" v-show="errors.error_sender_email == 2">Email не подтвержден. Потдвердите его на сайте Unisender.com</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-block">
|
||
<div class="label">Выберите шаблон</div>
|
||
<div class="inputs">
|
||
<v-select :components="{OpenIndicator}" @input="select_template" transition="" class="vue_select" :class="{'invalid': errors.error_template_id == 1}" style="width: 400px; border: none;" :options="templates" :reduce="name => name.code" label="name" v-model="template_id"/>
|
||
</div>
|
||
</div>
|
||
<div class="form-block">
|
||
<div class="label">Тема письма</div>
|
||
|
||
<div class="inputs">
|
||
<div class="inputs-group" style="width:120%">
|
||
<input v-model.trim="subject" class="text" :class="{'invalid': errors.error_subject == 1}" type="text" style="width:400px;">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-submit">
|
||
<button @click="save" :class="{'hidden': is_load}" style="margin-left:-35px; width: 770px;" type="button" class="action_call">Отправить</button>
|
||
<div style="width: 770px; margin-left: -35px; top:unset;" class="load-bar" :class="{'hidden': !is_load}">
|
||
<div class="bar"></div>
|
||
<div class="bar"></div>
|
||
<div class="bar"></div>
|
||
<div class="load-bar__center">
|
||
<span class="load-bar__loading">Отправляю...</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<!--<div class="f__modal-bg" v-show="is_show_form" style="z-index: 99999;">
|
||
|
||
<div class="f__modal full-modal" :class="{'full_heigth':isPreloader===1}" v-show="is_show_form" style="padding-bottom: 10px; width: 700px; top: 10px; height:650px;background: rgb(255,255,255);">
|
||
<span class="pseudo-link closer" @click="closesForm"><i class="ti-close"></i></span>
|
||
<h2>Выберите форму, которую нужно заполнить при закрытии этапа</h2>
|
||
<div v-if="isPreloaderForm === 1" style="text-align:center; margin-top: 125px; height: 550px;">
|
||
<img src="../images/rocket-spinner.svg" width="96px">
|
||
</div>
|
||
|
||
<div v-else class="modal-inner" style="margin-top: 15px;">
|
||
<div class="jv-tabs" style="overflow: auto; height: 550px; padding:5px; margin-bottom: 100px">
|
||
<div class="tabs__content" style="border-right: none; min-height:500px; background: #ffffff;">
|
||
<table style="width: 100%">
|
||
<thead>
|
||
<tr>
|
||
<td>
|
||
Название формы
|
||
</td>
|
||
<td>В заявке</td>
|
||
<td>В клиенте</td>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr v-for="(form, index) in forms">
|
||
|
||
<td><div class="label" v-html="form.title"></div></td>
|
||
<td><div v-if="form.is_req" class="inputs">
|
||
<div class="checkbox" style="margin-bottom: 1px;">
|
||
<input :id="'form_req'+index" type="checkbox" true-value="1" false-value="0" v-model="form.is_check_req"/>
|
||
<label :for="'form_req'+index" class="label"></label>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<div v-if="form.is_client" class="inputs">
|
||
<div class="checkbox" style="margin-bottom: 1px;">
|
||
<input :id="'form_client'+index" type="checkbox" true-value="1" false-value="0" v-model="form.is_check_client"/>
|
||
<label :for="'form_client'+index" class="label"></label>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-submit">
|
||
<button @click="save_form" :class="{'hidden': is_load_form}" style="margin-left:-35px; width: 770px;" type="button" class="action_call">Сохранить</button>
|
||
<div style="width: 770px; margin-left: -35px; top:unset;" class="load-bar" :class="{'hidden': !is_load_form}">
|
||
<div class="bar"></div>
|
||
<div class="bar"></div>
|
||
<div class="bar"></div>
|
||
<div class="load-bar__center">
|
||
<span class="load-bar__loading">Сохраняю...</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>-->
|
||
</div>
|
||
|
||
|
||
<script type="text/javascript" src="/js/vue_scripts/unisender_vue.js?<?=filemtime($_SERVER['DOCUMENT_ROOT'].'/js/vue_scripts/unisender_vue.js')?>"></script>
|
||
|