77 lines
4.5 KiB
PHP
77 lines
4.5 KiB
PHP
<!-- incoming call widget start: -->
|
||
<link rel="stylesheet" href="/css/callevents.css?<?=time()?>" type="text/css">
|
||
|
||
<div id="callEventWidget" class="callEventWidget" :class="{'i-show':show}" >
|
||
|
||
<div class="hideBlock" :class="{'i-hide':callEventWidget_hide}">
|
||
<div class="headerWidget" :class="{'i-hide':header_hide}">
|
||
<span class="icon i-wiget-close" @click="hide"></span>
|
||
<span style="left:290px; top:5px; font-size:16px; cursor:pointer; color:#666;" class="icon" @click="endCall"><i class="fa-regular fa-circle-xmark"></i></span>
|
||
<h3>{{ header }}</h3>
|
||
<h4 v-if="!isEmpty(source)" v-html="'('+source+')'"></h4>
|
||
<h4>{{ call_type }}</h4>
|
||
</div>
|
||
|
||
<div class="bodyWidget">
|
||
<div class="i-body" :class="{'i-hide':body_hide}">
|
||
<span v-if="cannot_create_req_manually == 0" class="requisition-title" @click="openRequisitionsForm" data-id="0">+ Новая заявка</span>
|
||
<div class="requisitions-header" >Заявки клиента</div>
|
||
<div class="requisitions" v-for="requisition in requisitions ">
|
||
<span class="requisition-title" :class="[requisition.id > 0 ? 'req-events-new':'' ]" :data-id="requisition.id">{{ requisition.name }}</span>
|
||
<span class="requisition-object" >{{requisition.nazv}} </span>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="i-list-transfer" :class="[ list_hide ? 'i-hide': list_class]">
|
||
<span class="i-close" @click="closelist">×</span>
|
||
<input class="i-filter-transfer" type="text" @input="filterTransfer" placeholder="Искать..." v-model="searchTransfer">
|
||
<div class="i-list-transfer-scroll">
|
||
<div class="i-user_list" v-for="user in user_list">
|
||
<span class="i-user_list-title" @click="callTransfer" :data-phone="user.phone">{{ user.name }}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="bodyWidgetTools">
|
||
|
||
<button class="widget-tools" @click="getListTransfer('consult')" ><span class="icon i-wiget-help-line" ><span class="i-tooltip">Переадресация с консультацией</span></span></button>
|
||
<button class="widget-tools" @click="getListTransfer('noconsult')" ><span class="icon i-wiget-line" ><span class="i-tooltip">Перевод звонка</span></span></button>
|
||
<button class="widget-tools"><span class="icon i-wiget-user-info neweditClient" :data-id="client_id"><span class="i-tooltip">Карточка клиента</span></span></button>
|
||
|
||
<button class="widget-tools end"><span class="icon i-wiget-call-down"><span class="i-tooltip">Разорвать соединение</span></span></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<template v-if="history_show">
|
||
<div class="scrollBlock">
|
||
<span class="icon i-wiget-close" :class="{isScroll: totalHistoryCalls>10}" @click="getCallHistory"></span>
|
||
<div class="historyWidget">
|
||
<ul class="titleHistory" v-for="history in history_calls">{{ history.day }}
|
||
<li class="history-row" v-for="call in history.calls" :class="call.type">
|
||
<a href="javascript:{}" class="cartClient no-border" :data-id="call.client_id">{{ call.name }}</a>
|
||
<span class="time">{{ call.time }}</span>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
</div>
|
||
</template>
|
||
<div class="footerWidget">
|
||
<div class="widgetTools">
|
||
<button class="widget-tools">
|
||
<span class="icon i-wiget-user">
|
||
<span class="i-tooltip">Телефон подключен</span>
|
||
</span>
|
||
|
||
</button>
|
||
<button class="widget-tools" @click="hide"><span class="icon i-wiget-phone-1" :class="{active:line1}"><span class="i-tooltip">1-ая линия</span></span></button>
|
||
<button class="widget-tools"><span class="icon i-wiget-phone-2" :class="{active:line2}"><span class="i-tooltip">2-ая линия</span></span></button>
|
||
<button class="widget-tools" @click="getCallHistory"><span class="icon i-wiget-history" :class="{active:history_show}" ><span class="i-tooltip" >История звонков</span></span></button>
|
||
|
||
<button class="widget-tools end" @click="hide"><span class="icon i-wiget-open" ></span></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript" src="/js/callevents.js?v=<?=filemtime($_SERVER['DOCUMENT_ROOT'].'/js/callevents.js')?>"></script>
|
||
<!-- incoming call widget end -->
|