1
0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00
node-red/editor/js/user.js

190 lines
7.9 KiB
JavaScript
Raw Normal View History

2014-12-10 15:16:07 +01:00
/**
2015-03-16 00:07:57 +01:00
* Copyright 2014, 2015 IBM Corp.
2014-12-10 15:16:07 +01:00
*
* 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.user = (function() {
2015-07-01 00:42:03 +02:00
2014-12-10 15:16:07 +01:00
function login(opts,done) {
if (typeof opts == 'function') {
done = opts;
opts = {};
}
2015-07-01 00:42:03 +02:00
2014-12-10 15:16:07 +01:00
var dialog = $('<div id="node-dialog-login" class="hide">'+
2015-04-13 11:37:30 +02:00
'<div style="display: inline-block;width: 250px; vertical-align: top; margin-right: 10px; margin-bottom: 20px;"><img id="node-dialog-login-image" src=""/></div>'+
2014-12-10 15:16:07 +01:00
'<div style="display: inline-block; width: 250px; vertical-align: bottom; margin-left: 10px; margin-bottom: 20px;">'+
'<form id="node-dialog-login-fields" class="form-horizontal" style="margin-bottom: 0px;"></form>'+
'</div>'+
'</div>');
dialog.dialog({
autoOpen: false,
dialogClass: "ui-dialog-no-close",
modal: true,
closeOnEscape: false,
width: 600,
resizable: false,
draggable: false
});
2015-07-01 00:42:03 +02:00
2014-12-10 15:16:07 +01:00
$("#node-dialog-login-fields").empty();
$.ajax({
dataType: "json",
url: "auth/login",
success: function(data) {
if (data.type == "credentials") {
var i=0;
2015-07-01 00:42:03 +02:00
2015-04-13 11:37:30 +02:00
if (data.image) {
$("#node-dialog-login-image").attr("src",data.image);
} else {
$("#node-dialog-login-image").attr("src","red/images/node-red-256.png");
}
2014-12-10 15:16:07 +01:00
for (;i<data.prompts.length;i++) {
var field = data.prompts[i];
var row = $("<div/>",{id:"rrr"+i,class:"form-row"});
2014-12-10 15:16:07 +01:00
$('<label for="node-dialog-login-'+field.id+'">'+field.label+':</label><br/>').appendTo(row);
var input = $('<input style="width: 100%" id="node-dialog-login-'+field.id+'" type="'+field.type+'" tabIndex="'+(i+1)+'"/>').appendTo(row);
2015-07-01 00:42:03 +02:00
if (i<data.prompts.length-1) {
input.keypress(
(function() {
var r = row;
return function(event) {
if (event.keyCode == 13) {
r.next("div").find("input").focus();
event.preventDefault();
}
}
})()
);
}
2014-12-10 15:16:07 +01:00
row.appendTo("#node-dialog-login-fields");
}
2015-07-01 00:42:03 +02:00
$('<div class="form-row" style="text-align: right; margin-top: 10px;"><span id="node-dialog-login-failed" style="line-height: 2em;float:left;" class="hide">'+RED._("user.loginFailed")+'</span><img src="red/images/spin.svg" style="height: 30px; margin-right: 10px; " class="login-spinner hide"/>'+
(opts.cancelable?'<a href="#" id="node-dialog-login-cancel" style="margin-right: 20px;" tabIndex="'+(i+1)+'">'+RED._("common.label.cancel")+'</a>':'')+
'<input type="submit" id="node-dialog-login-submit" style="width: auto;" tabIndex="'+(i+2)+'" value="'+RED._("user.login")+'"></div>').appendTo("#node-dialog-login-fields");
2015-05-03 23:28:03 +02:00
$("#node-dialog-login-submit").button();
$("#node-dialog-login-fields").submit(function(event) {
2014-12-10 15:16:07 +01:00
$("#node-dialog-login-submit").button("option","disabled",true);
$("#node-dialog-login-failed").hide();
$(".login-spinner").show();
2015-07-01 00:42:03 +02:00
2014-12-10 15:16:07 +01:00
var body = {
client_id: "node-red-editor",
2014-12-10 15:16:07 +01:00
grant_type: "password",
scope:""
2014-12-10 15:16:07 +01:00
}
for (var i=0;i<data.prompts.length;i++) {
var field = data.prompts[i];
body[field.id] = $("#node-dialog-login-"+field.id).val();
}
$.ajax({
url:"auth/token",
type: "POST",
data: body
}).done(function(data,textStatus,xhr) {
RED.settings.set("auth-tokens",data);
$("#node-dialog-login").dialog('destroy').remove();
done();
}).fail(function(jqXHR,textStatus,errorThrown) {
RED.settings.remove("auth-tokens");
$("#node-dialog-login-failed").show();
}).always(function() {
$("#node-dialog-login-submit").button("option","disabled",false);
$(".login-spinner").hide();
});
event.preventDefault();
2015-05-03 23:28:03 +02:00
});
2014-12-10 15:16:07 +01:00
if (opts.cancelable) {
$("#node-dialog-login-cancel").button().click(function( event ) {
$("#node-dialog-login").dialog('destroy').remove();
});
}
}
dialog.dialog("open");
2015-07-01 00:42:03 +02:00
}
2014-12-10 15:16:07 +01:00
});
}
function logout() {
$.ajax({
url: "auth/revoke",
type: "POST",
data: {token:RED.settings.get("auth-tokens").access_token},
success: function() {
RED.settings.remove("auth-tokens");
document.location.reload(true);
}
})
}
2015-07-01 00:42:03 +02:00
2015-03-16 00:07:57 +01:00
function updateUserMenu() {
$("#usermenu-submenu li").remove();
2015-03-16 00:07:57 +01:00
if (RED.settings.user.anonymous) {
RED.menu.addItem("btn-usermenu",{
id:"usermenu-item-login",
label:RED._("menu.label.login"),
2015-03-16 00:07:57 +01:00
onselect: function() {
RED.user.login({cancelable:true},function() {
RED.settings.load(function() {
2015-07-01 00:42:03 +02:00
RED.notify(RED._("user.loggedInAs",{name:RED.settings.user.username}),"success");
2015-03-16 00:07:57 +01:00
updateUserMenu();
});
});
}
});
} else {
RED.menu.addItem("btn-usermenu",{
id:"usermenu-item-username",
2015-03-16 00:07:57 +01:00
label:"<b>"+RED.settings.user.username+"</b>"
});
RED.menu.addItem("btn-usermenu",{
id:"usermenu-item-logout",
label:RED._("menu.label.logout"),
2015-03-16 00:07:57 +01:00
onselect: function() {
RED.user.logout();
}
});
}
2015-07-01 00:42:03 +02:00
2015-03-16 00:07:57 +01:00
}
2015-07-01 00:42:03 +02:00
2015-03-16 00:07:57 +01:00
function init() {
if (RED.settings.user) {
if (!RED.settings.editorTheme || !RED.settings.editorTheme.hasOwnProperty("userMenu")) {
2015-07-01 00:42:03 +02:00
$('<li><a id="btn-usermenu" class="button hide" data-toggle="dropdown" href="#"><i class="fa fa-user"></i></a></li>')
.prependTo(".header-toolbar");
2015-07-01 00:42:03 +02:00
RED.menu.init({id:"btn-usermenu",
options: []
});
updateUserMenu();
}
2015-03-16 00:07:57 +01:00
}
2015-07-01 00:42:03 +02:00
2015-03-16 00:07:57 +01:00
}
2014-12-10 15:16:07 +01:00
return {
2015-03-16 00:07:57 +01:00
init: init,
2014-12-10 15:16:07 +01:00
login: login,
logout: logout
}
})();