Blancboard Template

by veeramarni

CSS

/* lib/layout/contextual/source/ContextualLayout.css */

/* ContextualLayout.css - popup positioning and border radius adjustments */

/*for popups above activator*/
 .vertical.above {
    top: auto;
    margin-top:-10px;
    bottom: 100%;
    margin-bottom: 10px;
}
/*for popups below activator*/
 .vertical.below {
    margin-top:10px;
}
/*for popups on the left of the activator*/
 .right.horizontal {
    margin-left: -11px;
}
/*for popups on the right of the activator*/
 .left.horizontal {
    margin-left: 10px;
}
/*corners*/

/*vertical top corners*/

/*for popups on the left of the activator*/
 .vertical.right.corner {
    margin-left: 0px;
}
/*for popups on the right of the activator*/
 .vertical.left.corner {
    margin-left: 0px;
}
.vertical.below.left.corner {
    border-top-right-radius: 0px;
}
.vertical.below.right.corner {
    border-top-left-radius: 0px;
}
/*vertical bottom corners*/
 .left.above.corner {
    border-bottom-right-radius: 0px;
}
.right.above.corner {
    border-bottom-left-radius: 0px;
}
/*horizontal bottom corners*/
 .left.low.corner {
    border-bottom-left-radius: 0px;
}
.right.low.corner {
    border-bottom-right-radius: 0px;
}
/*horizontal top corners*/
 .left.high.corner {
    border-top-left-radius: 0px;
}
.right.high.corner {
    border-top-right-radius: 0px;
}
/* lib/layout/fittable/source/FittableLayout.css */
 .enyo-fittable-rows-layout {
    position: relative;
}
.enyo-fittable-rows-layout > * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* float when not stretched */
    float: left;
    clear: both;
}
/* non-floating when stretched */
 .enyo-fittable-rows-layout.enyo-stretch > * {
    float: none;
    clear: none;
}
/* setting to enforce margin collapsing */

/* NOTE: rows cannot have margin left/right */
 .enyo-fittable-rows-layout.enyo-stretch.enyo-margin-expand > * {
    float: left;
    clear: both;
    width: 100%;
    /* note: harsh resets */
    margin-left: 0...

JavaScript

//Enyo Whiteboard  Template

enyo.ready(function () {
    enyo.kind({
        name: "blanc.AppLarge",
        //   kind: "blanc.App",
        fit: true,
        components: [{
            kind: "FittableRows",
            style: "width:100%;height:100%;",
            components: [{
                name: "app",
                style: "position:relative;",
                components: [{
                    name: "leftBottom",
                    kind: "blanc.LeftBottomMenu",
                    classes: "leftbottom-menu-container"
                }, {
                    name: "topRight",
                    kind: "blanc.TopRightMenu",
                    classes: "topright-menu-container"
                }]
            }]
        }]
    });
    new enyo.Application({
        view: "blanc.AppLarge"
    });
});
enyo.kind({
    name: "blanc.LargeMenu",
    kind: "blanc.Menu",
    published: {
        menuModel: null,
        orientation: null
    },
    init: function (a, b) {
        this.setMenuModel(a);
        this.setOrientation(b);
        for (var c = this.getComponents(), d = 0; c.length > d; d++) {
            var e = c[d];
            //only destroy buttonGroup
            "blanc.ButtonGroup" === e.kind && e.destroy();
        }
    },
    render: function () {
        for (var a = this.getComponents(), b = 0; a.length > b; b++) {
            var c = a[b];
            //only render buttonGroup
            "blanc.ButtonGroup" === c.kind && c.render();
        }
    },
    update: function () {
        for (var a = this.getComponents(), b = 0; a.length > b; b++) {
            var c = a[b];
            // only update buttonGroup
            "blanc.ButtonGroup" === c.kind && c.update();
        }
    }
});
enyo.kind({
    name: "blanc.Menu",
    kind: "enyo.Control",
    handlers: {
        onWindowRotated: "windowRotated",
        onMeetingStarted: "refresh",
        onMeetingEnded: "refresh",
        onCanShare: "refresh"
    },
    events: {
       ...