Joywork/templates/modals/campaigns_modal.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>