forked from community/device-mgt-core
Merge pull request #975 from ruwany/Supun94-master
Bumping apim versions and adding topic browser4.x.x
inoshperera
7 years ago
committed by
GitHub
commit
6601afcf53
@ -0,0 +1,283 @@
|
||||
/*
|
||||
* Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
|
||||
*
|
||||
* WSO2 Inc. licenses this file to you 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.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Following function would execute
|
||||
* when a user clicks on the list item
|
||||
* initial mode and with out select mode.
|
||||
*/
|
||||
function InitiateViewOption(url) {
|
||||
if (!$(".select-enable-btn").text() == "Select" && !$(this).hasClass("btn")) {
|
||||
url = $(this).parent().data("url");
|
||||
$(location).attr('href', url);
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* DOM ready functions.
|
||||
*/
|
||||
$(document).ready(function () {
|
||||
|
||||
var permissionSet = {};
|
||||
$.setPermission = function (permission) {
|
||||
permissionSet[permission] = true;
|
||||
};
|
||||
|
||||
$.hasPermission = function (permission) {
|
||||
return permissionSet[permission];
|
||||
};
|
||||
|
||||
name = getParameterByName("name");
|
||||
|
||||
/* for device list sorting drop down */
|
||||
$(".ctrl-filter-type-switcher").popover({
|
||||
html: true,
|
||||
content: function () {
|
||||
return $("#content-filter-types").html();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function loadTopics(searchType, searchParam) {
|
||||
|
||||
var serviceURL;
|
||||
if ($.hasPermission("VIEW_TOPICS")) {
|
||||
serviceURL = "/api/mqtt-topics/v1.0/admin/topics";
|
||||
} else {
|
||||
$("#loading-content").remove();
|
||||
$('#topics-table').addClass('hidden');
|
||||
$('#topics-listing-status-msg').text('Permission denied.');
|
||||
$("#topics-listing-status").removeClass(' hidden');
|
||||
return;
|
||||
}
|
||||
|
||||
var columns = [
|
||||
{
|
||||
targets: 0,
|
||||
data: 'localSubscribedQueueOrTopicName',
|
||||
class: 'remove-padding-top viewEnabledIcon',
|
||||
render: function (data, type, row, meta) {
|
||||
return '<div class="thumbnail icon"><img class="square-element text fw fw-bookmark" src=""/></div>';
|
||||
}
|
||||
},
|
||||
{
|
||||
targets: 1,
|
||||
data: 'localSubscribedQueueOrTopicName',
|
||||
class: 'remove-padding-top viewEnabledIcon',
|
||||
},
|
||||
{
|
||||
targets: 2,
|
||||
data: 'localNumberOfMessagesRemainingForSubscriber',
|
||||
class: 'remove-padding-top viewEnabledIcon',
|
||||
},
|
||||
{
|
||||
targets: 3,
|
||||
data: 'localActive',
|
||||
class: 'remove-padding-top viewEnabledIcon',
|
||||
},
|
||||
{
|
||||
targets: 4,
|
||||
data: 'localDurable',
|
||||
class: 'remove-padding-top viewEnabledIcon',
|
||||
},
|
||||
{
|
||||
targets: 5,
|
||||
data: 'localSubscriberQueueName',
|
||||
class: 'remove-padding-top viewEnabledIcon',
|
||||
},
|
||||
{
|
||||
targets: 6,
|
||||
data: 'localSubscriptionIdentifier',
|
||||
class: 'remove-padding-top viewEnabledIcon',
|
||||
}
|
||||
];
|
||||
|
||||
var fnCreatedRow = function (row, data, dataIndex) {
|
||||
$(row).attr('data-type', 'selectable');
|
||||
$(row).attr('localSubscribedQueueOrTopicName', htmlspecialchars(data.localSubscribedQueueOrTopicName));
|
||||
$(row).attr('localNumberOfMessagesRemainingForSubscriber', htmlspecialchars(data.localNumberOfMessagesRemainingForSubscriber));
|
||||
$(row).attr('data-url', context + '/device/' + htmlspecialchars(data.localSubscribedQueueOrTopicName) + '?id=' + htmlspecialchars(data.localNumberOfMessagesRemainingForSubscriber));
|
||||
|
||||
var topicName = htmlspecialchars(data.localSubscribedQueueOrTopicName);
|
||||
var remainingMesgCount = htmlspecialchars(data.localNumberOfMessagesRemainingForSubscriber);
|
||||
var isActive = htmlspecialchars(data.localActive);
|
||||
var isDurable = htmlspecialchars(data.localDurable);
|
||||
var localSubscriberQueueName = htmlspecialchars(data.localSubscriberQueueName);
|
||||
var subscriptionIdentifier = htmlspecialchars(data.localSubscriptionIdentifier);
|
||||
$.each($('td', row), function (colIndex) {
|
||||
switch (colIndex) {
|
||||
case 1:
|
||||
$(this).attr('data-grid-label', "Topic Name");
|
||||
$(this).attr('data-search', topicName);
|
||||
$(this).attr('data-display', topicName);
|
||||
break;
|
||||
case 2:
|
||||
$(this).attr('data-grid-label', "Remaining Messages");
|
||||
$(this).attr('data-search', remainingMesgCount);
|
||||
$(this).attr('data-display', remainingMesgCount);
|
||||
break;
|
||||
case 3:
|
||||
$(this).attr('data-grid-label', "Active");
|
||||
$(this).attr('data-search', isActive);
|
||||
$(this).attr('data-display', isActive);
|
||||
break;
|
||||
case 4:
|
||||
$(this).attr('data-grid-label', "Durable");
|
||||
$(this).attr('data-search', isDurable);
|
||||
$(this).attr('data-display', isDurable);
|
||||
break;
|
||||
case 5:
|
||||
$(this).attr('data-grid-label', "Subscriber Queue Name");
|
||||
$(this).attr('data-search', localSubscriberQueueName);
|
||||
$(this).attr('data-display', localSubscriberQueueName);
|
||||
break;
|
||||
case 6:
|
||||
$(this).attr('data-grid-label', "SubscriptionIdentifier");
|
||||
$(this).attr('data-search', subscriptionIdentifier);
|
||||
$(this).attr('data-display', subscriptionIdentifier);
|
||||
break;
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
function htmlspecialchars(text) {
|
||||
return jQuery('<div/>').text(text).html();
|
||||
}
|
||||
|
||||
var dataFilter = function (data) {
|
||||
data = JSON.parse(data);
|
||||
var objects = [];
|
||||
$(data.subscriptions).each(function (index) {
|
||||
objects.push(
|
||||
{
|
||||
localSubscribedQueueOrTopicName: data.subscriptions[index].localSubscribedQueueOrTopicName,
|
||||
localNumberOfMessagesRemainingForSubscriber: data.subscriptions[index].localNumberOfMessagesRemainingForSubscriber,
|
||||
localActive: data.subscriptions[index].localActive,
|
||||
localDurable: data.subscriptions[index].localDurable,
|
||||
localSubscriberQueueName: data.subscriptions[index].localSubscriberQueueName,
|
||||
localSubscriptionIdentifier: data.subscriptions[index].localSubscriptionIdentifier,
|
||||
name: data.subscriptions[index].localSubscribedQueueOrTopicName
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
var json = {
|
||||
"recordsTotal": data.count,
|
||||
"recordsFiltered": data.count,
|
||||
"data": objects
|
||||
};
|
||||
|
||||
return JSON.stringify(json);
|
||||
};
|
||||
|
||||
$('#topics-grid').datatables_extended_serverside_paging(
|
||||
null,
|
||||
serviceURL,
|
||||
dataFilter,
|
||||
columns,
|
||||
fnCreatedRow,
|
||||
function () {
|
||||
$(".icon .text").res_text(0.2);
|
||||
$('#topics-grid').removeClass('hidden');
|
||||
$("#loading-content").remove();
|
||||
}, {
|
||||
"placeholder": "Search By Topic Name",
|
||||
"searchKey": "name"
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
/*
|
||||
* DOM ready functions.
|
||||
*/
|
||||
$(document).ready(function () {
|
||||
/* Adding selected class for selected devices */
|
||||
var permissionList = $("#permission").data("permission");
|
||||
for (var key in permissionList) {
|
||||
if (permissionList.hasOwnProperty(key)) {
|
||||
$.setPermission(key);
|
||||
}
|
||||
}
|
||||
loadTopics();
|
||||
$(".dataTables_toolbar").css("display", "none");
|
||||
|
||||
/* for topic list sorting drop down */
|
||||
$(".ctrl-filter-type-switcher").popover({
|
||||
html: true,
|
||||
content: function () {
|
||||
return $("#content-filter-types").html();
|
||||
}
|
||||
});
|
||||
|
||||
/* for data tables*/
|
||||
$('[data-toggle="tooltip"]').tooltip();
|
||||
|
||||
$("[data-toggle=popover]").popover();
|
||||
|
||||
$(".ctrl-filter-type-switcher").popover({
|
||||
html: true,
|
||||
content: function () {
|
||||
return $('#content-filter-types').html();
|
||||
}
|
||||
});
|
||||
|
||||
$('#nav').affix({
|
||||
offset: {
|
||||
top: $('header').height()
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
var modalPopup = ".modal";
|
||||
var modalPopupContainer = modalPopup + " .modal-content";
|
||||
var modalPopupContent = modalPopup + " .modal-content";
|
||||
var body = "body";
|
||||
|
||||
/*
|
||||
* set popup maximum height function.
|
||||
*/
|
||||
function setPopupMaxHeight() {
|
||||
$(modalPopupContent).css('max-height', ($(body).height() - ($(body).height() / 100 * 30)));
|
||||
$(modalPopupContainer).css('margin-top', (-($(modalPopupContainer).height() / 2)));
|
||||
}
|
||||
|
||||
/*
|
||||
* show popup function.
|
||||
*/
|
||||
function showPopup() {
|
||||
$(modalPopup).modal('show');
|
||||
}
|
||||
|
||||
/*
|
||||
* hide popup function.
|
||||
*/
|
||||
function hidePopup() {
|
||||
$(modalPopupContent).html("");
|
||||
$(modalPopupContent).removeClass("operation-data");
|
||||
$(modalPopup).modal('hide');
|
||||
$('body').removeClass('modal-open').css('padding-right', '0px');
|
||||
$('.modal-backdrop').remove();
|
||||
}
|
||||
|
||||
function getParameterByName(name) {
|
||||
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
|
||||
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
|
||||
results = regex.exec(location.search);
|
||||
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
|
||||
}
|
||||
@ -0,0 +1,131 @@
|
||||
{{!
|
||||
Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
|
||||
|
||||
WSO2 Inc. licenses this file to you 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.
|
||||
}}`
|
||||
{{unit "cdmf.unit.ui.title" pageTitle="MQTT Dashboard"}}
|
||||
|
||||
{{unit "cdmf.unit.data-tables-extended"}}
|
||||
{{unit "cdmf.unit.lib.ui-permissions-utility"}}
|
||||
|
||||
{{#zone "breadcrumbs"}}
|
||||
<li>
|
||||
<a href="{{@app.context}}/">
|
||||
<i class="icon fw fw-home"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<!--suppress HtmlUnknownTarget -->
|
||||
<a href="{{@app.context}}/topics">
|
||||
Dashboard
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
MQTT
|
||||
</a>
|
||||
</li>
|
||||
{{/zone}}
|
||||
|
||||
|
||||
{{#zone "content"}}
|
||||
<div class="wr-device-list row">
|
||||
<div class="wr-hidden-operations wr-advance-operations"></div>
|
||||
<div class="col-md-12 wr-page-content">
|
||||
<div>
|
||||
<span id="permission" data-permission="{{permissions.list}}"></span>
|
||||
<div id="loading-content" class="col-centered">
|
||||
<i class="fw fw-settings fw-spin fw-2x"></i>
|
||||
Loading subscriptions . . .
|
||||
<br>
|
||||
</div>
|
||||
<div id="topics-listing-status" class="raw hidden">
|
||||
<ul style="list-style-type: none;">
|
||||
<li class="message message-info">
|
||||
<h4>
|
||||
<i class="icon fw fw-info"></i>
|
||||
<a id="topics-listing-status-msg"></a>
|
||||
</h4>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="topics-table">
|
||||
<table class="table table-striped table-hover list-table display responsive nowrap data-table hidden"
|
||||
id="topics-grid">
|
||||
<thead>
|
||||
<tr class="sort-row">
|
||||
<th class="no-sort"></th>
|
||||
<th>By TopicName</th>
|
||||
<th>By RemainingMsgCount</th>
|
||||
<th>By Active</th>
|
||||
<th>By Durable</th>
|
||||
<th>By SubscriberQueueName</th>
|
||||
<th>By SubscriptionIdentifier</th>
|
||||
</tr>
|
||||
<tr class="filter-row filter-box">
|
||||
<th class="no-sort"></th>
|
||||
<th data-for="By TopicName" class="text-filter"></th>
|
||||
<th data-for="By RemainingMessageCount" class="text-filter"></th>
|
||||
<th data-for="By Active" class="select-filter"></th>
|
||||
<th data-for="By Durable" class="select-filter data-platform"></th>
|
||||
<th data-for="By SubscriberQueueName" class="select-filter"></th>
|
||||
<th data-for="By SubscriptionIdentifier" class="select-filter"></th>
|
||||
<!--<th class="no-sort"></th>-->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="ast-container">
|
||||
|
||||
<br class="c-both" />
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<br class="c-both" />
|
||||
<div id="content-filter-types" style="display: none">
|
||||
<div class="sort-title">Sort By</div>
|
||||
<div class="sort-options">
|
||||
<a href="#">By SubscribedQueueOrTopicName<span class="ico-sort-asc"></span></a>
|
||||
<a href="#">By localNumberOfMessagesRemainingForSubscriber</a>
|
||||
<a href="#">By localActive</a>
|
||||
<a href="#">By localDurable</a>
|
||||
<a href="#">By localSubscriberQueueName</a>
|
||||
<a href="#">By localSubscriptionIdentifier</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/zone}}
|
||||
|
||||
{{#zone "bottomJs"}}
|
||||
<script id="device-listing" data-current-user="{{@user.username}}" data-device-types="{{deviceTypes}}"
|
||||
type="text/x-handlebars-template"></script>
|
||||
{{js "js/topic-listing.js"}}
|
||||
{{/zone}}
|
||||
|
||||
{{#zone "topCss"}}
|
||||
<style>
|
||||
.select2-dropdown {
|
||||
z-index: 999999999;
|
||||
}
|
||||
|
||||
.wr-input-control {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.select2-selection__choice {
|
||||
font-size: medium;
|
||||
}
|
||||
</style>
|
||||
{{/zone}}
|
||||
@ -0,0 +1,44 @@
|
||||
/*
|
||||
* Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
|
||||
*
|
||||
* WSO2 Inc. licenses this file to you 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.
|
||||
*/
|
||||
|
||||
function onRequest(context) {
|
||||
var constants = require("/app/modules/constants.js");
|
||||
var userModule = require("/app/modules/business-controllers/user.js")["userModule"];
|
||||
var deviceModule = require("/app/modules/business-controllers/device.js")["deviceModule"];
|
||||
var groupModule = require("/app/modules/business-controllers/group.js")["groupModule"];
|
||||
|
||||
var groupId = request.getParameter("groupId");
|
||||
|
||||
var viewModel = {};
|
||||
var title = "Topics";
|
||||
viewModel.title = title;
|
||||
var currentUser = session.get(constants.USER_SESSION_KEY);
|
||||
if (currentUser) {
|
||||
viewModel.permissions = {};
|
||||
var uiPermissions = userModule.getUIPermissions();
|
||||
viewModel.permissions.list = stringify(uiPermissions);
|
||||
if (uiPermissions.VIEW_TOPICS) {
|
||||
viewModel.permissions.enroll = true;
|
||||
}
|
||||
viewModel.currentUser = currentUser;
|
||||
var deviceCount = 1;
|
||||
viewModel.deviceCount = deviceCount;
|
||||
var utility = require("/app/modules/utility.js").utility;
|
||||
}
|
||||
return viewModel;
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"version": "1.0.0",
|
||||
"uri": "/topics",
|
||||
"layout": "cdmf.layout.default"
|
||||
}
|
||||
Loading…
Reference in new issue