Joywork/new-charts.php

2348 lines
90 KiB
PHP
Raw Permalink Normal View History

2026-05-22 20:21:54 +02:00
<?php
require_once($_SERVER['DOCUMENT_ROOT']."/config.php");
if(!$_SESSION['id']) { header("location:index.php"); die("Доступ запрещён!");}
$get = clearInputData($_GET);
if($_POST['fio'])
{
$post = clearInputData($_POST);
$error_add = Clients::addEdit($post);
if(!$error_add) header("location:clients.php");
}
if($_POST['id_del_client'])
{
$post = clearInputData($_POST);
Clients::delReason($post);
header("location:clients.php");
}
?>
<?php
if(isset($_GET['quit'])) {
$user = new User;
$user->quit();
exit;
}
setOnline();
$user = new User;
$user->checkPermissions();
if ($_SESSION['individual'] == 1) {
if($_SESSION['pay'] && ($_SERVER['SCRIPT_NAME'] != '/settings.php' && $_SERVER['SCRIPT_NAME'] != '/help.php')) {
header("location:/settings.php"); die("Доступ запрещён!");
}
} else {
// даем пользоваться системой
// если мы дошли до этого места и стоит флаг, что нужно оплатить - значит мы агентство или менеджер или агент от агентства
// формируем флаг частичного доступа пока по $_SESSION['pay'] - в будущем могут быть другие условия
$hasRestrictedAccess = $_SESSION['pay'];
}
if(!$_SESSION['checked']) {
$_SESSION['checked'] = array();
}
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JoyWork.ru</title>
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" />
<link rel="stylesheet" media="screen" type="text/css" title="style" href="/css/base.css?version=3">
<link rel="stylesheet" href="/css/select2.min.css" type="text/css"/>
<link rel="stylesheet" href="/css/select2-bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="/css/viewer.css" type="text/css"/>
<link rel="stylesheet" href="/css/crm.css" type="text/css"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript" src="/js/f_main.js?t=<?php echo ceil(microtime(true)); ?>"></script>
<script type="text/javascript" src="/js/jquery.maskedinput.min.js"></script>
<script type="text/javascript" src="/js/formstyler.js"></script>
<script type="text/javascript" src="/js/select2.min.js"></script>
<script type="text/javascript" src="/js/slimscroll.min.js"></script>
<script type="text/javascript" src="/js/ru.js"></script>
<script type="text/javascript" src="/js/datepicker.min.js"></script>
<script type="text/javascript" src="/js/main.js?t=<?php echo ceil(microtime(true)); ?>"></script>
<script type="text/javascript" src="/js/viewer.min.js"></script>
<!--
перенести к общим, мб вообще объединить
вниз еще думаю
-->
<script src="/js/datepicker.min.js"></script>
<script type="text/javascript" src="/js/formstyler.js"></script>
<script type="text/javascript" src="http://azoff.github.io/overscroll/js/jquery.overscroll.min.js"></script>
<!-- к -->
<script type="text/javascript">(window.Image ? (new Image()) : document.createElement('img')).src = 'https://vk.com/rtrg?p=VK-RTRG-209838-5sAIl';</script>
<script type="text/javascript">(window.Image ? (new Image()) : document.createElement('img')).src = 'https://vk.com/rtrg?p=VK-RTRG-211261-1Yrhf';</script>
<script>setInterval(setOnline,60000);</script>
</head>
<body id="main" <?php if(stripos($_SERVER['SCRIPT_NAME'],"new-main.php") !== false) echo 'class="jw-main"'; if(stripos($_SERVER['SCRIPT_NAME'],"calendar.php") !== false) echo 'class="jw-main jw-calendar"'; if(stripos($_SERVER['SCRIPT_NAME'],"help.php") !== false) echo 'class="jw-main jw-help"'; if(stripos($_SERVER['SCRIPT_NAME'],"settings.php") !== false) echo 'class="jw-main jw-settings"'; if(stripos($_SERVER['SCRIPT_NAME'],"users.php") !== false) echo 'class="jw-main jw-users"'; if(stripos($_SERVER['SCRIPT_NAME'],"new-charts.php") !== false) echo 'class="jw-charts"'; ?> class="">
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter40367945 = new Ya.Metrika({
id:40367945,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
trackHash:true
});
} catch(e) { }
});
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () { n.parentNode.insertBefore(s, n); };
s.type = "text/javascript";
s.async = true;
s.src = "https://mc.yandex.ru/metrika/watch.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/40367945" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<?php
if($_SESSION['pay'] && $_SESSION['individual'] == 1 && $_SERVER['SCRIPT_NAME'] != '/help.php') {
if($user->id_manager) {
$msg_pay = "Чтобы продолжать пользоваться сервисом,<br/>попросите руководителя внести оплату";
} else {
$msg_pay = "Чтобы продолжать пользоваться сервисом,<br/>необходимо внести оплату.";
}
?>
<div class="f__modal-bg" id="pay_bg" style="display: none;">
<div class="f__modal sign" id="pay" style="display: none;">
<span class="pseudo-link closer"><i class="ti-close"></i></span>
<div class="f-col">
<div class="f-col-3">
<h2 style="text-align: center;font-size: 190%;">Внимание!</h2>
</div>
<div class="clear"></div>
</div>
<div class="f-col">
<div class="f-col-3">&nbsp;</div>
<div class="f-col-6">
<div class="bg-danger" style="font-size:1.2em; border-radius:5px; text-align:center;"><?php echo $msg_pay; ?></div>
<div style="width:137px; margin:20px auto;"><a onclick='$("#pay_bg").hide(10);$("#pay").hide(10);$("body").removeClass("lock");' class="fr-btn medium-button">ОПЛАТИТЬ</a></div>
</div>
<div class="f-col-3">&nbsp;</div>
<div class="clear"></div>
</div>
</div>
</div>
<script>show_pay();</script>
<?php
}
?>
<div class="jw__layout">
<div id="preloader"></div>
<div class="jw__layout-content">
<div class="main-block">
<?php
if($_SESSION['id'])
{
?>
<div class="content-top">
<div class="inner">
<div class="top__user" onclick="location.replace('/settings.php');">
<div class="user-pic">
<?php if ($_SESSION['photo']) {?>
<img src="/photos/agency/<?php echo $_SESSION['photo']; ?>">
<?php } else { ?>
<img class="no-user-pic" src="/images/user-pic.svg">
<?php } ?>
</div>
<div class="user-name">
<span><?php echo $_SESSION['fio']; ?></span>
</div>
<?php if ($_SESSION['pay']) { ?>
<div class="user-tarif">
<span>Тариф не оплачен</span>
</div>
<?php } else {
$user->get($_SESSION['id']);
$tarif = new Tarif;
if($user->id_manager) {
$agency = new User;
$agency->get($user->id_manager);
if($agency->id_manager) {
$agency->get($agency->id_manager);
}
$id_tarif = $agency->id_tarif;
$date_tarif = $agency->date_tarif;
} else {
$id_tarif = $user->id_tarif;
$date_tarif = $user->date_tarif;
}
$tarif->get($id_tarif);
$date_tarif = strtotime($date_tarif);
$date_end = $date_tarif + $tarif->period * 3600 * 24;
$date_end_f = date("d.m.Y H:i",$date_end);
$dney = ceil(($date_end - time()) / 24 / 3600);
if($dney < 0) {
$dney = 0; $color = "color:red;";
}
if ($dney == -0) {
$dney = 0;
}
?>
<div class="user-tarif">
<!-- <span style="color: black;font-size: 17px;">Тариф: <a href="/settings.php"><?php echo $tarif->nazv; ?></a></span><br/> -->
<span class="tarif-active">Осталось: <?php echo $dney." ".padezh_day($dney); ?></span>
</div>
<?php } ?>
</div>
<div class="top__date-time">
<div class="top__date" id="date"></div>
<div class="top__time">
<span id="hours"> </span>
<span id="point">:</span>
<span id="min"> </span>
</div>
<script type="text/javascript">
var minutes = new Date().getMinutes();
$("#min").html(( minutes < 10 ? "0" : "" ) + minutes);
var hours = new Date().getHours();
$("#hours").html(( hours < 10 ? "0" : "" ) + hours);
$(document).ready(function() {
setInterval( function() {
var minutes = new Date().getMinutes();
$("#min").html(( minutes < 10 ? "0" : "" ) + minutes);
var hours = new Date().getHours();
$("#hours").html(( hours < 10 ? "0" : "" ) + hours);
},1000);
});
</script>
</div>
<div class="top__quit" onclick="location.replace('/main.php?quit=1');">
<span><i class="ti-power-off"></i></span>
</div>
</div>
</div>
<!-- Общее окно добавления -->
<div class="jw__add-popup">
<div class="popup-inner">
<ul>
<li><a href="" class="jw__add-task"><span>Задача</span></a></li>
<li><a href="" class="jw__add-event"><span>Событие</span></a></li>
<li><a href="" class="jw__add-client" id="add_client"><span>Клиент</span></a></li>
<li><a href="" class="jw__add-object"><span>Объект</span></a></li>
</ul>
</div>
</div>
<div class="content-left">
<div class="header__logo">
<a href="/main.php" class="logo-link no-border">
<div class="text-logo"><span><span class="logo-green">J</span>W</span></div>
</a>
</div>
<div class="big-add-button">
<button class="medium-button"><i class="ti-plus"></i></button>
</div>
<div class="left-menu">
<div class="system-menu">
<div class="menu-group">
<a href="/main.php">
<div class="menu-group-title <?php if(stripos($_SERVER['SCRIPT_NAME'],"new-charts.php") !== false) echo 'active'; ?>">
<i class="jw-icon-search"></i>
<span>Кабинет</span>
</div>
</a>
</div>
<div class="menu-group">
<a href="/main.php">
<div class="menu-group-title <?php if(stripos($_SERVER['SCRIPT_NAME'],"main.php") !== false) echo 'active'; ?>">
<i class="jw-icon-search"></i>
<span>Поиск</span>
</div>
</a>
</div>
<div class="menu-group">
<a href="/my-objects.php">
<div class="menu-group-title <?php if(stripos($_SERVER['SCRIPT_NAME'],"my-objects.php") !== false) echo 'active'; ?>">
<i class="jw-icon-objects"></i>
<span>Объекты</span>
</div>
</a>
</div>
<?php
$user->get($_SESSION['id']);
if ($user->show_all_objects_page == 1) { ?>
<div class="menu-group">
<a href="/agency-objects.php">
<div class="menu-group-title <?php if(stripos($_SERVER['SCRIPT_NAME'],"agency-objects.php") !== false) echo 'active'; ?>">
<i class="jw-icon-tasks"></i>
<span>Реклама</span>
</div>
</a>
</div>
<?php
}
$sqlForNeedNb = "SELECT COUNT(blocks.id) as count
FROM `blocks`
INNER JOIN regions r on r.id = blocks.region_id
INNER JOIN rf_regions rr on rr.id = r.rf_region_id
WHERE rr.id = $user->region_rf_id
";
$rezForNeedNb = mysql_query($sqlForNeedNb);
$showNewbuildings = false;
$countResult = mysql_fetch_assoc($rezForNeedNb);
if ($countResult['count'] != '0') {
$showNewbuildings = true;
}
if ($showNewbuildings) {
?>
<div class="menu-group">
<a href="/my-reservations.php">
<div class="menu-group-title <?php if(stripos($_SERVER['SCRIPT_NAME'],"my-reservations.php") !== false) echo 'active'; ?>">
<i class="jw-icon-check-mark"></i>
<span>Брони</span>
</div>
</a>
</div>
<?php } ?>
<?php $cl_count = new Clients; ?>
<div class="menu-group">
<a href="/clients.php?work=1">
<div class="menu-group-title <?php if(stripos($_SERVER['SCRIPT_NAME'],"clients.php") !== false) echo 'active'; ?>">
<i class="jw-icon-clients"></i>
<span>Клиенты</span>
<?php echo $cl_count->getCountNewClients($_SESSION['id']); ?>
</div>
</a>
</div>
<?php
// считаем события объектов
$sql = "SELECT count(id) FROM user_object_events WHERE user_id = $_SESSION[id] and calendar_view = 0
and schedule_date is not null AND DATE_FORMAT(e.schedule_date, '%Y-%m-%d %H:%i:%s') <= '".date("Y-m-d H:i:s")."'";
$rez = mysql_query($sql);
$objectEventCount = mysql_result($rez,0);
// считаем события клиентов
$sql = "SELECT count(id) FROM user_client_events WHERE user_id = $_SESSION[id] and calendar_view = 0
and schedule_date is not null AND DATE_FORMAT(e.schedule_date, '%Y-%m-%d %H:%i:%s') <= '".date("Y-m-d H:i:s")."'";
$rez = mysql_query($sql);
$clientEventCount = mysql_result($rez,0);
// суммарное количество событий по объектам и пользователям
$sumCount = intval($objectEventCount) + intval($clientEventCount);
?>
<div class="menu-group">
<a href="/calendar.php">
<div class="menu-group-title <?php if(stripos($_SERVER['SCRIPT_NAME'],"calendar.php") !== false) echo 'active'; ?>">
<i class="jw-icon-calendar-with-clock"></i>
<span>Календарь</span>
<?php if ($sumCount > 0) { ?><b class="jw__counter all" id="calendarCounter"><?php echo $sumCount; ?></b><?php } ?>
</div>
</a>
</div>
<?php if($_SESSION['agency'] or $user->manager) : ?>
<div class="menu-group">
<a href="/users.php">
<div class="menu-group-title <?php if(stripos($_SERVER['SCRIPT_NAME'],"users.php") !== false) echo 'active'; ?>">
<i class="jw-icon-employe"></i>
<span>Сотрудники</span>
</div>
</a>
</div>
<?php endif;
if($_SESSION['superadmin']) : ?>
<div class="menu-group">
<a href="/admin/index.php">
<div class="menu-group-title">
<i class="ti-menu"></i>
<span>Админка</span>
</div>
</a>
</div>
<?php endif; ?>
<div class="menu-group">
<a href="/settings.php">
<div class="menu-group-title <?php if(stripos($_SERVER['SCRIPT_NAME'],"settings.php") !== false) echo 'active'; ?>">
<i class="jw-icon-settings"></i>
<span>Настройки</span>
</div>
</a>
</div>
<div class="menu-group">
<a href="/help.php">
<div class="menu-group-title <?php if(stripos($_SERVER['SCRIPT_NAME'],"help.php") !== false) echo 'active'; ?>">
<i class="jw-icon-help"></i>
<span>Обучение</span>
</div>
</a>
</div>
</div>
</div>
</div>
<?php
}
$cl = new Clients;
?>
<div class="content-right">
<div class="inner">
<div class="main-title">
<h1>Кабинет</h1>
</div>
<div class="jw__page__tabs">
<a href="/new-charts.php?page=dashboard" class="tab <?php if($_GET['page']=='dashboard' ) { echo "selected"; } ?>">
<span>Рабочий стол</span>
<i class="jw__tab__counter" id="activeObj">3</i>
</a>
<a href="/new-charts.php?page=tasks" class="tab <?php if($_GET['page']=='tasks' ) { echo "selected"; } ?>">
<span>Задачи</span>
</a>
<a href="/new-charts.php?page=stats" class="tab <?php if($_GET['page']=='stats' ) { echo "selected"; } ?>">
<span>Статистика</span>
</a>
</div>
<div class="crm new">
<div class="crm__filters <?php if($_GET['page']=='dashboard' ) { echo "hidden"; } ?>">
<div class="crm__filters-inner">
<div class="search-query">
<div class="search-query-item">
<span>за 30 дней</span>
<i class="ti-close"></i>
</div>
<div class="search-query-item">
<span>Алексей Иванов</span>
<i class="ti-close"></i>
</div>
</div>
<div class="search-filter">
<input type="text" tabindex="1" value="" name="" placeholder="Фильтр" class="search-filter__filter" id="" autocomplete="off">
<div class="search-filter__icons">
<i class="ti-search" title="Искать"></i>
<i class="ti-close" title="Очистить"></i>
</div>
</div>
<?php if($_GET['page']=='tasks' ) { ?>
<div class="crm__new-task">
<button class="jw__g-button" id="jw__add-task">Задача</button>
</div>
<div class="crm__new-event">
<button class="jw__g-button" id="jw__add-event">Событие</button>
</div>
<? } ?>
<div class="view-changer hidden">
<div class="view-list">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve"><g><g><path d="M0,74.672V224h512V74.672H0z M496,208H16V90.672h480V208z" fill="#757575"/></g></g><g><g><path d="M0,288v149.328h512V288H0z M496,421.328H16V304h480V421.328z" fill="#757575"/></g></g></svg>
<span>Таблица</span>
</div>
<div class="view-kanban active">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve"><g><g><path d="M0,96v128h128V96H0z M112,208H16v-96h96V208z" fill="#757575"/></g></g><g><g><path d="M192,96v128h128V96H192z M304,208h-96v-96h96V208z" fill="#757575"/></g></g><g><g><path d="M384,96v128h128V96H384z M496,208h-96v-96h96V208z" fill="#757575"/></g></g><g><g><path d="M0,288v128h128V288H0z M112,400H16v-96h96V400z" fill="#757575"/></g></g><g><g><path d="M192,288v128h128V288H192z M304,400h-96v-96h96V400z" fill="#757575"/></g></g><g><g><path d="M384,288v128h128V288H384z M496,400h-96v-96h96V400z" fill="#757575"/></g></g></svg>
<span>Графики</span>
</div>
</div>
</div>
<div class="crm__filter-popup">
<div class="filter-popup-items">
<div class="filter-popup__left">
<?php if($_GET['page']=='tasks' ) { ?>
<div class="filter-popup-type">
<a href=""><span>Все задачи</span></a>
</div>
<div class="filter-popup-type active">
<a href=""><span>Открытые</span></a>
</div>
<div class="filter-popup-type overdue">
<a href=""><span>Просроченные</span></a>
</div>
<div class="filter-popup-type">
<a href=""><span>Выполненные</span></a>
</div>
<?php } if($_GET['page']=='stats' ) { ?>
<div class="filter-popup-type">
<a href=""><span>Моя статистика</span></a>
</div>
<div class="filter-popup-type active">
<a href=""><span>Все агентство</span></a>
</div>
<div class="filter-popup-type">
<a href=""><span>Текущий месяц</span></a>
</div>
<div class="filter-popup-type">
<a href=""><span>Текущий квартал</span></a>
</div>
<?php } ?>
</div>
<div class="filter-popup__right">
<div class="filter-popup-header-inputs">
<h3>Параметры</h3>
</div>
<?php if($_GET['page']=='tasks' ) { ?>
<div class="filter-popup-input">
<div class="crm__filter-input">
<select class="ms-crm-client-type">
<option value="" >Аренда</option>
<option value="" >Вторичка</option>
<option value="" >Новостройки</option>
</select>
</div>
</div>
<div class="filter-popup-input">
<div class="crm__filter-input">
<select class="ms-crm-client-work">
<option value="Иван"></option>
</select>
</div>
</div>
<? } if($_GET['page']=='stats' ) { ?>
<div class="filter-popup-input">
<div class="crm__filter-input">
<select class="ms-crm-client-type">
<option value="" >Аренда</option>
<option value="" >Вторичка</option>
<option value="" >Новостройки</option>
</select>
</div>
</div>
<div class="filter-popup-input">
<div class="crm__filter-input">
<select class="ms-crm-client-period" multiple="">
<option value="" >Сегодня</option>
<option value="" >Неделя</option>
<option value="" >Месяц</option>
<option value="" >Квартал</option>
<option value="" >Год</option>
<option value="" >Все время</option>
</select>
</div>
</div>
<div class="filter-popup-input">
<div class="crm__filter-input">
<select class="ms-crm-client-work" multiple="">
<option value="1">Константин</option>
<option value="5">Менеджер Александр</option>
<optgroup label="Группа менеджера Александр Цебренко">
<option value="5">Вся группа</option>
<option value="5">Александр Цебренко</option>
<option value="5">Иван Иванов</option>
<option value="5">Сергей Сергеев</option>
</optgroup>
</select>
</div>
</div>
<? } ?>
<div class="filter-popup-submit">
<button class="medium-button">Применить</button>
</div>
</div>
</div>
</div>
</div>
<?php if($_GET['page']=='tasks' ) { ?>
<div class="crm__tasks">
<script type="text/javascript" src="/js/moment.min.js"></script>
<script type="text/javascript" src="/js/calendar.js"></script>
<script type="text/javascript" src="/js/calendar-ru.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'listWeek,month,agendaWeek,agendaDay'
},
locale: 'ru',
editable: false,
eventLimit: true,
timeFormat: 'H:mm',
titleFormat: 'MMMM YYYY',
defaultTimedEventDuration: '01:00:00',
height: 'parent',
events: {
url: '/ajax/calendarEvents.php',
type: 'POST',
error: function() {
alert('there was an error while fetching events!');
}
},
eventClick: function(event) {
if (event.object_id) {
if (event.table_id) {
updateEventState(event.table_id);
}
openEventsWindow(event.object_id);
}
if (event.client_id) {
if (event.table_id) {
updateClientEventState(event.table_id);
}
openClientEventsWindow(event.client_id);
}
}
});
});
</script>
<div id='calendar'></div>
</div>
<?php } if($_GET['page']=='dashboard' ) { ?>
<div class="crm__dashboard">
<div class="crm__widget dashboard__widget widget33 widget-colored dashboard-work">
<a href="">
<div class="widget-inner">
<div class="widget-head">
<div class="widget-title">Клиентов в работе</div>
</div>
<div class="widget-number">
23
</div>
</div>
</a>
</div>
<!-- если нет текущих задач не выводим класс widget-colored dashboard-tasks и убираем ссылку-->
<div class="crm__widget dashboard__widget widget33 widget-colored dashboard-tasks">
<a href="">
<div class="widget-inner">
<div class="widget-head">
<div class="widget-title">Открытые задачи</div>
</div>
<div class="widget-number">
17
</div>
</div>
</a>
</div>
<!-- если нет просроченных задач не выводим класс widget-colored dashboard-overdue-tasks и убираем ссылку -->
<div class="crm__widget dashboard__widget widget33">
<div class="widget-inner">
<div class="widget-head">
<div class="widget-title">Задач просрочено</div>
</div>
<div class="widget-number">
0
</div>
</div>
</div>
<div class="crm__widget widget100">
<div class="widget-inner">
<div class="widget-head">
<div class="widget-title">План продаж</div>
</div>
<div class="crm__target work-target">
<div class="target-row">
<div class="target">
<span class="target-title">Цель</span>
<span class="target-total">300 000<span class="rub">p</span></span>
</div>
<div class="target">
<span class="target-title">Период</span>
<span class="target-month">
<span class="">Май 2018 года</span>
</span>
</div>
</div>
<div class="target-row target-row-progress">
<div class="target__progress">
<!-- width - процент выполнения -->
<div class="target__progress-line" style="width: 25%;"></div>
<div class="target__progress-total">25%</div>
<div class="target__progress-now" style="left: 23%;">
<div class="progress-baloon">
<span class="progress-baloon-day">Сегодня</span>
<span class="progress-baloon-date" data-role="today">8 мая</span>
</div>
</div>
</div>
<div class="target__month-scale target-month28">
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item"></div>
<div class="target__month-scale-item-first">1 мая</div>
<div class="target__month-scale-item-last">31 мая</div>
</div>
</div>
<div class="target-row target-results">
<div class="target__result result-now">
<div class="target__result-item">
<div class="target__result-item-title">Выполнено</div>
<div class="target__result-item-total">75 000<span class="rub">p</span></div>
</div>
</div>
<div class="target__result">
<div class="target__result-item">
<div class="target__result-item-title">Осталось</div>
<div class="target__result-item-total">225 000<span class="rub">p</span></div>
</div>
</div>
<div class="target__result">
<div class="target__result-item">
<div class="target__result-item-title">Процент выполнения</div>
<div class="target__result-item-total">25%</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php } if($_GET['page']=='stats' ) { ?>
<div class="crm__stats">
<div class="crm__widget widget50">
<div class="widget-inner">
<div class="widget-head">
<div class="widget-title">Воронка продаж</div>
</div>
<div id="widgetSalesFunnel"></div>
</div>
</div>
<div class="crm__widget widget50">
<div class="widget-inner">
<div class="widget-head">
<div class="widget-title">Клиенты по рекламным источникам</div>
</div>
<div id="widgetClientsSources"></div>
</div>
</div>
<div class="crm__widget widget33 widget-colored stats-conversion">
<div class="widget-inner">
<div class="widget-head">
<div class="widget-title">Конверсия</div>
</div>
<!--
конверсия = количество сделок / количество клиентов в работе (с учетом фильтров)
-->
<div class="widget-number">
12%
</div>
</div>
</div>
<div class="crm__widget widget66 widget-colored">
<div class="widget-inner">
<div class="widget-head">
<div class="widget-title">Конверсия во времени</div>
</div>
<!--
конверсия = количество сделок / количество клиентов в работе (с учетом фильтров)
-->
<div id="widgetConversion"></div>
</div>
</div>
<div class="crm__widget widget100">
<div class="widget-inner">
<div class="widget-head">
<div class="widget-title">Сумма сделок</div>
</div>
<!--
= сумма всех сделок (с учетом фильтров)
-->
<div class="widget-number">
450000<span class="rub">p</span>
</div>
</div>
</div>
<div class="crm__widget widget100">
<div class="widget-inner">
<div class="widget-head">
<div class="widget-title">Количество клиентов у сотрудника всего</div>
</div>
<div id="widgetClientsQuantity"></div>
</div>
</div>
<div class="crm__widget widget100">
<div class="widget-inner">
<div class="widget-head">
<div class="widget-title">Количество добавленных клиентов сотрудником</div>
</div>
<div id="widgetClientsQuantityAdd"></div>
</div>
</div>
<div class="crm__widget widget50">
<div class="widget-inner">
<div class="widget-head">
<div class="widget-title">Клиенты по группам менеджеров</div>
</div>
<div id="widgetClientsQuantityByManagers"></div>
</div>
</div>
<div class="crm__widget widget50">
<div class="widget-inner">
<div class="widget-head">
<div class="widget-title">Сделки по группам менеджеров</div>
</div>
<div id="widgetDealsQuantityByManagers"></div>
</div>
</div>
<div class="crm__widget widget100">
<div class="widget-inner">
<div class="widget-head">
<div class="widget-title">Активность</div>
</div>
<div id="widgetActivity"></div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/funnel.js"></script>
<script src="https://www.amcharts.com/lib/3/pie.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/lang/ru.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
<script src="https://www.amcharts.com/lib/3/themes/none.js"></script>
<script type="text/javascript">
var chart = AmCharts.makeChart( "widgetSalesFunnel", {
"type": "funnel",
"theme": "none",
"color": "#757575",
"dataProvider": [ {
"title": "Новые клиенты",
"value": 200
}, {
"title": "В работе",
"value": 123
}, {
"title": "Презентация",
"value": 98
}, {
"title": "Показ",
"value": 72
}, {
"title": "Бронь",
"value": 35
}, {
"title": "Сделка",
"value": 35
}, {
"title": "Завершенные клиенты",
"value": 26
} ],
"balloon": {
"fixedPosition": true
},
"colors": [
"#1B5E20",
"#388E3C",
"#4CAF50",
"#81C784",
"#C8E6C9",
"#E8F5E9",
"#00C853",
"#DDDDDD",
"#999999",
"#333333"
],
"valueField": "value",
"titleField": "title",
"fontFamily": "Lato",
"fontSize": 15,
"marginRight": 240,
"marginLeft": 50,
"startX": -500,
"depth3D": 100,
"angle": 40,
"outlineAlpha": 1,
"pullOutEffect": "easeInSine",
"outlineColor": "#FFFFFF",
"outlineThickness": 2,
"labelPosition": "right",
"balloonText": "[[title]]<br><span><b>[[value]]</b> ([[percents]]%)</span>"
});
AmCharts.addInitHandler(function(chart) {
var maxValue = 0;
for (var x in chart.dataProvider) {
var value = chart.dataProvider[x][chart.valueField];
if (value > maxValue)
maxValue = value;
}
if (1000000000 <= maxValue)
chart.legend.valueWidth = 100;
else if (1000000 <= maxValue)
chart.legend.valueWidth = 70;
else if (1000 <= maxValue)
chart.legend.valueWidth = 40;
}, ['pie']);
var chart = AmCharts.makeChart( "widgetClientsSources", {
"type": "pie",
"theme": "none",
"color": "#757575",
"dataProvider": [
{
"title": "Контекстная реклама",
"value": 260
},
{
"title": "Доски объявлений",
"value": 201
},
{
"title": "Рекомендации",
"value": 65
},
{
"title": "Сайт",
"value": 39
},
{
"title": "Вконтакте",
"value": 10
},
{
"title": "Яндекс.Директ",
"value": 5
},
{
"title": "Телефон",
"value": 3
}
],
"legend": {
"markerType": "circle",
"position": "right",
"marginRight": 75,
"autoMargins": false,
"labelWidth": 190
},
"labelText": "",
"valueField": "value",
"titleField": "title",
"fontFamily": "Lato",
"fontSize": 15,
"outlineAlpha": 0.4,
"colors": [
"#1B5E20",
"#388E3C",
"#4CAF50",
"#81C784",
"#C8E6C9",
"#E8F5E9",
"#00C853",
"#DDDDDD",
"#999999",
"#333333"
],
"pullOutEffect": "easeInSine",
"balloonText": "[[title]]<br><span><b>[[value]]</b> ([[percents]]%)</span>"
} );
var chart = AmCharts.makeChart( "widgetClientsQuantityByManagers", {
"type": "serial",
"categoryField": "category",
"autoMargins": false,
"marginBottom": 40,
"marginLeft": 40,
"color": "#757575",
"fontFamily": "Lato",
"fontSize": 15,
"categoryAxis": {
"gridPosition": "start"
},
"colors": [
"#1B5E20",
"#388E3C",
"#4CAF50",
"#81C784",
"#C8E6C9",
"#E8F5E9",
"#00C853",
"#DDDDDD",
"#999999",
"#333333"
],
"graphs": [
{
"balloonText": "[[title]] у [[category]]:[[value]]",
"fillAlphas": 1,
"id": "AmGraph-1",
"title": "Аренда",
"type": "column",
"valueField": "rent"
},
{
"balloonText": "[[title]] у [[category]]:[[value]]",
"fillAlphas": 1,
"id": "AmGraph-2",
"title": "Продажа",
"type": "column",
"valueField": "buy"
},
{
"balloonText": "[[title]] у [[category]]:[[value]]",
"fillAlphas": 1,
"id": "AmGraph-3",
"title": "Новостройки",
"type": "column",
"valueField": "new"
}
],
"guides": [],
"valueAxes": [
{
"id": "ValueAxis-1",
"gridColor": "#dedede"
}
],
"allLabels": [],
"balloon": {},
"legend": {
"enabled": true,
"equalWidths": false,
"marginRight": 25,
"marginTop": 4,
"spacing": 15,
"useGraphSettings": true,
"valueAlign": "left",
"valueWidth": 0,
"color": "#757575"
},
"titles": [],
"dataProvider": [
{
"category": "Иван",
"rent": 8,
"buy": 5,
"new": "66"
},
{
"category": "Сергей",
"rent": 6,
"buy": 7,
"new": 58
},
{
"category": "Александр",
"rent": 2,
"buy": 3,
"new": 96
}
]
} );
var chart = AmCharts.makeChart("widgetClientsQuantity",
{
"type": "serial",
"categoryField": "date",
"dataDateFormat": "YYYY-MM",
"theme": "default",
"autoMargin": false,
"marginLeft": 40,
"marginBottom": 40,
"language": "ru",
"fontFamily": "Lato",
"fontSize": 15,
"color": "#757575",
"categoryAxis": {
"minPeriod": "MM",
"parseDates": true
},
"chartCursor": {
"enabled": true,
"categoryBalloonDateFormat": "MMM YYYY",
"cursorColor": "#ef6c00"
},
"chartScrollbar": {
"enabled": true
},
"colors": [
"#1B5E20",
"#388E3C",
"#4CAF50",
"#81C784",
"#C8E6C9",
"#E8F5E9",
"#00C853",
"#DDDDDD",
"#999999",
"#333333"
],
"trendLines": [],
"graphs": [
{
"bullet": "round",
"balloonText": "[[title]]:[[value]]",
"id": "clientsQuantity",
"title": "Все",
"valueField": "quantity"
},
{
"bullet": "round",
"balloonText": "[[title]]:[[value]]",
"id": "clientsRentQuantity",
"title": "Аренда",
"valueField": "rentQuantity"
},
{
"bullet": "round",
"balloonText": "[[title]]:[[value]]",
"id": "clientsBuyQuantity",
"title": "Вторичка",
"valueField": "buyQuantity"
},
{
"bullet": "round",
"balloonText": "[[title]]:[[value]]",
"id": "clientsNBQuantity",
"title": "Новостройки",
"valueField": "NBQuantity"
}
],
"guides": [],
"allLabels": [],
"balloon": {},
"legend": {
"enabled": true,
"equalWidths": false,
"marginRight": 25,
"marginTop": 4,
"spacing": 15,
"useGraphSettings": true,
"valueAlign": "left",
"valueWidth": 0,
"color": "#757575"
},
"dataProvider": [
{
"date": "2017-08",
"quantity": 39,
"rentQuantity": 25,
"buyQuantity": 10,
"NBQuantity": 4
},
{
"date": "2017-09",
"quantity": 19,
"rentQuantity": 5,
"buyQuantity": 10,
"NBQuantity": 4
},
{
"date": "2017-10",
"quantity": 27,
"rentQuantity": 15,
"buyQuantity": 4,
"NBQuantity": 8
},
{
"date": "2017-11",
"quantity": 32,
"rentQuantity": 19,
"buyQuantity": 10,
"NBQuantity": 3
},
{
"date": "2017-12",
"quantity": 45,
"rentQuantity": 5,
"buyQuantity": 10,
"NBQuantity": 31
},
{
"date": "2018-01",
"quantity": 38,
"rentQuantity": 13,
"buyQuantity": 7,
"NBQuantity": 18
},
{
"date": "2018-02",
"quantity": 57,
"rentQuantity": 15,
"buyQuantity": 20,
"NBQuantity": 22
},
{
"date": "2018-03",
"quantity": 54,
"rentQuantity": 10,
"buyQuantity": 25,
"NBQuantity": 19
},
{
"date": "2018-04",
"quantity": 73,
"rentQuantity": 25,
"buyQuantity": 30,
"NBQuantity": 18
},
{
"date": "2018-05",
"quantity": 76,
"rentQuantity": 27,
"buyQuantity": 25,
"NBQuantity": 24
}
]
} );
var chart = AmCharts.makeChart("widgetConversion",
{
"type": "serial",
"categoryField": "date",
"dataDateFormat": "YYYY-MM",
"theme": "default",
"autoMargin": false,
"marginLeft": 40,
"marginBottom": 40,
"language": "ru",
"fontFamily": "Lato",
"fontSize": 15,
"color": "#757575",
"categoryAxis": {
"minPeriod": "MM",
"parseDates": true
},
"chartCursor": {
"enabled": true,
"categoryBalloonDateFormat": "MMM YYYY",
"cursorColor": "#ef6c00"
},
"chartScrollbar": {
"enabled": true
},
"colors": [
"#1B5E20",
"#388E3C",
"#4CAF50",
"#81C784",
"#C8E6C9",
"#E8F5E9",
"#00C853",
"#DDDDDD",
"#999999",
"#333333"
],
"trendLines": [],
"graphs": [
{
"bullet": "round",
"balloonText": "[[title]]:&nbsp;[[value]]%",
"id": "conversion",
"title": "Конверсия",
"valueField": "conversion"
}
],
"guides": [],
"allLabels": [],
"balloon": {},
"legend": {
"enabled": false
},
"dataProvider": [
{
"date": "2017-10",
"conversion": 5
},
{
"date": "2017-11",
"conversion": 6
},
{
"date": "2017-12",
"conversion": 12
},
{
"date": "2018-01",
"conversion": 8
},
{
"date": "2018-02",
"conversion": 7
},
{
"date": "2018-03",
"conversion": 12
},
{
"date": "2018-04",
"conversion": 14
},
{
"date": "2018-05",
"conversion": 9
}
]
} );
var chart = AmCharts.makeChart("widgetClientsQuantityAdd",
{
"type": "serial",
"categoryField": "date",
"dataDateFormat": "YYYY-MM",
"theme": "default",
"autoMargin": false,
"marginLeft": 40,
"marginBottom": 40,
"language": "ru",
"fontFamily": "Lato",
"fontSize": 15,
"color": "#757575",
"categoryAxis": {
"minPeriod": "MM",
"parseDates": true
},
"chartCursor": {
"enabled": true,
"categoryBalloonDateFormat": "MMM YYYY",
"cursorColor": "#ef6c00"
},
"chartScrollbar": {
"enabled": true
},
"colors": [
"#1B5E20",
"#388E3C",
"#4CAF50",
"#81C784",
"#C8E6C9",
"#E8F5E9",
"#00C853",
"#DDDDDD",
"#999999",
"#333333"
],
"trendLines": [],
"graphs": [
{
"bullet": "round",
"balloonText": "[[title]]:[[value]]",
"id": "clientsQuantity",
"title": "Все",
"valueField": "quantity"
},
{
"bullet": "round",
"balloonText": "[[title]]:[[value]]",
"id": "clientsRentQuantity",
"title": "Аренда",
"valueField": "rentQuantity"
},
{
"bullet": "round",
"balloonText": "[[title]]:[[value]]",
"id": "clientsBuyQuantity",
"title": "Вторичка",
"valueField": "buyQuantity"
},
{
"bullet": "round",
"balloonText": "[[title]]:[[value]]",
"id": "clientsNBQuantity",
"title": "Новостройки",
"valueField": "NBQuantity"
}
],
"guides": [],
"allLabels": [],
"balloon": {},
"legend": {
"enabled": true,
"equalWidths": false,
"marginRight": 25,
"marginTop": 4,
"spacing": 15,
"useGraphSettings": true,
"valueAlign": "left",
"valueWidth": 0,
"color": "#757575"
},
"dataProvider": [
{
"date": "2017-08",
"quantity": 19,
"rentQuantity": 5,
"buyQuantity": 10,
"NBQuantity": 4
},
{
"date": "2017-09",
"quantity": 19,
"rentQuantity": 5,
"buyQuantity": 10,
"NBQuantity": 4
},
{
"date": "2017-10",
"quantity": 27,
"rentQuantity": 15,
"buyQuantity": 4,
"NBQuantity": 8
},
{
"date": "2017-11",
"quantity": 32,
"rentQuantity": 19,
"buyQuantity": 10,
"NBQuantity": 3
},
{
"date": "2017-12",
"quantity": 45,
"rentQuantity": 5,
"buyQuantity": 10,
"NBQuantity": 31
},
{
"date": "2018-01",
"quantity": 38,
"rentQuantity": 13,
"buyQuantity": 7,
"NBQuantity": 18
},
{
"date": "2018-02",
"quantity": 57,
"rentQuantity": 15,
"buyQuantity": 20,
"NBQuantity": 22
},
{
"date": "2018-03",
"quantity": 54,
"rentQuantity": 10,
"buyQuantity": 25,
"NBQuantity": 19
},
{
"date": "2018-04",
"quantity": 73,
"rentQuantity": 25,
"buyQuantity": 30,
"NBQuantity": 18
},
{
"date": "2018-05",
"quantity": 76,
"rentQuantity": 27,
"buyQuantity": 25,
"NBQuantity": 24
}
]
} );
var chart = AmCharts.makeChart( "widgetDealsQuantityByManagers", {
"type": "serial",
"categoryField": "category",
"autoMargins": false,
"marginBottom": 40,
"marginLeft": 40,
"color": "#757575",
"fontFamily": "Lato",
"fontSize": 15,
"categoryAxis": {
"gridPosition": "start"
},
"colors": [
"#1B5E20",
"#388E3C",
"#4CAF50",
"#81C784",
"#C8E6C9",
"#E8F5E9",
"#00C853",
"#DDDDDD",
"#999999",
"#333333"
],
"graphs": [
{
"balloonText": "[[title]] у [[category]]:[[value]]",
"fillAlphas": 1,
"id": "AmGraph-1",
"title": "Аренда",
"type": "column",
"valueField": "rent"
},
{
"balloonText": "[[title]] у [[category]]:[[value]]",
"fillAlphas": 1,
"id": "AmGraph-2",
"title": "Продажа",
"type": "column",
"valueField": "buy"
},
{
"balloonText": "[[title]] у [[category]]:[[value]]",
"fillAlphas": 1,
"id": "AmGraph-3",
"title": "Новостройки",
"type": "column",
"valueField": "new"
}
],
"guides": [],
"valueAxes": [
{
"id": "ValueAxis-1",
"gridColor": "#dedede"
}
],
"allLabels": [],
"balloon": {},
"legend": {
"enabled": true,
"equalWidths": false,
"marginRight": 25,
"marginTop": 4,
"spacing": 15,
"useGraphSettings": true,
"valueAlign": "left",
"valueWidth": 0,
"color": "#757575"
},
"titles": [],
"dataProvider": [
{
"category": "Иван",
"rent": 15,
"buy": 3,
"new": 5
},
{
"category": "Сергей",
"rent": 19,
"buy": 0,
"new": 10
},
{
"category": "Александр",
"rent": 23,
"buy": 0,
"new": 0
}
]
} );
var chart = AmCharts.makeChart( "widgetActivity", {
"type": "serial",
"categoryField": "category",
"autoMargins": false,
"marginBottom": 40,
"marginLeft": 40,
"color": "#757575",
"fontFamily": "Lato",
"fontSize": 15,
"categoryAxis": {
"gridPosition": "start"
},
"colors": [
"#1B5E20",
"#388E3C",
"#4CAF50",
"#81C784",
"#C8E6C9",
"#E8F5E9",
"#00C853",
"#DDDDDD",
"#999999",
"#333333"
],
"graphs": [
{
"balloonText": "[[title]] у [[category]]:[[value]]",
"fillAlphas": 1,
"id": "calls",
"title": "Звонки",
"type": "column",
"valueField": "calls"
},
{
"balloonText": "[[title]] у [[category]]:[[value]]",
"fillAlphas": 1,
"id": "showings",
"title": "Показы",
"type": "column",
"valueField": "showings"
},
{
"balloonText": "[[title]] у [[category]]:[[value]]",
"fillAlphas": 1,
"id": "meetings",
"title": "Встречи",
"type": "column",
"valueField": "meetings"
},
{
"balloonText": "[[title]] у [[category]]:[[value]]",
"fillAlphas": 1,
"id": "deals",
"title": "Сделки",
"type": "column",
"valueField": "deals"
},
{
"balloonText": "[[title]] у [[category]]:[[value]]",
"fillAlphas": 1,
"id": "reservations",
"title": "Брони",
"type": "column",
"valueField": "reservations"
}
],
"guides": [],
"valueAxes": [
{
"id": "ValueAxis-1",
"gridColor": "#dedede"
}
],
"allLabels": [],
"balloon": {},
"legend": {
"enabled": true,
"equalWidths": false,
"marginRight": 25,
"marginTop": 4,
"spacing": 15,
"useGraphSettings": true,
"valueAlign": "left",
"valueWidth": 0,
"color": "#757575"
},
"titles": [],
"dataProvider": [
{
"category": "Иван",
"calls": 15,
"showings": 3,
"meetings": 5,
"deals": 6,
"reservations": 10
},
{
"category": "Иван",
"calls": 15,
"showings": 3,
"meetings": 5,
"deals": 6,
"reservations": 10
},
{
"category": "Иван",
"calls": 15,
"showings": 3,
"meetings": 5,
"deals": 6,
"reservations": 10
},
{
"category": "Иван",
"calls": 15,
"showings": 3,
"meetings": 5,
"deals": 6,
"reservations": 10
},
{
"category": "Иван",
"calls": 15,
"showings": 3,
"meetings": 5,
"deals": 6,
"reservations": 10
},
{
"category": "Иван",
"calls": 15,
"showings": 3,
"meetings": 5,
"deals": 6,
"reservations": 10
},
{
"category": "Иван",
"calls": 15,
"showings": 3,
"meetings": 5,
"deals": 6,
"reservations": 10
},
{
"category": "Иван",
"calls": 15,
"showings": 3,
"meetings": 5,
"deals": 6,
"reservations": 10
},
{
"category": "Иван",
"calls": 15,
"showings": 3,
"meetings": 5,
"deals": 6,
"reservations": 10
},
{
"category": "Иван",
"calls": 15,
"showings": 3,
"meetings": 5,
"deals": 6,
"reservations": 10
},
{
"category": "Иван",
"calls": 15,
"showings": 3,
"meetings": 5,
"deals": 6,
"reservations": 10
},
{
"category": "Иван",
"calls": 15,
"showings": 3,
"meetings": 5,
"deals": 6,
"reservations": 10
},
{
"category": "Иван",
"calls": 15,
"showings": 3,
"meetings": 5,
"deals": 6,
"reservations": 10
}
]
});
</script>
<script type="text/javascript" src="/js/jquery.multiselect.js"></script>
<?php if($get['add'] or $error_add) echo '<script>$(document).ready(function() {$("#add_client").trigger("click");})</script>'; ?>
</div>
<div class="content-bottom">
<div class="copyrights" style="border-top: 0;">
<div class="text-logo">
<span>Joy<span class="green">Work</span>, 2018</span>
</div>
<p title="Текущая версия">v. 3.1.1</p>
</div>
</div>
<div class="full_modal-bg" id="addTaskBg" style="display: none;">
<span class="pseudo-link closer"><i class="ti-close"></i></span>
<div class="full_modal jw__big-add" id="addTask" style="display: none;">
<div class="modal-inner">
<h2>Новая задача</h2>
<div class="jw-tabs">
<ul class="tabs__caption">
<li class="active">
<span>Звонок</span>
</li>
<li>
<span>Показ</span>
</li>
<li>
<span>Встреча</span>
</li>
<li>
<span>Бронь</span>
</li>
<li>
<span>Сделка</span>
</li>
</ul>
<div>
<div class="tabs__content" style="display: block;">
<form>
<!-- Если менеджер или руководитель, можно выбрать ответственного -->
<div class="form-block">
<div class="label">Ответственный</div>
<div class="inputs">
<select class="ms-crm-client-work" multiple="multiple">
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Выберите<br> дату и время
</div>
<div class="date-timepicker">
<div class="datepicker-here" id="showDatetime" data-timepicker="true"></div>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">Клиент</div>
<div class="inputs">
<select class="ms-big-add-client" multiple="multiple">
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Комментарий
</div>
<div class="inputs">
<textarea id="callComment"></textarea>
</div>
<div class="clear"></div>
</div>
</form>
</div>
<div class="tabs__content" style="display: none;">
<form>
<!-- Если менеджер или руководитель, можно выбрать ответственного -->
<div class="form-block">
<div class="label">Ответственный</div>
<div class="inputs">
<select class="ms-crm-client-work" multiple="multiple">
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Выберите<br> дату и время
</div>
<div class="date-timepicker">
<div class="datepicker-here" id="meetDatetime" data-timepicker="true"></div>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">Клиент</div>
<div class="inputs">
<select class="ms-big-add-client" multiple="multiple">
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Адрес
</div>
<div class="inputs">
<input id="meetAddress" type="text">
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Комментарий
</div>
<div class="inputs">
<textarea id="meetComment"></textarea>
</div>
<div class="clear"></div>
</div>
</form>
</div>
<div class="tabs__content" style="display: none;">
<form>
<!-- Если менеджер или руководитель, можно выбрать ответственного -->
<div class="form-block">
<div class="label">Ответственный</div>
<div class="inputs">
<select class="ms-crm-client-work" multiple="multiple">
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Выберите<br> дату и время
</div>
<div class="date-timepicker">
<div class="datepicker-here" id="meetDatetime" data-timepicker="true"></div>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">Клиент</div>
<div class="inputs">
<select class="ms-big-add-client" multiple="multiple">
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Адрес
</div>
<div class="inputs">
<input id="meetAddress" type="text">
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Комментарий
</div>
<div class="inputs">
<textarea id="meetComment"></textarea>
</div>
<div class="clear"></div>
</div>
</form>
</div>
<div class="tabs__content" style="display: none;">
<form>
<!-- Если менеджер или руководитель, можно выбрать ответственного -->
<div class="form-block">
<div class="label">Ответственный</div>
<div class="inputs">
<select class="ms-crm-client-work" multiple="multiple">
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Выберите<br> дату и время
</div>
<div class="date-timepicker">
<div class="datepicker-here" id="meetDatetime" data-timepicker="true"></div>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">Клиент</div>
<div class="inputs">
<select class="ms-big-add-client" multiple="multiple">
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Адрес
</div>
<div class="inputs">
<input id="meetAddress" type="text">
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Комментарий
</div>
<div class="inputs">
<textarea id="meetComment"></textarea>
</div>
<div class="clear"></div>
</div>
</form>
</div>
<div class="tabs__content" style="display: none;">
<form>
<!-- Если менеджер или руководитель, можно выбрать ответственного -->
<div class="form-block">
<div class="label">Ответственный</div>
<div class="inputs">
<select class="ms-crm-client-work" multiple="multiple">
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Выберите<br> дату и время
</div>
<div class="date-timepicker">
<div class="datepicker-here" id="dealDatetime" data-timepicker="true"></div>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">Клиент</div>
<div class="inputs">
<select class="ms-big-add-client" multiple="multiple">
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Сумма
</div>
<div class="inputs">
<input id="dealSum" type="text">
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Комментарий
</div>
<div class="inputs">
<textarea id="dealComment"></textarea>
</div>
<div class="clear"></div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal-submit">
<button type="button" id="">Добавить</button>
</div>
</div>
</div>
<div class="full_modal-bg" id="addEventBg" style="display: none;">
<span class="pseudo-link closer"><i class="ti-close"></i></span>
<div class="full_modal jw__big-add" id="addEvent" style="display: none;">
<div class="modal-inner">
<h2>Новое событие</h2>
<div class="jw-tabs">
<ul class="tabs__caption">
<li class="active">
<span>Звонок</span>
</li>
<li>
<span>Показ</span>
</li>
<li>
<span>Встреча</span>
</li>
<li>
<span>Бронь</span>
</li>
<li>
<span>Сделка</span>
</li>
</ul>
<div>
<div class="tabs__content" style="display: block;">
<form>
<div class="form-block">
<div class="label">
Выберите<br> дату и время
</div>
<div class="date-timepicker">
<div class="datepicker-here" id="showDatetime" data-timepicker="true"></div>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">Клиент</div>
<div class="inputs">
<select class="ms-big-add-client" multiple="multiple">
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Комментарий
</div>
<div class="inputs">
<textarea id="callComment"></textarea>
</div>
<div class="clear"></div>
</div>
</form>
</div>
<div class="tabs__content" style="display: none;">
<form>
<div class="form-block">
<div class="label">
Выберите<br> дату и время
</div>
<div class="date-timepicker">
<div class="datepicker-here" id="meetDatetime" data-timepicker="true"></div>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">Клиент</div>
<div class="inputs">
<select class="ms-big-add-client" multiple="multiple">
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Адрес
</div>
<div class="inputs">
<input id="meetAddress" type="text">
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Комментарий
</div>
<div class="inputs">
<textarea id="meetComment"></textarea>
</div>
<div class="clear"></div>
</div>
</form>
</div>
<div class="tabs__content" style="display: none;">
<form>
<div class="form-block">
<div class="label">
Выберите<br> дату и время
</div>
<div class="date-timepicker">
<div class="datepicker-here" id="meetDatetime" data-timepicker="true"></div>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">Клиент</div>
<div class="inputs">
<select class="ms-big-add-client" multiple="multiple">
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Адрес
</div>
<div class="inputs">
<input id="meetAddress" type="text">
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Комментарий
</div>
<div class="inputs">
<textarea id="meetComment"></textarea>
</div>
<div class="clear"></div>
</div>
</form>
</div>
<div class="tabs__content" style="display: none;">
<form>
<div class="form-block">
<div class="label">
Выберите<br> дату и время
</div>
<div class="date-timepicker">
<div class="datepicker-here" id="meetDatetime" data-timepicker="true"></div>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">Клиент</div>
<div class="inputs">
<select class="ms-big-add-client" multiple="multiple">
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Адрес
</div>
<div class="inputs">
<input id="meetAddress" type="text">
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Комментарий
</div>
<div class="inputs">
<textarea id="meetComment"></textarea>
</div>
<div class="clear"></div>
</div>
</form>
</div>
<div class="tabs__content" style="display: none;">
<form>
<div class="form-block">
<div class="label">
Выберите<br> дату и время
</div>
<div class="date-timepicker">
<div class="datepicker-here" id="dealDatetime" data-timepicker="true"></div>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">Клиент</div>
<div class="inputs">
<select class="ms-big-add-client" multiple="multiple">
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
<option value="3563">Иван Иванов</option>
</select>
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Сумма
</div>
<div class="inputs">
<input id="dealSum" type="text">
</div>
<div class="clear"></div>
</div>
<div class="form-block">
<div class="label">
Комментарий
</div>
<div class="inputs">
<textarea id="dealComment"></textarea>
</div>
<div class="clear"></div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal-submit">
<button type="button" id="">Добавить</button>
</div>
</div>
</div>
<script type="text/javascript" src="/js/crm.js"></script>
</body>
</html>