98 lines
6.3 KiB
PHP
98 lines
6.3 KiB
PHP
<div id="campaigns_modal_whatsapp" 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 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">
|
|
<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%">
|
|
<textarea v-model.trim="subject" class="text" :class="{'invalid': errors.error_subject == 1}" style="width:400px;"></textarea>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-block">
|
|
<div class="label">Файл</div>
|
|
<div class="inputs">
|
|
<div class="dropbox">
|
|
<input type="file" @input="onFileSelected" class="input-file" style="width: 400px;">
|
|
<p>
|
|
Выберите файл
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div v-show="progressUoload.length > 0" class="form-block">
|
|
<div class="label">Выбранный файл</div>
|
|
<div class="inputs" style="width: 400px;">
|
|
<div class="list_files" v-for="(file, infile) in selectedFiles">
|
|
<div v-show="!progressUoload[infile].isEdit">
|
|
<label class="label_file"><i v-bind:class=" [ file.classFile, {active: progressUoload[infile].isUpload} ]"></i>{{ progressUoload[infile].real_name }}</label>
|
|
|
|
<a title="Удалить" @click="onDeleteFile(infile,file)" class="no-border fatrash"><i class="fas fa-trash"></i></a>
|
|
<vue-simple-progress v-if="progressUoload[infile].uploads" bar-color="#e2574c" :val="progressUoload[infile].progress" :text="progressUoload[infile].progress + '%'"></vue-simple-progress>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</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>
|
|
<script type="text/javascript" src="/js/vue_scripts/whatsapp_vue.js?<?=filemtime($_SERVER['DOCUMENT_ROOT'].'/js/vue_scripts/whatsapp_vue.js')?>"></script>
|
|
|