Merge branch 'dev' of https://gitea.verdnatura.es/verdnatura/salix into dev
This commit is contained in:
Carlos Jimenez Ruiz
commit
366527d87e
|
|
@ -0,0 +1,45 @@
|
|||
module.exports = Self => {
|
||||
Self.remoteMethod('acl', {
|
||||
description: 'Get the user information and permissions',
|
||||
accepts: [
|
||||
{
|
||||
arg: 'ctx',
|
||||
type: 'Object',
|
||||
http: {source: 'context'}
|
||||
}
|
||||
],
|
||||
returns: {
|
||||
type: 'Object',
|
||||
root: true
|
||||
},
|
||||
http: {
|
||||
path: `/acl`,
|
||||
verb: 'GET'
|
||||
}
|
||||
});
|
||||
|
||||
Self.acl = async function(ctx) {
|
||||
let userId = ctx.req.accessToken.userId;
|
||||
let models = Self.app.models;
|
||||
|
||||
let user = await models.Account.findById(userId, {
|
||||
fields: ['id', 'name', 'nickname', 'email']
|
||||
});
|
||||
|
||||
let roles = await models.RoleMapping.find({
|
||||
fields: ['roleId'],
|
||||
where: {
|
||||
principalId: userId,
|
||||
principalType: 'USER'
|
||||
},
|
||||
include: [{
|
||||
relation: 'role',
|
||||
scope: {
|
||||
fields: ['name']
|
||||
}
|
||||
}]
|
||||
});
|
||||
|
||||
return {roles, user};
|
||||
};
|
||||
};
|
||||
|
|
@ -1,4 +1,3 @@
|
|||
const url = require('url');
|
||||
const md5 = require('md5');
|
||||
|
||||
module.exports = Self => {
|
||||
|
|
@ -13,12 +12,7 @@ module.exports = Self => {
|
|||
}, {
|
||||
arg: 'password',
|
||||
type: 'String',
|
||||
description: 'The user name or email',
|
||||
required: true
|
||||
}, {
|
||||
arg: 'location',
|
||||
type: 'String',
|
||||
description: 'Location to redirect after login'
|
||||
description: 'The user name or email'
|
||||
}
|
||||
],
|
||||
returns: {
|
||||
|
|
@ -31,7 +25,7 @@ module.exports = Self => {
|
|||
}
|
||||
});
|
||||
|
||||
Self.login = async function(user, password, location) {
|
||||
Self.login = async function(user, password) {
|
||||
let token;
|
||||
let usesEmail = user.indexOf('@') !== -1;
|
||||
let User = Self.app.models.User;
|
||||
|
|
@ -68,25 +62,6 @@ module.exports = Self => {
|
|||
token = await User.login(loginInfo, 'user');
|
||||
}
|
||||
|
||||
let apiKey;
|
||||
let continueUrl;
|
||||
|
||||
try {
|
||||
let query = url.parse(location, true).query;
|
||||
apiKey = query.apiKey;
|
||||
continueUrl = query.continue;
|
||||
} catch (e) {
|
||||
continueUrl = null;
|
||||
}
|
||||
|
||||
let applications = Self.app.get('applications');
|
||||
if (!apiKey) apiKey = 'default';
|
||||
let loginUrl = applications[apiKey] || '/login';
|
||||
|
||||
return {
|
||||
token: token.id,
|
||||
continue: continueUrl,
|
||||
loginUrl: loginUrl
|
||||
};
|
||||
return {token: token.id};
|
||||
};
|
||||
};
|
||||
|
|
|
|||
|
|
@ -0,0 +1,33 @@
|
|||
const app = require(`${serviceRoot}/server/server`);
|
||||
|
||||
describe('account login()', () => {
|
||||
describe('when credentials are correct', () => {
|
||||
it('should return the token', async() => {
|
||||
let response = await app.models.Account.login('employee', 'nightmare');
|
||||
|
||||
expect(response.token).toBeDefined();
|
||||
});
|
||||
|
||||
it('should return the token if the user doesnt exist but the client does', async() => {
|
||||
let response = await app.models.Account.login('PetterParker', 'nightmare');
|
||||
|
||||
expect(response.token).toBeDefined();
|
||||
});
|
||||
});
|
||||
|
||||
describe('when credentials are incorrect', () => {
|
||||
it('should throw a 401 error', async() => {
|
||||
let error;
|
||||
|
||||
try {
|
||||
await app.models.Account.login('IDontExist', 'TotallyWrongPassword');
|
||||
} catch (e) {
|
||||
error = e;
|
||||
}
|
||||
|
||||
expect(error).toBeDefined();
|
||||
expect(error.statusCode).toBe(401);
|
||||
expect(error.code).toBe('LOGIN_FAILED');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
const app = require(`${serviceRoot}/server/server`);
|
||||
|
||||
describe('account logout()', () => {
|
||||
it('should logout and remove token after valid login', async() => {
|
||||
let loginResponse = await app.models.Account.login('employee', 'nightmare');
|
||||
let accessToken = await app.models.AccessToken.findById(loginResponse.token);
|
||||
let ctx = {req: {accessToken: accessToken}};
|
||||
|
||||
let response = await app.models.Account.logout(ctx);
|
||||
let afterToken = await app.models.AccessToken.findById(loginResponse.token);
|
||||
|
||||
expect(response).toBeTruthy();
|
||||
expect(afterToken).toBeNull();
|
||||
});
|
||||
|
||||
it('should throw a 401 error when token is invalid', async() => {
|
||||
let error;
|
||||
let ctx = {req: {accessToken: {id: 'invalidToken'}}};
|
||||
|
||||
try {
|
||||
response = await app.models.Account.logout(ctx);
|
||||
} catch (e) {
|
||||
error = e;
|
||||
}
|
||||
|
||||
expect(error).toBeDefined();
|
||||
expect(error.statusCode).toBe(401);
|
||||
});
|
||||
|
||||
it('should throw an error when no token is passed', async() => {
|
||||
let error;
|
||||
let ctx = {req: {accessToken: null}};
|
||||
|
||||
try {
|
||||
response = await app.models.Account.logout(ctx);
|
||||
} catch (e) {
|
||||
error = e;
|
||||
}
|
||||
|
||||
expect(error).toBeDefined();
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
module.exports = Self => {
|
||||
Self.remoteMethod('validateToken', {
|
||||
description: 'Get the user information and permissions',
|
||||
accepts: [
|
||||
{
|
||||
arg: 'token',
|
||||
type: 'String',
|
||||
description: 'The token to validate',
|
||||
required: true
|
||||
}
|
||||
],
|
||||
returns: {
|
||||
type: 'Boolean',
|
||||
root: true
|
||||
},
|
||||
http: {
|
||||
path: `/validateToken`,
|
||||
verb: 'GET'
|
||||
}
|
||||
});
|
||||
|
||||
Self.validateToken = function(tokenId, cb) {
|
||||
Self.app.models.AccessToken.findById(tokenId, (err, token) => {
|
||||
if (err) return cb(err);
|
||||
if (token)
|
||||
token.validate((_, isValid) => cb(null, isValid === true));
|
||||
else
|
||||
cb(null, false);
|
||||
});
|
||||
};
|
||||
};
|
||||
|
|
@ -3,6 +3,8 @@ const md5 = require('md5');
|
|||
module.exports = Self => {
|
||||
require('../methods/account/login')(Self);
|
||||
require('../methods/account/logout')(Self);
|
||||
require('../methods/account/acl')(Self);
|
||||
require('../methods/account/validate-token')(Self);
|
||||
|
||||
// Validations
|
||||
|
||||
|
|
|
|||
|
|
@ -15,6 +15,9 @@
|
|||
"type": "string",
|
||||
"required": true
|
||||
},
|
||||
"nickname": {
|
||||
"type": "string"
|
||||
},
|
||||
"password": {
|
||||
"type": "string",
|
||||
"required": true
|
||||
|
|
@ -45,6 +48,12 @@
|
|||
"principalType": "ROLE",
|
||||
"principalId": "$authenticated",
|
||||
"permission": "ALLOW"
|
||||
}, {
|
||||
"property": "validateToken",
|
||||
"accessType": "EXECUTE",
|
||||
"principalType": "ROLE",
|
||||
"principalId": "$everyone",
|
||||
"permission": "ALLOW"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
export default {
|
||||
url: 'http://localhost:5000/'
|
||||
url: 'http://localhost:5000'
|
||||
};
|
||||
|
|
|
|||
|
|
@ -25,13 +25,13 @@ Nightmare.asyncAction('clearInput', async function(selector) {
|
|||
|
||||
let actions = {
|
||||
login: function(userName, done) {
|
||||
this.goto(`${config.url}auth/?apiKey=salix`)
|
||||
this.goto(`${config.url}#!/login`)
|
||||
.wait(`vn-login input[name=user]`)
|
||||
.write(`vn-login input[name=user]`, userName)
|
||||
.write(`vn-login input[name=password]`, 'nightmare')
|
||||
.click(`vn-login input[type=submit]`)
|
||||
// FIXME: Wait for dom to be ready: https://github.com/segmentio/nightmare/issues/481
|
||||
.wait(1000)
|
||||
// FIXME: Wait for dom to be ready: https://github.com/segmentio/nightmare/issues/481
|
||||
// .wait(1000)
|
||||
.then(() => {
|
||||
currentUser = userName;
|
||||
done();
|
||||
|
|
|
|||
|
|
@ -2,7 +2,6 @@ import components from './components_selectors.js';
|
|||
|
||||
export default {
|
||||
globalItems: {
|
||||
logOutButton: `#logout`,
|
||||
applicationsMenuButton: `#apps`,
|
||||
applicationsMenuVisible: `vn-main-menu [vn-id="apps-menu"] ul`,
|
||||
clientsButton: `vn-main-menu [vn-id="apps-menu"] ul > li[ui-sref="client.index"]`,
|
||||
|
|
|
|||
|
|
@ -89,7 +89,6 @@ describe('Client Edit basicData path', () => {
|
|||
describe('as salesAssistant', () => {
|
||||
beforeAll(() => {
|
||||
nightmare
|
||||
.waitToClick(selectors.globalItems.logOutButton)
|
||||
.loginAndModule('salesASsistant', 'client')
|
||||
.accessToSearchResult('Ptonomy Wallace')
|
||||
.accessToSection('client.card.basicData');
|
||||
|
|
|
|||
|
|
@ -48,7 +48,6 @@ describe('Client lock verified data path', () => {
|
|||
describe('as administrative', () => {
|
||||
beforeAll(() => {
|
||||
nightmare
|
||||
.waitToClick(selectors.globalItems.logOutButton)
|
||||
.waitForLogin('administrative');
|
||||
});
|
||||
|
||||
|
|
@ -150,7 +149,6 @@ describe('Client lock verified data path', () => {
|
|||
describe('as salesPerson second run', () => {
|
||||
beforeAll(() => {
|
||||
nightmare
|
||||
.waitToClick(selectors.globalItems.logOutButton)
|
||||
.waitForLogin('salesPerson');
|
||||
});
|
||||
|
||||
|
|
@ -219,7 +217,6 @@ describe('Client lock verified data path', () => {
|
|||
describe('as salesAssistant', () => {
|
||||
beforeAll(() => {
|
||||
nightmare
|
||||
.waitToClick(selectors.globalItems.logOutButton)
|
||||
.waitForLogin('salesAssistant');
|
||||
});
|
||||
|
||||
|
|
@ -298,7 +295,6 @@ describe('Client lock verified data path', () => {
|
|||
describe('as salesPerson third run', () => {
|
||||
beforeAll(() => {
|
||||
nightmare
|
||||
.waitToClick(selectors.globalItems.logOutButton)
|
||||
.waitForLogin('salesPerson');
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -475,7 +475,6 @@ describe('Ticket Edit sale path', () => {
|
|||
|
||||
it('should log in as Production role and go to the ticket index', async() => {
|
||||
const url = await nightmare
|
||||
.waitToClick(selectors.globalItems.logOutButton)
|
||||
.waitForLogin('production')
|
||||
.waitToClick(selectors.globalItems.applicationsMenuButton)
|
||||
.wait(selectors.globalItems.applicationsMenuVisible)
|
||||
|
|
@ -562,7 +561,6 @@ describe('Ticket Edit sale path', () => {
|
|||
|
||||
it('should log in as salesPerson role and go to the ticket index', async() => {
|
||||
const url = await nightmare
|
||||
.waitToClick(selectors.globalItems.logOutButton)
|
||||
.waitForLogin('salesPerson')
|
||||
.waitToClick(selectors.globalItems.applicationsMenuButton)
|
||||
.wait(selectors.globalItems.applicationsMenuVisible)
|
||||
|
|
|
|||
|
|
@ -1,11 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Salix</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body ng-app="vnAuth">
|
||||
<vn-login></vn-login>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
import './module';
|
||||
import './login/login';
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
<div>
|
||||
<div class="box-wrapper">
|
||||
<div class="box">
|
||||
<img src="./logo.svg"/>
|
||||
<form name="form" ng-submit="$ctrl.submit()">
|
||||
<vn-textfield
|
||||
label="User"
|
||||
model="$ctrl.user"
|
||||
name="user"
|
||||
vn-id="userField"
|
||||
vn-focus>
|
||||
</vn-textfield>
|
||||
<vn-textfield
|
||||
label="Password"
|
||||
model="$ctrl.password"
|
||||
name="password"
|
||||
type="password">
|
||||
</vn-textfield>
|
||||
<div class="footer">
|
||||
<vn-submit label="Enter"></vn-submit>
|
||||
<div class="spinner-wrapper">
|
||||
<vn-spinner enable="$ctrl.loading"></vn-spinner>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<vn-snackbar vn-id="snackbar"></vn-snackbar>
|
||||
</div>
|
||||
|
|
@ -1,86 +0,0 @@
|
|||
import ngModule from '../module';
|
||||
import './style.scss';
|
||||
|
||||
/**
|
||||
* A simple login form.
|
||||
*/
|
||||
export default class Controller {
|
||||
constructor($element, $scope, $window, $http) {
|
||||
this.$element = $element;
|
||||
this.$ = $scope;
|
||||
this.$window = $window;
|
||||
this.$http = $http;
|
||||
}
|
||||
submit() {
|
||||
if (!this.user) {
|
||||
this.focusUser();
|
||||
this.showError('Please insert your user and password');
|
||||
return;
|
||||
}
|
||||
|
||||
this.loading = true;
|
||||
let params = {
|
||||
user: this.user,
|
||||
password: this.password,
|
||||
location: this.$window.location.href
|
||||
};
|
||||
this.$http.post('/auth/login', params).then(
|
||||
json => this.onLoginOk(json),
|
||||
json => this.onLoginErr(json)
|
||||
);
|
||||
}
|
||||
onLoginOk(json) {
|
||||
this.loading = false;
|
||||
let data = json.data;
|
||||
let params = {
|
||||
token: data.token,
|
||||
continue: data.continue
|
||||
};
|
||||
let loginUrl = data.loginUrl || '';
|
||||
this.$window.location = `${loginUrl}?${this.encodeUri(params)}`;
|
||||
}
|
||||
encodeUri(object) {
|
||||
let uri = '';
|
||||
for (let key in object) {
|
||||
if (object[key] !== undefined) {
|
||||
if (uri.length > 0)
|
||||
uri += '&';
|
||||
uri += encodeURIComponent(key) + '=' + encodeURIComponent(object[key]);
|
||||
}
|
||||
}
|
||||
return uri;
|
||||
}
|
||||
onLoginErr(json) {
|
||||
this.loading = false;
|
||||
this.password = '';
|
||||
|
||||
let message;
|
||||
|
||||
switch (json.status) {
|
||||
case 401:
|
||||
message = 'Invalid credentials';
|
||||
break;
|
||||
case -1:
|
||||
message = 'Can\'t contact with server';
|
||||
break;
|
||||
default:
|
||||
message = 'Something went wrong';
|
||||
}
|
||||
|
||||
this.showError(message);
|
||||
this.focusUser();
|
||||
}
|
||||
focusUser() {
|
||||
this.$.userField.select();
|
||||
this.$.userField.focus();
|
||||
}
|
||||
showError(message) {
|
||||
this.$.snackbar.showError({message: message});
|
||||
}
|
||||
}
|
||||
Controller.$inject = ['$element', '$scope', '$window', '$http'];
|
||||
|
||||
ngModule.component('vnLogin', {
|
||||
template: require('./login.html'),
|
||||
controller: Controller
|
||||
});
|
||||
|
|
@ -1,51 +0,0 @@
|
|||
@import "colors";
|
||||
|
||||
vn-login > div {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: $main-font-color;
|
||||
font-size: 1.1em;
|
||||
font-weight: normal;
|
||||
background-color: #3c393b;
|
||||
|
||||
.box-wrapper {
|
||||
position: relative;
|
||||
max-width: 19em;
|
||||
margin: auto;
|
||||
height: inherit;
|
||||
}
|
||||
|
||||
.box {
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
margin-top: -13.5em;
|
||||
padding: 3em;
|
||||
background-color: white;
|
||||
box-shadow: 0 0 1em 0 rgba(1,1,1,.6);
|
||||
border-radius: .5em;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-top: 1em;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.spinner-wrapper {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
top: .3em;
|
||||
right: 3em;
|
||||
overflow: visible;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
import {ng} from 'core/vendor';
|
||||
import 'core';
|
||||
|
||||
let ngModule = ng.module('vnAuth', ['vnCore']);
|
||||
export default ngModule;
|
||||
|
||||
config.$inject = ['$translatePartialLoaderProvider', '$httpProvider'];
|
||||
export function config($translatePartialLoaderProvider, $httpProvider) {
|
||||
$translatePartialLoaderProvider.addPart('auth');
|
||||
|
||||
$httpProvider.defaults.useXDomain = true;
|
||||
delete $httpProvider.defaults.headers.common['X-Requested-With'];
|
||||
}
|
||||
ngModule.config(config);
|
||||
|
|
@ -16,9 +16,8 @@ function vnAcl(aclService, $timeout) {
|
|||
let find = input.className.match(/mdl-[\w]+input/g);
|
||||
if (find && find.length && find[0]) {
|
||||
let type = getMaterialType(find[0]);
|
||||
if (type && input.parentNode[`Material${type}`] && input.parentNode[`Material${type}`].updateClasses_) {
|
||||
if (type && input.parentNode[`Material${type}`] && input.parentNode[`Material${type}`].updateClasses_)
|
||||
input.parentNode[`Material${type}`].updateClasses_();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -38,7 +37,7 @@ function vnAcl(aclService, $timeout) {
|
|||
}
|
||||
|
||||
function permissionElement($element, action) {
|
||||
if (!aclService.aclPermission(acls)) {
|
||||
if (!aclService.hasAny(acls)) {
|
||||
if (action === 'disabled') {
|
||||
let input = $element[0];
|
||||
let selector = 'input, textarea, button, submit';
|
||||
|
|
@ -48,32 +47,31 @@ function vnAcl(aclService, $timeout) {
|
|||
|
||||
if (input) {
|
||||
$timeout(() => {
|
||||
input.setAttribute("disabled", "true");
|
||||
input.setAttribute('disabled', 'true');
|
||||
updateMaterial(input);
|
||||
});
|
||||
$element[0].querySelectorAll('vn-drop-down').forEach(element => {
|
||||
element.parentNode.removeChild(element);
|
||||
});
|
||||
}
|
||||
} else {
|
||||
} else
|
||||
$element.remove();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function updateAcls(role, toAdd) {
|
||||
let position = acls.indexOf(role);
|
||||
|
||||
if (!toAdd && position > -1) {
|
||||
if (!toAdd && position > -1)
|
||||
acls.splice(position, 1);
|
||||
} // todo: add acl and enabled element if previusly was disabled
|
||||
// todo: add acl and enabled element if previusly was disabled
|
||||
}
|
||||
|
||||
return {
|
||||
restrict: 'A',
|
||||
priority: -1,
|
||||
link: function($scope, $element, $attrs) {
|
||||
acls = $attrs.vnAcl.split(',').map(element => element.trim().toLowerCase());
|
||||
acls = $attrs.vnAcl.split(',').map(i => i.trim());
|
||||
let action = $attrs.vnAclAction || 'disabled';
|
||||
let conditions = getDynamicConditions($attrs);
|
||||
permissionElement($element, action);
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ describe('Directive acl', () => {
|
|||
|
||||
compile = (hasPermissions, _element) => {
|
||||
inject(($compile, $rootScope, aclService, _$timeout_) => {
|
||||
spyOn(aclService, 'aclPermission').and.returnValue(hasPermissions);
|
||||
spyOn(aclService, 'hasAny').and.returnValue(hasPermissions);
|
||||
scope = $rootScope.$new();
|
||||
$timeout = _$timeout_;
|
||||
element = angular.element(_element);
|
||||
|
|
|
|||
|
|
@ -6,9 +6,8 @@ function vnVisibleBy(aclService) {
|
|||
priority: -1,
|
||||
link: function($scope, $element, $attrs) {
|
||||
let acls = $attrs.vnVisibleBy.split(',');
|
||||
if (!aclService.aclPermission(acls)) {
|
||||
if (!aclService.hasAny(acls))
|
||||
$element[0].style.visibility = 'hidden';
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,4 +4,5 @@ export * from './module';
|
|||
export * from './directives';
|
||||
export * from './filters';
|
||||
export * from './lib';
|
||||
export * from './services';
|
||||
export * from './components';
|
||||
|
|
|
|||
|
|
@ -1,43 +1,34 @@
|
|||
import ngModule from '../module';
|
||||
|
||||
var acl = window.salix ? window.salix.acl : {};
|
||||
ngModule.constant('aclConstant', acl);
|
||||
|
||||
aclService.$inject = ['aclConstant'];
|
||||
function aclService(aclConstant) {
|
||||
if (aclConstant.roles) {
|
||||
this.roles = {};
|
||||
Object.keys(aclConstant.roles).forEach(role => {
|
||||
this.roles[role.toLowerCase()] = aclConstant.roles[role];
|
||||
});
|
||||
} else {
|
||||
this.roles = undefined;
|
||||
class AclService {
|
||||
constructor($http) {
|
||||
this.$http = $http;
|
||||
}
|
||||
reset() {
|
||||
this.user = null;
|
||||
this.roles = null;
|
||||
}
|
||||
load() {
|
||||
return this.$http.get('/api/Accounts/acl').then(res => {
|
||||
this.user = res.data.user;
|
||||
this.roles = {};
|
||||
|
||||
this.routeHasPermission = function(route) {
|
||||
let hasPermission;
|
||||
if (!this.roles)
|
||||
hasPermission = false;
|
||||
else if (!route.acl)
|
||||
hasPermission = true;
|
||||
else if (!this.roles || !Object.keys(this.roles).length)
|
||||
hasPermission = false;
|
||||
else
|
||||
hasPermission = this.aclPermission(route.acl);
|
||||
return hasPermission;
|
||||
};
|
||||
this.aclPermission = function(aclCollection) {
|
||||
let hasPermission = false;
|
||||
let total = aclCollection.length;
|
||||
for (let i = 0; i < total; i++) {
|
||||
let role = aclCollection[i].trim().toLowerCase();
|
||||
if (this.roles[role]) {
|
||||
hasPermission = true;
|
||||
break;
|
||||
for (let role of res.data.roles) {
|
||||
if (role.role)
|
||||
this.roles[role.role.name] = true;
|
||||
}
|
||||
});
|
||||
}
|
||||
hasAny(roles) {
|
||||
if (this.roles) {
|
||||
for (let role of roles) {
|
||||
if (this.roles[role])
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return hasPermission;
|
||||
};
|
||||
return false;
|
||||
}
|
||||
}
|
||||
AclService.$inject = ['$http'];
|
||||
|
||||
ngModule.service('aclService', aclService);
|
||||
ngModule.service('aclService', AclService);
|
||||
|
|
|
|||
|
|
@ -0,0 +1,8 @@
|
|||
|
||||
export default function getMainRoute(routes) {
|
||||
for (let route of routes) {
|
||||
if (!route.abstract)
|
||||
return route;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
|
@ -1,7 +1,6 @@
|
|||
import './module-loader';
|
||||
import './crud';
|
||||
import './app';
|
||||
import './interceptor';
|
||||
import './acl-service';
|
||||
import './storage-services';
|
||||
import './template';
|
||||
|
|
@ -13,3 +12,4 @@ import './modified';
|
|||
import './key-codes';
|
||||
import './http-error';
|
||||
import './user-error';
|
||||
import './get-main-route';
|
||||
|
|
|
|||
|
|
@ -22,13 +22,13 @@ export function factory($http, $window, $ocLazyLoad, $translatePartialLoader, $t
|
|||
let deps = splitingRegister.getDependencies(moduleName);
|
||||
let depPromises = [];
|
||||
|
||||
if (deps)
|
||||
if (deps) {
|
||||
for (let dep of deps)
|
||||
depPromises.push(this.load(dep, validations));
|
||||
}
|
||||
|
||||
loaded[moduleName] = new Promise((resolve, reject) => {
|
||||
Promise.all(depPromises)
|
||||
.then(() => {
|
||||
Promise.all(depPromises).then(() => {
|
||||
let promises = [];
|
||||
|
||||
$translatePartialLoader.addPart(moduleName);
|
||||
|
|
@ -39,26 +39,24 @@ export function factory($http, $window, $ocLazyLoad, $translatePartialLoader, $t
|
|||
);
|
||||
}));
|
||||
|
||||
if (validations)
|
||||
if (validations) {
|
||||
promises.push(new Promise(resolve => {
|
||||
$http.get(`/${moduleName}/validations`).then(
|
||||
json => this.onValidationsReady(json, resolve),
|
||||
() => resolve()
|
||||
);
|
||||
}));
|
||||
}
|
||||
|
||||
promises.push(new Promise(resolve => {
|
||||
splitingRegister.modules[moduleName](resolve);
|
||||
}));
|
||||
|
||||
Promise.all(promises)
|
||||
.then(() => {
|
||||
Promise.all(promises).then(() => {
|
||||
loaded[moduleName] = true;
|
||||
resolve($ocLazyLoad.load({name: moduleName}));
|
||||
})
|
||||
.catch(reject);
|
||||
})
|
||||
.catch(reject);
|
||||
}).catch(reject);
|
||||
}).catch(reject);
|
||||
});
|
||||
|
||||
return loaded[moduleName];
|
||||
|
|
|
|||
|
|
@ -3,46 +3,54 @@ describe('Service acl', () => {
|
|||
|
||||
beforeEach(ngModule('vnCore'));
|
||||
|
||||
beforeEach(ngModule($provide => {
|
||||
$provide.value('aclConstant', {});
|
||||
}));
|
||||
|
||||
beforeEach(inject(_aclService_ => {
|
||||
beforeEach(inject((_aclService_, $httpBackend) => {
|
||||
$httpBackend.when('GET', `/api/Accounts/acl`).respond({
|
||||
roles: [
|
||||
{role: {name: 'foo'}},
|
||||
{role: {name: 'bar'}},
|
||||
{role: {name: 'baz'}}
|
||||
]
|
||||
});
|
||||
aclService = _aclService_;
|
||||
aclService.load();
|
||||
$httpBackend.flush();
|
||||
}));
|
||||
|
||||
it('should return false as the service doesn\'t have roles', () => {
|
||||
expect(aclService.routeHasPermission('http://www.verdnatura.es')).toBeFalsy();
|
||||
describe('load()', () => {
|
||||
it('should load roles from backend', () => {
|
||||
expect(aclService.roles).toEqual({
|
||||
foo: true,
|
||||
bar: true,
|
||||
baz: true
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
it('should return true as the service has roles but the route has no acl', () => {
|
||||
aclService.roles = {customer: true};
|
||||
describe('hasAny()', () => {
|
||||
it('should return true when user has any of the passed roles', () => {
|
||||
let hasAny = aclService.hasAny(['foo', 'nonExistent']);
|
||||
|
||||
expect(aclService.routeHasPermission('http://www.verdnatura.es')).toBeTruthy();
|
||||
expect(hasAny).toBeTruthy();
|
||||
});
|
||||
|
||||
it('should return true when user has all the passed roles', () => {
|
||||
let hasAny = aclService.hasAny(['bar', 'baz']);
|
||||
|
||||
expect(hasAny).toBeTruthy();
|
||||
});
|
||||
|
||||
it('should return true when user has not any of the passed roles', () => {
|
||||
let hasAny = aclService.hasAny(['inventedRole', 'nonExistent']);
|
||||
|
||||
expect(hasAny).toBeFalsy();
|
||||
});
|
||||
});
|
||||
|
||||
it('should return false as the service roles have no length', () => {
|
||||
aclService.roles = {};
|
||||
let route = {url: 'http://www.verdnatura.es', acl: []};
|
||||
describe('reset()', () => {
|
||||
it('should reset the roles', () => {
|
||||
aclService.reset();
|
||||
|
||||
expect(aclService.routeHasPermission(route)).toBeFalsy();
|
||||
});
|
||||
|
||||
it('should call the service aclPermission() function and return false as the service has roles and the rote has acl without length', () => {
|
||||
aclService.roles = {customer: true, employee: true};
|
||||
let route = {url: 'http://www.verdnatura.es', acl: []};
|
||||
spyOn(aclService, 'aclPermission').and.callThrough();
|
||||
|
||||
expect(aclService.routeHasPermission(route)).toBeFalsy();
|
||||
expect(aclService.aclPermission).toHaveBeenCalledWith(route.acl);
|
||||
});
|
||||
|
||||
it('should call the service aclPermission() function to return true as the service has roles matching with the ones in acl', () => {
|
||||
aclService.roles = {customer: true, employee: true};
|
||||
let route = {url: 'http://www.verdnatura.es', acl: ['customer']};
|
||||
spyOn(aclService, 'aclPermission').and.callThrough();
|
||||
|
||||
expect(aclService.routeHasPermission(route)).toBeTruthy();
|
||||
expect(aclService.aclPermission).toHaveBeenCalledWith(route.acl);
|
||||
expect(aclService.roles).toBeNull();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -0,0 +1,105 @@
|
|||
import ngModule from '../module';
|
||||
import UserError from 'core/lib/user-error';
|
||||
|
||||
/**
|
||||
* Authentication service.
|
||||
*
|
||||
* @property {Boolean} loggedIn Whether the user is currently logged
|
||||
*/
|
||||
export default class Auth {
|
||||
constructor($http, $state, $transitions, $window, vnToken, vnModules, aclService) {
|
||||
Object.assign(this, {
|
||||
$http,
|
||||
$state,
|
||||
$transitions,
|
||||
$window,
|
||||
vnToken,
|
||||
vnModules,
|
||||
aclService,
|
||||
token: null,
|
||||
loggedIn: false,
|
||||
dataLoaded: false
|
||||
});
|
||||
}
|
||||
initialize() {
|
||||
this.loggedIn = this.vnToken.token != null;
|
||||
|
||||
let criteria = {
|
||||
to: state => state.name != 'login'
|
||||
};
|
||||
this.$transitions.onStart(criteria, transition => {
|
||||
if (!this.loggedIn) {
|
||||
let params = {continue: this.$window.location.hash};
|
||||
return transition.router.stateService.target('login', params);
|
||||
}
|
||||
if (!this.dataLoaded) {
|
||||
this.resetData();
|
||||
this.dataLoaded = true;
|
||||
return this.aclService.load();
|
||||
}
|
||||
|
||||
return true;
|
||||
});
|
||||
}
|
||||
login(user, password, remember) {
|
||||
if (!user)
|
||||
throw new UserError('Please insert your user and password');
|
||||
|
||||
let params = {
|
||||
user,
|
||||
password: password || undefined
|
||||
};
|
||||
return this.$http.post('/api/Accounts/login', params).then(
|
||||
json => this.onLoginOk(json, remember),
|
||||
json => this.onLoginErr(json)
|
||||
);
|
||||
}
|
||||
onLoginOk(json, remember) {
|
||||
this.resetData();
|
||||
this.vnToken.set(json.data.token, remember);
|
||||
this.loggedIn = true;
|
||||
|
||||
let continueHash = this.$state.params.continue;
|
||||
|
||||
if (continueHash)
|
||||
this.$window.location = continueHash;
|
||||
else
|
||||
this.$state.go('home');
|
||||
}
|
||||
onLoginErr(json) {
|
||||
let message;
|
||||
|
||||
switch (json.status) {
|
||||
case 401:
|
||||
message = 'Invalid credentials';
|
||||
break;
|
||||
case -1:
|
||||
message = 'Can\'t contact with server';
|
||||
break;
|
||||
default:
|
||||
message = 'Something went wrong';
|
||||
}
|
||||
|
||||
throw new UserError(message);
|
||||
}
|
||||
logout() {
|
||||
let promise = this.$http.post('/api/Accounts/logout', null, {
|
||||
headers: {Authorization: this.vnToken.token}
|
||||
});
|
||||
|
||||
this.vnToken.unset();
|
||||
this.loggedIn = false;
|
||||
this.resetData();
|
||||
this.$state.go('login');
|
||||
|
||||
return promise;
|
||||
}
|
||||
resetData() {
|
||||
this.aclService.reset();
|
||||
this.vnModules.reset();
|
||||
this.dataLoaded = false;
|
||||
}
|
||||
}
|
||||
Auth.$inject = ['$http', '$state', '$transitions', '$window', 'vnToken', 'vnModules', 'aclService'];
|
||||
|
||||
ngModule.service('vnAuth', Auth);
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
import './auth';
|
||||
import './token';
|
||||
import './modules';
|
||||
import './interceptor';
|
||||
|
|
@ -1,16 +1,14 @@
|
|||
import ngModule from '../module';
|
||||
import HttpError from './http-error';
|
||||
import HttpError from 'core/lib/http-error';
|
||||
|
||||
interceptor.$inject = ['$q', 'vnApp', '$cookies', '$translate'];
|
||||
function interceptor($q, vnApp, $cookies, $translate) {
|
||||
interceptor.$inject = ['$q', 'vnApp', 'vnToken', '$translate'];
|
||||
function interceptor($q, vnApp, vnToken, $translate) {
|
||||
return {
|
||||
request: function(config) {
|
||||
vnApp.pushLoader();
|
||||
let token = $cookies.get('vnToken');
|
||||
|
||||
if (token)
|
||||
config.headers.Authorization = token;
|
||||
|
||||
if (vnToken.token)
|
||||
config.headers.Authorization = vnToken.token;
|
||||
if ($translate.use())
|
||||
config.headers['Accept-Language'] = $translate.use();
|
||||
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
import ngModule from '../module';
|
||||
import getMainRoute from '../lib/get-main-route';
|
||||
|
||||
export default class Modules {
|
||||
constructor(aclService, $window) {
|
||||
Object.assign(this, {
|
||||
aclService,
|
||||
$window
|
||||
});
|
||||
}
|
||||
reset() {
|
||||
this.modules = null;
|
||||
}
|
||||
get() {
|
||||
if (this.modules)
|
||||
return this.modules;
|
||||
|
||||
this.modules = [];
|
||||
for (let mod of this.$window.routes) {
|
||||
if (!mod || !mod.routes) continue;
|
||||
|
||||
let route = getMainRoute(mod.routes);
|
||||
if (!route || (route.acl && !this.aclService.hasAny(route.acl)))
|
||||
continue;
|
||||
|
||||
let keyBind;
|
||||
if (mod.keybindings) {
|
||||
let res = mod.keybindings.find(i => i.state == route.state);
|
||||
if (res) keyBind = res.key.toUpperCase();
|
||||
}
|
||||
|
||||
this.modules.push({
|
||||
name: mod.name || mod.module,
|
||||
icon: mod.icon || null,
|
||||
route,
|
||||
keyBind
|
||||
});
|
||||
}
|
||||
|
||||
return this.modules;
|
||||
}
|
||||
}
|
||||
Modules.$inject = ['aclService', '$window'];
|
||||
|
||||
ngModule.service('vnModules', Modules);
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
import ngModule from '../module';
|
||||
|
||||
/**
|
||||
* Saves and loads the token for the current logged in user.
|
||||
*
|
||||
* @property {String} token The current login token or %null
|
||||
*/
|
||||
export default class Token {
|
||||
constructor($cookies) {
|
||||
this.$cookies = $cookies;
|
||||
|
||||
try {
|
||||
this.token = sessionStorage.getItem('vnToken');
|
||||
if (!this.token)
|
||||
this.token = localStorage.getItem('vnToken');
|
||||
} catch (e) {}
|
||||
|
||||
if (!this.token)
|
||||
this.token = this.$cookies.get('vnToken');
|
||||
}
|
||||
set(value, remember) {
|
||||
this.unset();
|
||||
try {
|
||||
if (remember)
|
||||
localStorage.setItem('vnToken', value);
|
||||
else
|
||||
sessionStorage.setItem('vnToken', value);
|
||||
} catch (e) {
|
||||
let options = {};
|
||||
|
||||
if (location.protocol == 'https:')
|
||||
options.secure = true;
|
||||
if (remember) {
|
||||
let now = new Date().getTime();
|
||||
options.expires = new Date(now + 7 * 86400000);
|
||||
}
|
||||
|
||||
this.$cookies.put('vnToken', value, options);
|
||||
}
|
||||
this.token = value;
|
||||
}
|
||||
unset() {
|
||||
localStorage.removeItem('vnToken');
|
||||
sessionStorage.removeItem('vnToken');
|
||||
this.$cookies.remove('vnToken');
|
||||
this.token = null;
|
||||
}
|
||||
}
|
||||
Token.$inject = ['$cookies'];
|
||||
|
||||
ngModule.service('vnToken', Token);
|
||||
|
|
@ -1,11 +1,23 @@
|
|||
<vn-topbar vn-auto>
|
||||
<a ui-sref="home" title="{{'Home' | translate}}">
|
||||
<img class="logo" src="./logo.svg" alt="Logo"></img>
|
||||
<vn-topbar ng-if="$ctrl.inApp">
|
||||
<a class="logo" ui-sref="home" title="{{'Home' | translate}}">
|
||||
<img src="./logo.svg" alt="Logo"></img>
|
||||
</a>
|
||||
<vn-icon
|
||||
class="show-menu"
|
||||
icon="menu"
|
||||
ng-click="$ctrl.showMenu()">
|
||||
</vn-icon>
|
||||
<vn-spinner enable="$ctrl.vnApp.loading"></vn-spinner>
|
||||
<vn-main-menu></vn-main-menu>
|
||||
</vn-topbar>
|
||||
<div ui-view class="main-view">
|
||||
<div ui-view
|
||||
class="main-view"
|
||||
ng-class="{'padding': $ctrl.inApp}">
|
||||
<vn-home></vn-home>
|
||||
</div>
|
||||
<div
|
||||
class="background"
|
||||
ng-class="{shown: $ctrl.menuShown}"
|
||||
ng-click="$ctrl.hideMenu()">
|
||||
</div>
|
||||
<vn-snackbar vn-id="snackbar"></vn-snackbar>
|
||||
|
|
@ -2,15 +2,42 @@ import ngModule from '../../module';
|
|||
import './style.scss';
|
||||
|
||||
export default class App {
|
||||
constructor($scope, vnApp) {
|
||||
constructor($element, $scope, vnApp, $state, $transitions) {
|
||||
this.$element = $element;
|
||||
this.$ = $scope;
|
||||
this.vnApp = vnApp;
|
||||
this.$state = $state;
|
||||
|
||||
$transitions.onStart({}, () => {
|
||||
if (this.menuShown) this.hideMenu();
|
||||
});
|
||||
}
|
||||
$postLink() {
|
||||
this.background = this.$element[0].querySelector('.background');
|
||||
this.vnApp.snackbar = this.$.snackbar;
|
||||
}
|
||||
// TODO: Temporary fix to hide the topbar when login is displayed
|
||||
get inApp() {
|
||||
let state = this.$state.current.name;
|
||||
return state && state != 'login';
|
||||
}
|
||||
get leftBlock() {
|
||||
return this.$element[0].querySelector('.left-block');
|
||||
}
|
||||
showMenu() {
|
||||
let leftBlock = this.leftBlock;
|
||||
if (!leftBlock) return;
|
||||
leftBlock.classList.add('shown');
|
||||
this.menuShown = true;
|
||||
}
|
||||
hideMenu() {
|
||||
this.menuShown = false;
|
||||
let leftBlock = this.leftBlock;
|
||||
if (!leftBlock) return;
|
||||
leftBlock.classList.remove('shown');
|
||||
}
|
||||
}
|
||||
App.$inject = ['$scope', 'vnApp'];
|
||||
App.$inject = ['$element', '$scope', 'vnApp', '$state', '$transitions'];
|
||||
|
||||
ngModule.component('vnApp', {
|
||||
template: require('./app.html'),
|
||||
|
|
|
|||
|
|
@ -1,5 +1,9 @@
|
|||
@import "background";
|
||||
|
||||
$menu-width: 16em;
|
||||
$topbar-height: 4em;
|
||||
$mobile-width: 800px;
|
||||
|
||||
body {
|
||||
@extend .bg-content;
|
||||
overflow: auto;
|
||||
|
|
@ -7,49 +11,104 @@ body {
|
|||
vn-app {
|
||||
display: block;
|
||||
|
||||
vn-topbar {
|
||||
& > vn-topbar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 5;
|
||||
box-shadow: 0 .1em .2em rgba(1, 1, 1, .2);
|
||||
z-index: 2;
|
||||
box-shadow: 0 .1em .2em rgba(1, 1, 1, .2);
|
||||
height: $topbar-height;
|
||||
padding: .6em;
|
||||
|
||||
.logo {
|
||||
float: left;
|
||||
height: 1.8em;
|
||||
padding: 1em;
|
||||
}
|
||||
vn-spinner {
|
||||
float: left;
|
||||
padding: 1em .4em;
|
||||
& > header {
|
||||
& > .logo > img {
|
||||
height: 1.8em;
|
||||
display: block;
|
||||
}
|
||||
& > .show-menu {
|
||||
display: none;
|
||||
font-size: 2.3em;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: $main-01;
|
||||
}
|
||||
}
|
||||
& > vn-spinner {
|
||||
padding: 0 .4em;
|
||||
}
|
||||
& > vn-main-menu {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
.main-view {
|
||||
padding-top: 4em;
|
||||
|
||||
& > .main-view {
|
||||
&.padding {
|
||||
padding-top: $topbar-height;
|
||||
}
|
||||
vn-main-block {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
padding-left: 16em;
|
||||
padding-left: $menu-width;
|
||||
|
||||
.left-block {
|
||||
position: fixed;
|
||||
z-index: 5;
|
||||
top: 4em;
|
||||
top: $topbar-height;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 16em;
|
||||
min-width: 16em;
|
||||
width: $menu-width;
|
||||
min-width: $menu-width;
|
||||
background-color: white;
|
||||
box-shadow: 0 .1em .2em rgba(1, 1, 1, .2);
|
||||
overflow: auto;
|
||||
}
|
||||
.right-block {
|
||||
width: 16em;
|
||||
min-width: 16em;
|
||||
width: $menu-width;
|
||||
min-width: $menu-width;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
& > .background {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: black;
|
||||
z-index: 4;
|
||||
opacity: 0;
|
||||
transition: opacity 200ms ease-out;
|
||||
}
|
||||
@media screen and (max-width: $mobile-width) {
|
||||
& > vn-topbar > header {
|
||||
& > .logo {
|
||||
display: none;
|
||||
}
|
||||
& > .show-menu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
& > .main-view vn-main-block {
|
||||
padding-left: 0;
|
||||
|
||||
.left-block {
|
||||
top: 0;
|
||||
transform: translateZ(0) translateX(-$menu-width);
|
||||
transition: transform 200ms ease-out;
|
||||
|
||||
&.shown {
|
||||
transform: translateZ(0) translateX(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
& > .background.shown {
|
||||
display: block;
|
||||
opacity: .3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,22 +1,22 @@
|
|||
<div ng-if="$ctrl.$state.current.name === 'home'">
|
||||
<div class="modules">
|
||||
<a
|
||||
ng-repeat="mod in ::$ctrl.modules"
|
||||
ui-sref="{{::mod.route.state}}"
|
||||
translate-attr="::{title: mod.name}"
|
||||
class="mdl-shadow--4dp">
|
||||
<div>
|
||||
<vn-icon icon="{{::mod.icon || 'photo'}}"></vn-icon>
|
||||
</div>
|
||||
<h4 ng-bind-html="$ctrl.getModuleName(mod)"></h4>
|
||||
<div class="modules">
|
||||
<a
|
||||
ng-repeat="mod in ::$ctrl.modules"
|
||||
ui-sref="{{::mod.route.state}}"
|
||||
translate-attr="::{title: mod.name}"
|
||||
class="mdl-shadow--4dp">
|
||||
<div>
|
||||
<vn-icon icon="{{::mod.icon || 'photo'}}"></vn-icon>
|
||||
</div>
|
||||
<h4 ng-bind-html="$ctrl.getModuleName(mod)"></h4>
|
||||
<!--
|
||||
<span
|
||||
ng-show='mod.keyBind'
|
||||
vn-tooltip="Ctrl + Alt + {{mod.keyBind}}">
|
||||
({{::mod.keyBind}})
|
||||
</span>
|
||||
<span ng-show='!mod.keyBind'> </span>
|
||||
<span
|
||||
ng-show='mod.keyBind'
|
||||
vn-tooltip="Ctrl + Alt + {{mod.keyBind}}">
|
||||
({{::mod.keyBind}})
|
||||
</span>
|
||||
<span ng-show='!mod.keyBind'> </span>
|
||||
-->
|
||||
</a>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,31 +1,19 @@
|
|||
import ngModule from '../../module';
|
||||
import './style.scss';
|
||||
import keybindings from '../../global-keybindings.yml';
|
||||
|
||||
export default class Controller {
|
||||
constructor(modulesFactory, $state, $translate, $sce) {
|
||||
this.modules = modulesFactory.getModules();
|
||||
constructor(vnModules, $state, $translate, $sce) {
|
||||
this.modules = vnModules.get();
|
||||
this.$state = $state;
|
||||
this._ = $translate;
|
||||
this.$sce = $sce;
|
||||
this.keybindings = keybindings;
|
||||
}
|
||||
$onInit() {
|
||||
this.modules.map(mod => {
|
||||
let keyBind = this.keybindings.find(keyBind => {
|
||||
return keyBind.sref == mod.route.state;
|
||||
});
|
||||
|
||||
if (keyBind)
|
||||
mod.keyBind = keyBind.key.toUpperCase();
|
||||
});
|
||||
}
|
||||
getModuleName(mod) {
|
||||
let getName = mod => {
|
||||
let name = this._.instant(mod.name);
|
||||
let lower = name.toUpperCase();
|
||||
let upper = name.toUpperCase();
|
||||
if (!mod.keyBind) return name;
|
||||
let index = lower.indexOf(mod.keyBind);
|
||||
let index = upper.indexOf(mod.keyBind);
|
||||
if (index === -1) return name;
|
||||
|
||||
let newName = name.substr(0, index);
|
||||
|
|
@ -38,7 +26,7 @@ export default class Controller {
|
|||
}
|
||||
}
|
||||
|
||||
Controller.$inject = ['modulesFactory', '$state', '$translate', '$sce'];
|
||||
Controller.$inject = ['vnModules', '$state', '$translate', '$sce'];
|
||||
|
||||
ngModule.component('vnHome', {
|
||||
template: require('./home.html'),
|
||||
|
|
|
|||
|
|
@ -1,7 +1,8 @@
|
|||
@import "effects";
|
||||
|
||||
vn-home {
|
||||
padding: 2em;
|
||||
display: block;
|
||||
padding: .5em;
|
||||
|
||||
& > div {
|
||||
& > h6 {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
import './app/app';
|
||||
import './login/login';
|
||||
import './home/home';
|
||||
import './main-menu/main-menu';
|
||||
import './left-menu/left-menu';
|
||||
import './topbar/topbar';
|
||||
import './user-configuration-popover'
|
||||
import './user-configuration-popover';
|
||||
|
|
|
|||
|
|
@ -0,0 +1,29 @@
|
|||
<div class="box">
|
||||
<img src="./logo.svg"/>
|
||||
<form name="form" ng-submit="$ctrl.submit()">
|
||||
<vn-textfield
|
||||
label="User"
|
||||
model="$ctrl.user"
|
||||
name="user"
|
||||
vn-id="userField"
|
||||
vn-focus>
|
||||
</vn-textfield>
|
||||
<vn-textfield
|
||||
label="Password"
|
||||
model="$ctrl.password"
|
||||
name="password"
|
||||
type="password">
|
||||
</vn-textfield>
|
||||
<vn-check
|
||||
label="Do not close session"
|
||||
field="$ctrl.remember"
|
||||
name="remember">
|
||||
</vn-check>
|
||||
<div class="footer">
|
||||
<vn-submit label="Enter"></vn-submit>
|
||||
<div class="spinner-wrapper">
|
||||
<vn-spinner enable="$ctrl.loading"></vn-spinner>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
import ngModule from '../../module';
|
||||
import './style.scss';
|
||||
|
||||
/**
|
||||
* A simple login form.
|
||||
*/
|
||||
export default class Controller {
|
||||
constructor($element, $scope, vnAuth) {
|
||||
this.$element = $element;
|
||||
this.$ = $scope;
|
||||
this.vnAuth = vnAuth;
|
||||
this.user = localStorage.getItem('lastUser');
|
||||
}
|
||||
submit() {
|
||||
this.loading = true;
|
||||
this.vnAuth.login(this.user, this.password, this.remember)
|
||||
.then(() => {
|
||||
localStorage.setItem('lastUser', this.user);
|
||||
this.loading = false;
|
||||
})
|
||||
.catch(error => {
|
||||
this.loading = false;
|
||||
this.password = '';
|
||||
this.focusUser();
|
||||
throw error;
|
||||
});
|
||||
}
|
||||
focusUser() {
|
||||
this.$.userField.select();
|
||||
this.$.userField.focus();
|
||||
}
|
||||
}
|
||||
Controller.$inject = ['$element', '$scope', 'vnAuth'];
|
||||
|
||||
ngModule.component('vnLogin', {
|
||||
template: require('./login.html'),
|
||||
controller: Controller
|
||||
});
|
||||
|
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 6.2 KiB |
|
|
@ -0,0 +1,61 @@
|
|||
@import "colors";
|
||||
|
||||
vn-login {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: $main-font-color;
|
||||
font-size: 1.1em;
|
||||
font-weight: normal;
|
||||
background-color: #3c393b;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow: auto;
|
||||
|
||||
& > .box {
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
max-width: 19em;
|
||||
min-width: 15em;
|
||||
padding: 3em;
|
||||
background-color: white;
|
||||
box-shadow: 0 0 1em 0 rgba(1,1,1,.6);
|
||||
border-radius: .5em;
|
||||
|
||||
& > img {
|
||||
width: 100%;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
& > form {
|
||||
& > vn-textfield {
|
||||
width: 100%;
|
||||
margin: 1em 0;
|
||||
}
|
||||
& > .footer {
|
||||
margin-top: 1em;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
|
||||
& > .spinner-wrapper {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
top: .3em;
|
||||
right: 3em;
|
||||
overflow: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
background-color: white;
|
||||
|
||||
& > .box {
|
||||
box-shadow: none;
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,11 +1,11 @@
|
|||
<div style="position: fixed; top: 0; right: 0; padding: .8em 1.5em; z-index: 10;">
|
||||
<div>
|
||||
<div
|
||||
ng-click="$ctrl.openUserConfiguration($event)"
|
||||
id="user"
|
||||
class="unselectable">
|
||||
<h6>{{currentUserName}}</h6>
|
||||
{{currentUserName}}
|
||||
</div>
|
||||
<a href="/salix/version-notes.html"
|
||||
<a href="version-notes.html"
|
||||
target="version-notes">
|
||||
<vn-icon
|
||||
id="version-notes"
|
||||
|
|
@ -49,16 +49,8 @@
|
|||
translate-attr="{title: 'Logout'}"
|
||||
ng-click="$ctrl.onLogoutClick()">
|
||||
</vn-icon>
|
||||
|
||||
<!--
|
||||
TODO: Keep it commented until they are functional
|
||||
|
||||
<vn-icon icon="notifications" translate-attr="{title: 'Notifications'}"></vn-icon>
|
||||
<vn-icon icon="account_circle" translate-attr="{title: 'Profile'}"></vn-icon>
|
||||
-->
|
||||
</div>
|
||||
<vn-popover vn-id="popover">
|
||||
<vn-user-configuration-popover>
|
||||
|
||||
</vn-user-configuration-popover>
|
||||
</vn-popover>
|
||||
|
|
@ -12,13 +12,14 @@ let languages = {
|
|||
};
|
||||
|
||||
export default class MainMenu {
|
||||
constructor($translate, $scope, $http, $window, modulesFactory) {
|
||||
constructor($translate, $scope, $http, $window, vnModules, vnAuth) {
|
||||
this.$ = $scope;
|
||||
this.$http = $http;
|
||||
this.$translate = $translate;
|
||||
this.$window = $window;
|
||||
this.modules = modulesFactory.getModules();
|
||||
this.modules = vnModules.get();
|
||||
this.langs = [];
|
||||
this.vnAuth = vnAuth;
|
||||
|
||||
for (let code of $translate.getAvailableLanguageKeys()) {
|
||||
this.langs.push({
|
||||
|
|
@ -41,7 +42,7 @@ export default class MainMenu {
|
|||
}
|
||||
|
||||
onLogoutClick() {
|
||||
this.$window.location = '/logout';
|
||||
this.vnAuth.logout();
|
||||
}
|
||||
|
||||
onChangeLangClick(lang) {
|
||||
|
|
@ -52,7 +53,7 @@ export default class MainMenu {
|
|||
this.getCurrentUserName();
|
||||
}
|
||||
}
|
||||
MainMenu.$inject = ['$translate', '$scope', '$http', '$window', 'modulesFactory'];
|
||||
MainMenu.$inject = ['$translate', '$scope', '$http', '$window', 'vnModules', 'vnAuth'];
|
||||
|
||||
ngModule.component('vnMainMenu', {
|
||||
template: require('./main-menu.html'),
|
||||
|
|
|
|||
|
|
@ -7,9 +7,9 @@ describe('Component vnMainMenu', () => {
|
|||
beforeEach(ngModule('salix'));
|
||||
|
||||
beforeEach(angular.mock.inject(($componentController, _$httpBackend_) => {
|
||||
let modulesFactory = {getModules: () => {}};
|
||||
let vnModules = {get: () => {}};
|
||||
$httpBackend = _$httpBackend_;
|
||||
controller = $componentController('vnMainMenu', {modulesFactory});
|
||||
controller = $componentController('vnMainMenu', {vnModules});
|
||||
}));
|
||||
|
||||
describe('getCurrentUserName()', () => {
|
||||
|
|
|
|||
|
|
@ -1,31 +1,40 @@
|
|||
@import "effects";
|
||||
|
||||
vn-main-menu {
|
||||
#user {
|
||||
display: inline-block;
|
||||
padding-right: 0.2em;
|
||||
margin-bottom: 8px;
|
||||
height: 2.5em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#user h6{
|
||||
color: white;
|
||||
}
|
||||
& > div > vn-icon, & > div > a > vn-icon {
|
||||
font-size: 2.2em;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
|
||||
&:hover {
|
||||
color: $main-01;
|
||||
& > div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
|
||||
& > * {
|
||||
cursor: pointer;
|
||||
padding-left: .1em;
|
||||
|
||||
&:hover {
|
||||
color: $main-01;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& > #user {
|
||||
vertical-align: middle;
|
||||
font-weight: bold;
|
||||
padding-right: .6em;
|
||||
}
|
||||
& > vn-icon,
|
||||
& > a > vn-icon {
|
||||
display: block;
|
||||
font-size: 2.2em;
|
||||
}
|
||||
}
|
||||
vn-menu.vn-popover > div > div.content > ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
color: white;
|
||||
|
||||
li {
|
||||
& > li {
|
||||
@extend %clickable-light;
|
||||
background-color: $main-01;
|
||||
margin-bottom: .6em;
|
||||
|
|
@ -33,13 +42,13 @@ vn-main-menu {
|
|||
border-radius: .1em;
|
||||
min-width: 8em;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
& > vn-icon {
|
||||
padding-right: .3em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,6 +1,16 @@
|
|||
header {
|
||||
@import "background";
|
||||
|
||||
vn-topbar {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex: 1;
|
||||
color: #fff;
|
||||
color: white;
|
||||
box-sizing: border-box;
|
||||
background-color: $bg-dark-bar;
|
||||
align-items: center;
|
||||
|
||||
& > header {
|
||||
height: inherit;
|
||||
width: inherit;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,2 +1,2 @@
|
|||
<header class="bg-dark-bar" ng-transclude>
|
||||
<header ng-transclude>
|
||||
</header>
|
||||
|
|
@ -1,78 +0,0 @@
|
|||
import ngModule from './module';
|
||||
import deps from 'modules.yml';
|
||||
import modules from 'spliting';
|
||||
import splitingRegister from 'core/lib/spliting-register';
|
||||
|
||||
function loader(moduleName, validations) {
|
||||
load.$inject = ['vnModuleLoader'];
|
||||
function load(moduleLoader) {
|
||||
return moduleLoader.load(moduleName, validations);
|
||||
}
|
||||
return load;
|
||||
}
|
||||
|
||||
config.$inject = ['$stateProvider', '$urlRouterProvider', 'aclServiceProvider', 'modulesFactoryProvider'];
|
||||
function config($stateProvider, $urlRouterProvider, aclServiceProvider, modulesFactory) {
|
||||
splitingRegister.graph = deps;
|
||||
splitingRegister.modules = modules;
|
||||
|
||||
let aclService = aclServiceProvider.$get();
|
||||
|
||||
function getParams(route) {
|
||||
let params = '';
|
||||
let temporalParams = [];
|
||||
|
||||
if (!route.params)
|
||||
return params;
|
||||
|
||||
|
||||
Object.keys(route.params).forEach(key => {
|
||||
temporalParams.push(`${key} = "${route.params[key]}"`);
|
||||
});
|
||||
return temporalParams.join(' ');
|
||||
}
|
||||
|
||||
$urlRouterProvider.otherwise('/');
|
||||
|
||||
$stateProvider.state('home', {
|
||||
url: '/',
|
||||
template: '<vn-home></vn-home>',
|
||||
description: 'Salix'
|
||||
});
|
||||
|
||||
for (let file in window.routes) {
|
||||
let fileRoutes = window.routes[file].routes;
|
||||
let moduleName = window.routes[file].module;
|
||||
let validations = window.routes[file].validations || false;
|
||||
let mainModule = modulesFactory.$get().getMainRoute(fileRoutes);
|
||||
|
||||
if (mainModule) {
|
||||
let count = fileRoutes.length;
|
||||
for (let i = 0; i < count; i++) {
|
||||
let route = fileRoutes[i];
|
||||
if (aclService.routeHasPermission(route)) {
|
||||
let configRoute = {
|
||||
url: route.url,
|
||||
template: `<${route.component} ${getParams(route)}></${route.component}>`,
|
||||
description: route.description,
|
||||
reloadOnSearch: false,
|
||||
resolve: {
|
||||
loader: loader(moduleName, validations)
|
||||
},
|
||||
data: {
|
||||
moduleIndex: file
|
||||
}
|
||||
};
|
||||
if (route.abstract)
|
||||
configRoute.abstract = true;
|
||||
if (route.routeParams)
|
||||
configRoute.params = route.routeParams;
|
||||
|
||||
$stateProvider.state(route.state, configRoute);
|
||||
} else if (route.state === mainModule.state)
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
ngModule.config(config);
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
[
|
||||
{key: r, sref: claim.index},
|
||||
{key: c, sref: client.index},
|
||||
{key: a, sref: item.index},
|
||||
{key: t, sref: ticket.index},
|
||||
]
|
||||
|
|
@ -1,5 +1,4 @@
|
|||
import './module';
|
||||
import './config-routes';
|
||||
import './components/index';
|
||||
import './styles/index';
|
||||
import './modules-factory';
|
||||
import './routes';
|
||||
import './components';
|
||||
import './styles';
|
||||
|
|
|
|||
|
|
@ -1,17 +1,18 @@
|
|||
import {ng} from 'core/vendor';
|
||||
import 'core';
|
||||
import keybindings from './global-keybindings.yml';
|
||||
|
||||
export const appName = 'salix';
|
||||
|
||||
const ngModule = ng.module('salix', ['vnCore']);
|
||||
export default ngModule;
|
||||
|
||||
run.$inject = ['$window', '$rootScope', 'vnApp', '$state', '$document'];
|
||||
export function run($window, $rootScope, vnApp, $state, $document) {
|
||||
run.$inject = ['$window', '$rootScope', 'vnAuth', 'vnApp', '$state'];
|
||||
export function run($window, $rootScope, vnAuth, vnApp, $state) {
|
||||
$window.validations = {};
|
||||
vnApp.name = appName;
|
||||
|
||||
vnAuth.initialize();
|
||||
|
||||
$rootScope.$on('$viewContentLoaded', () => {});
|
||||
window.myAppErrorLog = [];
|
||||
$state.defaultErrorHandler(function(error) {
|
||||
|
|
@ -19,28 +20,37 @@ export function run($window, $rootScope, vnApp, $state, $document) {
|
|||
window.myAppErrorLog.push(error);
|
||||
});
|
||||
|
||||
for (const binding in keybindings) {
|
||||
if (!keybindings[binding].key || !keybindings[binding].sref)
|
||||
throw new Error('Binding not formed correctly');
|
||||
if ($window.routes) {
|
||||
let keybindings = {};
|
||||
|
||||
$document.on('keyup', function(e) {
|
||||
if (e.defaultPrevented) return;
|
||||
for (const mod of $window.routes) {
|
||||
if (!mod || !mod.keybindings)
|
||||
continue;
|
||||
|
||||
let shortcut = {
|
||||
altKey: true,
|
||||
ctrlKey: true,
|
||||
key: keybindings[binding].key
|
||||
};
|
||||
for (const binding of mod.keybindings) {
|
||||
let err;
|
||||
if (!binding.key)
|
||||
err = `Missing attribute 'key' in binding`;
|
||||
else if (!binding.state)
|
||||
err = `Missing attribute 'state' in binding`;
|
||||
else if (keybindings[binding.key])
|
||||
err = `Binding key redeclared`;
|
||||
|
||||
let correctShortcut = true;
|
||||
if (err)
|
||||
console.warn(`${err}: ${mod.module}: ${JSON.stringify(binding)}`);
|
||||
else
|
||||
keybindings[binding.key] = binding.state;
|
||||
}
|
||||
}
|
||||
|
||||
for (const key in shortcut)
|
||||
correctShortcut = correctShortcut && shortcut[key] == e[key];
|
||||
$window.addEventListener('keyup', function(event) {
|
||||
if (event.defaultPrevented || !event.altKey || !event.ctrlKey)
|
||||
return;
|
||||
|
||||
if (correctShortcut) {
|
||||
$state.go(keybindings[binding].sref);
|
||||
e.preventDefault();
|
||||
e.stopImmediatePropagation();
|
||||
let state = keybindings[event.key];
|
||||
if (state) {
|
||||
$state.go(state);
|
||||
event.preventDefault();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
|
@ -56,8 +66,8 @@ ngModule.config(config);
|
|||
|
||||
// Unhandled exceptions
|
||||
|
||||
$exceptionHandler.$inject = ['vnApp', '$window'];
|
||||
function $exceptionHandler(vnApp, $window) {
|
||||
$exceptionHandler.$inject = ['vnApp', '$window', '$state'];
|
||||
function $exceptionHandler(vnApp, $window, $state) {
|
||||
return function(exception, cause) {
|
||||
let message;
|
||||
|
||||
|
|
@ -77,11 +87,9 @@ function $exceptionHandler(vnApp, $window) {
|
|||
else
|
||||
message = `${exception.status}: ${exception.statusText}`;
|
||||
|
||||
if (exception.status === 401) {
|
||||
let location = $window.location;
|
||||
let continueUrl = location.pathname + location.search + location.hash;
|
||||
continueUrl = encodeURIComponent(continueUrl);
|
||||
$window.location = `/auth/?apiKey=${vnApp.name}&continue=${continueUrl}`;
|
||||
if (exception.status === 401 && $state.current.name != 'login') {
|
||||
let params = {continue: $window.location.hash};
|
||||
$state.go('login', params);
|
||||
}
|
||||
} else if (exception.name == 'UserError')
|
||||
message = exception.message;
|
||||
|
|
|
|||
|
|
@ -1,36 +0,0 @@
|
|||
import ngModule from './module';
|
||||
|
||||
function modulesFactory(aclService) {
|
||||
function getMainRoute(routeCollection) {
|
||||
let cant = routeCollection.length;
|
||||
for (let i = 0; i < cant; i++) {
|
||||
if (!routeCollection[i].abstract)
|
||||
return routeCollection[i];
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function getModules() {
|
||||
let modules = [];
|
||||
for (let file in window.routes) {
|
||||
let card = {
|
||||
name: routes[file].name || routes[file].module,
|
||||
icon: routes[file].icon || null
|
||||
};
|
||||
let mainRoute = getMainRoute(window.routes[file].routes);
|
||||
if (mainRoute && aclService.routeHasPermission(mainRoute)) {
|
||||
card.route = mainRoute;
|
||||
modules.push(card);
|
||||
}
|
||||
}
|
||||
return modules;
|
||||
}
|
||||
|
||||
return {
|
||||
getModules: getModules,
|
||||
getMainRoute: getMainRoute
|
||||
};
|
||||
}
|
||||
modulesFactory.$inject = ['aclService'];
|
||||
|
||||
ngModule.factory('modulesFactory', modulesFactory);
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
import ngModule from './module';
|
||||
import deps from 'modules.yml';
|
||||
import modules from 'spliting';
|
||||
import splitingRegister from 'core/lib/spliting-register';
|
||||
import getMainRoute from 'core/lib/get-main-route';
|
||||
|
||||
function loader(moduleName, validations) {
|
||||
load.$inject = ['vnModuleLoader'];
|
||||
function load(moduleLoader) {
|
||||
return moduleLoader.load(moduleName, validations);
|
||||
}
|
||||
return load;
|
||||
}
|
||||
|
||||
config.$inject = ['$stateProvider', '$urlRouterProvider'];
|
||||
function config($stateProvider, $urlRouterProvider) {
|
||||
splitingRegister.graph = deps;
|
||||
splitingRegister.modules = modules;
|
||||
|
||||
$urlRouterProvider.otherwise('/');
|
||||
|
||||
$stateProvider.state('home', {
|
||||
url: '/',
|
||||
template: '<vn-home></vn-home>',
|
||||
description: 'Salix'
|
||||
});
|
||||
$stateProvider.state('login', {
|
||||
url: '/login?continue',
|
||||
template: '<vn-login></vn-login>',
|
||||
description: 'Login'
|
||||
});
|
||||
|
||||
function getParams(route) {
|
||||
let params = '';
|
||||
let temporalParams = [];
|
||||
|
||||
if (!route.params)
|
||||
return params;
|
||||
|
||||
|
||||
Object.keys(route.params).forEach(key => {
|
||||
temporalParams.push(`${key} = "${route.params[key]}"`);
|
||||
});
|
||||
return temporalParams.join(' ');
|
||||
}
|
||||
|
||||
for (let file in window.routes) {
|
||||
let routeFile = window.routes[file];
|
||||
let fileRoutes = routeFile.routes;
|
||||
let moduleName = routeFile.module;
|
||||
let validations = routeFile.validations || false;
|
||||
let mainModule = getMainRoute(fileRoutes);
|
||||
|
||||
if (!mainModule) continue;
|
||||
|
||||
for (let route of fileRoutes) {
|
||||
let configRoute = {
|
||||
url: route.url,
|
||||
template: `<${route.component} ${getParams(route)}></${route.component}>`,
|
||||
description: route.description,
|
||||
reloadOnSearch: false,
|
||||
resolve: {
|
||||
loader: loader(moduleName, validations)
|
||||
},
|
||||
data: {
|
||||
moduleIndex: file
|
||||
}
|
||||
};
|
||||
if (route.abstract)
|
||||
configRoute.abstract = true;
|
||||
if (route.routeParams)
|
||||
configRoute.params = route.routeParams;
|
||||
|
||||
$stateProvider.state(route.state, configRoute);
|
||||
}
|
||||
}
|
||||
}
|
||||
ngModule.config(config);
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Salix</title>
|
||||
</head>
|
||||
<body ng-app="vnAuth">
|
||||
<vn-login></vn-login>
|
||||
<% for (let jsFile of assets) { %>
|
||||
<script type="text/javascript" src="<%= jsFile %>"></script>
|
||||
<% } %>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -3,7 +3,6 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title vn-title translate></title>
|
||||
<script src="/acl"></script>
|
||||
</head>
|
||||
<body>
|
||||
<vn-app></vn-app>
|
||||
|
|
|
|||
|
|
@ -1,94 +0,0 @@
|
|||
let url = require('url');
|
||||
let md5 = require('md5');
|
||||
|
||||
module.exports = function(app) {
|
||||
let User = app.models.User;
|
||||
let applications = app.get('applications');
|
||||
|
||||
app.get('/auth/', function(req, res) {
|
||||
res.render('auth.ejs', {
|
||||
assets: app.getWpAssets('auth')
|
||||
});
|
||||
});
|
||||
|
||||
app.post('/auth/login', function(req, res) {
|
||||
let body = req.body;
|
||||
let user = body.user;
|
||||
let password = body.password;
|
||||
let syncOnFail = true;
|
||||
let usesEmail = user && user.indexOf('@') !== -1;
|
||||
|
||||
login();
|
||||
|
||||
function login() {
|
||||
let loginInfo = {password: password};
|
||||
|
||||
if (usesEmail)
|
||||
loginInfo.email = user;
|
||||
else
|
||||
loginInfo.username = user;
|
||||
|
||||
User.login(loginInfo, 'user', loginCb);
|
||||
}
|
||||
function loginCb(err, token) {
|
||||
if (err) {
|
||||
if (syncOnFail && !usesEmail) {
|
||||
syncOnFail = false;
|
||||
let filter = {where: {name: user}};
|
||||
app.models.Account.findOne(filter, findCb);
|
||||
} else
|
||||
badLogin();
|
||||
return;
|
||||
}
|
||||
|
||||
let apiKey;
|
||||
let continueUrl;
|
||||
|
||||
try {
|
||||
let query = url.parse(req.body.location, true).query;
|
||||
apiKey = query.apiKey;
|
||||
continueUrl = query.continue;
|
||||
} catch (e) {
|
||||
continueUrl = null;
|
||||
}
|
||||
|
||||
if (!apiKey) apiKey = 'default';
|
||||
let loginUrl = applications[apiKey] || '/login';
|
||||
|
||||
res.json({
|
||||
token: token.id,
|
||||
continue: continueUrl,
|
||||
loginUrl: loginUrl
|
||||
});
|
||||
}
|
||||
function findCb(err, instance) {
|
||||
if (err || !instance || instance.password !== md5(password)) {
|
||||
badLogin();
|
||||
return;
|
||||
}
|
||||
|
||||
let where = {id: instance.id};
|
||||
let userData = {
|
||||
id: instance.id,
|
||||
username: user,
|
||||
password: password,
|
||||
email: instance.email,
|
||||
created: instance.created,
|
||||
updated: instance.updated
|
||||
};
|
||||
User.upsertWithWhere(where, userData, login);
|
||||
}
|
||||
function badLogin() {
|
||||
res.status(401);
|
||||
res.json({
|
||||
message: 'Login failed'
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
app.get('/auth/logout', function(req, res) {
|
||||
User.logout(req.accessToken.id, () => {
|
||||
res.redirect('/');
|
||||
});
|
||||
});
|
||||
};
|
||||
|
|
@ -1,146 +1,10 @@
|
|||
module.exports = function(app) {
|
||||
let models = app.models;
|
||||
let bootTimestamp = new Date().getTime();
|
||||
|
||||
app.get('/', function(req, res) {
|
||||
let token = req.cookies.vnToken;
|
||||
validateToken(token, function(isValid) {
|
||||
if (!isValid) {
|
||||
redirectToAuth(res, req.get('origin'));
|
||||
return;
|
||||
}
|
||||
|
||||
res.render('index.ejs', {
|
||||
assets: app.getWpAssets('salix'),
|
||||
version: bootTimestamp
|
||||
});
|
||||
res.render('index.ejs', {
|
||||
assets: app.getWpAssets('salix'),
|
||||
version: bootTimestamp
|
||||
});
|
||||
});
|
||||
|
||||
app.get('/acl', function(req, res) {
|
||||
let token = req.cookies.vnToken;
|
||||
validateToken(token, function(isValid, token) {
|
||||
if (isValid)
|
||||
sendUserRole(res, token);
|
||||
else
|
||||
sendACL(res, {});
|
||||
});
|
||||
});
|
||||
|
||||
app.get('/login', function(req, res) {
|
||||
let token = req.query.token;
|
||||
let continueUrl = req.query.continue;
|
||||
|
||||
validateToken(token, function(isValid) {
|
||||
if (isValid) {
|
||||
res.cookie('vnToken', token /* , {httpOnly: true} */);
|
||||
res.redirect(continueUrl ? continueUrl : '/');
|
||||
} else
|
||||
redirectToAuth(res);
|
||||
});
|
||||
});
|
||||
|
||||
app.get('/logout', function(req, res) {
|
||||
let token = req.cookies.vnToken;
|
||||
models.User.logout(token, function() {
|
||||
redirectToAuth(res);
|
||||
});
|
||||
});
|
||||
|
||||
app.get('/validateToken', function(req, res) {
|
||||
let token = req.headers.authorization;
|
||||
|
||||
validateToken(token, function(isValid) {
|
||||
if (isValid)
|
||||
res.json(null);
|
||||
else {
|
||||
res.status(401).json({
|
||||
message: 'Invalid token'
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function validateToken(tokenId, cb) {
|
||||
models.AccessToken.findById(tokenId, function(err, token) {
|
||||
if (token) {
|
||||
token.validate(function(err, isValid) {
|
||||
cb(isValid === true, token);
|
||||
});
|
||||
} else
|
||||
cb(false);
|
||||
});
|
||||
}
|
||||
|
||||
function sendUserRole(res, token) {
|
||||
if (token.userId) {
|
||||
let query = {
|
||||
where: {
|
||||
principalId: token.userId,
|
||||
principalType: 'USER'
|
||||
},
|
||||
include: [{
|
||||
relation: 'role',
|
||||
scope: {
|
||||
fields: ['name']
|
||||
}
|
||||
}]
|
||||
};
|
||||
models.RoleMapping.find(query, function(_, roles) {
|
||||
if (roles) {
|
||||
let acl = {
|
||||
userProfile: {},
|
||||
roles: {}
|
||||
};
|
||||
Object.keys(roles).forEach(function(_, i) {
|
||||
if (roles[i].roleId) {
|
||||
let rol = roles[i].role();
|
||||
acl.roles[rol.name] = true;
|
||||
}
|
||||
});
|
||||
models.User.findById(token.userId, function(_, userProfile) {
|
||||
// acl.userProfile = userProfile;
|
||||
if (userProfile && userProfile.id) {
|
||||
acl.userProfile.id = userProfile.id;
|
||||
acl.userProfile.username = userProfile.username;
|
||||
acl.userProfile.warehouseId = 1;
|
||||
sendACL(res, acl);
|
||||
} else
|
||||
sendACL(res, {});
|
||||
});
|
||||
} else
|
||||
sendACL(res, {});
|
||||
});
|
||||
} else
|
||||
sendACL(res, {});
|
||||
}
|
||||
|
||||
function redirectToAuth(res, continueUrl) {
|
||||
let authUrl = app.get('url auth');
|
||||
let params = {
|
||||
apiKey: app.get('api key'),
|
||||
continue: continueUrl
|
||||
};
|
||||
res.clearCookie('vnToken');
|
||||
res.redirect(`${authUrl}/?${encodeUri(params)}`);
|
||||
}
|
||||
|
||||
function sendACL(res, acl) {
|
||||
let aclStr = JSON.stringify(acl);
|
||||
res.header('Content-Type', 'application/javascript; charset=UTF-8');
|
||||
res.send(`(function(window){window.salix = window.salix || {}; window.salix.acl = window.salix.acl || {}; window.salix.acl = ${aclStr}; })(window)`);
|
||||
}
|
||||
};
|
||||
|
||||
function encodeUri(object) {
|
||||
let uri = '';
|
||||
for (let key in object) {
|
||||
if (object[key]) {
|
||||
if (uri.length > 0)
|
||||
uri += '&';
|
||||
uri += encodeURIComponent(key) + '=';
|
||||
uri += encodeURIComponent(object[key]);
|
||||
}
|
||||
}
|
||||
return uri;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,103 +0,0 @@
|
|||
const app = require('../../../server/server');
|
||||
const routes = require('../auth');
|
||||
|
||||
describe('Auth routes', () => {
|
||||
beforeEach(async () => {
|
||||
await app.models.User.destroyById(102);
|
||||
});
|
||||
|
||||
afterAll(async () => {
|
||||
await app.models.User.destroyById(102);
|
||||
});
|
||||
|
||||
let User = app.models.User;
|
||||
let loginFunction;
|
||||
let logoutFunction;
|
||||
let res;
|
||||
let req;
|
||||
|
||||
beforeEach(() => {
|
||||
spyOn(app, 'post');
|
||||
spyOn(app, 'get').and.callThrough();
|
||||
routes(app);
|
||||
loginFunction = app.post.calls.mostRecent().args[1];
|
||||
logoutFunction = app.get.calls.argsFor(2)[1];
|
||||
res = {};
|
||||
req = {body: {}};
|
||||
});
|
||||
|
||||
describe('when the user doesnt exist but the client does and the password is correct', () => {
|
||||
it('should create the user login and return the token', done => {
|
||||
spyOn(User, 'upsertWithWhere').and.callThrough();
|
||||
req.body.user = 'PetterParker';
|
||||
req.body.password = 'nightmare';
|
||||
res.json = response => {
|
||||
expect(User.upsertWithWhere).toHaveBeenCalledWith(jasmine.any(Object), jasmine.any(Object), jasmine.any(Function));
|
||||
expect(response.token).toBeDefined();
|
||||
done();
|
||||
};
|
||||
loginFunction(req, res);
|
||||
});
|
||||
});
|
||||
|
||||
describe('when the user exists and the password is correct', () => {
|
||||
it('should login and return the token', done => {
|
||||
req.body.user = 'employee';
|
||||
req.body.password = 'nightmare';
|
||||
res.json = response => {
|
||||
expect(response.token).toBeDefined();
|
||||
done();
|
||||
};
|
||||
loginFunction(req, res);
|
||||
});
|
||||
|
||||
it('should define the url to continue upon login', done => {
|
||||
req.body.user = 'employee';
|
||||
req.body.password = 'nightmare';
|
||||
req.body.location = 'http://localhost:5000/auth/?apiKey=salix&continue="continueURL"';
|
||||
res.json = response => {
|
||||
expect(response.continue).toBeDefined();
|
||||
done();
|
||||
};
|
||||
loginFunction(req, res);
|
||||
});
|
||||
|
||||
it('should define the loginUrl upon login', done => {
|
||||
req.body.user = 'employee';
|
||||
req.body.password = 'nightmare';
|
||||
req.body.location = 'http://localhost:5000/auth/?apiKey=salix';
|
||||
res.json = response => {
|
||||
expect(response.loginUrl).toBeDefined();
|
||||
done();
|
||||
};
|
||||
loginFunction(req, res);
|
||||
});
|
||||
|
||||
it('should logout after login', done => {
|
||||
spyOn(User, 'logout').and.callThrough();
|
||||
req.accessToken = {id: 'testingTokenId'};
|
||||
logoutFunction(req, res);
|
||||
res.redirect = url => {
|
||||
expect(User.logout).toHaveBeenCalledWith('testingTokenId', jasmine.any(Function));
|
||||
expect(url).toBe('/');
|
||||
done();
|
||||
};
|
||||
});
|
||||
});
|
||||
|
||||
describe('when the user is incorrect', () => {
|
||||
it('should return a 401 unauthorized', done => {
|
||||
req.body.user = 'IDontExist';
|
||||
req.body.password = 'TotallyWrongPassword';
|
||||
res.status = status => {
|
||||
expect(status).toBe(401);
|
||||
};
|
||||
|
||||
res.json = response => {
|
||||
expect(response.message).toBe('Login failed');
|
||||
done();
|
||||
};
|
||||
loginFunction(req, res);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
@ -78,5 +78,8 @@
|
|||
{"state": "claim.card.detail", "icon": "icon-details"},
|
||||
{"state": "claim.card.development", "icon": "icon-traceability"},
|
||||
{"state": "claim.card.action", "icon": "icon-actions"}
|
||||
],
|
||||
"keybindings": [
|
||||
{"key": "r", "state": "claim.index"}
|
||||
]
|
||||
}
|
||||
|
|
@ -2,12 +2,12 @@ import ngModule from '../../module';
|
|||
import './style.scss';
|
||||
|
||||
class Controller {
|
||||
constructor($stateParams, $translate, $scope, $cookies) {
|
||||
constructor($stateParams, $translate, $scope, vnToken) {
|
||||
this.$ = $scope;
|
||||
this.$stateParams = $stateParams;
|
||||
this.$translate = $translate;
|
||||
|
||||
this.accessToken = $cookies.get('vnToken');
|
||||
this.accessToken = vnToken.token;
|
||||
this.companyFk = window.localStorage.defaultCompanyFk;
|
||||
this.filter = {
|
||||
include: {
|
||||
|
|
@ -57,7 +57,7 @@ class Controller {
|
|||
}
|
||||
}
|
||||
|
||||
Controller.$inject = ['$stateParams', '$translate', '$scope', '$cookies'];
|
||||
Controller.$inject = ['$stateParams', '$translate', '$scope', 'vnToken'];
|
||||
|
||||
ngModule.component('vnClientRiskIndex', {
|
||||
template: require('./index.html'),
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ describe('Client', () => {
|
|||
beforeEach(angular.mock.inject((_$componentController_, $rootScope) => {
|
||||
$componentController = _$componentController_;
|
||||
$scope = $rootScope.$new();
|
||||
controller = $componentController('vnClientRiskIndex', {$scope: $scope});
|
||||
controller = $componentController('vnClientRiskIndex', {$scope});
|
||||
}));
|
||||
|
||||
describe('risks() setter', () => {
|
||||
|
|
|
|||
|
|
@ -347,5 +347,8 @@
|
|||
{"state": "client.card.webPayment", "icon": "icon-onlinepayment"}
|
||||
]
|
||||
}
|
||||
],
|
||||
"keybindings": [
|
||||
{"key": "c", "state": "client.index"}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -125,5 +125,8 @@
|
|||
{"state": "item.card.itemBarcode", "icon": "icon-barcode"},
|
||||
{"state": "item.card.diary", "icon": "icon-transaction"},
|
||||
{"state": "item.card.last-entries", "icon": "icon-regentry"}
|
||||
],
|
||||
"keybindings": [
|
||||
{"key": "a", "state": "item.index"}
|
||||
]
|
||||
}
|
||||
|
|
@ -240,5 +240,8 @@
|
|||
{"state": "ticket.card.picture", "icon": "image"},
|
||||
{"state": "ticket.card.log", "icon": "history"},
|
||||
{"state": "ticket.card.request.index", "icon": "icon-100"}
|
||||
],
|
||||
"keybindings": [
|
||||
{"key": "t", "state": "ticket.index"}
|
||||
]
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -5,6 +5,7 @@
|
|||
"description": "Salix application",
|
||||
"license": "GPL-3.0",
|
||||
"dependencies": {
|
||||
"bcrypt": "^3.0.3",
|
||||
"compression": "^1.7.3",
|
||||
"cookie-parser": "^1.4.3",
|
||||
"cors": "^2.8.5",
|
||||
|
|
|
|||
|
|
@ -81,11 +81,6 @@ let baseConfig = {
|
|||
template: 'front/salix/index.ejs',
|
||||
filename: 'index.html',
|
||||
chunks: ['salix']
|
||||
}),
|
||||
new HtmlWebpackPlugin({
|
||||
template: 'front/auth/auth.ejs',
|
||||
filename: 'auth.html',
|
||||
chunks: ['auth']
|
||||
})
|
||||
],
|
||||
devtool: 'source-map',
|
||||
|
|
|
|||
|
|
@ -2,6 +2,5 @@ buildDir: dist
|
|||
devServerPort: 3500
|
||||
publicPath: '/static'
|
||||
entry: {
|
||||
salix: salix,
|
||||
auth: auth
|
||||
salix: salix
|
||||
}
|
||||
Loading…
Reference in New Issue