chondric/src/sharedui/cjs-action-sheet.js

ChondricJS App Framework

import {SharedUiComponent} from "./shareduicomponent";
import template from "./cjs-action-sheet.html";

export default class cjsActionSheet extends SharedUiComponent {
    constructor() {
        super();
        this.componentId = "cjsActionSheet";
        this.template = template;
    }
    isNative() {
        return window.NativeNav;
    }
    controller($scope) {
        var self = $scope.componentDefinition;
        $scope.hideModal = function() {
            self.popuptrigger = null;
            var routeScope = self.app.scopesForRoutes[self.route];
            // need to reset this so the popup doesnt reopen if the page is reactivated.
            self.app.setSharedUiComponentState(routeScope, "cjs-action-sheet", false, true, null);
        };
        $scope.handleSharedPopupButtonClick = function(b) {
            self.popuptrigger = null;
            var routeScope = self.app.scopesForRoutes[self.route];
            self.app.setSharedUiComponentState(routeScope, "cjs-action-sheet", false, true, null);
            if (routeScope && b.action) {
                routeScope.$eval(b.action);
            }
        };
    }
    setState(self, route, active, available, data) {
        self.data = data;
        self.route = route;

        if (window.NativeNav) {
            if (active && data.element && data.element.length > 0) {
                var rect = data.element[0].getBoundingClientRect();
                window.NativeNav.showPopupMenu(route, rect.left, rect.top, rect.width, rect.height, data.items);
            }
        } else {
            if (!active) {
                self.popuptrigger = null;
            } else {
                self.popuptrigger = {
                    element: data.element
                };
            }
        }
    }
}