yunkong2/yunkong2.node-red
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
master
yunkong2.node-red/public/selectID.js

2466 lines
111 KiB
JavaScript
Raw Permalink Normal View History

Initial commit
2018-12-20 22:02:07 +08:00
/*
Copyright 2014-2017 bluefox <dogafox@gmail.com>
version: 1.0.2 (2017.04.13)
new
2018-12-20 22:06:06 +08:00
To use this dialog as standalone in yunkong2 environment include:
Initial commit
2018-12-20 22:02:07 +08:00
<link type="text/css" rel="stylesheet" href="lib/css/redmond/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="lib/css/fancytree/ui.fancytree.min.css"/>
<script type="text/javascript" src="lib/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="lib/js/jquery-ui-1.10.3.full.min.js"></script>
<script type="text/javascript" src="lib/js/jquery.fancytree-all.min.js"></script>
<script type="text/javascript" src="js/translate.js"></script>
<script type="text/javascript" src="js/words.js"></script><!--this file must be after translate.js -->
<script type="text/javascript" src="js/selectID.js"></script>
<script src="lib/js/socket.io.js"></script>
<script src="/_socket/info.js"></script>
To use as part, just
<link rel="stylesheet" type="text/css" href="lib/css/fancytree/ui.fancytree.min.css"/>
<script type="text/javascript" src="lib/js/jquery.fancytree-all.min.js"></script>
<script type="text/javascript" src="js/selectID.js"></script>
Interface:
+ init(options) - init select ID dialog. Following options are supported
{
currentId: '', // Current ID or empty if nothing preselected
objects: null, // All objects that should be shown. It can be empty if connCfg used.
states: null, // All states of objects. It can be empty if connCfg used. If objects are set and no states, states will no be shown.
filter: null, // filter
imgPath: 'lib/css/fancytree/', // Path to images device.png, channel.png and state.png
connCfg: null, // configuration for dialog, ti read objects itself: {socketUrl: socketUrl, socketSession: socketSession}
onSuccess: null, // callback function to be called if user press "Select". Can be overwritten in "show" - function (newId, oldId, newObj)
onChange: null, // called every time the new object selected - function (newId, oldId, newObj)
noDialog: false, // do not make dialog
noMultiselect: false, // do not make multiselect
buttons: null, // array with buttons, that should be shown in last column
// if array is not empty it can has following fields
// [{
// text: false, // same as jquery button
// icons: { // same as jquery button
// primary: 'ui-icon-gear'
// },
// click: function (id) {
// // do on click
// },
// match: function (id) {
// // you have here object "this" pointing to $('button')
// },
// width: 26, // same as jquery button
// height: 20 // same as jquery button
// }],
panelButtons: null, // array with buttons, that should be shown at the top of dialog (near expand all)
list: false, // tree view or list view
name: null, // name of the dialog to store filter settings
noCopyToClipboard: false, // do not show button for copy to clipboard
root: null, // root node, e.g. "script.js"
useNameAsId: false, // use name of object as ID
noColumnResize: false, // do not allow column resize
firstMinWidth: null, // width if ID column, default 400
showButtonsForNotExistingObjects: false,
webServer: null, // link to webserver, by default ":8082"
texts: {
select: 'Select',
cancel: 'Cancel',
all: 'All',
id: 'ID',
name: 'Name',
role: 'Role',
type: 'Type',
room: 'Room',
'function': 'Function',
enum: 'Members',
value: 'Value',
selectid: 'Select ID',
from: 'From',
lc: 'Last changed',
ts: 'Time stamp',
ack: 'Acknowledged',
expand: 'Expand all nodes',
collapse: 'Collapse all nodes',
refresh: 'Rebuild tree',
edit: 'Edit',
ok: 'Ok',
push: 'Trigger event'
wait: 'Processing...',
list: 'Show list view',
tree: 'Show tree view',
selectAll: 'Select all',
unselectAll: 'Unselect all',
invertSelection: 'Invert selection',
copyToClipboard: 'Copy to clipboard',
expertMode: 'Toggle expert mode'
},
columns: ['image', 'name', 'type', 'role', 'enum', 'room', 'function', 'value', 'button'],
// some elements of columns could be an object {name: field, data: function (id, name){}, title: function (id, name) {}}
widths: null, // array with width for every column
editEnd: null, // function (id, newValues) for edit lines (only id and name can be edited)
editStart: null, // function (id, $inputs) called after edit start to correct input fields (inputs are jquery objects),
zindex: null, // z-index of dialog or table
customButtonFilter: null, // if in the filter over the buttons some specific button must be shown. It has type like {icons:{primary: 'ui-icon-close'}, text: false, callback: function ()}
new
2018-12-20 22:06:06 +08:00
expertModeRegEx: null // list of regex with objects, that will be shown only in expert mode, like /^system\.|^yunkong2\.|^_|^[\w-]+$|^enum\.|^[\w-]+\.admin/
Initial commit
2018-12-20 22:02:07 +08:00
quickEdit: null, // list of fields with edit on click. Elements can be just names from standard list or objects like:
// {name: 'field', options: {a1: 'a111_Text', a2: 'a22_Text'}}, options can be a function (id, name), that give back such an object
quickEditCallback: null // function (id, attr, newValue, oldValue)
}
+ show(currentId, filter, callback) - all arguments are optional if set by "init"
+ clear() - clear object tree to read and build anew (used only if objects set by "init")
+ getInfo(id) - get information about ID
+ getTreeInfo(id) - get {id, parent, children, object}
+ state(id, val) - update states in tree
+ object(id, obj) - update object info in tree
+ reinit() - draw tree anew
*/
(function ($) {
'use strict';
if ($.fn.selectId) return;
var instance = 0;
function formatDate(dateObj) {
//return dateObj.getFullYear() + '-' +
// ('0' + (dateObj.getMonth() + 1).toString(10)).slice(-2) + '-' +
// ('0' + (dateObj.getDate()).toString(10)).slice(-2) + ' ' +
// ('0' + (dateObj.getHours()).toString(10)).slice(-2) + ':' +
// ('0' + (dateObj.getMinutes()).toString(10)).slice(-2) + ':' +
// ('0' + (dateObj.getSeconds()).toString(10)).slice(-2);
// Following implementation is 5 times faster
if (!dateObj) return '';
var text = dateObj.getFullYear();
var v = dateObj.getMonth() + 1;
if (v < 10) {
text += '-0' + v;
} else {
text += '-' + v;
}
v = dateObj.getDate();
if (v < 10) {
text += '-0' + v;
} else {
text += '-' + v;
}
v = dateObj.getHours();
if (v < 10) {
text += ' 0' + v;
} else {
text += ' ' + v;
}
v = dateObj.getMinutes();
if (v < 10) {
text += ':0' + v;
} else {
text += ':' + v;
}
v = dateObj.getSeconds();
if (v < 10) {
text += ':0' + v;
} else {
text += ':' + v;
}
v = dateObj.getMilliseconds();
if (v < 10) {
text += '.00' + v;
} else if (v < 100) {
text += '.0' + v;
} else {
text += '.' + v;
}
return text;
}
function filterId(data, id) {
if (data.rootExp) {
if (!data.rootExp.test(id)) return false;
}
if (data.filter) {
if (data.filter.type && data.filter.type !== data.objects[id].type) return false;
if (data.filter.common && data.filter.common.custom) {
if (!data.objects[id].common) return false;
// todo: remove history sometime 09.2016
var custom = data.objects[id].common.custom || data.objects[id].common.history;
if (!custom) return false;
if (data.filter.common.custom === true) {
return true;
} else {
if (!custom[data.filter.common.custom]) return false;
}
}
}
return true;
}
function getAllStates(data) {
var objects = data.objects;
var isType = data.columns.indexOf('type') !== -1;
var isRoom = data.columns.indexOf('room') !== -1;
var isFunc = data.columns.indexOf('function') !== -1;
var isRole = data.columns.indexOf('role') !== -1;
var isHist = data.columns.indexOf('button') !== -1;
data.tree = {title: '', children: [], count: 0, root: true};
data.roomEnums = [];
data.funcEnums = [];
for (var id in objects) {
if (isRoom && objects[id].type === 'enum' && data.regexEnumRooms.test(id)) data.roomEnums.push(id);
if (isFunc && objects[id].type === 'enum' && data.regexEnumFuncs.test(id)) data.funcEnums.push(id);
if ((isRoom || isFunc) && objects[id].enums) {
for (var e in objects[id].enums) {
if (isRoom && data.regexEnumRooms.test(e)) {
if (data.roomEnums.indexOf(e) === -1) data.roomEnums.push(e);
if (!objects[e]) {
objects[e] = {
_id: e,
common: {
name: objects[id].enums[e],
members: [id]
}
};
} else if (objects[e].common.members.indexOf(id) === -1) {
objects[e].common.members.push(id);
}
} else if (isFunc && data.regexEnumFuncs.test(e)) {
if (data.funcEnums.indexOf(e) === -1) data.funcEnums.push(e);
if (!objects[e]) {
objects[e] = {
_id: e,
common: {
name: objects[id].enums[e],
members: [id]
}
};
} else if (objects[e].common.members.indexOf(id) === -1) {
objects[e].common.members.push(id);
}
}
}
}
if (isType && objects[id].type && data.types.indexOf(objects[id].type) === -1) data.types.push(objects[id].type);
if (isRole && objects[id].common && objects[id].common.role) {
try {
var parts = objects[id].common.role.split('.');
var role = '';
for (var u = 0; u < parts.length; u++) {
role += (role ? '.' : '') + parts[u];
if (data.roles.indexOf(role) === -1) data.roles.push(role);
}
} catch (e) {
console.error('Cannot parse role "' + objects[id].common.role + '" by ' + id);
}
}
if (isHist && objects[id].type === 'instance' && (objects[id].common.type === 'storage' || objects[id].common.supportCustoms)) {
var h = id.substring('system.adapter.'.length);
if (data.histories.indexOf(h) === -1) data.histories.push(h);
}
// ignore system objects in expert mode
if (data.expertModeRegEx && !data.expertMode && data.expertModeRegEx.test(id)) continue;
if (!filterId(data, id)) continue;
treeInsert(data, id, data.currentId === id);
if (objects[id].enums) {
for (var e in objects[id].enums) {
if (objects[e] &&
objects[e].common &&
objects[e].common.members &&
objects[e].common.members.indexOf(id) === -1) {
objects[e].common.members.push(id);
}
}
}
}
data.inited = true;
data.roles.sort();
data.types.sort();
data.roomEnums.sort();
data.funcEnums.sort();
data.histories.sort();
}
function treeSplit(data, id) {
if (!id) return null;
if (data.root) {
id = id.substring(data.root.length);
}
var parts = id.split('.');
if (data.regexSystemAdapter.test(id)) {
if (parts.length > 3) {
parts[0] = 'system.adapter.' + parts[2] + '.' + parts[3];
parts.splice(1, 3);
} else {
parts[0] = 'system.adapter.' + parts[2];
parts.splice(1, 2);
}
} else if (data.regexSystemHost.test(id)) {
parts[0] = 'system.host.' + parts[2];
parts.splice(1, 2);
} else if (parts.length > 1 && !data.root) {
parts[0] = parts[0] + '.' + parts[1];
parts.splice(1, 1);
}
/*if (optimized) {
parts = treeOptimizePath(parts);
}*/
return parts;
}
function _deleteTree(node, deletedNodes) {
if (node.parent) {
if (deletedNodes && node.id) deletedNodes.push(node);
var p = node.parent;
if (p.children.length <= 1) {
_deleteTree(node.parent);
} else {
for (var z = 0; z < p.children.length; z++) {
if (node.key === p.children[z].key) {
p.children.splice(z, 1);
break;
}
}
}
} else {
//error
}
}
function deleteTree(data, id, deletedNodes) {
var node = findTree(data, id);
if (!node) {
console.log('Id ' + id + ' not found');
return;
}
_deleteTree(node, deletedNodes);
}
function findTree(data, id) {
return _findTree(data.tree, treeSplit(data, id, false), 0);
}
function _findTree(tree, parts, index) {
var num = -1;
for (var j = 0; j < tree.children.length; j++) {
if (tree.children[j].title === parts[index]) {
num = j;
break;
}
if (tree.children[j].title > parts[index]) break;
}
if (num === -1) return null;
if (parts.length - 1 === index) {
return tree.children[num];
} else {
return _findTree(tree.children[num], parts, index + 1);
}
}
function treeInsert(data, id, isExpanded, addedNodes) {
return _treeInsert(data.tree, data.list ? [id] : treeSplit(data, id, false), id, 0, isExpanded, addedNodes, data);
}
function _treeInsert(tree, parts, id, index, isExpanded, addedNodes, data) {
index = index || 0;
if (!parts) {
console.error('Empty object ID!');
return;
}
var num = -1;
var j;
for (j = 0; j < tree.children.length; j++) {
if (tree.children[j].title === parts[index]) {
num = j;
break;
}
if (tree.children[j].title > parts[index]) break;
}
if (num === -1) {
tree.folder = true;
tree.expanded = isExpanded;
var fullName = '';
for (var i = 0; i <= index; i++) {
fullName += ((fullName) ? '.' : '') + parts[i];
}
var obj = {
key: (data.root || '') + fullName,
children: [],
title: parts[index],
folder: false,
expanded: false,
parent: tree
};
if (j === tree.children.length) {
num = tree.children.length;
tree.children.push(obj);
} else {
num = j;
tree.children.splice(num, 0, obj);
}
if (addedNodes) {
addedNodes.push(tree.children[num]);
}
}
if (parts.length - 1 === index) {
tree.children[num].id = id;
} else {
tree.children[num].expanded = tree.children[num].expanded || isExpanded;
_treeInsert(tree.children[num], parts, id, index + 1, isExpanded, addedNodes, data);
}
}
function showActive($dlg, scrollIntoView) {
var data = $dlg.data('selectId');
// Select current element
if (data.selectedID) {
data.$tree.fancytree('getTree').visit(function (node) {
if (node.key === data.selectedID) {
try {
node.setActive();
node.makeVisible({scrollIntoView: scrollIntoView || false});
} catch (err) {
console.error(err);
}
return false;
}
});
}
}
function syncHeader($dlg) {
// read width of data.$tree and set the same width for header
var data = $dlg.data('selectId');
var $header = $('#selectID_header_' + data.instance);
var thDest = $header.find('>colgroup>col'); //if table headers are specified in its semantically correct tag, are obtained
var thSrc = data.$tree.find('>thead>tr>th');
for (var i = 1; i < thSrc.length; i++) {
$(thDest[i]).attr('width', $(thSrc[i]).width());
}
}
function findRoomsForObject(data, id, withParentInfo, rooms) {
rooms = rooms || [];
for (var i = 0; i < data.roomEnums.length; i++) {
if (data.objects[data.roomEnums[i]].common.members.indexOf(id) !== -1 &&
rooms.indexOf(data.objects[data.roomEnums[i]].common.name) === -1) {
if (!withParentInfo) {
rooms.push(data.objects[data.roomEnums[i]].common.name);
} else {
rooms.push({name: data.objects[data.roomEnums[i]].common.name, origin: id});
}
}
}
var parts = id.split('.');
parts.pop();
id = parts.join('.');
if (data.objects[id]) findRoomsForObject(data, id, withParentInfo, rooms);
return rooms;
}
function findRoomsForObjectAsIds(data, id, rooms) {
rooms = rooms || [];
for (var i = 0; i < data.roomEnums.length; i++) {
if (data.objects[data.roomEnums[i]].common.members.indexOf(id) !== -1 &&
rooms.indexOf(data.roomEnums[i]) === -1) {
rooms.push(data.roomEnums[i]);
}
}
return rooms;
}
function findFunctionsForObject(data, id, withParentInfo, funcs) {
funcs = funcs || [];
for (var i = 0; i < data.funcEnums.length; i++) {
if (data.objects[data.funcEnums[i]].common.members.indexOf(id) !== -1 &&
funcs.indexOf(data.objects[data.funcEnums[i]].common.name) === -1) {
if (!withParentInfo) {
funcs.push(data.objects[data.funcEnums[i]].common.name);
} else {
funcs.push({name: data.objects[data.funcEnums[i]].common.name, origin: id});
}
}
}
var parts = id.split('.');
parts.pop();
id = parts.join('.');
if (data.objects[id]) findFunctionsForObject(data, id, withParentInfo, funcs);
return funcs;
}
function findFunctionsForObjectAsIds(data, id, funcs) {
funcs = funcs || [];
for (var i = 0; i < data.funcEnums.length; i++) {
if (data.objects[data.funcEnums[i]].common.members.indexOf(id) !== -1 &&
funcs.indexOf(data.funcEnums[i]) === -1) {
funcs.push(data.funcEnums[i]);
}
}
return funcs;
}
function clippyCopy(e) {
var $temp = $('<input>');
//$('body').append($temp);
$(this).append($temp);
$temp.val($(this).parent().data('clippy')).select();
document.execCommand('copy');
$temp.remove();
e.preventDefault();
e.stopPropagation();
}
function clippyShow(e) {
if ($(this).hasClass('clippy')) {
var text = '<button class="clippy-button ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" ' +
'role="button" title="' + $(this).data('copyToClipboard') + '" ' +
'style="position: absolute; right: 0; top: 0; width: 36px; height: 18px;z-index: 1">' +
'<span class="ui-button-icon-primary ui-icon ui-icon-clipboard"></span></button>';
$(this).append(text);
$(this).find('.clippy-button').click(clippyCopy);
}
}
function clippyHide(e) {
$(this).find('.clippy-button').remove();
}
function installColResize(data, $dlg) {
if (data.noColumnResize || !$.fn.colResizable) return;
var data = $dlg.data('selectId');
if (data.$tree.is(':visible')) {
data.$tree.colResizable({
liveDrag: true,
onResize: function (event) {
syncHeader($dlg);
}
});
} else {
setTimeout(function () {
installColResize(data, $dlg);
}, 400)
}
}
function getStates(data, id) {
var states;
if (data.objects[id] &&
data.objects[id].common &&
data.objects[id].common.states) {
states = data.objects[id].common.states;
}
if (states) {
if (typeof states === 'string' && states[0] === '{') {
try {
states = JSON.parse(states);
} catch (ex) {
console.error('Cannot parse states: ' + states);
states = null;
}
} else
// if odl format val1:text1;val2:text2
if (typeof states === 'string') {
var parts = states.split(';');
states = {};
for (var p = 0; p < parts.length; p++) {
var s = parts[p].split(':');
states[s[0]] = s[1];
}
}
}
return states;
}
function onQuickEditField(e) {
var $this = $(this);
var id = $this.data('id');
var attr = $this.data('name');
var data = $this.data('selectId');
var type = $this.data('type');
var clippy = $this.hasClass('clippy');
var options = $this.data('options');
var oldVal = $this.data('old-value');
var states = null;
if (clippy) $this.removeClass('clippy');
$this.unbind('click').removeClass('select-id-quick-edit').css('position', 'relative');
var css = 'cursor: pointer; position: absolute;width: 16px; height: 16px; top: 2px; border-radius: 6px; z-index: 3; background-color: lightgray';
if (type === 'boolean') {
type = 'checkbox';
} else {
type = 'text';
}
var text;
if (attr === 'value') {
states = getStates(data, id);
if (states) {
text = '<select style="width: calc(100% - 50px); z-index: 2">';
for (var t in states) {
if (typeof states[t] !== 'string') continue;
text += '<option value="' + t + '">' + states[t] + '</option>';
}
text += '</select>';
}
} else if (attr === 'room') {
states = findRoomsForObjectAsIds(data, id) || [];
text = '<select style="width: calc(100% - 50px); z-index: 2" multiple="multiple">';
for (var e = 0; e < data.roomEnums.length; e++) {
text += '<option value="' + data.roomEnums[e] + '" ' + (states.indexOf(data.roomEnums[e]) !== -1 ? 'selected' : '') + '>' + data.objects[data.roomEnums[e]].common.name + '</option>';
}
text += '</select>';
} else if (attr === 'function') {
states = findFunctionsForObjectAsIds(data, id) || [];
text = '<select style="width: calc(100% - 50px); z-index: 2" multiple="multiple">';
for (var e = 0; e < data.funcEnums.length; e++) {
text += '<option value="' + data.funcEnums[e] + '" ' + (states.indexOf(data.funcEnums[e]) !== -1 ? 'selected' : '') + '>' + data.objects[data.funcEnums[e]].common.name + '</option>';
}
text += '</select>';
} else if (options) {
if (typeof options === 'function') {
states = options(id, attr);
} else {
states = options;
}
if (states) {
text = '<select style="width: calc(100% - 50px); z-index: 2">';
for (var t in states) {
text += '<option value="' + t + '">' + states[t] + '</option>';
}
text += '</select>';
} else if (states === false) {
return;
}
}
text = text || '<input style="' + (type !== 'checkbox' ? 'width: 100%;' : '') + ' z-index: 2" type="' + type + '"/>';
var timeout = null;
$this.html(text +
'<div class="ui-icon ui-icon-check select-id-quick-edit-ok" style="' + css + ';right: 22px"></div>' +
'<div class="cancel ui-icon ui-icon-close select-id-quick-edit-cancel" title="' + data.texts.cancel + '" style="' + css + ';right: 2px"></div>');
var $input = (attr === 'function' || attr === 'room' || states) ? $this.find('select') : $this.find('input');
if (attr === 'room' || attr === 'function') {
$input.multiselect({
autoOpen: true,
close: function () {
$input.trigger('blur');
}
});
} else if (attr === 'role') {
$input.autocomplete({
minLength: 0,
source: data.roles
}).on('focus', function () {
$(this).autocomplete('search', '');
});
}
$this.find('.select-id-quick-edit-cancel').click(function (e) {
if (timeout) clearTimeout(timeout);
timeout = null;
e.preventDefault();
e.stopPropagation();
var old = $this.data('old-value');
if (old === undefined) old = '';
$this.html(old).click(onQuickEditField).addClass('select-id-quick-edit');
if (clippy) $this.addClass('clippy');
});
$this.find('.select-id-quick-edit-ok').click(function () {
var _$input = (attr === 'function' || attr === 'room' || states) ? $this.find('select') : $this.find('input');
_$input.trigger('blur');
});
if (type === 'checkbox') {
$input.prop('checked', oldVal);
} else {
if (attr !== 'room' && attr !== 'function') $input.val(oldVal);
}
$input.blur(function () {
if (timeout) clearTimeout(timeout);
timeout = setTimeout(function () {
var _oldText = $this.data('old-value');
var val = $(this).attr('type') === 'checkbox' ? $(this).prop('checked') : $(this).val();
if ((attr === 'room' || attr === 'function') && !val) val = [];
if (attr === 'value' || JSON.stringify(val) !== JSON.stringify(_oldText)) {
data.quickEditCallback(id, attr, val, _oldText);
_oldText = '<span style="color: pink">' + _oldText + '</span>';
}
if (clippy) $this.addClass('clippy');
$this.html(_oldText).click(onQuickEditField).addClass('select-id-quick-edit');
}.bind(this), 100);
}).keyup(function (e) {
if (e.which === 13) $(this).trigger('blur');
if (e.which === 27) {
if (clippy) $this.addClass('clippy');
var old = $this.data('old-value');
if (old === undefined) old = '';
$this.html(old).click(onQuickEditField).addClass('select-id-quick-edit');
}
});
if (typeof e === 'object') {
e.preventDefault();
e.stopPropagation();
}
setTimeout(function () {
$input.focus().select();
}, 100);
}
function quality2text(q) {
if (!q) return 'ok';
var custom = q & 0xFFFF0000;
var text = '';
if (q & 0x40) text += 'device';
if (q & 0x80) text += 'sensor';
if (q & 0x01) text += ' bad';
if (q & 0x02) text += ' not connected';
if (q & 0x04) text += ' error';
return text + (custom ? '|0x' + (custom >> 16).toString(16).toUpperCase() : '') + ' [0x' + q.toString(16).toUpperCase() + ']';
}
function initTreeDialog($dlg) {
var c;
var data = $dlg.data('selectId');
//var noStates = (data.objects && !data.states);
var multiselect = (!data.noDialog && !data.noMultiselect);
// load expert mode flag
if (typeof Storage !== 'undefined' && data.name && data.expertModeRegEx) {
data.expertMode = window.localStorage.getItem(data.name + '-expert');
data.expertMode = (data.expertMode === true || data.expertMode === 'true');
}
// Get all states
getAllStates(data);
if (!data.noDialog && !data.buttonsDlg) {
data.buttonsDlg = [
{
id: data.instance + '-button-ok',
text: data.texts.select,
click: function () {
var _data = $dlg.data('selectId');
if (_data && _data.onSuccess) _data.onSuccess(_data.selectedID, _data.currentId, _data.objects[_data.selectedID]);
_data.currentId = _data.selectedID;
storeSettings(data);
$dlg.dialog('close');
}
},
{
id: data.instance + '-button-cancel',
text: data.texts.cancel,
click: function () {
storeSettings(data);
$(this).dialog('close');
}
}
];
$dlg.dialog({
autoOpen: false,
modal: true,
width: '90%',
close: function () {
storeSettings(data);
},
height: 500,
buttons: data.buttonsDlg
});
if (data.zindex !== null) {
$('div[aria-describedby="' + $dlg.attr('id') + '"]').css({'z-index': data.zindex})
}
}
// Store current filter
var filter = {ID: $('#filter_ID_' + data.instance).val()};
for (var u = 0; u < data.columns.length; u++) {
var name = data.columns[u];
if (typeof name === 'object') name = name.name;
filter[name] = $('#filter_' + name + '_' + data.instance).val();
}
var textRooms;
if (data.columns.indexOf('room') !== -1) {
textRooms = '<select id="filter_room_' + data.instance + '" class="filter_' + data.instance + '" style="padding: 0; width: 150px"><option value="">' + data.texts.all + '</option>';
for (var i = 0; i < data.roomEnums.length; i++) {
textRooms += '<option value="' + data.objects[data.roomEnums[i]].common.name + '">' + data.objects[data.roomEnums[i]].common.name + '</option>';
}
textRooms += '</select>';
} else {
if (data.rooms) delete data.rooms;
if (data.roomsColored) delete data.roomsColored;
}
var textFuncs;
if (data.columns.indexOf('function') !== -1) {
textFuncs = '<select id="filter_function_' + data.instance + '" class="filter_' + data.instance + '" style="padding: 0; width: 150px"><option value="">' + data.texts.all + '</option>';
for (var i = 0; i < data.funcEnums.length; i++) {
textFuncs += '<option value="' + data.objects[data.funcEnums[i]].common.name + '">' + data.objects[data.funcEnums[i]].common.name + '</option>';
}
textFuncs += '</select>';
} else {
if (data.funcs) delete data.funcs;
if (data.funcsColored) delete data.funcsColored;
}
var textRoles;
if (data.columns.indexOf('role') !== -1) {
textRoles = '<select id="filter_role_' + data.instance + '" class="filter_' + data.instance + '" style="padding:0;width:150px"><option value="">' + data.texts.all + '</option>';
for (var j = 0; j < data.roles.length; j++) {
textRoles += '<option value="' + data.roles[j] + '">' + data.roles[j] + '</option>';
}
textRoles += '</select>';
}
var textTypes;
if (data.columns.indexOf('type') !== -1) {
textTypes = '<select id="filter_type_' + data.instance + '" class="filter_' + data.instance + '" style="padding:0;width:150px"><option value="">' + data.texts.all + '</option>';
for (var k = 0; k < data.types.length; k++) {
textTypes += '<option value="' + data.types[k] + '">' + data.types[k] + '</option>';
}
textTypes += '</select>';
}
var text = '<div id="' + data.instance + '-div" style="width:100%; height:100%"><table id="selectID_header_' + data.instance + '" style="width: 100%; padding: 0; height: 50px" cellspacing="0" cellpadding="0">';
text += '<colgroup>';
text += ' <col width="1px"/>';
text += ' <col width="400px"/>';
for (c = 0; c < data.columns.length; c++) {
var name = data.columns[c];
if (typeof name === 'object') name = name.name;
if (name === 'image') {
text += '<col width="' + (data.widths ? data.widths[c] : '20px') + '"/>';
} else if (name === 'name') {
text += '<col width="' + (data.widths ? data.widths[c] : '*') + '"/>';
} else if (name === 'type') {
text += '<col width="' + (data.widths ? data.widths[c] : '150px') + '"/>';
} else if (name === 'role') {
text += '<col width="' + (data.widths ? data.widths[c] : '150px') + '"/>';
} else if (name === 'room') {
text += '<col width="' + (data.widths ? data.widths[c] : '150px') + '"/>';
} else if (name === 'function') {
text += '<col width="' + (data.widths ? data.widths[c] : '150px') + '"/>';
} else if (name === 'value') {
text += '<col width="' + (data.widths ? data.widths[c] : '150px') + '"/>';
} else if (name === 'button') {
text += '<col width="' + (data.widths ? data.widths[c] : '100px') + '"/>';
} else if (name === 'enum') {
text += '<col width="' + (data.widths ? data.widths[c] : '*') + '"/>';
} else {
text += '<col width="' + (data.widths ? data.widths[c] : '*') + '"/>';
}
}
text += ' <col width="18px"/>'; // TODO calculate width of scroll bar
text += ' </colgroup>';
text += ' <thead>';
text += ' <tr><th></th><th><table style="width: 100%; padding:0" cellspacing="0" cellpadding="0"><tr>';
text += '<td><button id="btn_refresh_' + data.instance + '"></button></td>';
text += '<td><button id="btn_list_' + data.instance + '"></button></td>';
text += '<td><button id="btn_collapse_' + data.instance + '"></button></td>';
text += '<td><button id="btn_expand_' + data.instance + '"></button></td><td class="select-id-custom-buttons"></td>';
if (data.filter && data.filter.type === 'state' && multiselect) {
text += '<td style="padding-left: 10px"><button id="btn_select_all_' + data.instance + '"></button></td>';
text += '<td><button id="btn_unselect_all_' + data.instance + '"></button></td>';
text += '<td><button id="btn_invert_selection_' + data.instance + '"></button></td>';
}
if (data.expertModeRegEx) {
text += '<td style="padding-left: 10px"><button id="btn_expert_' + data.instance + '"></button></td>';
}
if (data.panelButtons) {
text += '<td style="width: 20px">&nbsp;&nbsp;</td>';
for (c = 0; c < data.panelButtons.length; c++) {
text += '<td><button id="btn_custom_' + data.instance + '_' + c + '"></button></td>';
}
}
text += '<td class="ui-widget" style="width: 100%; text-align: center; font-weight: bold; font-size: medium">' + data.texts.id + '</td></tr></table></th>';
for (c = 0; c < data.columns.length; c++) {
var _name = data.columns[c];
if (typeof _name === 'object') _name = name.name;
text += '<th class="ui-widget" style="font-size: medium">' + (data.texts[_name] || '') + '</th>';
}
text += '<th></th></tr>';
text += ' </thead>';
text += ' <tbody>';
text += ' <tr><td></td>';
text += ' <td><table style="width: 100%"><tr><td style="width: 100%"><input style="width: 100%; padding: 0" type="text" id="filter_ID_' + data.instance + '" class="filter_' + data.instance + '"/></td><td style="vertical-align: top;"><button data-id="filter_ID_' + data.instance + '" class="filter_btn_' + data.instance + '"></button></td></tr></table></td>';
for (c = 0; c < data.columns.length; c++) {
var name = data.columns[c];
if (typeof name === 'object') name = name.name;
if (name === 'image') {
text += '<td></td>';
} else if (name === 'name' || name === 'value' || name === 'enum') {
text += '<td><table style="width: 100%"><tr><td style="width: 100%"><input style="width: 100%; padding: 0" type="text" id="filter_' + data.columns[c] + '_' + data.instance + '" class="filter_' + data.instance + '"/></td><td style="vertical-align: top;"><button data-id="filter_' + data.columns[c] + '_' + data.instance + '" class="filter_btn_' + data.instance + '"></button></td></tr></table></td>';
} else if (name === 'type') {
text += '<td>' + textTypes + '</td>';
} else if (name== 'role') {
text += '<td>' + textRoles + '</td>';
} else if (name === 'room') {
text += '<td>' + textRooms + '</td>';
} else if (name === 'function') {
text += '<td>' + textFuncs + '</td>';
} else if (name === 'button') {
text += '<td style="text-align: center">';
if (data.customButtonFilter) {
var t = '<select id="filter_' + name + '_' + data.instance + '" class="filter_' + data.instance + '">';
t += '<option value="">' + data.texts.all + '</option>';
t += '<option value="true">' + data.texts.with + '</option>';
t += '<option value="false">' + data.texts.without + '</option>';
for (var h = 0; h < data.histories.length; h++) {
t += '<option value="' + data.histories[h] + '">' + data.histories[h] + '</option>';
}
t += '</select>';
text += '<table cellpadding="0" cellspacing="0" style="border-spacing: 0 0"><tr><td>' + t + '</td>' + '<td><button id="filter_' + data.columns[c] + '_' + data.instance + '_btn"></button></td></tr></table>'
}
text += '</td>';
} else {
text += '<td></td>';
}
}
text += ' <td></td></tr>';
text += ' </tbody>';
text += ' </table>';
//text += '<div style="width: 100%; height: ' + (data.buttons ? 100 : 85) + '%; padding:0; overflow-y: scroll">';
text += '<div style="width: 100%; height: ' + (data.buttons ? 'calc(100% - 50px)' : 'calc(100% - 50px)') + '; padding:0; overflow-y: scroll">';
text +=' <table id="selectID_' + data.instance + '" style="width: calc(100% - 5px);padding:0;table-layout:fixed; overflow:hidden;white-space:nowrap" cellspacing="0" cellpadding="0">';
text += ' <colgroup>';
text += ' <col width="1px"/>';
text += ' <col ' + (data.firstMinWidth ? ('width="' + data.firstMinWidth + '"') : 'width="400px"') + '/>';
for (c = 0; c < data.columns.length; c++) {
var name = data.columns[c];
if (typeof name === 'object') name = name.name;
if (name === 'image') {
text += '<col width="' + (data.widths ? data.widths[c] : '20px') + '"/>';
} else if (name === 'name') {
text += '<col width="' + (data.widths ? data.widths[c] : '*') + '"/>';
} else if (name === 'type') {
text += '<col width="' + (data.widths ? data.widths[c] : '150px') + '"/>';
} else if (name === 'role') {
text += '<col width="' + (data.widths ? data.widths[c] : '150px') + '"/>';
} else if (name === 'room') {
text += '<col width="' + (data.widths ? data.widths[c] : '150px') + '"/>';
} else if (name === 'function') {
text += '<col width="' + (data.widths ? data.widths[c] : '150px') + '"/>';
} else if (name === 'value') {
text += '<col width="' + (data.widths ? data.widths[c] : '150px') + '"/>';
} else if (name === 'button') {
text += '<col width="' + (data.widths ? data.widths[c] : '100px') + '"/>';
} else if (name === 'enum') {
text += '<col width="' + (data.widths ? data.widths[c] : '*') + '"/>';
} else {
text += '<col width="' + (data.widths ? data.widths[c] : '*') + '"/>';
}
}
text += ' </colgroup>';
text += ' <thead>';
text += ' <tr><th></th><th></th>';
for (c = 0; c < data.columns.length; c++) {
text += '<th></th>';
}
text += '</tr>';
text += ' </thead>';
text += ' <tbody>';
text += ' </tbody>';
text += ' </table></div><div id="process_running_' + data.instance + '" style="position: absolute; top: 50%; left: 50%; width: 150px; height: 25px; padding: 12px; background: rgba(30, 30, 30, 0.5); display: none; text-align:center; font-size: 1.2em; color: white; font-weight: bold; border-radius: 5px">' + data.texts.wait + '</div>';
$dlg.html(text);
data.$tree = $('#selectID_' + data.instance);
data.$tree[0]._onChange = data.onSuccess || data.onChange;
var foptions = {
titlesTabbable: true, // Add all node titles to TAB chain
quicksearch: true,
source: data.tree.children,
extensions: ["table", "gridnav", "filter", "themeroller"],
checkbox: multiselect,
table: {
indentation: 20,
nodeColumnIdx: 1
},
gridnav: {
autofocusInput: false,
handleCursorKeys: true
},
filter: {
mode: 'hide',
autoApply: true
},
activate: function (event, data) {
// A node was activated: display its title:
// On change
//var $dlg = $('#' + data.instance + '-dlg');
if (!multiselect) {
var _data = $dlg.data('selectId');
var newId = data.node.key;
if (_data.onChange) _data.onChange(newId, _data.selectedID, _data.objects[newId]);
_data.selectedID = newId;
if (!_data.noDialog) {
// Set title of dialog box
if (_data.objects[newId] && _data.objects[newId].common && _data.objects[newId].common.name) {
$dlg.dialog('option', 'title', _data.texts.selectid + ' - ' + (_data.objects[newId].common.name || ' '));
} else {
$dlg.dialog('option', 'title', _data.texts.selectid + ' - ' + (newId || ' '));
}
// Enable/ disable "Select" button
if (_data.objects[newId]) { // && _data.objects[newId].type === 'state') {
$('#' + _data.instance + '-button-ok').removeClass('ui-state-disabled');
} else {
$('#' + _data.instance + '-button-ok').addClass('ui-state-disabled');
}
}
}
},
select: function(event, data) {
var _data = $dlg.data('selectId');
var newIds = [];
var selectedNodes = data.tree.getSelectedNodes();
for (var i = 0; i < selectedNodes.length; i++) {
newIds.push(selectedNodes[i].key);
}
if (_data.onChange) _data.onChange(newIds, _data.selectedID);
_data.selectedID = newIds;
// Enable/ disable "Select" button
if (newIds.length > 0) {
$('#' + _data.instance + '-button-ok').removeClass('ui-state-disabled');
} else {
$('#' + _data.instance + '-button-ok').addClass('ui-state-disabled');
}
},
renderColumns: function (event, _data) {
var node = _data.node;
var $tr = $(node.tr);
var $tdList = $tr.find('>td');
var isCommon = data.objects[node.key] && data.objects[node.key].common;
var $firstTD = $tdList.eq(1);
$firstTD.css({'overflow': 'hidden'});
var base = 2;
// hide checkbox if only states should be selected
if (data.filter && data.filter.type === 'state' && (!data.objects[node.key] || data.objects[node.key].type !== 'state')) {
$firstTD.find('.fancytree-checkbox').hide();
}
// special case for javascript scripts
if (data.objects[node.key] && (node.key.match(/^script\.js\./) || node.key.match(/^enum\.[\w\d_-]+$/))) {
if (data.objects[node.key].type !== 'script') {
// force folder icon and change color
if (node.key !== 'script.js.global') {
$firstTD.find('.fancytree-title').css({'font-weight': 'bold', color: '#000080'});
} else {
$firstTD.find('.fancytree-title').css({'font-weight': 'bold', color: '#078a0c'});
}
$firstTD.addClass('fancytree-force-folder');
}
}
if (!data.noCopyToClipboard) {
$firstTD
.addClass('clippy')
.data('clippy', node.key)
.css({position: 'relative'})
.data('copyToClipboard', data.texts.copyToClipboard || data.texts.copyTpClipboard)
.mouseenter(clippyShow)
.mouseleave(clippyHide);
}
if (data.useNameAsId && data.objects[node.key] && data.objects[node.key].common && data.objects[node.key].common.name) {
$firstTD.find('.fancytree-title').html(data.objects[node.key].common.name);
}
var $elem;
var val;
for (var c = 0; c < data.columns.length; c++) {
var name = data.columns[c];
if (typeof name === 'object') name = name.name;
if (name === 'image') {
var icon = '';
var alt = '';
var _id_ = 'system.adapter.' + node.key;
if (data.objects[_id_] && data.objects[_id_].common && data.objects[_id_].common.icon) {
icon = '/adapter/' + data.objects[_id_].common.name + '/' + data.objects[_id_].common.icon;
} else
if (isCommon) {
if (data.objects[node.key].common.icon) {
var instance;
if (data.objects[node.key].type === 'instance') {
icon = '/adapter/' + data.objects[node.key].common.name + '/' + data.objects[node.key].common.icon;
} else if (node.key.match(/^system\.adapter\./)) {
instance = node.key.split('.', 3);
if (data.objects[node.key].common.icon[0] === '/') {
instance[2] += data.objects[node.key].common.icon;
} else {
instance[2] += '/' + data.objects[node.key].common.icon;
}
icon = '/adapter/' + instance[2];
} else {
instance = node.key.split('.', 2);
if (data.objects[node.key].common.icon[0] === '/') {
instance[0] += data.objects[node.key].common.icon;
} else {
instance[0] += '/' + data.objects[node.key].common.icon;
}
icon = '/adapter/' + instance[0];
}
} else if (data.objects[node.key].type === 'device') {
icon = data.imgPath + 'device.png';
alt = 'device';
} else if (data.objects[node.key].type === 'channel') {
icon = data.imgPath + 'channel.png';
alt = 'channel';
} else if (data.objects[node.key].type === 'state') {
icon = data.imgPath + 'state.png';
alt = 'state';
}
}
if (icon) {
$tdList.eq(base).html('<img width="20px" height="20px" src="' + icon + '" alt="' + alt + '"/>');
} else {
$tdList.eq(base).text('');
}
base++;
} else
if (name === 'name') {
$elem = $tdList.eq(base);
$elem.text(isCommon ? data.objects[node.key].common.name : '').css({overflow: 'hidden', 'white-space': 'nowrap', 'text-overflow': 'ellipsis'}).attr('title', isCommon ? data.objects[node.key].common.name : '');
if (data.quickEdit && data.objects[node.key] && data.quickEdit.indexOf('name') !== -1) {
$elem.data('old-value', isCommon ? data.objects[node.key].common.name : '');
$elem.click(onQuickEditField).data('id', node.key).data('name', 'name').data('selectId', data).addClass('select-id-quick-edit');
}
base++;
} else
if (name === 'type') {
$tdList.eq(base++).text(data.objects[node.key] ? data.objects[node.key].type: '');
} else
if (name === 'role') {
$elem = $tdList.eq(base);
val = isCommon ? data.objects[node.key].common.role : '';
$elem.text(val);
if (data.quickEdit && data.objects[node.key] && data.quickEdit.indexOf('role') !== -1) {
$elem.data('old-value', val);
$elem.click(onQuickEditField).data('id', node.key).data('name', 'role').data('selectId', data).addClass('select-id-quick-edit');
}
base++;
} else
if (name === 'room') {
$elem = $tdList.eq(base);
// Try to find room
if (data.roomsColored) {
if (!data.roomsColored[node.key]) data.roomsColored[node.key] = findRoomsForObject(data, node.key, true);
val = data.roomsColored[node.key].map(function (e) {return e.name;}).join(', ');
if (data.roomsColored[node.key].length && data.roomsColored[node.key][0].origin !== node.key) {
$elem.css({color: 'gray'}).attr('title', data.roomsColored[node.key][0].origin);
} else {
$elem.css({color: 'inherit'}).attr('title', null);
}
} else {
val = '';
}
$elem.text(val);
if (data.quickEdit && data.objects[node.key] && data.quickEdit.indexOf('room') !== -1) {
$elem.data('old-value', val);
$elem.click(onQuickEditField)
.data('id', node.key)
.data('name', 'room')
.data('selectId', data)
.addClass('select-id-quick-edit');
}
base++;
} else
if (name === 'function') {
$elem = $tdList.eq(base);
// Try to find function
if (data.funcsColored) {
if (!data.funcsColored[node.key]) data.funcsColored[node.key] = findFunctionsForObject(data, node.key, true);
val = data.funcsColored[node.key].map(function (e) {return e.name;}).join(', ');
if (data.funcsColored[node.key].length && data.funcsColored[node.key][0].origin !== node.key) {
$elem.css({color: 'gray'}).attr('title', data.funcsColored[node.key][0].origin);
} else {
$elem.css({color: 'inherit'}).attr('title', null);
}
} else {
val = '';
}
$elem.text(val);
if (data.quickEdit && data.objects[node.key] && data.quickEdit.indexOf('function') !== -1) {
$elem.data('old-value', val);
$elem.click(onQuickEditField)
.data('id', node.key)
.data('name', 'function')
.data('selectId', data)
.addClass('select-id-quick-edit');
}
base++;
} else
if (name === 'value') {
$elem = $tdList.eq(base);
var common = data.objects[node.key] ? data.objects[node.key].common || {} : {};
if (data.states && (data.states[node.key] || data.states[node.key + '.val'] !== undefined)) {
var $elem = $tdList.eq(base);
var state = data.states[node.key];
var states = getStates(data, node.key);
if (!state) {
state = {
val: data.states[node.key + '.val'],
ts: data.states[node.key + '.ts'],
lc: data.states[node.key + '.lc'],
from: data.states[node.key + '.from'],
ack: (data.states[node.key + '.ack'] === undefined) ? '' : data.states[node.key + '.ack'],
q: (data.states[node.key + '.q'] === undefined) ? 0 : data.states[node.key + '.q']
};
} else {
state = JSON.parse(JSON.stringify(state));
}
if (common.role === 'value.time') {
state.val = state.val ? (new Date(state.val)).toString() : state.val;
}
if (states && states[state.val] !== undefined) {
state.val = states[state.val] + '(' + state.val + ')';
}
var fullVal;
if (state.val === undefined) {
state.val = '';
} else {
// if less 2000.01.01 00:00:00
if (state.ts < 946681200000) state.ts *= 1000;
if (state.lc < 946681200000) state.lc *= 1000;
if (isCommon && common.unit) state.val += ' ' + common.unit;
fullVal = data.texts.value + ': ' + state.val;
fullVal += '\x0A' + data.texts.ack + ': ' + state.ack;
fullVal += '\x0A' + data.texts.ts + ': ' + (state.ts ? formatDate(new Date(state.ts)) : '');
fullVal += '\x0A' + data.texts.lc + ': ' + (state.lc ? formatDate(new Date(state.lc)) : '');
fullVal += '\x0A' + data.texts.from + ': ' + (state.from || '');
fullVal += '\x0A' + data.texts.quality + ': ' + quality2text(state.q || 0);
}
$elem.html('<span class="highlight">' + state.val + '</span>')
.attr('title', fullVal)
.css({position: 'relative'});
$elem.css({color: state.ack ? (state.q ? 'orange' : '') : 'red'});
if (!data.noCopyToClipboard && data.objects[node.key] && data.objects[node.key].type === 'state' && common.type !== 'file') {
$elem.data('clippy', state.val)
.addClass('clippy')
.data('copyToClipboard', data.texts.copyToClipboard || data.texts.copyTpClipboard)
.mouseenter(clippyShow)
.mouseleave(clippyHide);
}
} else {
$elem.text('')
.attr('title', '')
.removeClass('clippy');
}
$elem.dblclick(function (e) {
e.preventDefault();
});
if (data.quickEdit &&
data.objects[node.key] &&
data.objects[node.key].type === 'state' &&
data.quickEdit.indexOf('value') !== -1 &&
(data.expertMode || data.objects[node.key].common.write !== false)
) {
if (data.objects[node.key].common.role === 'button' && !data.expertMode) {
$tdList.eq(base).html('<button data-id="' + node.key + '" class="select-button-push"></button>');
} else
if (!data.objects[node.key].common || data.objects[node.key].common.type !== 'file') {
var val = data.states[node.key];
val = val ? val.val : '';
$elem.data('old-value', val).data('type', common.type || typeof val);
$elem.click(onQuickEditField)
.data('id', node.key)
.data('name', 'value')
.data('selectId', data)
.addClass('select-id-quick-edit');
}
$tr.find('.select-button-push[data-id="' + node.key + '"]').button({
text: false,
icons: {
primary: 'ui-icon-arrowthickstop-1-s'
}
}).click(function () {
var id = $(this).data('id');
data.quickEditCallback(id, 'value', true);
}).attr('title', data.texts.push).css({width: 26, height: 20});
}
if (common.type === 'file') {
data.webServer = data.webServer || (window.location.protocol + '//' + window.location.hostname + ':8082');
// link
$elem.html('<a href="' + data.webServer + '/state/' + node.key + '" target="_blank">' + data.webServer + '/state/' + node.key + '</a>')
.attr('title', data.texts.linkToFile);
}
base++;
} else
if (name === 'button') {
// Show buttons
var text;
if (data.buttons) {
if (data.objects[node.key] || data.showButtonsForNotExistingObjects) {
text = '';
if (data.editEnd) {
text += '<button data-id="' + node.key + '" class="select-button-edit"></button>' +
'<button data-id="' + node.key + '" class="select-button-ok"></button>' +
'<button data-id="' + node.key + '" class="select-button-cancel"></button>';
}
for (var j = 0; j < data.buttons.length; j++) {
text += '<button data-id="' + node.key + '" class="select-button-' + j + ' select-button-custom"></button>';
}
$tdList.eq(base).html(text);
for (var p = 0; p < data.buttons.length; p++) {
var btn = $tr.find('.select-button-' + p + '[data-id="' + node.key + '"]').button(data.buttons[p]).click(function () {
var cb = $(this).data('callback');
if (cb) cb.call($(this), $(this).attr('data-id'));
}).data('callback', data.buttons[p].click).attr('title', data.buttons[p].title || '');
if (data.buttons[p].width) btn.css({width: data.buttons[p].width});
if (data.buttons[p].height) btn.css({height: data.buttons[p].height});
if (data.buttons[p].match) data.buttons[p].match.call(btn, node.key);
}
} else {
$tdList.eq(base).text('');
}
} else if (data.editEnd) {
text = '<button data-id="' + node.key + '" class="select-button-edit"></button>' +
'<button data-id="' + node.key + '" class="select-button-ok"></button>' +
'<button data-id="' + node.key + '" class="select-button-cancel"></button>';
}
if (data.editEnd) {
$tr.find('.select-button-edit[data-id="' + node.key + '"]').button({
text: false,
icons: {
primary:'ui-icon-pencil'
}
}).click(function () {
$(this).data('node').editStart();
}).attr('title', data.texts.edit).data('node', node).css({width: 26, height: 20});
$tr.find('.select-button-ok[data-id="' + node.key + '"]').button({
text: false,
icons: {
primary: 'ui-icon-check'
}
}).click(function () {
var node = $(this).data('node');
node.editFinished = true;
node.editEnd(true);
}).attr('title', data.texts.ok).data('node', node).hide().css({width: 26, height: 20});
$tr.find('.select-button-cancel[data-id="' + node.key + '"]').button({
text: false,
icons: {
primary: 'ui-icon-close'
}
}).click(function () {
var node = $(this).data('node');
node.editFinished = true;
node.editEnd(false);
}).attr('title', data.texts.cancel).data('node', node).hide().css({width: 26, height: 20});
}
base++;
} else
if (name === 'enum') {
if (isCommon && data.objects[node.key].common.members && data.objects[node.key].common.members.length > 0) {
if (data.objects[node.key].common.members.length < 4) {
$tdList.eq(base).text('(' + data.objects[node.key].common.members.length + ')' + data.objects[node.key].common.members.join(', '));
} else {
$tdList.eq(base).text(data.objects[node.key].common.members.length);
}
$tdList.eq(base).attr('title', data.objects[node.key].common.members.join('\x0A'));
} else {
$tdList.eq(base).text('');
$tdList.eq(base).attr('title', '');
}
base++;
} else
if (typeof data.columns[c].data === 'function') {
$elem = $tdList.eq(base);
var val = data.columns[c].data(node.key, data.columns[c].name);
var title = '';
if (data.columns[c].title) title = data.columns[c].title(node.key, data.columns[c].name);
$elem.html(val).attr('title', title);
if (data.quickEdit && data.objects[node.key]) {
for (var q = 0; q < data.quickEdit.length; q++) {
if (data.quickEdit[q] === data.columns[c].name ||
data.quickEdit[q].name === data.columns[c].name) {
$elem.data('old-value', val).data('type', typeof val);
$elem.click(onQuickEditField)
.data('id', node.key)
.data('name', data.columns[c].name)
.data('selectId', data)
.data('options', data.quickEdit[q].options)
.addClass('select-id-quick-edit');
break;
}
}
}
base++;
}
}
},
dblclick: function (event, _data) {
if (data.buttonsDlg && !data.quickEditCallback) {
if (_data && _data.node && !_data.node.folder) {
data.buttonsDlg[0].click();
}
} else if (data.dblclick) {
var tree = data.$tree.fancytree('getTree');
var node = tree.getActiveNode();
if (node) {
data.dblclick(node.key);
}
}
}
};
if (data.editEnd) {
foptions.extensions.push('edit');
foptions.edit = {
triggerStart: ['f2', 'dblclick', 'shift+click', 'mac+enter'],
triggerStop: ['esc'],
beforeEdit: function (event, _data) {
// Return false to prevent edit mode
if (!data.objects[_data.node.key]) return false;
},
edit: function (event, _data) {
$dlg.find('.select-button-edit[data-id="' + _data.node.key + '"]').hide();
$dlg.find('.select-button-cancel[data-id="' + _data.node.key + '"]').show();
$dlg.find('.select-button-ok[data-id="' + _data.node.key + '"]').show();
$dlg.find('.select-button-custom[data-id="' + _data.node.key + '"]').hide();
var node = _data.node;
var $tdList = $(node.tr).find('>td');
// Editor was opened (available as data.input)
var inputs = {id: _data.input};
for (var c = 0; c < data.columns.length; c++) {
var name = data.columns[c];
if (typeof name === 'object') name = name.name;
if (name === 'name') {
$tdList.eq(2 + c).html('<input type="text" id="select_edit_' + name + '" value="' + data.objects[_data.node.key].common[name] + '" style="width: 100%"/>');
inputs[name] = $dlg.find('#select_edit_' + name);
}
}
for (var i in inputs) {
inputs[i].keyup(function (e) {
var node;
if (e.which === 13) {
// end edit
node = $(this).data('node');
node.editFinished = true;
node.editEnd(true);
} else if (e.which === 27) {
// end edit
node = $(this).data('node');
node.editFinished = true;
node.editEnd(false);
}
}).data('node', node);
}
if (data.editStart) data.editStart(_data.node.key, inputs);
node.editFinished = false;
},
beforeClose: function (event, _data) {
// Return false to prevent cancel/save (data.input is available)
return _data.node.editFinished;
},
save: function (event, _data) {
var editValues = {id: _data.input.val()};
for (var c = 0; c < data.columns.length; c++) {
var name = data.columns[c];
if (typeof name === 'object') name = name.name;
if (name === 'name') {
editValues[name] = $dlg.find('#select_edit_' + name).val();
}
}
// Save data.input.val() or return false to keep editor open
if (data.editEnd) data.editEnd(_data.node.key, editValues);
_data.node.render(true);
// We return true, so ext-edit will set the current user input
// as title
return true;
},
close: function (event, _data) {
$dlg.find('.select-button-edit[data-id="' + _data.node.key + '"]').show();
$dlg.find('.select-button-cancel[data-id="' + _data.node.key + '"]').hide();
$dlg.find('.select-button-ok[data-id="' + _data.node.key + '"]').hide();
$dlg.find('.select-button-custom[data-id="' + _data.node.key + '"]').show();
if (_data.node.editFinished !== undefined) delete _data.node.editFinished;
// Editor was removed
if (data.save) {
// Since we started an async request, mark the node as preliminary
$(data.node.span).addClass('pending');
}
}
};
}
data.$tree.fancytree(foptions).on('nodeCommand', function (event, data) {
// Custom event handler that is triggered by keydown-handler and
// context menu:
var refNode;
var tree = $(this).fancytree('getTree');
var node = tree.getActiveNode();
switch (data.cmd) {
case 'moveUp':
node.moveTo(node.getPrevSibling(), 'before');
node.setActive();
break;
case 'moveDown':
node.moveTo(node.getNextSibling(), 'after');
node.setActive();
break;
case 'indent':
refNode = node.getPrevSibling();
node.moveTo(refNode, 'child');
refNode.setExpanded();
node.setActive();
break;
case 'outdent':
node.moveTo(node.getParent(), 'after');
node.setActive();
break;
/*case 'copy':
CLIPBOARD = {
mode: data.cmd,
data: node.toDict(function (n) {
delete n.key;
})
};
break;
case 'clear':
CLIPBOARD = null;
break;*/
default:
alert('Unhandled command: ' + data.cmd);
return;
}
}).on('keydown', function (e) {
var c = String.fromCharCode(e.which);
var cmd = null;
if (e.which === 'c' && e.ctrlKey) {
cmd = 'copy';
}else if (e.which === $.ui.keyCode.UP && e.ctrlKey) {
cmd = 'moveUp';
} else if (e.which === $.ui.keyCode.DOWN && e.ctrlKey) {
cmd = 'moveDown';
} else if (e.which === $.ui.keyCode.RIGHT && e.ctrlKey) {
cmd = 'indent';
} else if (e.which === $.ui.keyCode.LEFT && e.ctrlKey) {
cmd = 'outdent';
}
if (cmd) {
$(this).trigger('nodeCommand', {cmd: cmd});
return false;
}
});
function customFilter(node) {
if (node.parent && node.parent.match) return true;
// Read all filter settings
if (data.filterVals === null) {
data.filterVals = {length: 0};
var value = $('#filter_ID_' + data.instance).val().toLowerCase();
if (value) {
data.filterVals.ID = value;
data.filterVals.length++;
}
for (var c = 0; c < data.columns.length; c++) {
var name = data.columns[c];
if (typeof name === 'object') name = name.name;
if (name === 'image') {
//continue;
} else if (name === 'role' || name === 'type' || name === 'room' || name === 'function') {
value = $('#filter_' + name + '_' + data.instance).val();
if (value) {
data.filterVals[name] = value;
data.filterVals.length++;
}
} else {
value = $('#filter_' + name + '_' + data.instance).val();
if (value) {
value = value.toLowerCase();
data.filterVals[name] = value;
data.filterVals.length++;
}
}
}
// if no clear "close" event => store on change
if (data.noDialog) storeSettings(data);
}
var isCommon = null;
for (var f in data.filterVals) {
if (f === 'length') continue;
if (isCommon === null) isCommon = data.objects[node.key] && data.objects[node.key].common;
if (f === 'ID') {
if (node.key.toLowerCase().indexOf(data.filterVals[f]) === -1) return false;
} else
if (f === 'name' || f === 'enum') {
if (!isCommon || data.objects[node.key].common[f] === undefined || data.objects[node.key].common[f].toLowerCase().indexOf(data.filterVals[f]) === -1) return false;
} else
if (f === 'role') {
if (!isCommon || data.objects[node.key].common[f] === undefined || data.objects[node.key].common[f].indexOf(data.filterVals[f]) === -1) return false;
} else
if (f === 'type') {
if (!data.objects[node.key] || data.objects[node.key][f] === undefined || data.objects[node.key][f] !== data.filterVals[f]) return false;
} else
if (f === 'value') {
if (!data.states[node.key] || data.states[node.key].val === undefined || data.states[node.key].val === null || data.states[node.key].val.toString().toLowerCase().indexOf(data.filterVals[f]) === -1) return false;
} else
if (f === 'button') {
if (data.filterVals[f] === 'true') {
if (!isCommon || !data.objects[node.key].common.custom || data.objects[node.key].common.custom.enabled === false) return false;
} else if (data.filterVals[f] === 'false') {
if (!isCommon || data.objects[node.key].type !== 'state' || data.objects[node.key].common.custom) return false;
} else if (data.filterVals[f]) {
if (!isCommon || !data.objects[node.key].common.custom || !data.objects[node.key].common.custom[data.filterVals[f]]) return false;
}
} else
if (f === 'room') {
if (!data.objects[node.key]) return false;
// Try to find room
if (!data.rooms[node.key]) data.rooms[node.key] = findRoomsForObject(data, node.key);
if (data.rooms[node.key].indexOf(data.filterVals[f]) === -1) return false;
} else
if (f === 'function') {
if (!data.objects[node.key]) return false;
// Try to find functions
if (!data.funcs[node.key]) data.funcs[node.key] = findFunctionsForObject(data, node.key);
if (data.funcs[node.key].indexOf(data.filterVals[f]) === -1) return false;
}
}
return true;
}
$('.filter_' + data.instance).change(function () {
data.filterVals = null;
$('#process_running_' + data.instance).show();
data.$tree.fancytree('getTree').filterNodes(customFilter, false);
$('#process_running_' + data.instance).hide();
}).keyup(function () {
var tree = data.$tree[0];
if (tree._timer) tree._timer = clearTimeout(tree._timer);
var that = this;
tree._timer = setTimeout(function () {
$(that).trigger('change');
}, 200);
});
$('.filter_btn_' + data.instance).button({icons: {primary: 'ui-icon-close'}, text: false}).css({width: 18, height: 18}).click(function () {
$('#' + $(this).attr('data-id')).val('').trigger('change');
});
$('#btn_collapse_' + data.instance).button({icons: {primary: 'ui-icon-folder-collapsed'}, text: false}).css({width: 18, height: 18}).click(function () {
$('#process_running_' + data.instance).show();
setTimeout(function () {
data.$tree.fancytree('getRootNode').visit(function (node) {
if (!data.filterVals.length || node.match || node.subMatch) node.setExpanded(false);
});
$('#process_running_' + data.instance).hide();
}, 100);
}).attr('title', data.texts.collapse);
$('#btn_expand_' + data.instance).button({icons: {primary: 'ui-icon-folder-open'}, text: false}).css({width: 18, height: 18}).click(function () {
$('#process_running_' + data.instance).show();
setTimeout(function () {
data.$tree.fancytree('getRootNode').visit(function (node) {
if (!data.filterVals.length || node.match || node.subMatch)
node.setExpanded(true);
});
$('#process_running_' + data.instance).hide();
}, 100);
}).attr('title', data.texts.expand);
$('#btn_list_' + data.instance).button({icons: {primary: 'ui-icon-grip-dotted-horizontal'}, text: false}).css({width: 18, height: 18}).click(function () {
$('#process_running_' + data.instance).show();
data.list = !data.list;
if (data.list) {
$('#btn_list_' + data.instance).addClass('ui-state-error');
$('#btn_expand_' + data.instance).hide();
$('#btn_collapse_' + data.instance).hide();
$(this).attr('title', data.texts.list);
} else {
$('#btn_list_' + data.instance).removeClass('ui-state-error');
$('#btn_expand_' + data.instance).show();
$('#btn_collapse_' + data.instance).show();
$(this).attr('title', data.texts.tree);
}
$('#process_running_' + data.instance).show();
setTimeout(function () {
data.inited = false;
initTreeDialog(data.$dlg);
$('#process_running_' + data.instance).hide();
}, 200);
}).attr('title', data.texts.tree);
if (data.list) {
$('#btn_list_' + data.instance).addClass('ui-state-error');
$('#btn_expand_' + data.instance).hide();
$('#btn_collapse_' + data.instance).hide();
$('#btn_list_' + data.instance).attr('title', data.texts.list);
}
$('#btn_refresh_' + data.instance).button({icons: {primary: 'ui-icon-refresh'}, text: false}).css({width: 18, height: 18}).click(function () {
$('#process_running_' + data.instance).show();
setTimeout(function () {
data.inited = false;
initTreeDialog(data.$dlg);
$('#process_running_' + data.instance).hide();
}, 100);
}).attr('title', data.texts.refresh);
$('#btn_select_all_' + data.instance).button({icons: {primary: 'ui-icon-circle-check'}, text: false}).css({width: 18, height: 18}).click(function () {
$('#process_running_' + data.instance).show();
setTimeout(function () {
data.$tree.fancytree('getRootNode').visit(function (node) {
if (!data.filterVals.length || node.match || node.subMatch) {
// hide checkbox if only states should be selected
if (data.objects[node.key] && data.objects[node.key].type === 'state') {
node.setSelected(true);
}
}
});
$('#process_running_' + data.instance).hide();
}, 100);
}).attr('title', data.texts.selectAll);
if (data.expertModeRegEx) {
$('#btn_expert_' + data.instance).button({icons: {primary: 'ui-icon-person'}, text: false}).css({width: 18, height: 18}).click(function () {
$('#process_running_' + data.instance).show();
data.expertMode = !data.expertMode;
if (data.expertMode) {
$('#btn_expert_' + data.instance).addClass('ui-state-error');
} else {
$('#btn_expert_' + data.instance).removeClass('ui-state-error');
}
storeSettings(data, true);
setTimeout(function () {
data.inited = false;
initTreeDialog(data.$dlg);
$('#process_running_' + data.instance).hide();
}, 200);
}).attr('title', data.texts.expertMode);
if (data.expertMode) $('#btn_expert_' + data.instance).addClass('ui-state-error');
}
$('#btn_unselect_all_' + data.instance).button({icons: {primary: 'ui-icon-circle-close'}, text: false}).css({width: 18, height: 18}).click(function () {
$('#process_running_' + data.instance).show();
setTimeout(function () {
data.$tree.fancytree('getRootNode').visit(function (node) {
node.setSelected(false);
});
$('#process_running_' + data.instance).hide();
}, 100);
}).attr('title', data.texts.unselectAll);
$('#btn_invert_selection_' + data.instance).button({icons: {primary: 'ui-icon-transferthick-e-w'}, text: false}).css({width: 18, height: 18}).click(function () {
$('#process_running_' + data.instance).show();
setTimeout(function () {
data.$tree.fancytree('getRootNode').visit(function (node) {
if (!data.filterVals.length || node.match || node.subMatch){
if (data.objects[node.key] && data.objects[node.key].type === 'state') {
node.toggleSelected();
}
}
});
$('#process_running_' + data.instance).hide();
}, 100);
}).attr('title', data.texts.invertSelection);
for (var f in filter) {
try {
if (f) $('#filter_' + f + '_' + data.instance).val(filter[f]).trigger('change');
} catch (err) {
console.error('Cannot apply filter: ' + err)
}
}
if (data.panelButtons) {
for (var z = 0; z < data.panelButtons.length; z++) {
$('#btn_custom_' + data.instance + '_' + z).button(data.panelButtons[z]).css({width: 18, height: 18}).click(data.panelButtons[z].click).attr('title', data.panelButtons[z].title || '');
text += '<td><button id="btn_custom_' + data.instance + '_' + z + '"></button></td>';
}
}
if (data.customButtonFilter) {
$('#filter_button_' + data.instance + '_btn').button(data.customButtonFilter).css({width: 18, height: 18}).click(data.customButtonFilter.callback);
}
showActive($dlg);
loadSettings(data);
installColResize(data, $dlg);
// set preset filters
for (var field in data.filterPresets) {
if (!data.filterPresets[field]) continue;
if (typeof data.filterPresets[field] === 'object') {
$('#filter_' + field + '_' + data.instance).val(data.filterPresets[field][0]).trigger('change');
} else {
$('#filter_' + field + '_' + data.instance).val(data.filterPresets[field]).trigger('change');
}
}
}
function storeSettings(data, force) {
if (typeof Storage === 'undefined' || !data.name) return;
if (data.timer) clearTimeout(data.timer);
if (force) {
window.localStorage.setItem(data.name + '-filter', JSON.stringify(data.filterVals));
window.localStorage.setItem(data.name + '-expert', JSON.stringify(data.expertMode));
data.timer = null;
} else {
data.timer = setTimeout(function () {
window.localStorage.setItem(data.name + '-filter', JSON.stringify(data.filterVals));
window.localStorage.setItem(data.name + '-expert', JSON.stringify(data.expertMode));
}, 500);
}
}
function loadSettings(data) {
if (typeof Storage !== 'undefined' && data.name) {
var f = window.localStorage.getItem(data.name + '-filter');
if (f) {
try{
f = JSON.parse(f);
for (var field in f) {
if (field === 'length') continue;
if (data.filterPresets[field]) continue;
$('#filter_' + field + '_' + data.instance).val(f[field]).trigger('change');
}
} catch(e) {
console.error('Cannot parse settings: ' + e);
}
} else if (!data.filter) {
// set default filter: state
$('#filter_type_' + data.instance).val('state').trigger('change');
}
}
}
var methods = {
init: function (options) {
// done, just to show possible settings, this is not required
var settings = $.extend({
currentId: '',
objects: null,
states: null,
filter: null,
imgPath: 'lib/css/fancytree/',
connCfg: null,
onSuccess: null,
onChange: null,
zindex: null,
list: false,
name: null,
columns: ['image', 'name', 'type', 'role', 'enum', 'room', 'function', 'value', 'button']
}, options);
settings.texts = settings.texts || {};
settings.texts = $.extend({
select: 'Select',
cancel: 'Cancel',
all: 'All',
id: 'ID',
name: 'Name',
role: 'Role',
type: 'Type',
room: 'Room',
'function': 'Function',
enum: 'Members',
value: 'Value',
selectid: 'Select ID',
from: 'From',
quality: 'Quality',
lc: 'Last changed',
ts: 'Time stamp',
ack: 'Acknowledged',
expand: 'Expand all nodes',
collapse: 'Collapse all nodes',
refresh: 'Rebuild tree',
edit: 'Edit',
ok: 'Ok',
push: 'Trigger event',
wait: 'Processing...',
list: 'Show list view',
tree: 'Show tree view',
selectAll: 'Select all',
unselectAll: 'Unselect all',
invertSelection: 'Invert selection',
copyToClipboard: 'Copy to clipboard'
}, settings.texts);
var that = this;
for (var i = 0; i < this.length; i++) {
var dlg = this[i];
var $dlg = $(dlg);
var data = $dlg.data('selectId');
// Init data
if (!data) {
data = {
tree: {title: '', children: [], count: 0, root: true},
roomEnums: [],
rooms: {},
roomsColored: {},
funcEnums: [],
funcs: {},
funcsColored: {},
roles: [],
histories: [],
types: [],
regexSystemAdapter: new RegExp('^system\\.adapter\\.'),
regexSystemHost: new RegExp('^system\\.host\\.'),
regexEnumRooms: new RegExp('^enum\\.rooms\\.'),
regexEnumFuncs: new RegExp('^enum\\.functions\\.'),
instance: instance++,
inited: false,
filterPresets: {}
};
$dlg.data('selectId', data);
}
if (data.inited) {
// Re-init tree if filter or selectedID changed
if ((data.filter && !settings.filter && settings.filter !== undefined) ||
(!data.filter && settings.filter) ||
(data.filter && settings.filter && JSON.stringify(data.filter) !== JSON.stringify(settings.filter))) {
data.inited = false;
}
if (data.inited && settings.currentId !== undefined && (data.currentId !== settings.currentId)) {
// Deactivate current line
var tree = data.$tree.fancytree('getTree');
tree.visit(function (node) {
if (node.key === data.currentId) {
node.setActive(false);
return false;
}
});
}
}
data = $.extend(data, settings);
data.rootExp = data.root ? new RegExp('^' + data.root.replace('.', '\\.')) : null;
data.selectedID = data.currentId;
// make a copy of filter
data.filter = JSON.parse(JSON.stringify(data.filter));
if (!data.objects && data.connCfg) {
// Read objects and states
data.socketURL = '';
data.socketSESSION = '';
if (typeof data.connCfg.socketUrl !== 'undefined') {
data.socketURL = data.connCfg.socketUrl;
if (data.socketURL && data.socketURL[0] === ':') {
data.socketURL = location.protocol + '//' + location.hostname + data.socketURL;
}
data.socketSESSION = data.connCfg.socketSession;
data.socketUPGRADE = data.connCfg.upgrade;
data.socketRememberUpgrade = data.connCfg.rememberUpgrade;
data.socketTransports = data.connCfg.transports;
}
var connectTimeout = setTimeout(function () {
if (!$('#select-id-dialog').length) {
$('body').append('<div id="select-id-dialog"><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 50px 0;"></span><span>' + (data.texts.noconnection || 'No connection to server') + '</span></div>');
}
$('#select-id-dialog').dialog({
modal: true
});
}, 5000);
data.socket = io.connect(data.socketURL, {
query: 'key=' + data.socketSESSION,
'reconnection limit': 10000,
'max reconnection attempts': Infinity,
upgrade: data.socketUPGRADE,
rememberUpgrade: data.socketRememberUpgrade,
transports: data.socketTransports
});
data.socket.on('connect', function () {
if (connectTimeout) clearTimeout(connectTimeout);
this.emit('name', data.connCfg.socketName || 'selectId');
this.emit('getObjects', function (err, res) {
data.objects = res;
data.socket.emit('getStates', function (err, res) {
data.states = res;
});
});
});
data.socket.on('stateChange', function (id, obj) {
that.selectId('state', id, obj);
});
data.socket.on('objectChange', function (id, obj) {
that.selectId('object', id, obj);
});
}
$dlg.data('selectId', data);
}
return this;
},
show: function (currentId, filter, onSuccess) {
if (typeof filter === 'function') {
onSuccess = filter;
filter = undefined;
}
if (typeof currentId === 'function') {
onSuccess = currentId;
currentId = undefined;
}
for (var i = 0; i < this.length; i++) {
var dlg = this[i];
var $dlg = $(dlg);
var data = $dlg.data('selectId');
if (!data) continue;
if (data.inited) {
// Re-init tree if filter or selectedID changed
if ((data.filter && !filter && filter !== undefined) ||
(!data.filter && filter) ||
(data.filter && filter && JSON.stringify(data.filter) !== JSON.stringify(filter))) {
data.inited = false;
}
if (data.inited && currentId !== undefined && (data.currentId !== currentId)) {
// Deactivate current line
var tree = data.$tree.fancytree('getTree');
tree.visit(function (node) {
if (node.key === data.currentId) {
node.setActive(false);
return false;
}
});
}
}
if (currentId !== undefined) data.currentId = currentId;
if (filter !== undefined) data.filter = JSON.parse(JSON.stringify(filter));
if (onSuccess !== undefined) {
data.onSuccess = onSuccess;
data.$tree = $('#selectID_' + data.instance);
if (data.$tree[0]) data.$tree[0]._onSuccess = data.onSuccess;
}
data.selectedID = data.currentId;
if (!data.inited || !data.noDialog) {
data.$dlg = $dlg;
initTreeDialog($dlg);
} else {
if (data.selectedID) {
var tree = data.$tree.fancytree('getTree');
tree.visit(function (node) {
if (node.key === data.selectedID) {
node.setActive();
node.makeVisible({scrollIntoView: false});
return false;
}
});
}
}
if (!data.noDialog) {
$dlg.dialog('option', 'title', data.texts.selectid + ' - ' + (data.currentId || ' '));
if (data.currentId) {
if (data.objects[data.currentId] && data.objects[data.currentId].common && data.objects[data.currentId].common.name) {
$dlg.dialog('option', 'title', data.texts.selectid + ' - ' + (data.objects[data.currentId].common.name || ' '));
} else {
$dlg.dialog('option', 'title', data.texts.selectid + ' - ' + (data.currentId || ' '));
}
} else {
$('#' + data.instance + '-button-ok').addClass('ui-state-disabled');
}
$dlg.dialog('open');
showActive($dlg, true);
} else {
$dlg.show();
showActive($dlg, true);
}
}
return this;
},
hide: function () {
for (var i = 0; i < this.length; i++) {
var dlg = this[i];
var $dlg = $(dlg);
var data = $dlg.data('selectId');
if (data && !data.noDialog) {
$dlg.dialog('hide');
} else {
$dlg.hide();
}
}
return this;
},
clear: function () {
for (var i = 0; i < this.length; i++) {
var dlg = this[i];
var $dlg = $(dlg);
var data = $dlg.data('selectId');
// Init data
if (data) {
data.tree = {title: '', children: [], count: 0, root: true};
data.rooms = {};
data.roomEnums = [];
data.funcs = {};
data.funcEnums = [];
data.roles = [];
data.types = [];
data.histories = [];
}
}
return this;
},
getInfo: function (id) {
for (var i = 0; i < this.length; i++) {
var dlg = this[i];
var $dlg = $(dlg);
var data = $dlg.data('selectId');
if (data && data.objects) {
return data.objects[id];
}
}
return null;
},
getTreeInfo: function (id) {
for (var i = 0; i < this.length; i++) {
var dlg = this[i];
var $dlg = $(dlg);
var data = $dlg.data('selectId');
if (!data || !data.$tree) continue;
var tree = data.$tree.fancytree('getTree');
var node = null;
tree.visit(function (n) {
if (n.key === id) {
node = n;
return false;
}
});
var result = {
id: id,
parent: (node && node.parent && node.parent.parent) ? node.parent.key : null,
children: null,
obj: data.objects ? data.objects[id] : null
};
if (node && node.children) {
result.children = [];
for (var t = 0; t < node.children.length; t++) {
result.children.push(node.children[t].key);
}
if (!result.children.length) delete result.children;
}
return result;
}
return null;
},
destroy: function () {
for (var i = 0; i < this.length; i++) {
var dlg = this[i];
var $dlg = $(dlg);
$dlg.data('selectId', null);
$('#' + data.instance + '-div')[0].innerHTML('');
}
return this;
},
reinit: function () {
for (var i = 0; i < this.length; i++) {
var dlg = this[i];
var $dlg = $(dlg);
var data = $dlg.data('selectId');
if (data) {
data.inited = false;
initTreeDialog(data.$dlg);
}
}
return this;
},
// update states
state: function (id, state) {
for (var i = 0; i < this.length; i++) {
var dlg = this[i];
var $dlg = $(dlg);
var data = $dlg.data('selectId');
if (!data || !data.states || !data.$tree) continue;
if (data.states[id] &&
state &&
data.states[id].val === state.val &&
data.states[id].ack === state.ack &&
data.states[id].q === state.q &&
data.states[id].from === state.from &&
data.states[id].ts === state.ts
) return;
data.states[id] = state;
var tree = data.$tree.fancytree('getTree');
var node = null;
tree.visit(function (n) {
if (n.key === id) {
node = n;
return false;
}
});
if (node) node.render(true);
}
return this;
},
// update objects
object: function (id, obj) {
for (var k = 0; k < this.length; k++) {
var dlg = this[k];
var $dlg = $(dlg);
var data = $dlg.data('selectId');
if (!data || !data.$tree || !data.objects) continue;
if (id.match(/^enum\.rooms/)) {
data.rooms = {};
data.roomsColored = {};
}
if (id.match(/^enum\.functions/)) {
data.funcs = {};
data.funcsColored = {};
}
var tree = data.$tree.fancytree('getTree');
var node = null;
tree.visit(function (n) {
if (n.key === id) {
node = n;
return false;
}
});
// If new node
if (!node && obj) {
// Filter it
data.objects[id] = obj;
var addedNodes = [];
if (!filterId(data, id)) return;
treeInsert(data, id, false, addedNodes);
for (var i = 0; i < addedNodes.length; i++) {
if (!addedNodes[i].parent.root) {
tree.visit(function (n) {
if (n.key === addedNodes[i].parent.key) {
node = n;
return false;
}
});
} else {
node = data.$tree.fancytree('getRootNode');
}
// if no children
if (!node.children || !node.children.length) {
// add
node.addChildren(addedNodes[i]);
node.folder = true;
node.expanded = false;
node.render(true);
node.children[0].match = true;
} else {
var c;
for (c = 0; c < node.children.length; c++) {
if (node.children[c].key > addedNodes[i].key) break;
}
// if some found greater than new one
if (c !== node.children.length) {
node.addChildren(addedNodes[i], node.children[c]);
node.children[c].match = true;
node.render(true);
} else {
// just add
node.addChildren(addedNodes[i]);
node.children[node.children.length - 1].match = true;
node.render(true);
}
}
}
} else if (!obj) {
// object deleted
delete data.objects[id];
deleteTree(data, id);
if (node) {
if (node.children && node.children.length) {
if (node.children.length === 1) {
node.folder = false;
node.expanded = false;
}
node.render(true);
} else {
if (node.parent && node.parent.children.length === 1) {
node.parent.folder = false;
node.parent.expanded = false;
node.parent.render(true);
}
node.remove();
}
}
} else {
// object updated
if (node) node.render(true);
}
}
return this;
},
option: function (name, value) {
for (var k = 0; k < this.length; k++) {
var dlg = this[k];
var $dlg = $(dlg);
var data = $dlg.data('selectId');
if (!data) continue;
if (data[name] !== undefined) {
data[name] = value;
} else {
console.error('Unknown options for selectID: ' + name);
}
}
},
objectAll: function (id, obj) {
$('.select-id-dialog-marker').selectId('object', id, obj);
},
stateAll: function (id, state) {
$('.select-id-dialog-marker').selectId('state', id, state);
},
getFilteredIds: function () {
for (var k = 0; k < this.length; k++) {
var dlg = this[k];
var $dlg = $(dlg);
var data = $dlg.data('selectId');
if (!data || !data.$tree || !data.objects) continue;
var tree = data.$tree.fancytree('getTree');
var nodes = [];
tree.visit(function (n) {
if (n.match) nodes.push(n.key);
});
return nodes;
}
return null;
},
getActual: function () {
//for (var k = 0; k < this.length; k++) {
//
//}
var dlg = this[0];
var $dlg = $(dlg);
var data = $dlg.data('selectId');
return data ? data.selectedID : null;
}
};
$.fn.selectId = function (method) {
if (methods[method]) {
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
} else if (typeof method === 'object' || !method) {
return methods.init.apply(this, arguments);
} else {
$.error('Method "' + method + '" not found in jQuery.selectId');
}
};
})(jQuery);
Reference in New Issue Copy Permalink