brandup-ui-website v8.2.4
brandup-ui-website
Installation
Install NPM package brandup-ui-website.
Configure and start
import { host } from "brandup-ui-website";
import { AuthMiddleware } from "./middlewares/auth";
import { CityMiddleware } from "./middlewares/city";
import "./styles.less";
host.start({
pageTypes: {
"signin": ()=> import("./pages/signin")
},
scripts: {
"test": () => import("./components/test")
}
}, (builder) => {
builder
.useMiddleware(new AuthMiddleware());
});
Middleware
Develop custom middleware:
import { Middleware, ApplicationModel, NavigateContext, StartContext, LoadContext, NavigatingContext } from "brandup-ui-app";
import { ajaxRequest } from "brandup-ui";
export class AuthMiddleware extends Middleware<ApplicationModel> {
start(context: StartContext, next) {
this.app.registerCommand("signout", () => {
ajaxRequest({
url: this.app.uri("api/auth/signout"),
method: "POST",
state: null,
success: () => {
this.app.reload();
}
});
});
console.log(`website id: ${this.app.model.websiteId}`);
next();
}
loaded(context: LoadContext, next) {
next();
}
navigating(context: NavigatingContext, next) {
next();
}
navigate(context: NavigateContext, next) {
next();
}
}
Use middleware: builder.useMiddleware(new AuthMiddleware());
Page
import { Page, PageModel } from "brandup-ui-website";
class SignInPage extends Page<PageModel> {
get typeName(): string { return "SignInPage" }
onRenderContent() {
this.registerCommand("test", () => {
this.submit();
});
super.onRenderContent();
}
}
export default SignInPage;
Export page type require as default.
Register page type:
host.start({
pageTypes: {
"signin": ()=> import("./pages/signin")
}
});
12 months ago
1 year ago
12 months ago
1 year ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago