Source:four-image-tiles.component.js

(function () {
    'use strict';
    // Four Image Tiles
    angular
        .module('mohistory')
        .component('fourImageTiles', {
            templateUrl: 'app/components/four-image-tiles/four-image-tiles.component.html',
            controller: fourImageTilesCtrl,
            controllerAs: 'fourImageTiles',
            bindings: {
                data: '<',
            }
        });
    fourImageTilesCtrl.$inject = [];
    /**
     * This component can render any blocks with the mhs:dataClass of 
     * `four-up-images` and the mhs:displayClass of `four-up-images-and-tiles`.
     * @memberof mohistory
     * @name fourImageTiles
     * @ngdoc component
     */
    function fourImageTilesCtrl() {
        var vm = this;
        /* ----- Variables ----- */
        vm.blocks = {
            'four-up-images-and-tiles': {
                isInteractive: false,
                usesParallax: true,
                parallaxSpeed: 2,
            },
        };
        vm.curBlockConfig = {};
        /* ----- Function Bindings ----- */
        vm.$onInit = onInit;
        /* ----- Function Definitions ----- */
        /**
         * Initiated when component is created. Runs code necessary for block
		 * configuration.
         * @function onInit
         * @memberof fourImageTiles
         */
        function onInit() {
            vm.curBlockConfig = vm.blocks[vm.data['mhs:displayClass']];
        }
    };
})();