mirror of https://github.com/node-red/node-red.git
92 lines
3.0 KiB
JavaScript
92 lines
3.0 KiB
JavaScript
|
/**
|
||
|
|
* Copyright JS Foundation and other contributors, http://js.foundation
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
**/
|
||
|
|
|
||
|
|
RED.userSettings = (function() {
|
||
|
|
|
||
|
|
var trayWidth = null;
|
||
|
|
var settingsVisible = false;
|
||
|
|
|
||
|
|
function show() {
|
||
|
|
if (settingsVisible) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
settingsVisible = true;
|
||
|
|
|
||
|
|
var trayOptions = {
|
||
|
|
title: "User Settings",
|
||
|
|
buttons: [
|
||
|
|
{
|
||
|
|
id: "node-dialog-ok",
|
||
|
|
text: RED._("common.label.close"),
|
||
|
|
class: "primary",
|
||
|
|
click: function() {
|
||
|
|
RED.tray.close();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
],
|
||
|
|
resize: function(dimensions) {
|
||
|
|
trayWidth = dimensions.width;
|
||
|
|
},
|
||
|
|
open: function(tray) {
|
||
|
|
var trayBody = tray.find('.editor-tray-body');
|
||
|
|
|
||
|
|
$('<ul></ul>',{id:"user-settings-tabs"}).appendTo(trayBody);
|
||
|
|
var tabContents = $('<div></div>',{id:"user-settings-tabs-content"}).appendTo(trayBody);
|
||
|
|
|
||
|
|
$('<div class="hide" id="user-settings-tab-view">View Tab</div>').appendTo(tabContents);
|
||
|
|
$('<div class="hide" id="user-settings-tab-keyboard">Keyboard Tab</div>').appendTo(tabContents);
|
||
|
|
$('<div class="hide" id="user-settings-tab-something">Something Tab</div>').appendTo(tabContents);
|
||
|
|
|
||
|
|
|
||
|
|
var tabs = RED.tabs.create({
|
||
|
|
id: "user-settings-tabs",
|
||
|
|
onchange: function(tab) {
|
||
|
|
$("#user-settings-tabs-content").children().hide();
|
||
|
|
$("#" + tab.id).show();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
tabs.addTab({
|
||
|
|
id: "user-settings-tab-view",
|
||
|
|
label: "View"
|
||
|
|
});
|
||
|
|
tabs.addTab({
|
||
|
|
id: "user-settings-tab-keyboard",
|
||
|
|
label: "Keyboard Shortcuts"
|
||
|
|
});
|
||
|
|
tabs.addTab({
|
||
|
|
id: "user-settings-tab-something",
|
||
|
|
label: "Something Else"
|
||
|
|
});
|
||
|
|
},
|
||
|
|
close: function() {
|
||
|
|
settingsVisible = false;
|
||
|
|
},
|
||
|
|
show: function() {}
|
||
|
|
}
|
||
|
|
if (trayWidth !== null) {
|
||
|
|
trayOptions.width = trayWidth;
|
||
|
|
}
|
||
|
|
RED.tray.show(trayOptions);
|
||
|
|
}
|
||
|
|
|
||
|
|
function init() {
|
||
|
|
RED.actions.add("core:show-user-settings",show);
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
init: init
|
||
|
|
};
|
||
|
|
})();
|