Netsyms
/
Mods-for-HESK-Netsyms
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Calendar uses new sidebar

Browse Source
merge-requests/31/head
Mike Koch 8 years ago
parent 2d2d8379cf
commit 45b3f88783
4 changed files with 92 additions and 68 deletions
Show Stats Download Patch File Download Diff File

116
admin/calendar.php
Unescape Escape View File

@ -68,7 +68,7 @@ while ($row = hesk_dbFetchAssoc($rs)) {
continue;
}
$row['css_style'] = $row['color'] == null ? 'color: black; border: solid 1px #000;' : 'background: ' . $row['color'];
$row['css_style'] = $row['color'] == null ? 'color: black; border: solid 1px #000;' : 'border: solid 1px ' . $row['color'] . '; background: ' . $row['color'];
$categories[] = $row;
}
@ -78,67 +78,69 @@ require_once(HESK_PATH . 'inc/headerAdmin.inc.php');
/* Print main manage users page */
require_once(HESK_PATH . 'inc/show_admin_nav.inc.php');
?>
<div class="content-wrapper">
<section class="content">
<div class="row">
<div class="col-md-4">
<div class="box">
<div class="box-header">
<h1 class="box-title">
<?php echo $hesklang['calendar_categories']; ?>
</h1>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse">
<i class="fa fa-minus"></i>
</button>
<aside class="main-sidebar">
<section class="sidebar" style="height: auto">
<ul class="sidebar-menu">
<li class="header text-uppercase"><?php echo $hesklang['calendar_categories']; ?></li>
<?php foreach ($categories as $category): ?>
<!-- TODO Clean this up -->
<li>
<div class="ticket-info">
<!--<div class="checkbox">
<input type="checkbox" data-select-target="category-toggle" name="category-toggle" value="<?php /*echo $category['id']; */?>" checked>
</div>-->
<div class="hide-on-overflow no-wrap event-category background-volatile"
data-select-toggle="category-toggle" data-name="category-toggle" data-category-value="<?php echo $category['id']; ?>"
data-checked="1"
style="<?php echo $category['css_style']; ?>">
<?php echo $category['name']; ?>
</div>
</div>
</li>
<?php endforeach; ?>
<li>
<div class="ticket-info">
<button id="select-all" class="btn btn-default btn-sm" data-select-all="category-toggle">
<?php echo $hesklang['select_all_title_case']; ?>
</button>
<button id="deselect-all" class="btn btn-default btn-sm" data-deselect-all="category-toggle">
<?php echo $hesklang['deselect_all_title_case']; ?>
</button>
</div>
<div class="box-body">
<div class="btn-group btn-group-sm">
<button id="select-all" class="btn btn-default" data-select-all="category-toggle"><?php echo $hesklang['select_all_title_case']; ?></button>
<button id="deselect-all" class="btn btn-default" data-deselect-all="category-toggle"><?php echo $hesklang['deselect_all_title_case']; ?></button>
</div>
<ul class="list-unstyled">
<?php foreach ($categories as $category): ?>
<li class="move-down-20 move-right-20">
<div class="checkbox">
<input type="checkbox" data-select-target="category-toggle" name="category-toggle" value="<?php echo $category['id']; ?>" checked>
</div>
<div class="hide-on-overflow no-wrap event-category background-volatile" style="<?php echo $category['css_style']; ?>">
<?php echo $category['name']; ?>
</div>
</li>
<?php endforeach; ?>
</ul>
<script>
$('#select-all').click(function() {
$('div[data-name="category-toggle"]').attr('data-checked', 1);
updateCategoryVisibility();
});
$('#deselect-all').click(function() {
$('div[data-name="category-toggle"]').attr('data-checked', 0);
updateCategoryVisibility();
});
</script>
</li>
<li class="header text-uppercase"><?php echo $hesklang['legend']; ?></li>
<li>
<div class="ticket-info">
<i class="fa fa-calendar"></i> <?php echo $hesklang['event']; ?>
</div>
</div>
<div class="box">
<div class="box-header">
<h1 class="box-title">
<?php echo $hesklang['legend']; ?>
</h1>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse">
<i class="fa fa-minus"></i>
</button>
</div>
</li>
<li>
<div class="ticket-info">
<i class="fa fa-ticket"></i> <?php echo $hesklang['ticket']; ?>
</div>
<div class="box-body">
<div class="row">
<div class="col-sm-6">
<i class="fa fa-calendar"></i> <?php echo $hesklang['event']; ?>
</div>
<div class="col-sm-6">
<i class="fa fa-ticket"></i> <?php echo $hesklang['ticket']; ?>
</div>
<div class="col-sm-6">
<i class="fa fa-exclamation-triangle"></i> <?php echo $hesklang['overdue_ticket_legend']; ?>
</div>
</div>
</li>
<li>
<div class="ticket-info">
<i class="fa fa-exclamation-triangle"></i> <?php echo $hesklang['overdue_ticket_legend']; ?>
</div>
</div>
</div>
<div class="col-md-8">
</li>
</ul>
</section>
</aside>
<div class="content-wrapper">
<section class="content">
<div class="row">
<div class="col-md-12">
<div class="box">
<div class="box-header">
<h1 class="box-title">

10
css/mods-for-hesk-new.css
Unescape Escape View File

@ -236,4 +236,14 @@ div.ticket-info {
color: #b8c7ce;
padding: 12px 5px 12px 15px;
display: block;
}
.event-category:hover {
border: solid 1px #fff !important;
cursor: pointer;
}
.event-category[data-checked="0"] {
background: #777 !important;
color: #aaa !important;
}

18
js/calendar/mods-for-hesk-calendar-admin-readonly.js
Unescape Escape View File

@ -100,7 +100,7 @@ $(document).ready(function() {
}
});
$('input[name="category-toggle"]').change(updateCategoryVisibility);
$('div[data-name="category-toggle"]').click(updateCategoryVisibility);
});
function buildEvent(id, dbObject) {
@ -186,13 +186,19 @@ function calculateTextColor(color) {
}
function updateCategoryVisibility() {
$('input[name="category-toggle"]').each(function() {
$this = $(this);
if ($(this).attr('data-checked') == '1') {
$(this).attr('data-checked', 0);
} else {
$(this).attr('data-checked', 1);
}
$('div[data-name="category-toggle"]').each(function() {
var $this = $(this);
if ($this.is(':checked')) {
$('.category-' + $this.val()).show();
if ($this.attr('data-checked') == '1') {
$('.category-' + $this.attr('data-category-value')).show();
} else {
$('.category-' + $this.val()).hide();
$('.category-' + $this.attr('data-category-value')).hide();
}
});
}

16
js/calendar/mods-for-hesk-calendar.js
Unescape Escape View File

@ -253,7 +253,7 @@ $(document).ready(function() {
});
});
$('input[name="category-toggle"]').change(updateCategoryVisibility);
$('div[data-name="category-toggle"]').click(updateCategoryVisibility);
});
function addToCalendar(id, event, successMessage) {
@ -431,13 +431,19 @@ function displayEditModal(date) {
}
function updateCategoryVisibility() {
$('input[name="category-toggle"]').each(function() {
if ($(this).attr('data-checked') == '1') {
$(this).attr('data-checked', 0);
} else {
$(this).attr('data-checked', 1);
}
$('div[data-name="category-toggle"]').each(function() {
var $this = $(this);
if ($this.is(':checked')) {
$('.category-' + $this.val()).show();
if ($this.attr('data-checked') == '1') {
$('.category-' + $this.attr('data-category-value')).show();
} else {
$('.category-' + $this.val()).hide();
$('.category-' + $this.attr('data-category-value')).hide();
}
});
}

Write Preview
Loading…
Cancel
Save