Joywork/new-charts.php
2026-05-22 21:21:54 +03:00

2348 lines
90 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?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>