🚀 RELEASE: HESK v3.1.1
Signed-off-by: Luke Tainton <Luke.Tainton@mail.bcu.ac.uk>
This commit is contained in:
Luke Tainton
committed by
Luke Tainton
Luke Tainton
parent
d7fc040b1e
commit
e0d6aa511b
@@ -16,20 +16,20 @@ require_once(TEMPLATE_PATH . 'customer/util/alerts.php');
|
||||
<title><?php echo $hesk_settings['hesk_title']; ?></title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
||||
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="author" content="" />
|
||||
<meta name="theme-color" content="#fff" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo HESK_PATH; ?>img/favicon/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo HESK_PATH; ?>img/favicon/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo HESK_PATH; ?>img/favicon/favicon-16x16.png" />
|
||||
<link rel="manifest" href="<?php echo HESK_PATH; ?>img/favicon/site.webmanifest" />
|
||||
<link rel="mask-icon" href="<?php echo HESK_PATH; ?>img/favicon/safari-pinned-tab.svg" color="#5bbad5" />
|
||||
<link rel="shortcut icon" href="<?php echo HESK_PATH; ?>img/favicon/favicon.ico" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef" />
|
||||
<meta name="msapplication-config" content="<?php echo HESK_PATH; ?>img/favicon/browserconfig.xml" />
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.css" />
|
||||
|
||||
<style>
|
||||
.form-footer .btn {
|
||||
margin-top: 20px;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!--[if IE]>
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/ie9.css" />
|
||||
<![endif]-->
|
||||
<?php include(TEMPLATE_PATH . '../../head.txt'); ?>
|
||||
</head>
|
||||
|
||||
@@ -87,26 +87,26 @@ require_once(TEMPLATE_PATH . 'customer/util/alerts.php');
|
||||
hesk3_show_messages($messages);
|
||||
?>
|
||||
</div>
|
||||
<h3 class="article__heading article__heading--form">
|
||||
<span class="ml-1"><?php echo $hesklang['select_category_text']; ?></span>
|
||||
</h3>
|
||||
<h2 class="select__title"><?php echo $hesklang['select_category_text']; ?></h2>
|
||||
<?php
|
||||
// Show dropdown or list, depending on number of categories
|
||||
if (count($hesk_settings['categories']) > $hesk_settings['cat_show_select']):
|
||||
if (($category_count = count($hesk_settings['categories'])) > $hesk_settings['cat_show_select']):
|
||||
?>
|
||||
<form action="index.php" method="get">
|
||||
<select class="form-control" name="category" id="select_category">
|
||||
<?php
|
||||
if ($hesk_settings['select_cat'])
|
||||
{
|
||||
echo '<option value="">'.$hesklang['select'].'</option>';
|
||||
}
|
||||
foreach ($hesk_settings['categories'] as $k=>$v)
|
||||
{
|
||||
echo '<option value="'.$k.'">'.$v.'</option>';
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<div style="display: table; margin: 40px auto;">
|
||||
<select class="form-control cat-select" name="category" id="select_category">
|
||||
<?php
|
||||
if ($hesk_settings['select_cat'])
|
||||
{
|
||||
echo '<option value="">'.$hesklang['select'].'</option>';
|
||||
}
|
||||
foreach ($hesk_settings['categories'] as $k=>$v)
|
||||
{
|
||||
echo '<option value="'.$k.'">'.$v.'</option>';
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<button class="btn btn-full" type="submit"><?php echo $hesklang['c2c']; ?></button>
|
||||
<input type="hidden" name="a" value="add">
|
||||
@@ -115,14 +115,14 @@ require_once(TEMPLATE_PATH . 'customer/util/alerts.php');
|
||||
<?php else: ?>
|
||||
<div class="nav">
|
||||
<?php foreach ($hesk_settings['categories'] as $k => $v): ?>
|
||||
<a href="index.php?a=add&category=<?php echo $k; ?>" class="navlink">
|
||||
<a href="index.php?a=add&category=<?php echo $k; ?>" class="navlink <?php if ($category_count > 8) echo "navlink-condensed"; ?>">
|
||||
<div class="icon-in-circle">
|
||||
<svg class="icon icon-chevron-right">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-chevron-right"></use>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="navlink__title"><?php echo $v; ?></h5>
|
||||
<h5 class="navlink__title"><!--[if IE]> » <![endif]--><?php echo $v; ?></h5>
|
||||
</div>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
@@ -157,11 +157,7 @@ END LICENSE CODE
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery-3.4.1.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/hesk_functions.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/svg4everybody.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.scrollbar.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/selectize.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.en.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.autocomplete.js"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('#select_category').selectize();
|
||||
|
||||
@@ -20,10 +20,15 @@ require_once(TEMPLATE_PATH . 'customer/util/alerts.php');
|
||||
<title><?php echo $hesk_settings['hesk_title']; ?></title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
||||
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="author" content="" />
|
||||
<meta name="theme-color" content="#fff" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo HESK_PATH; ?>img/favicon/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo HESK_PATH; ?>img/favicon/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo HESK_PATH; ?>img/favicon/favicon-16x16.png" />
|
||||
<link rel="manifest" href="<?php echo HESK_PATH; ?>img/favicon/site.webmanifest" />
|
||||
<link rel="mask-icon" href="<?php echo HESK_PATH; ?>img/favicon/safari-pinned-tab.svg" color="#5bbad5" />
|
||||
<link rel="shortcut icon" href="<?php echo HESK_PATH; ?>img/favicon/favicon.ico" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef" />
|
||||
<meta name="msapplication-config" content="<?php echo HESK_PATH; ?>img/favicon/browserconfig.xml" />
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.css" />
|
||||
<?php include(TEMPLATE_PATH . '../../head.txt'); ?>
|
||||
@@ -127,11 +132,7 @@ END LICENSE CODE
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery-3.4.1.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/hesk_functions.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/svg4everybody.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.scrollbar.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/selectize.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.en.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.autocomplete.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -25,17 +25,23 @@ require_once(TEMPLATE_PATH . 'customer/util/custom-fields.php');
|
||||
<title><?php echo $hesk_settings['tmp_title']; ?></title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
||||
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="author" content="" />
|
||||
<meta name="theme-color" content="#fff" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo HESK_PATH; ?>img/favicon/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo HESK_PATH; ?>img/favicon/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo HESK_PATH; ?>img/favicon/favicon-16x16.png" />
|
||||
<link rel="manifest" href="<?php echo HESK_PATH; ?>img/favicon/site.webmanifest" />
|
||||
<link rel="mask-icon" href="<?php echo HESK_PATH; ?>img/favicon/safari-pinned-tab.svg" color="#5bbad5" />
|
||||
<link rel="shortcut icon" href="<?php echo HESK_PATH; ?>img/favicon/favicon.ico" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef" />
|
||||
<meta name="msapplication-config" content="<?php echo HESK_PATH; ?>img/favicon/browserconfig.xml" />
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.css" />
|
||||
|
||||
<!--[if IE]>
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/ie9.css" />
|
||||
<![endif]-->
|
||||
<style>
|
||||
.form-footer .btn {
|
||||
margin-top: 20px;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
<?php include(TEMPLATE_PATH . '../../head.txt'); ?>
|
||||
@@ -115,12 +121,12 @@ require_once(TEMPLATE_PATH . 'customer/util/custom-fields.php');
|
||||
<form class="form form-submit-ticket ticket-create <?php echo count($_SESSION['iserror']) ? 'invalid' : ''; ?>" method="post" action="submit_ticket.php?submit=1" name="form1" id="form1" enctype="multipart/form-data">
|
||||
<section class="form-groups">
|
||||
<div class="form-group error">
|
||||
<label class="label required"><?php echo $hesklang['name']; ?></label>
|
||||
<label class="label required"><?php echo $hesklang['name']; ?>:</label>
|
||||
<input type="text" name="name" class="form-control <?php if (in_array('name',$_SESSION['iserror'])) {echo 'isEerror';} ?>" maxlength="50" value="<?php if (isset($_SESSION['c_name'])) {echo stripslashes(hesk_input($_SESSION['c_name']));} ?>" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="label <?php if ($hesk_settings['require_email']) { ?>required<?php } ?>"><?php echo $hesklang['email']; ?></label>
|
||||
<input type="email"
|
||||
<label class="label <?php if ($hesk_settings['require_email']) { ?>required<?php } ?>"><?php echo $hesklang['email']; ?>:</label>
|
||||
<input type="<?php echo $hesk_settings['multi_eml'] ? 'text' : 'email'; ?>"
|
||||
class="form-control <?php if (in_array('email',$_SESSION['iserror'])) {echo 'isError';} elseif (in_array('email',$_SESSION['isnotice'])) {echo 'isNotice';} ?>"
|
||||
name="email" id="email" maxlength="1000"
|
||||
value="<?php if (isset($_SESSION['c_email'])) {echo stripslashes(hesk_input($_SESSION['c_email']));} ?>" <?php if($hesk_settings['detect_typos']) { echo ' onblur="HESK_FUNCTIONS.suggestEmail(\'email\', \'email_suggestions\', 0)"'; } ?>
|
||||
@@ -129,10 +135,10 @@ require_once(TEMPLATE_PATH . 'customer/util/custom-fields.php');
|
||||
</div>
|
||||
<?php if ($hesk_settings['confirm_email']): ?>
|
||||
<div class="form-group">
|
||||
<label class="label <?php if ($hesk_settings['require_email']) { ?>required<?php } ?>"><?php echo $hesklang['confemail']; ?></label>
|
||||
<input type="email"
|
||||
<label class="label <?php if ($hesk_settings['require_email']) { ?>required<?php } ?>"><?php echo $hesklang['confemail']; ?>:</label>
|
||||
<input type="<?php echo $hesk_settings['multi_eml'] ? 'text' : 'email'; ?>"
|
||||
class="form-control <?php if (in_array('email2',$_SESSION['iserror'])) {echo 'isError';} elseif (in_array('email2',$_SESSION['isnotice'])) {echo 'isNotice';} ?>"
|
||||
name="email" id="email" maxlength="1000"
|
||||
name="email2" id="email2" maxlength="1000"
|
||||
value="<?php if (isset($_SESSION['c_email2'])) {echo stripslashes(hesk_input($_SESSION['c_email2']));} ?>"
|
||||
<?php if ($hesk_settings['require_email']) { ?>required<?php } ?>>
|
||||
</div>
|
||||
@@ -140,7 +146,7 @@ require_once(TEMPLATE_PATH . 'customer/util/custom-fields.php');
|
||||
</section>
|
||||
<?php if ($hesk_settings['cust_urgency']): ?>
|
||||
<section class="param">
|
||||
<span class="label required"><?php echo $hesklang['priority']; ?></span>
|
||||
<span class="label required"><?php echo $hesklang['priority']; ?>:</span>
|
||||
<div class="dropdown-select center out-close priority">
|
||||
<select name="priority">
|
||||
<?php if ($hesk_settings['select_pri']): ?>
|
||||
@@ -172,7 +178,7 @@ require_once(TEMPLATE_PATH . 'customer/util/custom-fields.php');
|
||||
<?php if ($hesk_settings['require_subject'] != -1): ?>
|
||||
<div class="form-group">
|
||||
<label class="label <?php if ($hesk_settings['require_subject']) { ?>required<?php } ?>">
|
||||
<?php echo $hesklang['subject']; ?>
|
||||
<?php echo $hesklang['subject']; ?>:
|
||||
</label>
|
||||
<input type="text" class="form-control <?php if (in_array('subject',$_SESSION['iserror'])) {echo 'isError';} ?>"
|
||||
name="subject" maxlength="70"
|
||||
@@ -184,7 +190,7 @@ require_once(TEMPLATE_PATH . 'customer/util/custom-fields.php');
|
||||
if ($hesk_settings['require_message'] != -1): ?>
|
||||
<div class="form-group">
|
||||
<label class="label <?php if ($hesk_settings['require_message']) { ?>required<?php } ?>">
|
||||
<?php echo $hesklang['message']; ?>
|
||||
<?php echo $hesklang['message']; ?>:
|
||||
</label>
|
||||
<textarea class="form-control <?php if (in_array('message',$_SESSION['iserror'])) {echo 'isError';} ?>"
|
||||
name="message" rows="12" cols="60"
|
||||
@@ -221,7 +227,7 @@ require_once(TEMPLATE_PATH . 'customer/util/custom-fields.php');
|
||||
?>
|
||||
<div class="divider"></div>
|
||||
<section class="param param--attach">
|
||||
<span class="label"><?php echo $hesklang['attachments']; ?></span>
|
||||
<span class="label"><?php echo $hesklang['attachments']; ?>:</span>
|
||||
<div class="attach">
|
||||
<div>
|
||||
<?php
|
||||
@@ -383,11 +389,22 @@ END LICENSE CODE
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery-3.4.1.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/hesk_functions.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/svg4everybody.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.scrollbar.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/selectize.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.en.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.autocomplete.js"></script>
|
||||
<script type="text/javascript">
|
||||
(function ($) { $.fn.datepicker.language['en'] = {
|
||||
days: ['<?php echo $hesklang['d0']; ?>', '<?php echo $hesklang['d1']; ?>', '<?php echo $hesklang['d2']; ?>', '<?php echo $hesklang['d3']; ?>', '<?php echo $hesklang['d4']; ?>', '<?php echo $hesklang['d5']; ?>', '<?php echo $hesklang['d6']; ?>'],
|
||||
daysShort: ['<?php echo $hesklang['sun']; ?>', '<?php echo $hesklang['mon']; ?>', '<?php echo $hesklang['tue']; ?>', '<?php echo $hesklang['wed']; ?>', '<?php echo $hesklang['thu']; ?>', '<?php echo $hesklang['fri']; ?>', '<?php echo $hesklang['sat']; ?>'],
|
||||
daysMin: ['<?php echo $hesklang['su']; ?>', '<?php echo $hesklang['mo']; ?>', '<?php echo $hesklang['tu']; ?>', '<?php echo $hesklang['we']; ?>', '<?php echo $hesklang['th']; ?>', '<?php echo $hesklang['fr']; ?>', '<?php echo $hesklang['sa']; ?>'],
|
||||
months: ['<?php echo $hesklang['m1']; ?>','<?php echo $hesklang['m2']; ?>','<?php echo $hesklang['m3']; ?>','<?php echo $hesklang['m4']; ?>','<?php echo $hesklang['m5']; ?>','<?php echo $hesklang['m6']; ?>', '<?php echo $hesklang['m7']; ?>','<?php echo $hesklang['m8']; ?>','<?php echo $hesklang['m9']; ?>','<?php echo $hesklang['m10']; ?>','<?php echo $hesklang['m11']; ?>','<?php echo $hesklang['m12']; ?>'],
|
||||
monthsShort: ['<?php echo $hesklang['ms01']; ?>','<?php echo $hesklang['ms02']; ?>','<?php echo $hesklang['ms03']; ?>','<?php echo $hesklang['ms04']; ?>','<?php echo $hesklang['ms05']; ?>','<?php echo $hesklang['ms06']; ?>', '<?php echo $hesklang['ms07']; ?>','<?php echo $hesklang['ms08']; ?>','<?php echo $hesklang['ms09']; ?>','<?php echo $hesklang['ms10']; ?>','<?php echo $hesklang['ms11']; ?>','<?php echo $hesklang['ms12']; ?>'],
|
||||
today: '<?php echo $hesklang['r1']; ?>',
|
||||
clear: '<?php echo $hesklang['clear']; ?>',
|
||||
dateFormat: 'mm/dd/yyyy',
|
||||
timeFormat: 'hh:ii aa',
|
||||
firstDay: <?php echo $hesklang['first_day_of_week']; ?>
|
||||
}; })(jQuery);
|
||||
</script>
|
||||
<?php
|
||||
if (defined('RECAPTCHA'))
|
||||
{
|
||||
@@ -402,6 +419,22 @@ if (defined('RECAPTCHA'))
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('#select_category').selectize();
|
||||
<?php
|
||||
foreach ($customFieldsBeforeMessage as $customField)
|
||||
{
|
||||
if ($customField['type'] == 'select')
|
||||
{
|
||||
echo "$('#{$customField['name']}').selectize();";
|
||||
}
|
||||
}
|
||||
foreach ($customFieldsAfterMessage as $customField)
|
||||
{
|
||||
if ($customField['type'] == 'select')
|
||||
{
|
||||
echo "$('#{$customField['name']}').selectize();";
|
||||
}
|
||||
}
|
||||
?>
|
||||
});
|
||||
</script>
|
||||
<?php if (has_public_kb() && $hesk_settings['kb_recommendanswers']): ?>
|
||||
|
||||
@@ -4,7 +4,9 @@ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, bo
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
|
||||
|
||||
body { line-height: 1; }
|
||||
html, body { height: 100%; }
|
||||
|
||||
body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
|
||||
|
||||
ol, ul { list-style: none; }
|
||||
|
||||
@@ -18,11 +20,11 @@ table { border-collapse: collapse; border-spacing: 0; }
|
||||
|
||||
a { text-decoration: none; color: #26282a; transition: color 250ms ease; }
|
||||
|
||||
a:hover { text-decoration: none; }
|
||||
a:hover { color: #002d73; text-decoration: none; }
|
||||
|
||||
.footer a, .notification a { text-decoration: underline ! important; color: #1776ea; }
|
||||
.footer a { text-decoration: underline ! important; color: #1776ea; }
|
||||
|
||||
.footer a:hover, .notification a:hover { text-decoration: none ! important;}
|
||||
.footer a:hover { text-decoration: none ! important;}
|
||||
|
||||
.icon-01-normal-knowledge-b { width: 1.2em; height: 1em; fill: none; }
|
||||
|
||||
@@ -66,7 +68,7 @@ a:hover { text-decoration: none; }
|
||||
|
||||
.icon-dismiss { width: 1em; height: 1em; fill: #1776EA; }
|
||||
|
||||
.icon-document { width: 0.83em; height: 1em; fill: #959EB0; }
|
||||
.icon-document { width: 1em; height: 1em; fill: #959EB0; }
|
||||
|
||||
.icon-down { width: 1.33em; height: 1em; fill: #26282A; }
|
||||
|
||||
@@ -106,6 +108,8 @@ a:hover { text-decoration: none; }
|
||||
|
||||
.icon-merge { width: 1em; height: 1em; fill: #26282A; }
|
||||
|
||||
.icon-modules { width: 1em; height: 1em; fill: #FFF; }
|
||||
|
||||
.icon-move-to { width: 1em; height: 1em; fill: #26282A; }
|
||||
|
||||
.icon-no-photo { width: 0.68em; height: 1em; fill: #FFF; }
|
||||
@@ -142,13 +146,19 @@ a:hover { text-decoration: none; }
|
||||
|
||||
.icon-settings { width: 1em; height: 1em; fill: #FFF; }
|
||||
|
||||
.icon-smile-bad { width: 1em; height: 1em; fill: #969eb0; }
|
||||
|
||||
.icon-smile-good { width: 1em; height: 1em; fill: #969eb0; }
|
||||
|
||||
.icon-smile-neutral { width: 1em; height: 1em; fill: #969eb0; }
|
||||
|
||||
.icon-star-filled { width: 5.6em; height: 1em; fill: #EEB707; }
|
||||
|
||||
.icon-star-stroke { width: 5.6em; height: 1em; fill: #DFE4EC; }
|
||||
|
||||
.icon-status { width: 0.88em; height: 1em; fill: #26282A; }
|
||||
|
||||
.icon-submit-ticket { width: 0.83em; height: 1em; fill: #959EB0; }
|
||||
.icon-submit-ticket { width: 1em; height: 1em; fill: #959EB0; }
|
||||
|
||||
.icon-support { width: 1em; height: 1em; fill: #959EB0; }
|
||||
|
||||
@@ -158,6 +168,10 @@ a:hover { text-decoration: none; }
|
||||
|
||||
.icon-templates { width: 1em; height: 1em; fill: #FFF; }
|
||||
|
||||
.icon-thumb-up { width: 1em; height: 1em; fill: #969eb0; }
|
||||
|
||||
.icon-thumb-down { width: 1em; height: 1em; fill: #969eb0; }
|
||||
|
||||
.icon-tick { width: 1.38em; height: 1em; fill: #002D73; }
|
||||
|
||||
.icon-tickets { width: 0.82em; height: 1em; fill: #FFF; }
|
||||
@@ -166,320 +180,6 @@ a:hover { text-decoration: none; }
|
||||
|
||||
.icon-warning { width: 1em; height: 1em; fill: initial; }
|
||||
|
||||
/*************** SCROLLBAR BASE CSS ***************/
|
||||
.scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; }
|
||||
|
||||
.scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; }
|
||||
|
||||
.scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; }
|
||||
|
||||
.scroll-wrapper.scroll--rtl { direction: rtl; }
|
||||
|
||||
.scroll-element { box-sizing: content-box; display: none; }
|
||||
|
||||
.scroll-element div { box-sizing: content-box; }
|
||||
|
||||
.scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; }
|
||||
|
||||
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; }
|
||||
|
||||
.scroll-textarea > .scroll-content { overflow: hidden !important; }
|
||||
|
||||
.scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; }
|
||||
|
||||
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; }
|
||||
|
||||
/*************** SIMPLE INNER SCROLLBAR ***************/
|
||||
.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }
|
||||
|
||||
.scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
|
||||
|
||||
.scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; }
|
||||
|
||||
.scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; }
|
||||
|
||||
.scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; }
|
||||
|
||||
.scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { border-radius: 8px; }
|
||||
|
||||
.scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; }
|
||||
|
||||
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
|
||||
|
||||
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
|
||||
|
||||
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
|
||||
|
||||
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
|
||||
|
||||
/* update scrollbar offset if both scrolls are visible */
|
||||
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
|
||||
|
||||
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
|
||||
|
||||
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
|
||||
|
||||
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }
|
||||
|
||||
/*************** SIMPLE OUTER SCROLLBAR ***************/
|
||||
.scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }
|
||||
|
||||
.scrollbar-outer > .scroll-element { background-color: #ffffff; }
|
||||
|
||||
.scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; }
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 4px; }
|
||||
|
||||
.scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
|
||||
|
||||
.scroll-element.scroll-y .scroll-element_outer { left: 0px; width: 4px; }
|
||||
|
||||
.scroll-element .scroll-element_outer { overflow: hidden; }
|
||||
|
||||
.scroll-element .scroll-element_track { background-color: transparent; }
|
||||
|
||||
.scroll-element .scroll-element_outer, .scroll-element .scroll-element_track, .scroll-element .scroll-bar { border-radius: 0px; }
|
||||
|
||||
.scroll-element .scroll-bar { background-color: #dfe4ec; }
|
||||
|
||||
.scroll-element .scroll-bar:hover { background-color: #dfe4ec; }
|
||||
|
||||
.scroll-element.scroll-draggable .scroll-bar { background-color: #dfe4ec; }
|
||||
|
||||
/* scrollbar height/width & offset from container borders */
|
||||
.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
|
||||
|
||||
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; }
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }
|
||||
|
||||
/* update scrollbar offset if both scrolls are visible */
|
||||
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
|
||||
|
||||
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }
|
||||
|
||||
/*************** SCROLLBAR MAC OS X ***************/
|
||||
.scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }
|
||||
|
||||
.scrollbar-macosx > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
|
||||
|
||||
.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
|
||||
|
||||
.scrollbar-macosx > .scroll-element .scroll-bar { background-color: #6C6E71; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border-radius: 7px; transition: opacity 0.2s linear; }
|
||||
|
||||
.scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; }
|
||||
|
||||
.scrollbar-macosx > .scroll-element.scroll-x { bottom: 0px; height: 0px; left: 0; min-width: 100%; overflow: visible; width: 100%; }
|
||||
|
||||
.scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0px; top: 0; width: 0px; }
|
||||
|
||||
/* scrollbar height/width & offset from container borders */
|
||||
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
|
||||
|
||||
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }
|
||||
|
||||
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
|
||||
|
||||
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
|
||||
|
||||
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
|
||||
|
||||
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
|
||||
|
||||
/* update scrollbar offset if both scrolls are visible */
|
||||
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
|
||||
|
||||
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }
|
||||
|
||||
/*************** SCROLLBAR LIGHT ***************/
|
||||
.scrollbar-light > .scroll-element, .scrollbar-light > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; }
|
||||
|
||||
.scrollbar-light > .scroll-element { background-color: #ffffff; }
|
||||
|
||||
.scrollbar-light > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
|
||||
|
||||
.scrollbar-light > .scroll-element .scroll-element_outer { border-radius: 10px; }
|
||||
|
||||
.scrollbar-light > .scroll-element .scroll-element_size { background: #dbdbdb; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%); border-radius: 10px; }
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-x { bottom: 0; height: 17px; left: 0; min-width: 100%; width: 100%; }
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 17px; }
|
||||
|
||||
.scrollbar-light > .scroll-element .scroll-bar { background: #fefefe; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%); border: 1px solid #dbdbdb; border-radius: 10px; }
|
||||
|
||||
/* scrollbar height/width & offset from container borders */
|
||||
.scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
|
||||
|
||||
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top: -17px; margin-top: 17px; }
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; }
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
|
||||
|
||||
/* update scrollbar offset if both scrolls are visible */
|
||||
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
|
||||
|
||||
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }
|
||||
|
||||
/*************** SCROLLBAR RAIL ***************/
|
||||
.scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; }
|
||||
|
||||
.scrollbar-rail > .scroll-element { background-color: #ffffff; }
|
||||
|
||||
.scrollbar-rail > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
|
||||
|
||||
.scrollbar-rail > .scroll-element .scroll-element_size { background-color: #999; background-color: rgba(0, 0, 0, 0.3); }
|
||||
|
||||
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size { background-color: #666; background-color: rgba(0, 0, 0, 0.5); }
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%; }
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-y { height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 12px; }
|
||||
|
||||
.scrollbar-rail > .scroll-element .scroll-bar { background-color: #d0b9a0; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
|
||||
|
||||
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); }
|
||||
|
||||
/* scrollbar height/width & offset from container borders */
|
||||
.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
|
||||
|
||||
.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; }
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }
|
||||
|
||||
/* update scrollbar offset if both scrolls are visible */
|
||||
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
|
||||
|
||||
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }
|
||||
|
||||
/*************** SCROLLBAR DYNAMIC ***************/
|
||||
.scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }
|
||||
|
||||
.scrollbar-dynamic > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; }
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px; }
|
||||
|
||||
.scrollbar-dynamic > .scroll-element .scroll-element_outer { opacity: 0.3; border-radius: 12px; }
|
||||
|
||||
.scrollbar-dynamic > .scroll-element .scroll-element_size { background-color: #cccccc; opacity: 0; border-radius: 12px; transition: opacity 0.2s; }
|
||||
|
||||
.scrollbar-dynamic > .scroll-element .scroll-bar { background-color: #6c6e71; border-radius: 7px; }
|
||||
|
||||
/* scrollbar height/width & offset from container borders */
|
||||
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; }
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; }
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; transition: height 0.2s; }
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; transition: width 0.2s; }
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
|
||||
|
||||
/* update scrollbar offset if both scrolls are visible */
|
||||
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }
|
||||
|
||||
/* hover & drag */
|
||||
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer { overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; }
|
||||
|
||||
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { opacity: 1; }
|
||||
|
||||
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar { height: 100%; width: 100%; border-radius: 12px; }
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 20px; min-height: 7px; }
|
||||
|
||||
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer { min-width: 7px; width: 20px; }
|
||||
|
||||
/*************** SCROLLBAR GOOGLE CHROME ***************/
|
||||
.scrollbar-chrome > .scroll-element, .scrollbar-chrome > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element { background-color: #ffffff; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element .scroll-element_track { background: #f1f1f1; border: 1px solid #dbdbdb; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-x { bottom: 0; height: 16px; left: 0; min-width: 100%; width: 100%; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 16px; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element .scroll-bar { background-color: #d9d9d9; border: 1px solid #bdbdbd; cursor: default; border-radius: 2px; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; border-color: #a9a9a9; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; border-color: #7e7e7e; }
|
||||
|
||||
/* scrollbar height/width & offset from container borders */
|
||||
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; }
|
||||
|
||||
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top: -16px; margin-top: 16px; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; }
|
||||
|
||||
/* update scrollbar offset if both scrolls are visible */
|
||||
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
|
||||
|
||||
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }
|
||||
|
||||
/** selectize.css (v0.12.6) Copyright (c) 2013–2015 Brian Reavis & contributors Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at: http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. @author Brian Reavis <brian@thirdroute.com> */
|
||||
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, 0.06) !important; border: 0 none !important; box-shadow: inset 0 0 12px 4px #fff; }
|
||||
|
||||
@@ -589,6 +289,98 @@ a:hover { text-decoration: none; }
|
||||
|
||||
.selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; }
|
||||
|
||||
|
||||
/* Hesk additional */
|
||||
|
||||
.selectize-input {
|
||||
padding: 11px 12px;
|
||||
width: auto ! important;
|
||||
border: solid 1px #d4d6e3;
|
||||
transition: all 250ms ease;
|
||||
}
|
||||
|
||||
.selectize-input.input-active {
|
||||
border: solid 1px #1776ea !important;
|
||||
}
|
||||
|
||||
.selectize-input:hover {
|
||||
border: solid 1px #959eb0;
|
||||
}
|
||||
|
||||
.selectize-control.input-tags {
|
||||
line-height: 1;
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
.selectize-control.multi .selectize-input > div {
|
||||
margin: 0 6px 0 0;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
color: #26282a;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.selectize-control {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.selectize-control .selectize-input {
|
||||
border-radius: 2px;
|
||||
border: solid 1px #d4d6e3;
|
||||
box-shadow: none;
|
||||
min-width: 100px;
|
||||
padding: 0 30px 0 12px;
|
||||
height: 40px;
|
||||
display: -ms-flexbox !important;
|
||||
display: flex !important;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
transition: all 250ms ease;
|
||||
z-index: 8;
|
||||
}
|
||||
|
||||
.selectize-control .selectize-input:after {
|
||||
border: none !important;
|
||||
background: transparent url("../img/chevron-down.svg") no-repeat center;
|
||||
width: 8px !important;
|
||||
height: 8px !important;
|
||||
opacity: 0.25 !important;
|
||||
transition: all 250ms ease;
|
||||
}
|
||||
|
||||
.selectize-control .selectize-input.focus::after {
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.selectize-control .selectize-dropdown {
|
||||
box-shadow: 0 2px 8px 0 rgba(38, 40, 42, 0.1);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.selectize-control .selectize-dropdown .option {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
padding: 0 32px 0 16px;
|
||||
color: #002d73;
|
||||
}
|
||||
|
||||
.selectize-control .selectize-dropdown .option.active {
|
||||
background-color: #f5f8ff;
|
||||
}
|
||||
|
||||
.selectize-dropdown {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.datepicker--cells { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
|
||||
|
||||
.datepicker--cell { border-radius: 4px; box-sizing: border-box; cursor: pointer; display: -ms-flexbox; display: flex; position: relative; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 32px; z-index: 1; }
|
||||
@@ -803,24 +595,6 @@ a:hover { text-decoration: none; }
|
||||
|
||||
.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: 0 0; border: none; }
|
||||
|
||||
.xdsoft_autocomplete, .xdsoft_autocomplete div, .xdsoft_autocomplete span { /* -moz-box-sizing: border-box !important; box-sizing: border-box !important;*/ }
|
||||
|
||||
.xdsoft_autocomplete { display: inline; position: relative; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; text-align: start; }
|
||||
|
||||
.xdsoft_autocomplete .xdsoft_input { position: relative; z-index: 2; }
|
||||
|
||||
.xdsoft_autocomplete .xdsoft_autocomplete_dropdown { position: absolute; border: 1px solid #ccc; border-top-color: #d9d9d9; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); cursor: default; display: none; z-index: 1001; margin-top: -1px; background-color: #fff; min-width: 100%; overflow: auto; }
|
||||
|
||||
.xdsoft_autocomplete .xdsoft_autocomplete_hint { position: absolute; z-index: 1; color: #ccc !important; -webkit-text-fill-color: #ccc !important; text-fill-color: #ccc !important; overflow: hidden !important; white-space: pre !important; }
|
||||
|
||||
.xdsoft_autocomplete .xdsoft_autocomplete_hint span { color: transparent; opacity: 0.0; }
|
||||
|
||||
.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > .xdsoft_autocomplete_copyright { color: #ddd; font-size: 10px; text-decoration: none; right: 5px; position: absolute; margin-top: -15px; z-index: 1002; }
|
||||
|
||||
.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div { background: #fff; white-space: nowrap; cursor: pointer; line-height: 1.5em; padding: 2px 0px 2px 0px; }
|
||||
|
||||
.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div.active { background: #0097CF; color: #FFFFFF; }
|
||||
|
||||
@font-face { font-family: "Lato"; src: url("../fonts/Lato-Regular.eot"); src: url("../fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Regular.woff2") format("woff2"), url("../fonts/Lato-Regular.woff") format("woff"), url("../fonts/Lato-Regular.ttf") format("truetype"), url("../fonts/Lato-Regular.svg#Lato-Regular") format("svg"); font-weight: normal; font-style: normal; }
|
||||
|
||||
@font-face { font-family: "Lato"; src: url("../fonts/Lato-Bold.eot"); src: url("../fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato-Bold.woff") format("woff"), url("../fonts/Lato-Bold.ttf") format("truetype"), url("../fonts/Lato-Bold.svg#Lato-Bold") format("svg"); font-weight: bold; font-style: normal; }
|
||||
@@ -1150,7 +924,7 @@ input::-ms-clear { display: none; }
|
||||
|
||||
.form__search .form__search_results .results--list li a { color: #1776ea; transition: all 250ms ease; }
|
||||
|
||||
.form__search .form__search_results .results--list li a:hover { color: #025cca; }
|
||||
.form__search .form__search_results .results--list li a:hover { color: #002d73; }
|
||||
|
||||
.form__search .form__search_results .results--list li b { background-color: #fff5d0; }
|
||||
|
||||
@@ -1291,7 +1065,7 @@ input::-ms-clear { display: none; }
|
||||
|
||||
.switch-checkbox a { margin-left: 16px; transition: all 250ms ease; color: #1776ea; line-height: 1.2; }
|
||||
|
||||
.switch-checkbox a:hover { color: #025cca; }
|
||||
.switch-checkbox a:hover { color: #002d73; }
|
||||
|
||||
.block--attach { margin-top: 8px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; position: relative; font-family: "Lato", Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.1px; color: #1776ea; transition: all 250ms ease; cursor: pointer !important; }
|
||||
|
||||
@@ -1299,33 +1073,9 @@ input::-ms-clear { display: none; }
|
||||
|
||||
.block--attach .icon-attach { width: 16px; height: 16px; fill: #1776ea; margin-right: 8px; }
|
||||
|
||||
.block--attach:hover { color: #025cca; }
|
||||
.block--attach:hover { color: #002d73; }
|
||||
|
||||
.block--attach:hover .icon-attach { fill: #025cca; }
|
||||
|
||||
.selectize-input { padding: 11px 12px; border: solid 1px #d4d6e3; transition: all 250ms ease; }
|
||||
|
||||
.selectize-input.input-active { border: solid 1px #1776ea !important; }
|
||||
|
||||
.selectize-input:hover { border: solid 1px #959eb0; }
|
||||
|
||||
.selectize-control.input-tags { line-height: 1; margin-left: 24px; }
|
||||
|
||||
.selectize-control.multi .selectize-input > div { margin: 0 6px 0 0; padding: 0; background: transparent; color: #26282a; border: none; }
|
||||
|
||||
.selectize-control { display: -ms-flexbox; display: flex; }
|
||||
|
||||
.selectize-control .selectize-input { margin-top: 16px; border-radius: 2px; border: solid 1px #d4d6e3; box-shadow: none; min-width: 320px; padding: 0 12px; height: 40px; display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; transition: all 250ms ease; z-index: 11; }
|
||||
|
||||
.selectize-control .selectize-input:after { border: none !important; background: transparent url("../img/chevron-down.svg") no-repeat center; width: 8px !important; height: 8px !important; opacity: 0.25 !important; transition: all 250ms ease; }
|
||||
|
||||
.selectize-control .selectize-input.focus::after { -ms-transform: rotate(180deg); transform: rotate(180deg); }
|
||||
|
||||
.selectize-control .selectize-dropdown { box-shadow: 0 2px 8px 0 rgba(38, 40, 42, 0.1); border: none; }
|
||||
|
||||
.selectize-control .selectize-dropdown .option { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 40px; padding: 0 16px; color: #002d73; }
|
||||
|
||||
.selectize-control .selectize-dropdown .option.active { background-color: #f5f8ff; }
|
||||
.block--attach:hover .icon-attach { fill: #002d73; }
|
||||
|
||||
@media screen and (max-width: 900px) { .form__search .form__search_results .results--list li { font-size: 13px; } }
|
||||
|
||||
@@ -1350,39 +1100,29 @@ input::-ms-clear { display: none; }
|
||||
|
||||
.ticket__body { -ms-flex-positive: 1; flex-grow: 1; margin-right: 24px; }
|
||||
|
||||
.ticket__body_block { background-color: #fff; margin-bottom: 24px; border-radius: 2px; box-shadow: 0 2px 8px 0 rgba(38, 40, 42, 0.1); padding: 24px; }
|
||||
.ticket__body_block { background-color: #fff; margin-bottom: 24px; border-radius: 2px; box-shadow: 0 2px 4px 0 rgba(38, 40, 42, 0.1); padding: 15px 24px 24px 24px; text-align: justify; }
|
||||
|
||||
.ticket__body_block.response { box-shadow: 0 2px 8px 0 rgba(38, 40, 42, 0.1); border: solid 4px #c3ead8; }
|
||||
.ticket__body_block.response { box-shadow: 0 2px 8px 0 rgba(38, 40, 42, 0.1); Background-color: #f8fffc; }
|
||||
|
||||
.ticket__body_block h1 { font-size: 24px; font-weight: bold; line-height: 1.17; letter-spacing: 0.12px; color: #26282a; padding-bottom: 14px;}
|
||||
|
||||
.ticket__body_block h2 { font-size: 24px; font-weight: bold; line-height: 1.17; letter-spacing: 0.12px; color: #26282a; }
|
||||
|
||||
.ticket__body_block h3 { font-family: "Lato", Arial, sans-serif; font-size: 18px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.22; letter-spacing: 0.1px; }
|
||||
|
||||
.ticket__body_block p > a { color: #1776ea; }
|
||||
|
||||
.ticket__body_block p > a:hover { color: #002d73; }
|
||||
|
||||
.ticket__body_block .block--head { display: -ms-flexbox; display: flex; margin-top: 16px; -ms-flex-align: center; align-items: center; font-family: "Lato", Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.1px; }
|
||||
|
||||
.ticket__body_block .block--head .contact { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; }
|
||||
.ticket__body_block .block--head .contact { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; color:#6b7480; }
|
||||
|
||||
.ticket__body_block .block--head .contact > span { color: #959eb0; }
|
||||
.ticket__body_block .block--head .contact > span { color: #6b7480; }
|
||||
|
||||
.ticket__body_block .block--head .contact b { margin-left: 8px; font-weight: bold; }
|
||||
.ticket__body_block .block--head .contact b { margin: 0 4px; font-weight: bold; color: #222; }
|
||||
|
||||
.ticket__body_block .block--head .contact .dropdown { margin-left: 8px; cursor: pointer; position: static; }
|
||||
|
||||
.ticket__body_block .block--head .contact .dropdown span { font-weight: bold; }
|
||||
|
||||
.ticket__body_block .block--head .contact .dropdown .dropdown-list li { padding: 0 12px; font-family: "Lato", Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.1px; }
|
||||
|
||||
.ticket__body_block .block--head .contact .dropdown .dropdown-list li:nth-child(1), .ticket__body_block .block--head .contact .dropdown .dropdown-list li:nth-child(2) { background-color: transparent !important; cursor: auto; }
|
||||
|
||||
.ticket__body_block .block--head .contact .dropdown .dropdown-list li .title { color: #959eb0; margin-right: 8px; width: 36px; }
|
||||
|
||||
.ticket__body_block .block--head .contact .dropdown .dropdown-list li .value { font-weight: normal; color: #26282a; }
|
||||
|
||||
.ticket__body_block .block--head .contact .dropdown .dropdown-list li a { color: #002d73; }
|
||||
|
||||
.ticket__body_block .block--head .contact .icon-chevron-down { width: 8px; height: 8px; }
|
||||
|
||||
.ticket__body_block .block--head .date { color: #6b7480; }
|
||||
.ticket__body_block .block--head .contact time { margin: 0 4px; }
|
||||
|
||||
.ticket__body_block .block--head .more { margin-left: auto; color: #1776ea; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: pointer; margin-right: -24px; padding-right: 24px; }
|
||||
|
||||
@@ -1400,39 +1140,15 @@ input::-ms-clear { display: none; }
|
||||
|
||||
.ticket__body_block .block--description ul.list { list-style-type: disc; padding-left: 30px; }
|
||||
|
||||
.ticket__body_block .block--notes { margin-top: 26px; }
|
||||
|
||||
.ticket__body_block .block--notes .note { border: solid 1px #f3e3a7; background-color: #fff5d0; padding: 8px 8px 16px 8px; margin-bottom: 8px; }
|
||||
|
||||
.ticket__body_block .block--notes .note .note__head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
|
||||
|
||||
.ticket__body_block .block--notes .note .note__head .name { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.1px; color: #959eb0; }
|
||||
|
||||
.ticket__body_block .block--notes .note .note__head .name span { margin-right: 8px; }
|
||||
|
||||
.ticket__body_block .block--notes .note .note__head .name b { color: #26282a; margin-right: 24px; }
|
||||
|
||||
.ticket__body_block .block--notes .note .note__head .name time { color: #6b7480; white-space: nowrap; }
|
||||
|
||||
.ticket__body_block .block--notes .note .note__head .actions { display: -ms-flexbox; display: flex; margin-top: -5px; }
|
||||
|
||||
.ticket__body_block .block--notes .note .note__head .actions button { width: 32px; height: 32px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-left: 16px; }
|
||||
|
||||
.ticket__body_block .block--notes .note .note__head .actions button svg { width: 16px; height: 16px; fill: #c5cad4; }
|
||||
|
||||
.ticket__body_block .block--notes .note .note__head .actions button:hover svg { fill: #002d73; }
|
||||
|
||||
.ticket__body_block .block--notes .note .note__description { margin-top: 16px; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.71; letter-spacing: 0.1px; color: #26282a; }
|
||||
|
||||
.ticket__body_block .block--uploads { margin-top: 26px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-family: "Lato", Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.1px; }
|
||||
.ticket__body_block .block--uploads { color: #9c9c9c; margin-top: 26px; display: block; font-family: "Lato", Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.1px; }
|
||||
|
||||
.ticket__body_block .block--uploads + .block--uploads { margin-top: 16px; }
|
||||
|
||||
.ticket__body_block .block--uploads .icon-attach { width: 16px; height: 16px; fill: #c5cad4; margin-right: 8px; }
|
||||
.ticket__body_block .block--uploads .icon-attach { width: 16px; height: 16px; fill: #9c9c9c; margin: 0 3px; vertical-align: text-bottom;}
|
||||
|
||||
.ticket__body_block .block--uploads a { color: #1776ea; transition: all 250ms ease; }
|
||||
|
||||
.ticket__body_block .block--uploads a:hover { color: #025cca; }
|
||||
.ticket__body_block .block--uploads a:hover { color: #002d73; }
|
||||
|
||||
.ticket__body_block .block--suggested { margin-top: 32px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-family: "Lato", Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.1px; -ms-flex-align: baseline; align-items: baseline; }
|
||||
|
||||
@@ -1440,7 +1156,7 @@ input::-ms-clear { display: none; }
|
||||
|
||||
.ticket__body_block .block--suggested a { color: #1776ea; transition: all 250ms ease; }
|
||||
|
||||
.ticket__body_block .block--suggested a:hover { color: #025cca; }
|
||||
.ticket__body_block .block--suggested a:hover { color: #002d73; }
|
||||
|
||||
.ticket__body_block .block--timer { height: 48px; box-shadow: 0 2px 8px 0 rgba(38, 40, 42, 0.1); background-color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
|
||||
|
||||
@@ -1464,7 +1180,7 @@ input::-ms-clear { display: none; }
|
||||
|
||||
.ticket__body_block .block--message .placeholder a { color: #1776ea; transition: all 250ms ease; }
|
||||
|
||||
.ticket__body_block .block--message .placeholder a:hover { color: #025cca; }
|
||||
.ticket__body_block .block--message .placeholder a:hover { color: #002d73; }
|
||||
|
||||
.ticket__body_block .block--attach-list { margin-top: 16px; }
|
||||
|
||||
@@ -1512,9 +1228,9 @@ input::-ms-clear { display: none; }
|
||||
|
||||
.ticket__replies .ticket__replies_link { font-family: "Lato", Arial, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.1px; color: #1776ea; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; margin-left: 24px; cursor: pointer; transition: all 250ms ease; }
|
||||
|
||||
.ticket__replies .ticket__replies_link:hover { color: #025cca; }
|
||||
.ticket__replies .ticket__replies_link:hover { color: #002d73; }
|
||||
|
||||
.ticket__replies .ticket__replies_link:hover .icon-chevron-down { fill: #025cca; }
|
||||
.ticket__replies .ticket__replies_link:hover .icon-chevron-down { fill: #002d73; }
|
||||
|
||||
.ticket__replies .ticket__replies_link b { font-weight: bold; margin-left: 6px; }
|
||||
|
||||
@@ -1614,17 +1330,17 @@ input::-ms-clear { display: none; }
|
||||
|
||||
.pagination__amount { margin-top: 24px; text-align: center; font-weight: bold; }
|
||||
|
||||
.breadcrumbs { margin-bottom: 20px; }
|
||||
.breadcrumbs { margin-bottom: 0px; }
|
||||
|
||||
.breadcrumbs__inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 12px 0; font-size: 12px; }
|
||||
|
||||
.breadcrumbs__inner a { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; font-size: inherit; font-weight: normal; line-height: 1.5; letter-spacing: 0.1px; color: #1776ea; }
|
||||
|
||||
.breadcrumbs__inner a:hover { color: #025cca; }
|
||||
.breadcrumbs__inner a:hover { color: #002d73; }
|
||||
|
||||
.breadcrumbs__inner .icon { fill: currentColor; font-size: 8px; margin: 0 0.4em 0 0.5em; }
|
||||
|
||||
.search__title { margin: 0 0 24px; font-size: 24px; font-weight: bold; line-height: 1.17; letter-spacing: 0.12px; color: #26282a; text-align: center; }
|
||||
.search__title { margin: 20px 0 24px; font-size: 24px; font-weight: bold; line-height: 1.17; letter-spacing: 0.12px; color: #26282a; text-align: center; }
|
||||
|
||||
.search__form { background-color: #ffefdc; padding: 16px; }
|
||||
|
||||
@@ -1734,9 +1450,9 @@ input::-ms-clear { display: none; }
|
||||
|
||||
.nav { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 16px 0; }
|
||||
|
||||
.navlink { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; width: 100%; max-width: 344px; margin: 16px; padding: 16px; box-shadow: 0 4px 8px 0 rgba(38, 40, 42, 0.1); background-color: #ffffff; letter-spacing: 0.1px; color: #6b7480; transition: 0.3s all ease; }
|
||||
.navlink { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; width: 100%; max-width: 344px; margin: 16px; padding: 16px; box-shadow: 0 4px 8px 0 rgba(38, 40, 42, 0.1); background-color: #ffffff; letter-spacing: 0.1px; color: #6b7480; transition: none; }
|
||||
|
||||
.navlink:hover { box-shadow: 0 8px 16px 0 rgba(38, 40, 42, 0.1); }
|
||||
.navlink:hover { box-shadow: 0 4px 8px 0 rgba(38,40,42,0.1); transition: none; background-color: #f1fbff; }
|
||||
|
||||
.navlink .navlink__title { font-size: 14px; font-weight: 700; line-height: 1.5; color: #002d73; }
|
||||
|
||||
@@ -1744,6 +1460,16 @@ input::-ms-clear { display: none; }
|
||||
|
||||
.navlink .icon-in-circle { margin-right: 12px; }
|
||||
|
||||
.navlink:hover > .icon-in-circle { background-color: #959eb0; }
|
||||
|
||||
.navlink:hover > .icon-in-circle .icon {transition: none; fill: #fff; }
|
||||
|
||||
.navlink-condensed { margin: 8px; padding: 8px; box-shadow: 0 2px 5px 0 rgba(38,40,42,0.1); }
|
||||
|
||||
.navlink-condensed:hover { box-shadow: 0 4px 6px 0 rgba(38,40,42,0.1); }
|
||||
|
||||
.select__title { margin: 0 0 24px; font-size: 20px; font-weight: bold; line-height: 1.17; letter-spacing: 0.12px; color: #26282a; text-align: center; }
|
||||
|
||||
.article { margin-top: 44px; }
|
||||
|
||||
.article .block__head { padding-bottom: 32px; border-bottom: 1px solid #dfe4ec; }
|
||||
@@ -1797,7 +1523,7 @@ input::-ms-clear { display: none; }
|
||||
|
||||
.block__head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
|
||||
|
||||
.content { margin: 48px 0 56px; }
|
||||
.content { margin: 28px 0; }
|
||||
|
||||
.content .block__head { margin-bottom: 16px; }
|
||||
|
||||
@@ -1824,7 +1550,7 @@ input::-ms-clear { display: none; }
|
||||
|
||||
.topics__list a { display: -ms-flexbox; display: flex; margin: 16px 0; line-height: 1.57; letter-spacing: 0.1px; color: #1776ea; }
|
||||
|
||||
.topics__list a:hover { color: #025cca; }
|
||||
.topics__list a:hover { color: #002d73; }
|
||||
|
||||
.divider { display: block; margin: 32px 0; height: 1px; background-color: #dfe4ec; }
|
||||
|
||||
@@ -1940,11 +1666,9 @@ input::-ms-clear { display: none; }
|
||||
|
||||
.btn-action .icon { fill: #959eb0; font-size: 16px; }
|
||||
|
||||
.ticket__body_block { padding: 16px 24px; }
|
||||
|
||||
.ticket__body_block.naked { padding: 0; box-shadow: none; }
|
||||
|
||||
.ticket__block-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; margin-top: 24px; letter-spacing: 0.1px; color: #959eb0; }
|
||||
.ticket__block-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; margin-top: 10px; letter-spacing: 0.1px; color: #959eb0; }
|
||||
|
||||
.ticket__block-footer > * { margin-left: 12px; }
|
||||
|
||||
@@ -1980,7 +1704,7 @@ input::-ms-clear { display: none; }
|
||||
|
||||
#loader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; z-index: 100; }
|
||||
|
||||
.wrapper { display: -ms-flexbox; display: flex; width: 100%; min-height: 100vh; font-family: "Lato", Arial, sans-serif; color: #26282a; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.1px; background-color: #fcfcfc; }
|
||||
.wrapper { display: -ms-flexbox; display: flex; flex: 1 0 auto; width: 100%; font-family: "Lato", Arial, sans-serif; color: #26282a; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: 0.1px; background-color: #fcfcfc; }
|
||||
|
||||
@media screen and (max-width: 900px) { .wrapper { margin-top: 48px; } }
|
||||
|
||||
@@ -2041,10 +1765,6 @@ input::-ms-clear { display: none; }
|
||||
background-color: #002d73;
|
||||
}
|
||||
|
||||
.notification b {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.notification-flash { width: 320px; z-index: 20; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0, 41, 89, 0.1); padding: 24px 32px 16px 32px; font-family: "Lato", Arial, sans-serif; position: absolute; top: 144px; right: 32px; display: none; }
|
||||
|
||||
.notification-flash::before { content: ""; width: 8px; height: 100%; position: absolute; top: 0; left: 0; }
|
||||
@@ -2084,7 +1804,7 @@ input::-ms-clear { display: none; }
|
||||
|
||||
.tooltype .tooltype__content a { color: #1776ea; transition: all 250ms ease; }
|
||||
|
||||
.tooltype .tooltype__content a:hover { color: #025cca; }
|
||||
.tooltype .tooltype__content a:hover { color: #002d73; }
|
||||
|
||||
.tooltype .tooltype__content::before { content: ""; display: block; width: 8px; height: 8px; background-color: #fff; -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; box-shadow: 0 2px 8px 0 rgba(38, 40, 42, 0.1); z-index: 0; }
|
||||
|
||||
@@ -2189,4 +1909,205 @@ input::-ms-clear { display: none; }
|
||||
|
||||
.star-rate.rate-50 .star-filled { z-index: 2; width: 100%; }
|
||||
|
||||
.main__content.notice-flash { margin-top: 20px; }
|
||||
.main__content.notice-flash { margin-top: 20px; }
|
||||
|
||||
sup {
|
||||
vertical-align: super;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
sub {
|
||||
vertical-align: sub;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.browser-default p {
|
||||
display: block;
|
||||
margin-top: 0 ! important;
|
||||
margin-bottom: 1em ! important;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.browser-default p:last-child { margin-bottom: 0 ! important; }
|
||||
|
||||
.browser-default h1 {
|
||||
display: block;
|
||||
font-size: 2em;
|
||||
margin-top: 0.67em;
|
||||
margin-bottom: 0.67em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.browser-default h2 {
|
||||
display: block;
|
||||
font-size: 1.5em;
|
||||
margin-top: 0.83em;
|
||||
margin-bottom: 0.83em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.browser-default h3 {
|
||||
display: block;
|
||||
font-size: 1.17em;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.browser-default h4 {
|
||||
display: block;
|
||||
font-size: 1em;
|
||||
margin-top: 1.33em;
|
||||
margin-bottom: 1.33em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.browser-default h5 {
|
||||
display: block;
|
||||
font-size: .83em;
|
||||
margin-top: 1.67em;
|
||||
margin-bottom: 1.67em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.browser-default h6 {
|
||||
display: block;
|
||||
font-size: .67em;
|
||||
margin-top: 2.33em;
|
||||
margin-bottom: 2.33em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.browser-default a {
|
||||
text-decoration: underline;
|
||||
color: #1776ea;
|
||||
transition: color 250ms ease;
|
||||
}
|
||||
|
||||
.browser-default a:hover{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.browser-default ul {
|
||||
display: block;
|
||||
list-style-type: disc ! important;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1 em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding-left: 40px ! important;
|
||||
}
|
||||
|
||||
.browser-default ol {
|
||||
display: block;
|
||||
list-style-type: decimal ! important;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding-left: 40px ! important;
|
||||
}
|
||||
|
||||
.browser-default p > b, strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.browser-default table {
|
||||
display: table;
|
||||
border: 1px solid gray;
|
||||
}
|
||||
|
||||
.browser-default tr {
|
||||
padding: 2px;
|
||||
border: 1px solid gray;
|
||||
}
|
||||
|
||||
.browser-default td {
|
||||
padding: 4px;
|
||||
border: 1px solid gray;
|
||||
}
|
||||
|
||||
.selectize-dropdown .option, .selectize-input.input-active {
|
||||
cursor: pointer ! important;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 900px) {
|
||||
.cat-select .selectize-input {
|
||||
min-width: 200px ! important;
|
||||
height: 56px ! important;
|
||||
font-size: 18px ! important;
|
||||
}
|
||||
|
||||
.cat-select .selectize-dropdown {
|
||||
font-size: 17px ! important;
|
||||
}
|
||||
}
|
||||
|
||||
.title-link {
|
||||
text-decoration: underline ! important;
|
||||
}
|
||||
|
||||
.title-link:hover {
|
||||
text-decoration: none ! important;
|
||||
}
|
||||
|
||||
.ticket--article {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.kb--folder {
|
||||
font-size: 16px ! important;
|
||||
font-weight: normal ! important;
|
||||
}
|
||||
|
||||
.kb--folder a {
|
||||
color: #1776ea;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.kb--folder a:hover {
|
||||
color: #002d73 ! important;
|
||||
}
|
||||
|
||||
.kb--folder > .icon-folder, .kb--folder > .icon-knowledge {
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
vertical-align: text-bottom;
|
||||
margin-right: 4px;
|
||||
margin-left: 2px;
|
||||
fill: #959eb0;
|
||||
}
|
||||
|
||||
.kb--folder > .icon-chevron-right {
|
||||
font-size: 16px;
|
||||
width: 0.8em;
|
||||
height: 1.1em;
|
||||
vertical-align: text-bottom;
|
||||
margin-right: 0px;
|
||||
margin-left: 0px;
|
||||
fill: #959eb0;
|
||||
}
|
||||
|
||||
.go-back {
|
||||
width: 20px;
|
||||
height: 0.7em;
|
||||
fill: #1776ea;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.rate .icon {
|
||||
height: 1.5em;
|
||||
}
|
||||
2
hesk/theme/hesk3/customer/css/app.min.css
vendored
2
hesk/theme/hesk3/customer/css/app.min.css
vendored
File diff suppressed because one or more lines are too long
16
hesk/theme/hesk3/customer/css/ie9.css
Normal file
16
hesk/theme/hesk3/customer/css/ie9.css
Normal file
@@ -0,0 +1,16 @@
|
||||
a {
|
||||
box-shaddow: none ! important;
|
||||
padding: 0px ! important;
|
||||
}
|
||||
|
||||
.icon-in-circle {
|
||||
display: none ! important;
|
||||
}
|
||||
|
||||
.tabbed__tabs .tabbed__tabs_tab.is-visible {
|
||||
display: block ! important;
|
||||
}
|
||||
|
||||
div.last {
|
||||
display: inline ! important;
|
||||
}
|
||||
142
hesk/theme/hesk3/customer/css/prism.css
Normal file
142
hesk/theme/hesk3/customer/css/prism.css
Normal file
@@ -0,0 +1,142 @@
|
||||
/* PrismJS 1.19.0
|
||||
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+c+csharp+cpp+java+markup-templating+php+python+ruby */
|
||||
/**
|
||||
* prism.js default theme for JavaScript, CSS and HTML
|
||||
* Based on dabblet (http://dabblet.com)
|
||||
* @author Lea Verou
|
||||
*/
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
color: black;
|
||||
background: none;
|
||||
text-shadow: 0 1px white;
|
||||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||
font-size: 1em;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
line-height: 1.5;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection, code[class*="language-"] ::selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
@media print {
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
:not(pre) > code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
background: #f5f2f0;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre) > code[class*="language-"] {
|
||||
padding: .1em;
|
||||
border-radius: .3em;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: slategray;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.token.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.tag,
|
||||
.token.boolean,
|
||||
.token.number,
|
||||
.token.constant,
|
||||
.token.symbol,
|
||||
.token.deleted {
|
||||
color: #905;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.attr-name,
|
||||
.token.string,
|
||||
.token.char,
|
||||
.token.builtin,
|
||||
.token.inserted {
|
||||
color: #690;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css .token.string,
|
||||
.style .token.string {
|
||||
color: #9a6e3a;
|
||||
background: hsla(0, 0%, 100%, .5);
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.attr-value,
|
||||
.token.keyword {
|
||||
color: #07a;
|
||||
}
|
||||
|
||||
.token.function,
|
||||
.token.class-name {
|
||||
color: #DD4A68;
|
||||
}
|
||||
|
||||
.token.regex,
|
||||
.token.important,
|
||||
.token.variable {
|
||||
color: #e90;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
@@ -19,10 +19,15 @@ if (!defined('IN_SCRIPT')) {
|
||||
<title><?php echo $hesk_settings['hesk_title']; ?></title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
||||
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="author" content="" />
|
||||
<meta name="theme-color" content="#fff" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo HESK_PATH; ?>img/favicon/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo HESK_PATH; ?>img/favicon/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo HESK_PATH; ?>img/favicon/favicon-16x16.png" />
|
||||
<link rel="manifest" href="<?php echo HESK_PATH; ?>img/favicon/site.webmanifest" />
|
||||
<link rel="mask-icon" href="<?php echo HESK_PATH; ?>img/favicon/safari-pinned-tab.svg" color="#5bbad5" />
|
||||
<link rel="shortcut icon" href="<?php echo HESK_PATH; ?>img/favicon/favicon.ico" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef" />
|
||||
<meta name="msapplication-config" content="<?php echo HESK_PATH; ?>img/favicon/browserconfig.xml" />
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.css" />
|
||||
<?php include(TEMPLATE_PATH . '../../head.txt'); ?>
|
||||
@@ -62,26 +67,15 @@ if (!defined('IN_SCRIPT')) {
|
||||
</div>
|
||||
<div class="main__content">
|
||||
<div class="contr">
|
||||
<div class="alert danger">
|
||||
<div class="alert__inner">
|
||||
<div class="alert__head">
|
||||
<svg class="icon icon-warning">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-warning"></use>
|
||||
</svg>
|
||||
<h6 class="alert__title">
|
||||
<?php echo $hesklang['error']; ?>
|
||||
</h6>
|
||||
</div>
|
||||
<p class="alert__descr">
|
||||
<?php echo $error; ?>
|
||||
</p>
|
||||
<div class="main__content notice-flash">
|
||||
<div class="notification red">
|
||||
<b><?php echo $hesklang['error']; ?>:</b> <?php echo $error; ?>
|
||||
<?php if ($showDebugWarning): ?>
|
||||
<div class="alert__descr">
|
||||
<div style="color:red;font-weight:bold"><?php echo $hesklang['warn']; ?></div>
|
||||
<p style="color:red;font-weight:bold;margin-top:10px"> <br><?php echo $hesklang['warn']; ?></p>
|
||||
<?php echo $hesklang['dmod']; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<p class="alert__descr text-center">
|
||||
<p class="text-center">
|
||||
<br>
|
||||
<a class="link" href="javascript:history.go(-1)"><?php echo $hesklang['back']; ?></a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -139,8 +139,8 @@
|
||||
<path d="M76 12.438L71.056 15 72 9.573l-4-3.844 5.528-.791L76 0l2.472 4.938L84 5.729l-4 3.844.944 5.427L76 12.438zm0-1.529l3.122 1.618-.596-3.426 2.525-2.427-3.49-.5L76 3.057l-1.56 3.117-3.491.5 2.525 2.427-.596 3.426L76 10.91zm-17 1.529L54.056 15 55 9.573l-4-3.844 5.528-.791L59 0l2.472 4.938L67 5.729l-4 3.844.944 5.427L59 12.438zm0-1.529l3.122 1.618-.596-3.426 2.525-2.427-3.49-.5L59 3.057l-1.56 3.117-3.491.5 2.525 2.427-.596 3.426L59 10.91zm-17 1.529L37.056 15 38 9.573l-4-3.844 5.528-.791L42 0l2.472 4.938L50 5.729l-4 3.844.944 5.427L42 12.438zm0-1.529l3.122 1.618-.596-3.426 2.525-2.427-3.49-.5L42 3.057l-1.56 3.117-3.491.5 2.525 2.427-.596 3.426L42 10.91zm-17 1.529L20.056 15 21 9.573l-4-3.844 5.528-.791L25 0l2.472 4.938L33 5.729l-4 3.844.944 5.427L25 12.438zm0-1.529l3.122 1.618-.596-3.426 2.525-2.427-3.49-.5L25 3.057l-1.56 3.117-3.491.5 2.525 2.427-.596 3.426L25 10.91zM8 12.438L3.056 15 4 9.573 0 5.729l5.528-.791L8 0l2.472 4.938L16 5.729l-4 3.844.944 5.427L8 12.438zm0-1.529l3.122 1.618-.596-3.426 2.525-2.427-3.49-.5L8 3.057 6.44 6.174l-3.491.5 2.525 2.427-.596 3.426L8 10.91z" fill-rule="evenodd"/>
|
||||
</symbol><symbol id="icon-status" viewBox="0 0 14 16">
|
||||
<path fill-rule="evenodd" d="M1.527 14.545V0h1.455v.727h10.272l-2.18 4.364 2.181 4.364H2.982v5.09h.727V16H.8v-1.455h.727zM2.982 8h7.92L9.447 5.091l1.454-2.91h-7.92V8z"/>
|
||||
</symbol><symbol id="icon-submit-ticket" viewBox="0 0 19 23">
|
||||
<path d="M12.508.5l5.628 5.628v14.524a2.015 2.015 0 0 1-2.015 2.015H2.015A2.015 2.015 0 0 1 0 20.652V2.515C0 1.402.902.5 2.015.5h10.493zm-2.433 2.015h-8.06v18.137h14.106V8.56h-4.03a2.015 2.015 0 0 1-2.015-2.015l-.001-4.03zm0 7.053v3.023h3.023v2.015h-3.022v3.023H8.06v-3.023H5.038v-2.015H8.06V9.568h2.015zm2.015-6.636v3.613h3.614L12.09 2.932z"/>
|
||||
</symbol><symbol id="icon-submit-ticket" viewBox="0 0 20 24">
|
||||
<path d="M19.9357 6.09338L13.8423 0H2.48161C1.27657 0 0.299988 0.976587 0.299988 2.18162V21.8184C0.299988 23.0233 1.27673 24 2.48161 24H17.754C18.9589 24 19.9357 23.0233 19.9357 21.8184V6.09338ZM2.48161 2.18162H11.2081L11.2092 6.54486C11.2092 7.74974 12.1859 8.72649 13.3908 8.72649H17.754V21.8184H2.48161V2.18162ZM11.2081 9.81784V13.0908H14.4811V15.2724H11.2092V18.5454H9.02647V15.2724H5.75458V13.0908H9.02647V9.81784H11.2081ZM13.3897 6.54486V2.6331L17.3026 6.54486H13.3897Z"/>
|
||||
</symbol><symbol id="icon-support" viewBox="0 0 40 40">
|
||||
<path fill-rule="evenodd" d="M25.014 22.049h2.159v5.224h-2.159V22.05zm1.08-.42c-.793 0-1.3-.478-1.3-1.099 0-.62.507-1.098 1.3-1.098.792 0 1.299.44 1.299 1.06 0 .66-.507 1.137-1.3 1.137zM13.825 9.705c.745 0 1.26.487 1.26 1.127 0 .63-.515 1.146-1.26 1.146s-1.261-.516-1.261-1.146c0-.64.516-1.127 1.26-1.127zm-.392-2.913c-.41 0-.793.248-.993.65l-1.7-.85c.487-.918 1.451-1.548 2.98-1.548 1.499 0 2.617.63 2.617 1.824 0 1.461-1.529 1.72-1.529 2.455h-1.967c0-1.156 1.232-1.5 1.232-2.082 0-.296-.286-.449-.64-.449zm14.498 6.928H40v19.335h-4.312V40l-7.857-6.945H12.068V19.423L4.312 26.28v-6.946H0V0h27.932v13.72zm-16.65 3.27h.786v-3.27h13.52V2.344H2.344V16.99h4.312v4.088l4.625-4.088zm26.374 13.721V16.064H14.412v14.647H28.72l4.625 4.089v-4.09h4.312z"/>
|
||||
</symbol><symbol id="icon-tag" viewBox="0 0 16 12">
|
||||
@@ -159,4 +159,16 @@
|
||||
<path d="M243.225 333.382c-13.6 0-25 11.4-25 25s11.4 25 25 25c13.1 0 25-11.4 24.4-24.4.6-14.3-10.7-25.6-24.4-25.6z"/>
|
||||
<path d="M474.625 421.982c15.7-27.1 15.8-59.4.2-86.4l-156.6-271.2c-15.5-27.3-43.5-43.5-74.9-43.5s-59.4 16.3-74.9 43.4l-156.8 271.5c-15.6 27.3-15.5 59.8.3 86.9 15.6 26.8 43.5 42.9 74.7 42.9h312.8c31.3 0 59.4-16.3 75.2-43.6zm-34-19.6c-8.7 15-24.1 23.9-41.3 23.9h-312.8c-17 0-32.3-8.7-40.8-23.4-8.6-14.9-8.7-32.7-.1-47.7l156.8-271.4c8.5-14.9 23.7-23.7 40.9-23.7 17.1 0 32.4 8.9 40.9 23.8l156.7 271.4c8.4 14.6 8.3 32.2-.3 47.1z"/>
|
||||
<path d="M237.025 157.882c-11.9 3.4-19.3 14.2-19.3 27.3.6 7.9 1.1 15.9 1.7 23.8 1.7 30.1 3.4 59.6 5.1 89.7.6 10.2 8.5 17.6 18.7 17.6s18.2-7.9 18.7-18.2c0-6.2 0-11.9.6-18.2 1.1-19.3 2.3-38.6 3.4-57.9.6-12.5 1.7-25 2.3-37.5 0-4.5-.6-8.5-2.3-12.5-5.1-11.2-17-16.9-28.9-14.1z"/>
|
||||
</symbol><symbol id="icon-smile-bad" viewBox="0 0 48 48">
|
||||
<path d="M16.92,33.9a2,2,0,0,0,2.82-.29,5.79,5.79,0,0,1,8.52,0,2,2,0,1,0,3.1-2.52A9.35,9.35,0,0,0,24,27.74h0a9.35,9.35,0,0,0-7.34,3.35A2,2,0,0,0,16.92,33.9Z"/><circle cx="17.99" cy="17.17" r="3.13"/><circle cx="30.01" cy="17.17" r="3.13"/><path d="M24,47A23,23,0,1,1,47,24,23,23,0,0,1,24,47ZM24,5A19,19,0,1,0,43,24,19,19,0,0,0,24,5Z"/><rect fill="none" width="48" height="48"/>
|
||||
</symbol><symbol id="icon-smile-good" viewBox="0 0 48 48">
|
||||
<circle cx="17.99" cy="17.17" r="3.13"/><circle cx="30.01" cy="17.17" r="3.13"/><path d="M31.08,28.18a2,2,0,0,0-2.82.29,5.79,5.79,0,0,1-8.52,0A2,2,0,1,0,16.64,31,9.41,9.41,0,0,0,24,34.35h0A9.41,9.41,0,0,0,31.36,31,2,2,0,0,0,31.08,28.18Z"/><path d="M24,47A23,23,0,1,1,47,24,23,23,0,0,1,24,47ZM24,5A19,19,0,1,0,43,24,19,19,0,0,0,24,5Z"/><rect fill="none" width="48" height="48"/>
|
||||
</symbol><symbol id="icon-smile-neutral" viewBox="0 0 48 48">
|
||||
<path d="M30.44,32.76H17.56a2,2,0,1,1,0-4H30.44a2,2,0,0,1,0,4Z"/><circle cx="17.99" cy="17.17" r="3.13"/><circle cx="30.01" cy="17.17" r="3.13"/><path d="M24,47A23,23,0,1,1,47,24,23,23,0,0,1,24,47ZM24,5A19,19,0,1,0,43,24,19,19,0,0,0,24,5Z"/><rect fill="none" width="48" height="48"/>
|
||||
</symbol><symbol id="icon-modules" viewBox="0 0 46.47 46.47">
|
||||
<path d="M17.23,21.7H6.7a4.44,4.44,0,0,1-4.43-4.43V6.74A4.45,4.45,0,0,1,6.7,2.3H17.23a4.45,4.45,0,0,1,4.44,4.44V17.27A4.44,4.44,0,0,1,17.23,21.7ZM6.7,6.3a.44.44,0,0,0-.43.44V17.27a.43.43,0,0,0,.43.43H17.23a.44.44,0,0,0,.44-.43V6.74a.44.44,0,0,0-.44-.44Z"/><path d="M39.54,21.7H29a4.44,4.44,0,0,1-4.44-4.43V6.74A4.45,4.45,0,0,1,29,2.3H39.54A4.46,4.46,0,0,1,44,6.74V17.27A4.45,4.45,0,0,1,39.54,21.7ZM29,6.3a.44.44,0,0,0-.44.44V17.27a.43.43,0,0,0,.44.43H39.54a.44.44,0,0,0,.44-.43V6.74a.44.44,0,0,0-.44-.44Z"/><path d="M17.23,44.1H6.7a4.44,4.44,0,0,1-4.43-4.44V29.14A4.44,4.44,0,0,1,6.7,24.7H17.23a4.44,4.44,0,0,1,4.44,4.44V39.66A4.44,4.44,0,0,1,17.23,44.1ZM6.7,28.7a.44.44,0,0,0-.43.44V39.66a.43.43,0,0,0,.43.44H17.23a.44.44,0,0,0,.44-.44V29.14a.44.44,0,0,0-.44-.44Z"/><rect stroke-miterlimit="10" stroke-width="0.25" x="24.58" y="24.7" width="19.4" height="19.4" rx="4.44"/>
|
||||
</symbol><symbol id="icon-thumb-up" viewBox="0 0 46.47 46.47">
|
||||
<path d="M11.15,44.17V22l1.33-.47C14,21,20.1,17.4,19.74,10.94c-.17-3.14,0-5.56,1.58-7.2a5.58,5.58,0,0,1,4.25-1.59,4,4,0,0,1,3.06,1.48c2.06,2.36,2.8,7.44,2.13,14.44,3.2-.25,8.32-.37,10.78,1.09,3.85,2.3,2.54,13.7,2.38,15-1.06,8.35-3.49,9.07-4.3,9.31-1.54.46-6.31.51-16.08.53-4.05,0-7.88,0-10.32.11Zm4-19.48V40.05c2.34,0,5.3,0,8.38-.06,5.26,0,13.12,0,14.8-.33,1.86-2,2.69-15,1.07-17.11-1.7-.89-7.32-.68-10.66-.25l-2.59.34.35-2.59c1.36-10-.42-13.5-1-13.9a2,2,0,0,0-1.29.34c-.45.48-.61,1.9-.48,4.22C24.14,18,18.77,22.82,15.15,24.69Z"/><path d="M11.33,45.26H4.52A3.83,3.83,0,0,1,.7,41.44V24.1a3.83,3.83,0,0,1,3.82-3.82h6.81a3.83,3.83,0,0,1,3.82,3.82V41.44A3.83,3.83,0,0,1,11.33,45.26Zm-6.63-4h6.45v-17H4.7Z"/>
|
||||
</symbol><symbol id="icon-thumb-down" viewBox="0 0 46.47 46.47">
|
||||
<path d="M18.4,45.26a3.94,3.94,0,0,1-3-1.48c-2.07-2.36-2.81-7.45-2.13-14.45-3.21.26-8.33.38-10.78-1.08C-1.42,26-.11,14.55.06,13.25,1.11,4.91,3.55,4.19,4.35,4c1.55-.46,6.32-.52,16.08-.53,4.05,0,7.88,0,10.32-.11l2.08-.08v22.2l-1.34.47C30,26.44,23.87,30,24.23,36.47c.17,3.14,0,5.56-1.57,7.2A5.6,5.6,0,0,1,18.4,45.26Zm-.58-20.49-.35,2.59c-1.36,10,.42,13.5,1,13.9a1.92,1.92,0,0,0,1.28-.34c.45-.48.62-1.9.49-4.23-.41-7.24,5-12.1,8.59-14V7.36c-2.35,0-5.3,0-8.39.06-5.26,0-13.11,0-14.8.33-1.86,2-2.68,15-1.07,17.11,1.71.89,7.33.68,10.66.25ZM5.72,7.67Z"/><path d="M39.45,27.13H32.64a3.82,3.82,0,0,1-3.81-3.82V6a3.82,3.82,0,0,1,3.81-3.81h6.81A3.82,3.82,0,0,1,43.27,6V23.31A3.83,3.83,0,0,1,39.45,27.13Zm-6.62-4h6.44v-17H32.83Z"/>
|
||||
</symbol></svg>
|
||||
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 39 KiB |
@@ -32,13 +32,20 @@ require_once(TEMPLATE_PATH . 'customer/util/rating.php');
|
||||
<title><?php echo $hesk_settings['hesk_title']; ?></title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
||||
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="author" content="" />
|
||||
<meta name="theme-color" content="#fff" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo HESK_PATH; ?>img/favicon/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo HESK_PATH; ?>img/favicon/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo HESK_PATH; ?>img/favicon/favicon-16x16.png" />
|
||||
<link rel="manifest" href="<?php echo HESK_PATH; ?>img/favicon/site.webmanifest" />
|
||||
<link rel="mask-icon" href="<?php echo HESK_PATH; ?>img/favicon/safari-pinned-tab.svg" color="#5bbad5" />
|
||||
<link rel="shortcut icon" href="<?php echo HESK_PATH; ?>img/favicon/favicon.ico" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef" />
|
||||
<meta name="msapplication-config" content="<?php echo HESK_PATH; ?>img/favicon/browserconfig.xml" />
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.css" />
|
||||
|
||||
<!--[if IE]>
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/ie9.css" />
|
||||
<![endif]-->
|
||||
<style>
|
||||
<?php outputSearchStyling(); ?>
|
||||
</style>
|
||||
@@ -167,23 +174,27 @@ require_once(TEMPLATE_PATH . 'customer/util/rating.php');
|
||||
<?php echo $article['content_preview']; ?>
|
||||
</p>
|
||||
</div>
|
||||
<div class="rate">
|
||||
<?php
|
||||
if ($hesk_settings['kb_rating']) {
|
||||
echo hesk3_get_customer_rating($article['rating']);
|
||||
}
|
||||
|
||||
if ($hesk_settings['kb_views'] && $hesk_settings['kb_rating']):
|
||||
?>
|
||||
<span class="lightgrey">(<?php echo $article['views']; ?>)</span>
|
||||
<?php elseif ($hesk_settings['kb_views']): ?>
|
||||
<span class="lightgrey">
|
||||
<?php echo $hesklang['views'] ?>:
|
||||
<?php echo $article['views']; ?>
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php if ($hesk_settings['kb_views'] || $hesk_settings['kb_rating']): ?>
|
||||
<div class="rate">
|
||||
<?php if ($hesk_settings['kb_views']): ?>
|
||||
<div style="margin-right: 10px; display: -ms-flexbox; display: flex;">
|
||||
<svg class="icon icon-eye-close">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-eye-close"></use>
|
||||
</svg>
|
||||
<span class="lightgrey"><?php echo $article['views_formatted']; ?></span>
|
||||
</div>
|
||||
<?php
|
||||
endif;
|
||||
if ($hesk_settings['kb_rating']): ?>
|
||||
<?php echo hesk3_get_customer_rating($article['rating']); ?>
|
||||
<?php if ($hesk_settings['kb_views']) echo '<span class="lightgrey">('.$article['votes_formatted'].')</span>'; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</a>
|
||||
<!--[if IE]>
|
||||
<p> </p>
|
||||
<![endif]-->
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php
|
||||
@@ -208,21 +219,27 @@ require_once(TEMPLATE_PATH . 'customer/util/rating.php');
|
||||
<?php echo $article['content_preview']; ?>
|
||||
</p>
|
||||
</div>
|
||||
<div class="rate">
|
||||
<?php
|
||||
if ($hesk_settings['kb_rating']) {
|
||||
echo hesk3_get_customer_rating($article['rating']);
|
||||
}
|
||||
if ($hesk_settings['kb_views'] && $hesk_settings['kb_rating']): ?>
|
||||
<span class="lightgrey">(<?php echo $article['views']; ?>)</span>
|
||||
<?php elseif ($hesk_settings['kb_views']): ?>
|
||||
<span class="lightgrey">
|
||||
<?php echo $hesklang['views'] ?>:
|
||||
<?php echo $article['views']; ?>
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php if ($hesk_settings['kb_views'] || $hesk_settings['kb_rating']): ?>
|
||||
<div class="rate">
|
||||
<?php if ($hesk_settings['kb_views']): ?>
|
||||
<div style="margin-right: 10px; display: -ms-flexbox; display: flex;">
|
||||
<svg class="icon icon-eye-close">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-eye-close"></use>
|
||||
</svg>
|
||||
<span class="lightgrey"><?php echo $article['views_formatted']; ?></span>
|
||||
</div>
|
||||
<?php
|
||||
endif;
|
||||
if ($hesk_settings['kb_rating']): ?>
|
||||
<?php echo hesk3_get_customer_rating($article['rating']); ?>
|
||||
<?php if ($hesk_settings['kb_views']) echo '<span class="lightgrey">('.$article['votes_formatted'].')</span>'; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</a>
|
||||
<!--[if IE]>
|
||||
<p> </p>
|
||||
<![endif]-->
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
@@ -269,11 +286,7 @@ END LICENSE CODE
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/hesk_functions.js"></script>
|
||||
<?php outputSearchJavascript(); ?>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/svg4everybody.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.scrollbar.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/selectize.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.en.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.autocomplete.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.js"></script>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -99,7 +99,7 @@ $(document).ready(function() {
|
||||
});
|
||||
var template =
|
||||
'<div class="label"><span>' +
|
||||
value +
|
||||
escapeHtml(value) +
|
||||
'</span><svg class="icon icon-chevron-down"><use xlink:href="./img/sprite.svg#icon-chevron-down"></use></svg></div><ul class="dropdown-list">';
|
||||
for (var i in options) {
|
||||
if (options[i].selected) $(el).attr("data-value", options[i].val);
|
||||
@@ -109,7 +109,7 @@ $(document).ready(function() {
|
||||
'"' +
|
||||
(options[i].selected ? ' class="selected"' : "") +
|
||||
">" +
|
||||
options[i].text +
|
||||
escapeHtml(options[i].text) +
|
||||
"</li>";
|
||||
}
|
||||
template += "</ul></div>";
|
||||
@@ -463,22 +463,24 @@ $(document).ready(function() {
|
||||
/* ===========================================================
|
||||
Create ticket
|
||||
============================================================*/
|
||||
$(".datepicker").datepicker({
|
||||
language: "en",
|
||||
position: "right bottom",
|
||||
autoClose: true,
|
||||
onSelect: function(formattedDate, date, inst) {
|
||||
if (formattedDate.length) {
|
||||
inst.$el
|
||||
.parent()
|
||||
.parent()
|
||||
.find('.calendar--value').fadeIn(150).find('span').text(formattedDate);
|
||||
if ( $.isFunction($.fn.datepicker) ) {
|
||||
$(".datepicker").datepicker({
|
||||
language: "en",
|
||||
position: "right bottom",
|
||||
autoClose: true,
|
||||
onSelect: function(formattedDate, date, inst) {
|
||||
if (formattedDate.length) {
|
||||
inst.$el
|
||||
.parent()
|
||||
.parent()
|
||||
.find('.calendar--value').fadeIn(150).find('span').text(formattedDate);
|
||||
}
|
||||
},
|
||||
onHide: function(inst, animationCompleted) {
|
||||
$(".ticket-create .param.calendar button").removeClass("active");
|
||||
}
|
||||
},
|
||||
onHide: function(inst, animationCompleted) {
|
||||
$(".ticket-create .param.calendar button").removeClass("active");
|
||||
}
|
||||
});
|
||||
});
|
||||
} /* End if datepicker */
|
||||
$(".ticket-create .param.calendar button").click(function(e) {
|
||||
$(this).addClass("active");
|
||||
$(this).parent().find('.datepicker')
|
||||
@@ -543,3 +545,10 @@ $(document).ready(function() {
|
||||
window.onload = function() {
|
||||
$("#loader").fadeOut(150);
|
||||
};
|
||||
|
||||
function escapeHtml(html){
|
||||
var text = document.createTextNode(html);
|
||||
var p = document.createElement('p');
|
||||
p.appendChild(text);
|
||||
return p.innerHTML;
|
||||
}
|
||||
15
hesk/theme/hesk3/customer/js/app.min.js
vendored
15
hesk/theme/hesk3/customer/js/app.min.js
vendored
File diff suppressed because one or more lines are too long
@@ -1,13 +0,0 @@
|
||||
;(function ($) { $.fn.datepicker.language['en'] = {
|
||||
days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
|
||||
daysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
|
||||
daysMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
|
||||
months: ['January','February','March','April','May','June', 'July','August','September','October','November','December'],
|
||||
monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
|
||||
today: 'Today',
|
||||
clear: 'Clear',
|
||||
dateFormat: 'mm/dd/yyyy',
|
||||
timeFormat: 'hh:ii aa',
|
||||
firstDay: 1
|
||||
}; })(jQuery);
|
||||
//# sourceMappingURL=datepicker.en.js.map
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
15
hesk/theme/hesk3/customer/js/prism.js
Normal file
15
hesk/theme/hesk3/customer/js/prism.js
Normal file
File diff suppressed because one or more lines are too long
@@ -20,13 +20,20 @@ require_once(TEMPLATE_PATH . 'customer/util/rating.php');
|
||||
<title><?php echo $hesk_settings['tmp_title']; ?></title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
||||
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="author" content="" />
|
||||
<meta name="theme-color" content="#fff" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo HESK_PATH; ?>img/favicon/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo HESK_PATH; ?>img/favicon/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo HESK_PATH; ?>img/favicon/favicon-16x16.png" />
|
||||
<link rel="manifest" href="<?php echo HESK_PATH; ?>img/favicon/site.webmanifest" />
|
||||
<link rel="mask-icon" href="<?php echo HESK_PATH; ?>img/favicon/safari-pinned-tab.svg" color="#5bbad5" />
|
||||
<link rel="shortcut icon" href="<?php echo HESK_PATH; ?>img/favicon/favicon.ico" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef" />
|
||||
<meta name="msapplication-config" content="<?php echo HESK_PATH; ?>img/favicon/browserconfig.xml" />
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.css" />
|
||||
|
||||
<!--[if IE]>
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/ie9.css" />
|
||||
<![endif]-->
|
||||
<style>
|
||||
<?php outputSearchStyling(); ?>
|
||||
</style>
|
||||
@@ -89,7 +96,6 @@ require_once(TEMPLATE_PATH . 'customer/util/rating.php');
|
||||
<div class="main__content">
|
||||
<div class="contr">
|
||||
<div class="help-search">
|
||||
<h2 class="search__title"><?php echo $hesklang['how_can_we_help']; ?></h2>
|
||||
<?php displayKbSearch(); ?>
|
||||
</div>
|
||||
<article class="article">
|
||||
@@ -99,7 +105,7 @@ require_once(TEMPLATE_PATH . 'customer/util/rating.php');
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-knowledge"></use>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="h-3 ml-1 text-center"><?php echo $hesklang['sr']; ?></h3>
|
||||
<h3 class="h-3 ml-1 text-center"><?php echo $hesklang['sr']; ?> (<?php echo count($articles); ?>)</h3>
|
||||
</div>
|
||||
<?php foreach ($articles as $article): ?>
|
||||
<a href="knowledgebase.php?article=<?php echo $article['id']; ?>" class="preview">
|
||||
@@ -112,22 +118,27 @@ require_once(TEMPLATE_PATH . 'customer/util/rating.php');
|
||||
<h5 class="preview__title"><?php echo $article['subject']; ?></h5>
|
||||
<p class="navlink__descr"><?php echo $article['content_preview']; ?></p>
|
||||
</div>
|
||||
<div class="rate">
|
||||
<?php
|
||||
if ($hesk_settings['kb_rating']) {
|
||||
echo hesk3_get_customer_rating($article['rating']);
|
||||
}
|
||||
|
||||
if ($hesk_settings['kb_views'] && $hesk_settings['kb_rating']): ?>
|
||||
<span class="lightgrey">(<?php echo $article['views']; ?>)</span>
|
||||
<?php elseif ($hesk_settings['kb_views']): ?>
|
||||
<span class="lightgrey">
|
||||
<?php echo $hesklang['views'] ?>:
|
||||
<?php echo $article['views']; ?>
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php if ($hesk_settings['kb_views'] || $hesk_settings['kb_rating']): ?>
|
||||
<div class="rate">
|
||||
<?php if ($hesk_settings['kb_views']): ?>
|
||||
<div style="margin-right: 10px; display: -ms-flexbox; display: flex;">
|
||||
<svg class="icon icon-eye-close">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-eye-close"></use>
|
||||
</svg>
|
||||
<span class="lightgrey"><?php echo $article['views_formatted']; ?></span>
|
||||
</div>
|
||||
<?php
|
||||
endif;
|
||||
if ($hesk_settings['kb_rating']): ?>
|
||||
<?php echo hesk3_get_customer_rating($article['rating']); ?>
|
||||
<?php if ($hesk_settings['kb_views']) echo '<span class="lightgrey">('.$article['votes_formatted'].')</span>'; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</a>
|
||||
<!--[if IE]>
|
||||
<p> </p>
|
||||
<![endif]-->
|
||||
<?php endforeach; ?>
|
||||
</article>
|
||||
</div>
|
||||
@@ -160,11 +171,7 @@ END LICENSE CODE
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/hesk_functions.js"></script>
|
||||
<?php outputSearchJavascript(); ?>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/svg4everybody.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.scrollbar.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/selectize.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.en.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.autocomplete.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -14,6 +14,7 @@ if (!defined('IN_SCRIPT')) {
|
||||
}
|
||||
|
||||
require_once(TEMPLATE_PATH . 'customer/util/rating.php');
|
||||
require_once(TEMPLATE_PATH . 'customer/util/kb-search.php');
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
@@ -23,13 +24,26 @@ require_once(TEMPLATE_PATH . 'customer/util/rating.php');
|
||||
<title><?php echo $hesk_settings['tmp_title']; ?></title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
||||
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="author" content="" />
|
||||
<meta name="theme-color" content="#fff" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo HESK_PATH; ?>img/favicon/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo HESK_PATH; ?>img/favicon/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo HESK_PATH; ?>img/favicon/favicon-16x16.png" />
|
||||
<link rel="manifest" href="<?php echo HESK_PATH; ?>img/favicon/site.webmanifest" />
|
||||
<link rel="mask-icon" href="<?php echo HESK_PATH; ?>img/favicon/safari-pinned-tab.svg" color="#5bbad5" />
|
||||
<link rel="shortcut icon" href="<?php echo HESK_PATH; ?>img/favicon/favicon.ico" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef" />
|
||||
<meta name="msapplication-config" content="<?php echo HESK_PATH; ?>img/favicon/browserconfig.xml" />
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.css" />
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/prism.css" />
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/prism.js"></script>
|
||||
<!--[if IE]>
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/ie9.css" />
|
||||
<![endif]-->
|
||||
<?php include(TEMPLATE_PATH . '../../head.txt'); ?>
|
||||
<style>
|
||||
<?php outputSearchStyling(); ?>
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="cust-help">
|
||||
@@ -75,8 +89,16 @@ require_once(TEMPLATE_PATH . 'customer/util/rating.php');
|
||||
<svg class="icon icon-chevron-right">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-chevron-right"></use>
|
||||
</svg>
|
||||
<a href="knowledgebase.php">
|
||||
<span><?php echo $hesklang['kb_text']; ?></span>
|
||||
<?php foreach ($hesk_settings['public_kb_categories'][$article['catid']]['parents'] as $parent_id): ?>
|
||||
<a href="knowledgebase.php<?php if ($parent_id > 1) echo "?category={$parent_id}"; ?>">
|
||||
<span><?php echo $hesk_settings['public_kb_categories'][$parent_id]['name']; ?></span>
|
||||
</a>
|
||||
<svg class="icon icon-chevron-right">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-chevron-right"></use>
|
||||
</svg>
|
||||
<?php endforeach; ?>
|
||||
<a href="knowledgebase.php<?php if ($article['catid'] > 1) echo "?category={$article['catid']}"; ?>">
|
||||
<span><?php echo $hesk_settings['public_kb_categories'][$article['catid']]['name']; ?></span>
|
||||
</a>
|
||||
<svg class="icon icon-chevron-right">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-chevron-right"></use>
|
||||
@@ -87,33 +109,42 @@ require_once(TEMPLATE_PATH . 'customer/util/rating.php');
|
||||
</div>
|
||||
<div class="main__content">
|
||||
<div class="contr">
|
||||
<div class="help-search">
|
||||
<?php displayKbSearch(); ?>
|
||||
</div>
|
||||
<div class="ticket ticket--article">
|
||||
<div class="ticket__body">
|
||||
<article class="ticket__body_block naked">
|
||||
<h2><?php echo $article['subject']; ?></h2>
|
||||
<div class="block--description">
|
||||
<h1><?php echo $article['subject']; ?></h1>
|
||||
<div class="block--description browser-default">
|
||||
<?php echo $article['content']; ?>
|
||||
</div>
|
||||
<?php foreach ($attachments as $attachment): ?>
|
||||
<?php if (count($attachments)): ?>
|
||||
<div class="block--uploads">
|
||||
<?php foreach ($attachments as $attachment): ?>
|
||||
»
|
||||
<svg class="icon icon-attach">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-attach"></use>
|
||||
</svg>
|
||||
<a href="download_attachment.php?kb_att=<?php echo $attachment['id']; ?>" rel="nofollow">
|
||||
<a title="<?php echo $hesklang['dnl']; ?>" href="download_attachment.php?kb_att=<?php echo $attachment['id']; ?>" rel="nofollow">
|
||||
<?php echo $attachment['name']; ?>
|
||||
</a>
|
||||
<br>
|
||||
<?php
|
||||
endforeach;
|
||||
?>
|
||||
</div>
|
||||
<?php
|
||||
endforeach;
|
||||
endif;
|
||||
if ($showRating):
|
||||
?>
|
||||
<div class="ticket__block-footer">
|
||||
<div id="rate-me" class="ticket__block-footer">
|
||||
<span><?php echo $hesklang['rart']; ?></span>
|
||||
<a href="knowledgebase.php?rating=5&id=<?php echo $article['id']; ?>" class="link">
|
||||
<a href="javascript:" onclick="HESK_FUNCTIONS.rate('rate_kb.php?rating=5&id=<?php echo $article['id']; ?>','article-rating');document.getElementById('rate-me').innerHTML='<?php echo hesk_slashJS($hesklang['tyr']); ?>';" class="link" rel="nofollow">
|
||||
<?php echo $hesklang['yes_title_case']; ?>
|
||||
</a>
|
||||
<span>|</span>
|
||||
<a href="knowledgebase.php?rating=1&id=<?php echo $article['id']; ?>" class="link">
|
||||
<a href="javascript:" onclick="HESK_FUNCTIONS.rate('rate_kb.php?rating=1&id=<?php echo $article['id']; ?>','article-rating');document.getElementById('rate-me').innerHTML='<?php echo hesk_slashJS($hesklang['tyr']); ?>';" class="link" rel="nofollow">
|
||||
<?php echo $hesklang['no_title_case']; ?>
|
||||
</a>
|
||||
</div>
|
||||
@@ -145,40 +176,40 @@ require_once(TEMPLATE_PATH . 'customer/util/rating.php');
|
||||
</div>
|
||||
<?php
|
||||
endif;
|
||||
if ($hesk_settings['kb_rating'] || $hesk_settings['kb_views']):
|
||||
if ($hesk_settings['kb_views']): ?>
|
||||
<div class="row">
|
||||
<div class="title">
|
||||
<?php echo $hesklang['views']; ?>:
|
||||
</div>
|
||||
<div class="value">
|
||||
<?php echo $article['views_formatted']; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
endif;
|
||||
if ($hesk_settings['kb_rating']):
|
||||
?>
|
||||
<div class="row">
|
||||
<div class="title">
|
||||
<?php
|
||||
if ($hesk_settings['kb_rating']) {
|
||||
echo $hesklang['rating'];
|
||||
|
||||
if ($hesk_settings['kb_views']) {
|
||||
echo ' ('.$hesklang['votes'].')';
|
||||
}
|
||||
} elseif ($hesk_settings['kb_views']) {
|
||||
echo $hesklang['views'];
|
||||
}
|
||||
?>:
|
||||
<?php echo $hesklang['rating']; ?>
|
||||
<?php if ($hesk_settings['kb_views']) echo ' ('.$hesklang['votes'].')'; ?>:
|
||||
</div>
|
||||
<div class="value">
|
||||
<div class="rate">
|
||||
<?php
|
||||
if ($hesk_settings['kb_rating']) {
|
||||
echo hesk3_get_customer_rating($article['rating']);
|
||||
}
|
||||
|
||||
if ($hesk_settings['kb_views'] && $hesk_settings['kb_rating']): ?>
|
||||
<span class="lightgrey">(<?php echo $article['views']; ?>)</span>
|
||||
<?php elseif ($hesk_settings['kb_views']): ?>
|
||||
<span>
|
||||
<?php echo $article['views']; ?>
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
<div id="article-rating" class="rate">
|
||||
<?php echo hesk3_get_customer_rating($article['rating']); ?>
|
||||
<?php if ($hesk_settings['kb_views']) echo ' <span class="lightgrey">('.$article['votes_formatted'].')</span>'; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<div style="text-align:right">
|
||||
<a href="javascript:history.go(<?php echo isset($_GET['rated']) ? '-2' : '-1'; ?>)" class="link">
|
||||
<svg class="icon icon-back go-back">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-back"></use>
|
||||
</svg>
|
||||
<?php echo $hesklang['back']; ?>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php if (count($relatedArticles) > 0): ?>
|
||||
@@ -230,12 +261,9 @@ END LICENSE CODE
|
||||
<?php include(TEMPLATE_PATH . '../../footer.txt'); ?>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery-3.4.1.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/hesk_functions.js"></script>
|
||||
<?php outputSearchJavascript(); ?>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/svg4everybody.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.scrollbar.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/selectize.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.en.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.autocomplete.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -38,12 +38,20 @@ $service_message_type_to_class = array(
|
||||
<title><?php echo $hesk_settings['tmp_title']; ?></title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
||||
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="author" content="" />
|
||||
<meta name="theme-color" content="#fff" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo HESK_PATH; ?>img/favicon/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo HESK_PATH; ?>img/favicon/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo HESK_PATH; ?>img/favicon/favicon-16x16.png" />
|
||||
<link rel="manifest" href="<?php echo HESK_PATH; ?>img/favicon/site.webmanifest" />
|
||||
<link rel="mask-icon" href="<?php echo HESK_PATH; ?>img/favicon/safari-pinned-tab.svg" color="#5bbad5" />
|
||||
<link rel="shortcut icon" href="<?php echo HESK_PATH; ?>img/favicon/favicon.ico" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef" />
|
||||
<meta name="msapplication-config" content="<?php echo HESK_PATH; ?>img/favicon/browserconfig.xml" />
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.css" />
|
||||
<!--[if IE]>
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/ie9.css" />
|
||||
<![endif]-->
|
||||
<!--suppress CssOverwrittenProperties -->
|
||||
<style>
|
||||
.topics__block {
|
||||
@@ -113,14 +121,14 @@ $service_message_type_to_class = array(
|
||||
<svg class="icon icon-chevron-right">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-chevron-right"></use>
|
||||
</svg>
|
||||
<?php if ($currentCategory['id'] != 1): ?>
|
||||
<a href="knowledgebase.php">
|
||||
<span><?php echo $hesklang['kb_text']; ?></span>
|
||||
<?php foreach ($hesk_settings['public_kb_categories'][$currentCategory['id']]['parents'] as $parent_id): ?>
|
||||
<a href="knowledgebase.php<?php if ($parent_id > 1) echo "?category={$parent_id}"; ?>">
|
||||
<span><?php echo $hesk_settings['public_kb_categories'][$parent_id]['name']; ?></span>
|
||||
</a>
|
||||
<svg class="icon icon-chevron-right">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-chevron-right"></use>
|
||||
</svg>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<div class="last"><?php echo $currentCategory['name']; ?></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -128,63 +136,73 @@ $service_message_type_to_class = array(
|
||||
<div class="main__content">
|
||||
<div class="contr">
|
||||
<div class="help-search">
|
||||
<h2 class="search__title"><?php echo $hesklang['how_can_we_help']; ?></h2>
|
||||
<?php if ($currentCategory['id'] == 1 && $hesk_settings['kb_enable'] == 2): ?>
|
||||
<h2 class="search__title"><?php echo $hesklang['how_can_we_help']; ?></h2>
|
||||
<?php endif; ?>
|
||||
<?php displayKbSearch(); ?>
|
||||
</div>
|
||||
<?php if ($noSearchResults): ?>
|
||||
<div class="alert warning">
|
||||
<div class="alert__inner">
|
||||
<div class="alert__head">
|
||||
<svg class="icon icon-warning">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-warning"></use>
|
||||
</svg>
|
||||
<h6 class="alert__title"><?php echo $hesklang['no_results_found']; ?></h6>
|
||||
</div>
|
||||
<p class="alert__descr"><?php echo $hesklang['nosr']; ?></p>
|
||||
<div class="main__content notice-flash" style="padding: 0px;">
|
||||
<div class="notification orange">
|
||||
<p><b><?php echo $hesklang['no_results_found']; ?></b></p>
|
||||
<?php echo $hesklang['nosr']; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php foreach ($serviceMessages as $service_message): ?>
|
||||
<div class="alert <?php echo $service_message_type_to_class[$service_message['style']] ?>">
|
||||
<div class="alert__inner">
|
||||
<div class="alert__head">
|
||||
<svg class="icon icon-warning">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-warning"></use>
|
||||
</svg>
|
||||
<h6 class="alert__title"><?php echo $service_message['title']; ?></h6>
|
||||
</div>
|
||||
<p class="alert__descr">
|
||||
<?php echo $service_message['message']; ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php hesk3_show_messages($service_messages); ?>
|
||||
<div class="content">
|
||||
<div class="block__head">
|
||||
<div class="icon-in-circle">
|
||||
<svg class="icon icon-knowledge">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-knowledge"></use>
|
||||
</svg>
|
||||
<?php if ($currentCategory['id'] == 1): ?>
|
||||
<div class="block__head">
|
||||
<div class="icon-in-circle">
|
||||
<svg class="icon icon-knowledge">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-knowledge"></use>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="h-3 ml-1"><?php echo $currentCategory['name']; ?></h3>
|
||||
</div>
|
||||
<h3 class="h-3 ml-1"><?php echo $currentCategory['name']; ?></h3>
|
||||
</div>
|
||||
<?php if ($currentCategory['id'] != 1): ?>
|
||||
<a class="link back-link" href="<?php echo $parentLink; ?>">
|
||||
(<?php echo $hesklang['back']; ?>)
|
||||
</a>
|
||||
<?php else: ?>
|
||||
<div class="block__head" style="padding-bottom: 32px; text-align: left ! important; display: block;">
|
||||
<h3 class="h-3 kb--folder">
|
||||
<svg class="icon icon-knowledge">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-knowledge"></use>
|
||||
</svg>
|
||||
<a href="knowledgebase.php">
|
||||
<span><?php echo $hesk_settings['public_kb_categories'][1]['name']; ?></span>
|
||||
</a>
|
||||
<svg class="icon icon-chevron-right">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-chevron-right"></use>
|
||||
</svg>
|
||||
<?php foreach ($hesk_settings['public_kb_categories'][$currentCategory['id']]['parents'] as $parent_id): ?>
|
||||
<?php if ($parent_id == 1) {continue;} ?>
|
||||
<svg class="icon icon-folder">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-folder"></use>
|
||||
</svg>
|
||||
<a href="knowledgebase.php?category=<?php echo $parent_id; ?>">
|
||||
<span><?php echo $hesk_settings['public_kb_categories'][$parent_id]['name']; ?></span>
|
||||
</a>
|
||||
<svg class="icon icon-chevron-right">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-chevron-right"></use>
|
||||
</svg>
|
||||
<?php endforeach; ?>
|
||||
<svg class="icon icon-folder">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-folder"></use>
|
||||
</svg>
|
||||
<?php echo $currentCategory['name']; ?>
|
||||
</h3>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php
|
||||
endif;
|
||||
if (count($subcategories) > 0):
|
||||
?>
|
||||
<div class="topics">
|
||||
<?php foreach ($subcategories as $subcategory): ?>
|
||||
<div class="topics__block">
|
||||
<h5 class="topics__title">
|
||||
<svg class="icon icon-knowledge">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-knowledge"></use>
|
||||
<svg class="icon icon-folder">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-folder"></use>
|
||||
</svg>
|
||||
<span>
|
||||
<a class="link" href="knowledgebase.php?category=<?php echo $subcategory['subcategory']['id']; ?>">
|
||||
<a class="title-link" href="knowledgebase.php?category=<?php echo $subcategory['subcategory']['id']; ?>">
|
||||
<?php echo $subcategory['subcategory']['name']; ?>
|
||||
</a>
|
||||
</span>
|
||||
@@ -202,7 +220,7 @@ $service_message_type_to_class = array(
|
||||
?>
|
||||
<li class="text-bold">
|
||||
<a href="knowledgebase.php?category=<?php echo $subcategory['subcategory']['id']; ?>">
|
||||
<?php echo $hesklang['m']; ?>
|
||||
<?php echo $hesklang['m']; ?> »
|
||||
</a>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
@@ -213,7 +231,7 @@ $service_message_type_to_class = array(
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php if (count($articlesInCategory) > 0): ?>
|
||||
<article class="article">
|
||||
<article class="article" <?php if (count($subcategories) == 0) echo 'style="margin-top: -20px"'; ?>>
|
||||
<div class="block__head">
|
||||
<h3 class="h-3 text-center"><?php echo $hesklang['ac']; ?></h3>
|
||||
</div>
|
||||
@@ -228,26 +246,44 @@ $service_message_type_to_class = array(
|
||||
<h5 class="preview__title"><?php echo $article['subject']; ?></h5>
|
||||
<p class="navlink__descr"><?php echo $article['content_preview']; ?></p>
|
||||
</div>
|
||||
<div class="rate">
|
||||
<?php
|
||||
if ($hesk_settings['kb_rating']) {
|
||||
echo hesk3_get_customer_rating($article['rating']);
|
||||
}
|
||||
|
||||
if ($hesk_settings['kb_views'] && $hesk_settings['kb_rating']): ?>
|
||||
<span class="lightgrey">(<?php echo $article['views']; ?>)</span>
|
||||
<?php elseif ($hesk_settings['kb_views']): ?>
|
||||
<span class="lightgrey">
|
||||
<?php echo $hesklang['views'] ?>:
|
||||
<?php echo $article['views']; ?>
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php if ($hesk_settings['kb_views'] || $hesk_settings['kb_rating']): ?>
|
||||
<div class="rate">
|
||||
<?php if ($hesk_settings['kb_views']): ?>
|
||||
<div style="margin-right: 10px; display: -ms-flexbox; display: flex;">
|
||||
<svg class="icon icon-eye-close">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-eye-close"></use>
|
||||
</svg>
|
||||
<span class="lightgrey"><?php echo $article['views_formatted']; ?></span>
|
||||
</div>
|
||||
<?php
|
||||
endif;
|
||||
if ($hesk_settings['kb_rating']): ?>
|
||||
<?php echo hesk3_get_customer_rating($article['rating']); ?>
|
||||
<?php if ($hesk_settings['kb_views']) echo '<span class="lightgrey">('.$article['votes_formatted'].')</span>'; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</a>
|
||||
<!--[if IE]>
|
||||
<p> </p>
|
||||
<![endif]-->
|
||||
<?php endforeach; ?>
|
||||
</article>
|
||||
<?php
|
||||
endif;
|
||||
|
||||
// No sub-categories and no articles in this category
|
||||
if ( ! count($articlesInCategory) && ! count($subcategories)):
|
||||
?>
|
||||
<div class="main__content notice-flash">
|
||||
<div class="notification blue text-center">
|
||||
<?php echo $hesklang['noac']; ?><br><br>
|
||||
<a class="link" href="javascript:history.go(-1)"><?php echo $hesklang['back']; ?></a>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
endif;
|
||||
|
||||
if (count($topArticles) > 0 || count($latestArticles) > 0):
|
||||
?>
|
||||
<article class="article">
|
||||
@@ -289,22 +325,27 @@ $service_message_type_to_class = array(
|
||||
<?php echo $article['content_preview']; ?>
|
||||
</p>
|
||||
</div>
|
||||
<div class="rate">
|
||||
<?php
|
||||
if ($hesk_settings['kb_rating']) {
|
||||
echo hesk3_get_customer_rating($article['rating']);
|
||||
}
|
||||
|
||||
if ($hesk_settings['kb_views'] && $hesk_settings['kb_rating']): ?>
|
||||
<span class="lightgrey">(<?php echo $article['views']; ?>)</span>
|
||||
<?php elseif ($hesk_settings['kb_views']): ?>
|
||||
<span class="lightgrey">
|
||||
<?php echo $hesklang['views'] ?>:
|
||||
<?php echo $article['views']; ?>
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php if ($hesk_settings['kb_views'] || $hesk_settings['kb_rating']): ?>
|
||||
<div class="rate">
|
||||
<?php if ($hesk_settings['kb_views']): ?>
|
||||
<div style="margin-right: 10px; display: -ms-flexbox; display: flex;">
|
||||
<svg class="icon icon-eye-close">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-eye-close"></use>
|
||||
</svg>
|
||||
<span class="lightgrey"><?php echo $article['views_formatted']; ?></span>
|
||||
</div>
|
||||
<?php
|
||||
endif;
|
||||
if ($hesk_settings['kb_rating']): ?>
|
||||
<?php echo hesk3_get_customer_rating($article['rating']); ?>
|
||||
<?php if ($hesk_settings['kb_views']) echo '<span class="lightgrey">('.$article['votes_formatted'].')</span>'; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</a>
|
||||
<!--[if IE]>
|
||||
<p> </p>
|
||||
<![endif]-->
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php
|
||||
@@ -329,22 +370,27 @@ $service_message_type_to_class = array(
|
||||
<?php echo $article['content_preview']; ?>
|
||||
</p>
|
||||
</div>
|
||||
<div class="rate">
|
||||
<?php
|
||||
if ($hesk_settings['kb_rating']) {
|
||||
echo hesk3_get_customer_rating($article['rating']);
|
||||
}
|
||||
|
||||
if ($hesk_settings['kb_views'] && $hesk_settings['kb_rating']): ?>
|
||||
<span class="lightgrey">(<?php echo $article['views']; ?>)</span>
|
||||
<?php elseif ($hesk_settings['kb_views']): ?>
|
||||
<span class="lightgrey">
|
||||
<?php echo $hesklang['views'] ?>:
|
||||
<?php echo $article['views']; ?>
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php if ($hesk_settings['kb_views'] || $hesk_settings['kb_rating']): ?>
|
||||
<div class="rate">
|
||||
<?php if ($hesk_settings['kb_views']): ?>
|
||||
<div style="margin-right: 10px; display: -ms-flexbox; display: flex;">
|
||||
<svg class="icon icon-eye-close">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-eye-close"></use>
|
||||
</svg>
|
||||
<span class="lightgrey"><?php echo $article['views_formatted']; ?></span>
|
||||
</div>
|
||||
<?php
|
||||
endif;
|
||||
if ($hesk_settings['kb_rating']): ?>
|
||||
<?php echo hesk3_get_customer_rating($article['rating']); ?>
|
||||
<?php if ($hesk_settings['kb_views']) echo '<span class="lightgrey">('.$article['votes_formatted'].')</span>'; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</a>
|
||||
<!--[if IE]>
|
||||
<p> </p>
|
||||
<![endif]-->
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
@@ -381,11 +427,7 @@ END LICENSE CODE
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/hesk_functions.js"></script>
|
||||
<?php outputSearchJavascript(); ?>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/svg4everybody.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.scrollbar.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/selectize.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.en.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.autocomplete.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -17,10 +17,15 @@ if (!defined('IN_SCRIPT')) {
|
||||
<title><?php echo $hesk_settings['hesk_title']; ?></title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
||||
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="author" content="" />
|
||||
<meta name="theme-color" content="#fff" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo HESK_PATH; ?>img/favicon/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo HESK_PATH; ?>img/favicon/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo HESK_PATH; ?>img/favicon/favicon-16x16.png" />
|
||||
<link rel="manifest" href="<?php echo HESK_PATH; ?>img/favicon/site.webmanifest" />
|
||||
<link rel="mask-icon" href="<?php echo HESK_PATH; ?>img/favicon/safari-pinned-tab.svg" color="#5bbad5" />
|
||||
<link rel="shortcut icon" href="<?php echo HESK_PATH; ?>img/favicon/favicon.ico" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef" />
|
||||
<meta name="msapplication-config" content="<?php echo HESK_PATH; ?>img/favicon/browserconfig.xml" />
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.css" />
|
||||
<?php include(TEMPLATE_PATH . '../../head.txt'); ?>
|
||||
|
||||
@@ -15,7 +15,7 @@ function hesk3_show_messages($messages) {
|
||||
foreach ($messages as $message):
|
||||
?>
|
||||
<div class="main__content notice-flash">
|
||||
<div class="notification <?php echo $style_to_class[$message['style']]; ?>">
|
||||
<div class="notification <?php echo $style_to_class[$message['style']]; ?> browser-default">
|
||||
<p><b><?php echo $message['title']; ?></b></p>
|
||||
<?php echo $message['message']; ?>
|
||||
</div>
|
||||
|
||||
@@ -13,7 +13,7 @@ function hesk3_output_custom_fields($customFields) {
|
||||
?>
|
||||
<div class="form-group <?php echo $customField['iserror'] ? 'isError' : '' ?>">
|
||||
<label class="label <?php echo $customField['req'] ? 'required' : '' ?>">
|
||||
<?php echo $customField['title']; ?>
|
||||
<?php echo $customField['name:']; ?>
|
||||
</label>
|
||||
<?php
|
||||
$i = 0;
|
||||
@@ -37,9 +37,8 @@ function hesk3_output_custom_fields($customFields) {
|
||||
case 'select':
|
||||
?>
|
||||
<section class="param blue-select">
|
||||
<span class="label <?php echo $customField['req'] ? 'required' : '' ?>"><?php echo $customField['title']; ?></span>
|
||||
<div class="dropdown-select center out-close">
|
||||
<select name="<?php echo $customField['name']; ?>">
|
||||
<span class="label <?php echo $customField['req'] ? 'required' : '' ?>"><?php echo $customField['name:']; ?></span>
|
||||
<select name="<?php echo $customField['name']; ?>" id="<?php echo $customField['name']; ?>">
|
||||
<?php if (!empty($customField['value']['show_select'])): ?>
|
||||
<option value=""><?php echo $hesklang['select']; ?></option>
|
||||
<?php
|
||||
@@ -47,19 +46,18 @@ function hesk3_output_custom_fields($customFields) {
|
||||
$i = 0;
|
||||
foreach ($customField['value']['options'] as $option):
|
||||
?>
|
||||
<option value="<?php echo hesk_htmlentities($option['value']); ?>" <?php echo $option['selected'] ? 'selected' : '' ?>><?php echo $option['value']; ?></option>
|
||||
<option <?php echo $option['selected'] ? 'selected' : '' ?>><?php echo $option['value']; ?></option>
|
||||
<?php
|
||||
$i++;
|
||||
endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</section>
|
||||
<?php
|
||||
break;
|
||||
case 'checkbox':
|
||||
?>
|
||||
<section class="param checkboxs">
|
||||
<label class="label <?php echo $customField['req'] ? 'required' : '' ?>"><?php echo $customField['title']; ?></label>
|
||||
<label class="label <?php echo $customField['req'] ? 'required' : '' ?>"><?php echo $customField['name:']; ?></label>
|
||||
<?php
|
||||
$i = 0;
|
||||
foreach ($customField['value']['options'] as $option):
|
||||
@@ -81,7 +79,7 @@ function hesk3_output_custom_fields($customFields) {
|
||||
case 'textarea':
|
||||
?>
|
||||
<div class="form-group">
|
||||
<label class="label <?php echo $customField['req'] ? 'required' : '' ?>"><?php echo $customField['title']; ?></label>
|
||||
<label class="label <?php echo $customField['req'] ? 'required' : '' ?>"><?php echo $customField['name:']; ?></label>
|
||||
<textarea name="<?php echo $customField['name']; ?>"
|
||||
rows="<?php echo intval($customField['value']['rows']); ?>"
|
||||
cols="<?php echo intval($customField['value']['cols']); ?>"
|
||||
@@ -92,8 +90,9 @@ function hesk3_output_custom_fields($customFields) {
|
||||
break;
|
||||
case 'date':
|
||||
?>
|
||||
<!--[if !IE]><!-->
|
||||
<section class="param calendar">
|
||||
<label class="label <?php echo $customField['req'] ? 'required' : '' ?>"><?php echo $customField['title']; ?></label>
|
||||
<label class="label <?php echo $customField['req'] ? 'required' : '' ?>"><?php echo $customField['name:']; ?></label>
|
||||
<div class="calendar--button">
|
||||
<button type="button">
|
||||
<svg class="icon icon-calendar">
|
||||
@@ -114,6 +113,21 @@ function hesk3_output_custom_fields($customFields) {
|
||||
</i>
|
||||
</div>
|
||||
</section>
|
||||
<!--<![endif]-->
|
||||
<!--[if IE]>
|
||||
<div class="form-group">
|
||||
<label class="label <?php echo $customField['req'] ? 'required' : '' ?>">
|
||||
<?php echo $customField['name:']; ?>
|
||||
</label>
|
||||
<input type="text" class="form-control <?php if ($customField['iserror']) { ?>isError<?php } ?>"
|
||||
value="<?php echo $customField['original_value']; ?>"
|
||||
name="<?php echo $customField['name']; ?>"
|
||||
<?php echo $customField['req'] ? 'required' : '' ?>>
|
||||
<label class="label">
|
||||
<?php echo $hesklang['d_format']; ?>: <?php echo date($customField['value']['date_format'], mktime(0, 0, 0, 12, 30, date('Y'))); ?>
|
||||
</label>
|
||||
</div>
|
||||
<![endif]-->
|
||||
<?php
|
||||
break;
|
||||
case 'email':
|
||||
@@ -123,9 +137,9 @@ function hesk3_output_custom_fields($customFields) {
|
||||
?>
|
||||
<div class="form-group">
|
||||
<label class="label <?php echo $customField['req'] ? 'required' : '' ?>">
|
||||
<?php echo $customField['title']; ?>
|
||||
<?php echo $customField['name:']; ?>
|
||||
</label>
|
||||
<input type="email"
|
||||
<input type="<?php echo $customField['value']['multiple'] ? 'text' : 'email'; ?>"
|
||||
id="<?php echo $customField['name']; ?>"
|
||||
class="form-control"
|
||||
value="<?php echo $customField['original_value']; ?>"
|
||||
@@ -147,11 +161,12 @@ function hesk3_output_custom_fields($customFields) {
|
||||
?>
|
||||
<div class="form-group">
|
||||
<label class="label <?php echo $customField['req'] ? 'required' : '' ?>">
|
||||
<?php echo $customField['title']; ?>
|
||||
<?php echo $customField['name:']; ?>
|
||||
</label>
|
||||
<input type="text" class="form-control <?php if ($customField['iserror']) { ?>isError<?php } ?>"
|
||||
value="<?php echo $customField['value']['default_value']; ?>"
|
||||
name="<?php echo $customField['name']; ?>"
|
||||
maxlength="<?php echo intval($customField['value']['max_length']); ?>"
|
||||
<?php echo $customField['req'] ? 'required' : '' ?>>
|
||||
</div>
|
||||
<?php
|
||||
@@ -180,4 +195,4 @@ function hesk3_output_custom_fields_for_display($customFields) {
|
||||
</div>
|
||||
';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -25,10 +25,10 @@ function displayKbSearch() {
|
||||
<div class="alert none">
|
||||
<div class="alert__inner">
|
||||
<div class="alert__head">
|
||||
<h6 class="alert__title"><?php echo $hesklang['sc']; ?>:</h6>
|
||||
<h6 class="alert__title" style="margin-bottom:10px"><?php echo $hesklang['sc']; ?>:</h6>
|
||||
</div>
|
||||
<ul id="kb-suggestion-list" class="type--list">
|
||||
</ul>
|
||||
<ol id="kb-suggestion-list" class="type--list" style="list-style-type: decimal; padding-left: 15px;">
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -70,7 +70,7 @@ function outputSearchJavascript() {
|
||||
$('.kb-suggestions').show();
|
||||
var $suggestionList = $('#kb-suggestion-list');
|
||||
$suggestionList.html('');
|
||||
var format = '<li style="margin-bottom: 5px">' +
|
||||
var format = '<li style="margin-bottom: 15px; padding-left: 0.5em;">' +
|
||||
'<a class="link" href="knowledgebase.php?article={0}">{1}</a>' +
|
||||
'<br>' +
|
||||
'{2}' +
|
||||
@@ -82,7 +82,7 @@ function outputSearchJavascript() {
|
||||
});
|
||||
|
||||
if (!results) {
|
||||
$suggestionList.append('<li>' + noArticlesFoundText + '</li>');
|
||||
$suggestionList.append('<li style="list-style-type: none; margin-left: -15px;">' + noArticlesFoundText + '</li>');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
@@ -22,13 +22,20 @@ require_once(TEMPLATE_PATH . 'customer/util/alerts.php');
|
||||
<title><?php echo $hesk_settings['hesk_title']; ?></title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
||||
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="author" content="" />
|
||||
<meta name="theme-color" content="#fff" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo HESK_PATH; ?>img/favicon/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo HESK_PATH; ?>img/favicon/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo HESK_PATH; ?>img/favicon/favicon-16x16.png" />
|
||||
<link rel="manifest" href="<?php echo HESK_PATH; ?>img/favicon/site.webmanifest" />
|
||||
<link rel="mask-icon" href="<?php echo HESK_PATH; ?>img/favicon/safari-pinned-tab.svg" color="#5bbad5" />
|
||||
<link rel="shortcut icon" href="<?php echo HESK_PATH; ?>img/favicon/favicon.ico" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef" />
|
||||
<meta name="msapplication-config" content="<?php echo HESK_PATH; ?>img/favicon/browserconfig.xml" />
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.css" />
|
||||
|
||||
<!--[if IE]>
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/ie9.css" />
|
||||
<![endif]-->
|
||||
<style>
|
||||
#forgot-tid-submit {
|
||||
width: 200px;
|
||||
@@ -129,47 +136,41 @@ require_once(TEMPLATE_PATH . 'customer/util/alerts.php');
|
||||
?>
|
||||
</section>
|
||||
<div class="form-footer">
|
||||
<button type="submit" class="btn btn-full" ripple="ripple">View Ticket</button>
|
||||
<button type="submit" class="btn btn-full" ripple="ripple"><?php echo $hesklang['view_ticket']; ?></button>
|
||||
<a href="javascript:" onclick="$('#forgot').toggle()" class="link"><?php echo $hesklang['forgot_tid']; ?></a>
|
||||
</div>
|
||||
</form>
|
||||
<div id="forgot" style="display: <?php echo $submittedForgotTrackingIdForm ? 'block' : 'none'; ?>;">
|
||||
<div class="alert warning">
|
||||
<div class="alert__inner">
|
||||
<div class="alert__head">
|
||||
<svg class="icon icon-warning">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-warning"></use>
|
||||
</svg>
|
||||
<h6 class="alert__title"><?php echo $hesklang['forgot_tid'];?></h6>
|
||||
</div>
|
||||
<div class="alert__descr">
|
||||
<p><?php echo $hesklang['tid_mail']; ?></p>
|
||||
<form action="index.php" method="post" name="form1" class="form">
|
||||
<div class="form-group">
|
||||
<label class="label" style="display: none"><?php echo $hesklang['email']; ?></label>
|
||||
<input type="email" class="form-control" name="email" value="<?php echo $email; ?>">
|
||||
</form>
|
||||
|
||||
<!-- Start ticket reminder form -->
|
||||
<div id="forgot" style="display: <?php echo $submittedForgotTrackingIdForm ? 'block' : 'none'; ?>;">
|
||||
<div class="notification orange" style="margin-bottom:0px;">
|
||||
<b><?php echo $hesklang['forgot_tid']; ?></b><br><br>
|
||||
<?php echo $hesklang['tid_mail']; ?>
|
||||
<form action="index.php" method="post" name="form1" class="form">
|
||||
<div class="form-group">
|
||||
<label class="label" style="display: none"><?php echo $hesklang['email']; ?></label>
|
||||
<input type="email" class="form-control" name="email" value="<?php echo $email; ?>">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="radio-custom">
|
||||
<input type="radio" name="open_only" id="open_only1" value="1" <?php echo $hesk_settings['open_only'] ? 'checked' : ''; ?>>
|
||||
<label for="open_only1">
|
||||
<?php echo $hesklang['oon1']; ?>
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="radio-custom">
|
||||
<input type="radio" name="open_only" id="open_only1" value="1" <?php echo $hesk_settings['open_only'] ? 'checked' : ''; ?>>
|
||||
<label for="open_only1">
|
||||
<?php echo $hesklang['oon1']; ?>
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio-custom">
|
||||
<input type="radio" name="open_only" id="open_only0" value="0" <?php echo !$hesk_settings['open_only'] ? 'checked' : ''; ?>>
|
||||
<label for="open_only0">
|
||||
<?php echo $hesklang['oon2']; ?>
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio-custom">
|
||||
<input type="radio" name="open_only" id="open_only0" value="0" <?php echo !$hesk_settings['open_only'] ? 'checked' : ''; ?>>
|
||||
<label for="open_only0">
|
||||
<?php echo $hesklang['oon2']; ?>
|
||||
</label>
|
||||
</div>
|
||||
<input type="hidden" name="a" value="forgot_tid">
|
||||
<button id="forgot-tid-submit" type="submit" class="btn btn-full"><?php echo $hesklang['tid_send']; ?></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="a" value="forgot_tid">
|
||||
<button id="forgot-tid-submit" type="submit" class="btn btn-full"><?php echo $hesklang['tid_send']; ?></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End ticket reminder form -->
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
@@ -199,11 +200,7 @@ END LICENSE CODE
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery-3.4.1.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/hesk_functions.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/svg4everybody.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.scrollbar.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/selectize.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.en.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.autocomplete.js"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('#select_category').selectize();
|
||||
|
||||
@@ -29,12 +29,18 @@ require(TEMPLATE_PATH . 'customer/view-ticket/partial/add-reply.php');
|
||||
<title><?php echo $hesk_settings['hesk_title']; ?></title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
||||
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="author" content="" />
|
||||
<meta name="theme-color" content="#fff" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo HESK_PATH; ?>img/favicon/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo HESK_PATH; ?>img/favicon/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo HESK_PATH; ?>img/favicon/favicon-16x16.png" />
|
||||
<link rel="manifest" href="<?php echo HESK_PATH; ?>img/favicon/site.webmanifest" />
|
||||
<link rel="mask-icon" href="<?php echo HESK_PATH; ?>img/favicon/safari-pinned-tab.svg" color="#5bbad5" />
|
||||
<link rel="shortcut icon" href="<?php echo HESK_PATH; ?>img/favicon/favicon.ico" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef" />
|
||||
<meta name="msapplication-config" content="<?php echo HESK_PATH; ?>img/favicon/browserconfig.xml" />
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<link rel="stylesheet" media="all" href="<?php echo TEMPLATE_PATH; ?>customer/css/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.css" />
|
||||
<link rel="stylesheet" href="./css/zebra_tooltips.css">
|
||||
<?php include(TEMPLATE_PATH . '../../head.txt'); ?>
|
||||
</head>
|
||||
|
||||
@@ -121,9 +127,9 @@ require(TEMPLATE_PATH . 'customer/view-ticket/partial/add-reply.php');
|
||||
</a>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<time class="date"><?php echo hesk_date($ticket['dt'], true); ?></time>
|
||||
<time class="timeago tooltip" datetime="<?php echo date("c", strtotime($ticket['dt'])) ; ?>" title="<?php echo hesk_date($ticket['dt'], true); ?>"><?php echo hesk_date($ticket['dt'], true); ?></time>
|
||||
</div>
|
||||
<a href="print.php?track=<?php echo $ticket['trackid'].$hesk_settings['e_query']; ?>" class="btn btn-action">
|
||||
<a title="<?php echo $hesklang['btn_print']; ?>" href="print.php?track=<?php echo $ticket['trackid'].$hesk_settings['e_query']; ?>" target="_blank" class="btn btn-action tooltip">
|
||||
<svg class="icon icon-print">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-print"></use>
|
||||
</svg>
|
||||
@@ -171,30 +177,33 @@ require(TEMPLATE_PATH . 'customer/view-ticket/partial/add-reply.php');
|
||||
<div class="accordion-body">
|
||||
<div class="row">
|
||||
<div class="title"><?php echo $hesklang['trackID']; ?>:</div>
|
||||
<?php if ($hesk_settings['sequential']): ?>
|
||||
<div class="value">
|
||||
<?php echo $trackingID; ?>
|
||||
(<?php echo $hesklang['seqid']; ?>: <?php echo $ticket['id']; ?>)
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="value">
|
||||
<?php echo $trackingID; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<div class="value"><?php echo $trackingID; ?></div>
|
||||
</div>
|
||||
<?php if ($hesk_settings['sequential']): ?>
|
||||
<div class="row">
|
||||
<div class="title"><?php echo $hesklang['ticket_status']; ?>:</div>
|
||||
<?php
|
||||
if ($ticket['status'] == 3) {
|
||||
$status_action = ($ticket['locked'] != 1 && $hesk_settings['custopen']) ? ' <a class="link" href="change_status.php?track='.$trackingID.$hesk_settings['e_query'].'&s=2&Refresh='.rand(10000,99999).'&token='.hesk_token_echo(0).'">'.$hesklang['open_action'].'</a>' : '';
|
||||
} elseif ($hesk_settings['custclose']) {
|
||||
$status_action = ' <a class="link ml-1" href="change_status.php?track='.$trackingID.$hesk_settings['e_query'].'&s=3&Refresh='.rand(10000,99999).'&token='.hesk_token_echo(0).'">'.$hesklang['close_action'].'</a>';
|
||||
} else {
|
||||
$status_action = '';
|
||||
}
|
||||
?>
|
||||
<div class="value"><?php echo hesk_get_ticket_status($ticket['status'], $status_action); ?></div>
|
||||
<div class="title"><?php echo $hesklang['seqid']; ?>:</div>
|
||||
<div class="value"><?php echo $ticket['id']; ?></div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php
|
||||
if ($ticket['status'] == 3) {
|
||||
$status_action = ($ticket['locked'] != 1 && $hesk_settings['custopen']) ? '[<a class="link" href="change_status.php?track='.$trackingID.$hesk_settings['e_query'].'&s=2&Refresh='.rand(10000,99999).'&token='.hesk_token_echo(0).'">'.$hesklang['open_action'].'</a>]' : '';
|
||||
} elseif ($hesk_settings['custclose']) {
|
||||
$status_action = '[<a class="link" href="change_status.php?track='.$trackingID.$hesk_settings['e_query'].'&s=3&Refresh='.rand(10000,99999).'&token='.hesk_token_echo(0).'">'.$hesklang['close_action'].'</a>]';
|
||||
} else {
|
||||
$status_action = '';
|
||||
}
|
||||
?>
|
||||
<div class="row" <?php echo strlen($status_action) ? 'style="margin-bottom: 10px;"' : ''; ?>>
|
||||
<div class="title"><?php echo $hesklang['ticket_status']; ?>:</div>
|
||||
<div class="value"><?php echo hesk_get_ticket_status($ticket['status']); ?></div>
|
||||
</div>
|
||||
<?php if (strlen($status_action)): ?>
|
||||
<div class="row">
|
||||
<div class="title"> </div>
|
||||
<div class="value center"><?php echo $status_action; ?></div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<div class="row">
|
||||
<div class="title"><?php echo $hesklang['created_on']; ?>:</div>
|
||||
<div class="value"><?php echo hesk_date($ticket['dt'], true); ?></div>
|
||||
@@ -265,12 +274,25 @@ END LICENSE CODE
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery-3.4.1.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/hesk_functions.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/svg4everybody.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.scrollbar.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/selectize.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.min.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/datepicker.en.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/jquery.autocomplete.js"></script>
|
||||
<script src="<?php echo TEMPLATE_PATH; ?>customer/js/app<?php echo $hesk_settings['debug_mode'] ? '' : '.min'; ?>.js"></script>
|
||||
<?php if ($hesk_settings['time_display']): ?>
|
||||
<script src="./js/timeago/jquery.timeago.js?<?php echo $hesk_settings['hesk_version']; ?>"></script>
|
||||
<?php if ($hesklang['TIMEAGO_LANG_FILE'] != 'jquery.timeago.en.js'): ?>
|
||||
<script type="text/javascript" src="./js/timeago/locales/<?php echo $hesklang['TIMEAGO_LANG_FILE']; ?>?<?php echo $hesk_settings['hesk_version']; ?>"></script>
|
||||
<?php endif; ?>
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function() {
|
||||
$("time.timeago").timeago();
|
||||
});
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
<script src="./js/zebra_tooltips.min.js?<?php echo $hesk_settings['hesk_version']; ?>"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
new $.Zebra_Tooltips($('.tooltip'), {animation_offset: 0, animation_speed: 100, hide_delay: 0, show_delay: 0, vertical_alignment: 'above', vertical_offset: 5});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
<?php
|
||||
@@ -283,19 +305,18 @@ function displayReplies($replies, $trackingId) {
|
||||
if ($reply['staffid'] && !$reply['read']) {
|
||||
$unread_replies[] = $reply['id'];
|
||||
}
|
||||
|
||||
$reply['dt'] = hesk_date($reply['dt'], true);
|
||||
?>
|
||||
<article class="ticket__body_block <?php if ($reply['staffid']) { ?>response<?php } ?>">
|
||||
<div class="block--head">
|
||||
<div class="d-flex">
|
||||
<div class="contact">
|
||||
<span><?php echo $hesklang['name']; ?>:</span>
|
||||
<span><?php echo $reply['name']; ?></span>
|
||||
<?php echo $hesklang['reply_by']; ?>
|
||||
<b><?php echo $reply['name']; ?></b>
|
||||
»
|
||||
<time class="timeago tooltip" datetime="<?php echo date("c", strtotime($reply['dt'])) ; ?>" title="<?php echo hesk_date($reply['dt'], true); ?>"><?php echo hesk_date($reply['dt'], true); ?></time>
|
||||
</div>
|
||||
<time class="date"><?php echo $reply['dt']; ?></time>
|
||||
</div>
|
||||
<a href="print.php?track=<?php echo $trackingId.$hesk_settings['e_query']; ?>" class="btn btn-action">
|
||||
<a title="<?php echo $hesklang['btn_print']; ?>" href="print.php?track=<?php echo $trackingId.$hesk_settings['e_query']; ?>" target="_blank" class="btn btn-action tooltip">
|
||||
<svg class="icon icon-print">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-print"></use>
|
||||
</svg>
|
||||
@@ -319,7 +340,7 @@ function displayReplies($replies, $trackingId) {
|
||||
<?php echo $hesklang['yes_title_case']; ?>
|
||||
</a>
|
||||
<span>|</span>
|
||||
<a href="#" onclick="HESK_FUNCTIONS.rate('rate.php?rating=1&id=<?php echo $reply['id']; ?>&track=<?php echo $trackingId; ?>','rating<?php echo $reply['id']; ?>')" class="link">
|
||||
<a href="javascript:" onclick="HESK_FUNCTIONS.rate('rate.php?rating=1&id=<?php echo $reply['id']; ?>&track=<?php echo $trackingId; ?>','rating<?php echo $reply['id']; ?>')" class="link">
|
||||
<?php echo $hesklang['no_title_case']; ?>
|
||||
</a>
|
||||
</div>
|
||||
@@ -339,22 +360,27 @@ function listAttachments($attachments, $trackingId) {
|
||||
if (!$hesk_settings['attachments']['use'] || ! strlen($attachments) ) {
|
||||
return false;
|
||||
}
|
||||
|
||||
?>
|
||||
<div class="block--uploads">
|
||||
<?php
|
||||
/* List attachments */
|
||||
$att=explode(',',substr($attachments, 0, -1));
|
||||
foreach ($att as $myatt) {
|
||||
list($att_id, $att_name) = explode('#', $myatt);
|
||||
?>
|
||||
<div class="block--uploads">
|
||||
<svg class="icon icon-attach">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-attach"></use>
|
||||
</svg>
|
||||
<a href="download_attachment.php?att_id=<?php echo $att_id; ?>&track=<?php echo $trackingId.$hesk_settings['e_query']; ?>">
|
||||
<?php echo $att_name; ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php
|
||||
?>
|
||||
»
|
||||
<svg class="icon icon-attach">
|
||||
<use xlink:href="<?php echo TEMPLATE_PATH; ?>customer/img/sprite.svg#icon-attach"></use>
|
||||
</svg>
|
||||
<a title="<?php echo $hesklang['dnl']; ?>" href="download_attachment.php?att_id=<?php echo $att_id; ?>&track=<?php echo $trackingId.$hesk_settings['e_query']; ?>">
|
||||
<?php echo $att_name; ?>
|
||||
</a>
|
||||
<br>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<?php
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user