/home/edulekha/crm.edulekha.com/application/views/admin/knowledge_base/articles.php
<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>
<?php init_head();
$has_permission_edit = staff_can('edit', 'knowledge_base');
$has_permission_create = staff_can('create', 'knowledge_base');
?>
<div id="wrapper">
<div class="content">
<div class="row">
<div class="col-md-12 tw-mb-3">
<h4 class="tw-my-0 tw-font-bold tw-text-xl">
<?= _l('knowledge_base'); ?>
</h4>
<?php if ($has_permission_edit || $has_permission_create) { ?>
<a href="<?= admin_url('knowledge_base/manage_groups'); ?>"
class="tw-mr-4">
<?= _l('als_kb_groups'); ?>
→
</a>
<?php } ?>
<a href="#"
class="hidden-xs toggle-articles-list tw-text-neutral-500 hover:tw-text-neutral-700 focus:tw-text-neutral-700"
onclick="initKnowledgeBaseTableArticles(); return false;">
<?= _l('view_kanban'); ?>
</a>
</div>
<div class="col-md-12">
<div class="_buttons tw-mb-2">
<?php if ($has_permission_create) { ?>
<a href="<?= admin_url('knowledge_base/article'); ?>"
class="btn btn-primary mright5">
<i class="fa-regular fa-plus tw-mr-1"></i>
<?= _l('kb_article_new_article'); ?>
</a>
<?php } ?>
<div class="btn-group pull-right mleft4 btn-with-tooltip-group _filter_data hide"
data-toggle="tooltip"
data-title="<?= _l('filter_by'); ?>">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<i class="fa fa-filter" aria-hidden="true"></i>
</button>
<ul class="dropdown-menu dropdown-menu-left" style="width:300px;">
<li class="active">
<a href="#" data-cview="all"
onclick="dt_custom_view('','.table-articles',''); return false;"><?= _l('view_articles_list_all'); ?></a>
</li>
<?php foreach ($groups as $group) { ?>
<li><a href="#"
data-cview="kb_group_<?= e($group['groupid']); ?>"
onclick="dt_custom_view('kb_group_<?= e($group['groupid']); ?>','.table-articles','kb_group_<?= e($group['groupid']); ?>'); return false;"><?= e($group['name']); ?></a>
</li>
<?php } ?>
</ul>
</div>
<div class="_hidden_inputs _filters">
<?php foreach ($groups as $group) {
echo form_hidden('kb_group_' . $group['groupid']);
} ?>
</div>
</div>
<div class="mtop5">
<div class="row">
<div class="tab-content">
<div role="tabpanel" class="tab-pane kb-kan-ban kan-ban-tab" id="kan-ban">
<div class="container-fluid">
<?php
if (count($groups) == 0) {
echo _l('kb_no_articles_found');
}
foreach ($groups as $group) {
$kanban_colors = '';
foreach (get_system_favourite_colors() as $color) {
$color_selected_class = 'cpicker-small';
$kanban_colors .= "<div class='kanban-cpicker cpicker " . $color_selected_class . "' data-color='" . $color . "' style='background:" . $color . ';border:1px solid ' . $color . "'></div>";
} ?>
<ul class="kan-ban-col<?php if (! $has_permission_edit) {
echo ' sortable-disabled';
} ?>"
data-col-group-id="<?= e($group['groupid']); ?>">
<li class="kan-ban-col-wrapper">
<div class="border-right panel_s">
<?php
$group_color = 'style="background:' . $group['color'] . ';border:1px solid ' . $group['color'] . '"'; ?>
<div class="panel-heading tw-bg-neutral-700" <?= $group_color; ?>
data-group-id="<?= e($group['groupid']); ?>">
<?php if ($has_permission_edit) { ?>
<i class="fa fa-reorder pointer tw-text-white"></i>
<?php } ?>
<a href="#" class="tw-text-white hover:tw-text-neutral-200"
<?php if ($has_permission_create || $has_permission_edit) { ?>
onclick="edit_kb_group(this,<?= e($group['groupid']); ?>);
return false;"
data-name="<?= e($group['name']); ?>"
data-slug="<?= e($group['group_slug']); ?>"
data-color="<?= $group['color']; ?>"
data-description="<?= clear_textarea_breaks($group['description']); ?>"
data-order="<?= e($group['group_order']); ?>"
data-active="<?= e($group['active']); ?>"
<?php } ?>>
<?= e($group['name']); ?>
</a>
<small class="tw-text-white"> -
<?= total_rows(db_prefix() . 'knowledge_base', 'articlegroup=' . $group['groupid']); ?></small>
<?php if ($has_permission_edit) { ?>
<a href="#" onclick="return false;"
class="pull-right color-white kanban-color-picker"
data-placement="bottom" data-toggle="popover"
data-content="<div class='kan-ban-settings cpicker-wrapper'><?= e($kanban_colors); ?></div>"
data-html="true" data-trigger="focus">
<i class="fa fa-angle-down"></i>
</a>
<?php } ?>
</div>
<?php
$this->db->select('*, (SELECT COUNT(*) FROM ' . db_prefix() . 'views_tracking WHERE rel_type="kb_article" AND rel_id=' . db_prefix() . 'knowledge_base.articleid) as total_views')->from(db_prefix() . 'knowledge_base')->where('articlegroup', $group['groupid'])->order_by('article_order', 'asc');
if (! $has_permission_create && ! $has_permission_edit) {
$this->db->where('active', 1);
}
$articles = $this->db->get()->result_array(); ?>
<div class="kan-ban-content-wrapper">
<div class="kan-ban-content">
<ul class="sortable article-group groups<?php if (! $has_permission_edit) {
echo 'sortable-disabled';
} ?>"
data-group-id="<?= e($group['groupid']); ?>">
<?php foreach ($articles as $article) { ?>
<li class="<?php if ($article['active'] == 0) {
echo 'line-throught';
} ?>"
data-article-id="<?= e($article['articleid']); ?>">
<div class="panel-body">
<?php if ($article['staff_article'] == 1) { ?>
<a
href="<?= admin_url('knowledge_base/view/' . $article['slug']); ?>">
<?= e($article['subject']); ?>
</a>
<?php } else { ?>
<a href="<?= site_url('knowledge-base/article/' . $article['slug']); ?>"
target="_blank">
<?= e($article['subject']); ?>
</a>
<?php } ?>
<?php if ($has_permission_edit) { ?>
<a href="<?= admin_url('knowledge_base/article/' . $article['articleid']); ?>"
target="_blank" class="pull-right"><span><i
class="fa-regular fa-pen-to-square"
aria-hidden="true"></i></span></a>
<?php } ?>
<div class="clearfix"></div>
<hr class="hr-10" />
<p class="pull-left no-mbot">
<small><?= _l('article_total_views'); ?>:
<?= e($article['total_views']); ?></small>
</p>
<?php if ($article['staff_article'] == 1) { ?>
<span
class="label label-default pull-right"><?= _l('internal_article'); ?></span>
<?php } ?>
</div>
</li>
<?php } ?>
</ul>
</div>
</div>
</li>
</ul>
<?php
} ?>
</div>
</div>
<div role="tabpanel" class="tab-pane active" id="list_tab">
<div class="col-md-12 panel-table-full">
<div class="panel_s">
<div class="panel-body">
<?php render_datatable(
[
_l('kb_dt_article_name'),
_l('kb_dt_group_name'),
_l('date_published'),
],
'articles',
[],
[
'data-last-order-identifier' => 'kb-articles',
'data-default-order' => get_table_last_order('kb-articles'),
]
); ?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include_once APPPATH . 'views/admin/knowledge_base/group.php'; ?>
<?php init_tail(); ?>
<script>
$(function() {
fix_kanban_height(290, 360);
initKnowledgeBaseTableArticles();
$(".groups").sortable({
connectWith: ".article-group",
helper: 'clone',
appendTo: '#kan-ban',
placeholder: "ui-state-highlight-kan-ban-kb",
revert: true,
scroll: true,
scrollSensitivity: 50,
scrollSpeed: 70,
start: function(event, ui) {
$('body').css('overflow', 'hidden');
},
stop: function(event, ui) {
$('body').removeAttr('style');
},
update: function(event, ui) {
if (this === ui.item.parent()[0]) {
var articles = $(ui.item).parents('.article-group').find('li');
i = 1;
var order = [];
$.each(articles, function() {
i++;
order.push([$(this).data('article-id'), i]);
});
setTimeout(function() {
$.post(admin_url + 'knowledge_base/update_kan_ban', {
order: order,
groupid: $(ui.item.parent()[0]).data('group-id')
});
}, 100);
}
}
}).disableSelection();
$('.groups').sortable({
cancel: '.sortable-disabled'
});
setTimeout(function() {
$('.kb-kan-ban').removeClass('hide');
}, 200);
$(".container-fluid").sortable({
helper: 'clone',
item: '.kan-ban-col',
cancel: '.sortable-disabled',
update: function(event, ui) {
var order = [];
var status = $('.kan-ban-col');
var i = 0;
$.each(status, function() {
order.push([$(this).data('col-group-id'), i]);
i++;
});
var data = {}
data.order = order;
$.post(admin_url + 'knowledge_base/update_groups_order', data);
}
});
// Status color change
$('body').on('click', '.kb-kan-ban .cpicker', function() {
var color = $(this).data('color');
var group_id = $(this).parents('.panel-heading').data('group-id');
$.post(admin_url + 'knowledge_base/change_group_color', {
color: color,
group_id: group_id
});
});
$('.toggle-articles-list').on('click', function() {
var list_tab = $('#list_tab');
if (list_tab.hasClass('active')) {
list_tab.css('display', 'none').removeClass('active');
$('.kan-ban-tab').css('display', 'block');
fix_kanban_height(290, 360);
mainWrapperHeightFix();
} else {
list_tab.css('display', 'block').addClass('active');
$('.kan-ban-tab').css('display', 'none');
}
});
});
function initKnowledgeBaseTableArticles() {
var KB_Articles_ServerParams = {};
$.each($('._hidden_inputs._filters input'), function() {
KB_Articles_ServerParams[$(this).attr('name')] = '[name="' + $(this).attr('name') + '"]';
});
$('._filter_data').toggleClass('hide');
initDataTable('.table-articles', window.location.href, undefined, undefined, KB_Articles_ServerParams, [2,
'desc'
]);
}
</script>
</body>
</html>