Jet 1.0 Login-plugin

gartneriet · October 13, 2017, 5:28pm

Hi

The manual for Webix Jet 1.0 has a section about a Login-plugin. However, this plugin does not seem to exist when I look at the Jet source.

But, the functionality seems to be in the User-plugin. At least the methods described for the Login-plugin exists in the User-plugin.

I just really would like som examples of how to get it working.
I thing that the plugin needs to be passed some sort of userModel, that should do the actual authorization/authentication of the user and return something from a getStatus()-method. I just cant figure out what it is :-/

SallyP · October 14, 2017, 7:53am

^ Friendly bump. what is this? it’s missing…

Listopad · October 16, 2017, 11:20am

Truly, the name of the plugin is User and we will correct the manual.

As for the demo, please check the following branch of the demo app:

Particularly, the usage of this plugin:

github.com

webix-hub/jet-start/blob/php/sources/myapp.js

import "./styles/app.css";
import {JetApp, EmptyRouter, HashRouter, plugins } from "webix-jet";
import session from "models/session";

export default class MyApp extends JetApp{
	constructor(config){
		const defaults = {
			id 		: APPNAME,
			version : VERSION,
			router 	: BUILD_AS_MODULE ? EmptyRouter : HashRouter,
			debug 	: !PRODUCTION,
			start 	: "/top/start"
		};

		super({ ...defaults, ...config });

		this.use(plugins.User, { model: session });
	}
}

This file has been truncated. show original

github.com

webix-hub/jet-start/blob/php/sources/views/login.js

import {JetView} from "webix-jet";

export default class LoginView extends JetView{
    config(){
        const login_form = {
            view:"form", localId:"login:form",
            width:400, borderless:false, margin:10,
            rows:[
                { type:"header", template: this.app.config.name },
                { view:"text", name:"login", label:"User Name", labelPosition:"top" },
                { view:"text", type:"password", name:"pass", label:"Password", labelPosition:"top" },
                { view:"button", value:"Login", click:() => this.do_login(), hotkey:"enter" }
            ],
            rules:{
                login:webix.rules.isNotEmpty,
                pass:webix.rules.isNotEmpty
            }
        };

        return {

This file has been truncated. show original

Listopad · October 16, 2017, 11:25am

Also, please pay attention at the reference to devServer path in `webpack.config.js. By default, it’s

devServer:{
	proxy:{
		"/server" : "http://localhost/webix/jet/jet-start/"
	}
},

You may need to change it regarding your location of jet-start

mewtown · February 7, 2018, 12:17am

Hi! I’m trying to implement this plugin (user plugin). The login works fine but I want to implement the logout clicking the logout option of the menu but I don’t know how exactly call the logout() method, any idea?

Listopad · February 25, 2018, 5:35pm

Hi @mewtown

Please check the related docs. As well as login, the logout method can be called as

this.app.getService("user").logout()

Hanani · March 5, 2019, 8:25am

Hi,

I’m working on logout currently. But when I use

this.app.getService(“user”).logout()

It’s complain Uncaught TypeError: Cannot read property ‘getService’ of undefined.

please help.

intregal · March 5, 2019, 8:42am

looks like you call it from webix view
try this this.$scope.app.getService("user").logout()