corporate-frontend-mithril
Version:
Corporate frontend MithrilJS modules
69 lines (62 loc) • 3.15 kB
JavaScript
const AemBoardHeaderModel = require('./aem-board-header-model');
module.exports = class AemBoardHeaderView {
constructor(){
}
view() {
return m('.b-aem-board-header.b-box.b-box--padding-base.b-box--margin-bottom-base', [
m('.b-container.b-container--section', [
m('.grid.grid--flush', [
m('.1/12.grid__cell', [
m(`a.b-aem-board-header__button.b-link.b-link--block
${AemBoardHeaderModel.getSelectedStateClass('dev')}[href=javascript:void(0);]`, {
onclick() {
AemBoardHeaderModel.setCurrentServerKey('dev');
},
}, 'dev'),
]),
m('.1/12.grid__cell', [
m(`a.b-aem-board-header__button.b-link.b-link--block
${AemBoardHeaderModel.getSelectedStateClass('test')}[href=javascript:void(0);]`, {
onclick() {
AemBoardHeaderModel.setCurrentServerKey('test');
},
}, 'test'),
]),
m('.3/28.grid__cell', [
m(`a.b-aem-board-header__button.b-link.b-link--block
${AemBoardHeaderModel.getSelectedStateClass('compareTrain')}[href=javascript:void(0);]`, {
onclick() {
AemBoardHeaderModel.setCurrentServerKey('compareTrain');
},
}, 'compare'),
]),
m('.1/12.grid__cell', [
m(`a.b-aem-board-header__button.b-link.b-link--block
${AemBoardHeaderModel.getSelectedStateClass('train')}[href=javascript:void(0);]`, {
onclick() {
AemBoardHeaderModel.setCurrentServerKey('train');
},
}, 'train'),
]),
m('.3/28.grid__cell', [
m(`a.b-aem-board-header__button.b-link.b-link--block
${AemBoardHeaderModel.getSelectedStateClass('compareProd')}[href=javascript:void(0);]`, {
onclick() {
AemBoardHeaderModel.setCurrentServerKey('compareProd');
},
}, 'compare'),
]),
m('.1/12.grid__cell', [
m(`a.b-aem-board-header__button.b-link.b-link--block
${AemBoardHeaderModel.getSelectedStateClass('prod')}[href=javascript:void(0);]`, {
//TODO enable production
onclick() {
AemBoardHeaderModel.setCurrentServerKey('prod');
},
}, 'prod'),
]),
]),
]),
]);
}
};