pip-webui/pip-webui-pictures/cordova/www/collage_resize.js

HTML5 UI for LOB applications

/* global angular */

(function () {
    'use strict';

    var thisModule = angular.module('appPictures.CollageResize', []);

    thisModule.controller('CollageResizeController',
        function ($scope) {

            $scope.collage = {
                size: 2,
                variant: 4,
                blockSize: 3,
                disabled: true
            };

            $scope.collageSet = [
                {id: 1, name: '1 Picture'},
                {id: 2, name: '2 Pictures'},
                {id: 3, name: '3 Pictures'},
                {id: 4, name: '4 Pictures'},
                {id: 5, name: '5 Pictures'},
                {id: 6, name: '6 Pictures'},
                {id: 7, name: '7 Pictures'},
                {id: 8, name: '8 Pictures'},
                {id: 9, name: '9 Pictures single'},
                {id: 10, name: '10 Pictures multiple'}
            ];

            $scope.collageVariant = [
                {id: 1, name: 'Variant 1'},
                {id: 2, name: 'Variant 2'},
                {id: 3, name: 'Variant 3'},
                {id: 4, name: 'Variant 4'}
            ];

            $scope.blockSizes = [
                {id: 0, name: 'width 250'},
                {id: 1, name: 'width 350'},
                {id: 2, name: 'width 450'},
                {id: 3, name: 'width 600'}
            ];

            $scope.blockStyles = [
                {'width': '250px'},
                {'width': '350px'},
                {'width': '450px'},
                {'width': '600px'}
            ]

            $scope.srcs_1 = ['images/square.jpg'];
            $scope.srcs_2 = ['images/square.jpg', 'images/vertical.jpg'];
            $scope.srcs_3 = ['images/square.jpg', 'images/vertical.jpg', 'images/horizontal.jpg'];
            $scope.srcs_4 = ['images/square.jpg', 'images/vertical.jpg', 'images/horizontal.jpg', 'images/nonexisting.jpg'];
            $scope.srcs_5 = [
                'images/square.jpg', 'images/vertical.jpg', 'images/horizontal.jpg', 'images/nonexisting.jpg',
                'images/square.jpg'
            ];
            $scope.srcs_6 = [
                'images/square.jpg', 'images/vertical.jpg', 'images/horizontal.jpg', 'images/nonexisting.jpg',
                'images/square.jpg', 'images/vertical.jpg'
            ];
            $scope.srcs_7 = [
                'images/square.jpg', 'images/vertical.jpg', 'images/horizontal.jpg', 'images/nonexisting.jpg',
                'images/square.jpg', 'images/vertical.jpg', 'images/horizontal.jpg'
            ];
            $scope.srcs_8 = [
                'images/square.jpg', 'images/vertical.jpg', 'images/horizontal.jpg', 'images/nonexisting.jpg',
                'images/square.jpg', 'images/vertical.jpg', 'images/horizontal.jpg', 'images/nonexisting.jpg'
            ];
            $scope.srcs_9 = [
                'images/square.jpg', 'images/vertical.jpg', 'images/horizontal.jpg', 'images/nonexisting.jpg',
                'images/square.jpg', 'images/vertical.jpg', 'images/horizontal.jpg', 'images/nonexisting.jpg',
                'images/square.jpg'
            ];
            $scope.srcs_10 = [
                'images/square.jpg', 'images/vertical.jpg', 'images/horizontal.jpg', 'images/nonexisting.jpg',
                'images/square.jpg', 'images/vertical.jpg', 'images/horizontal.jpg', 'images/nonexisting.jpg',
                'images/square.jpg', 'images/vertical.jpg'
            ];

            $scope.pids_1 = [
                "56790b4960958daa664fd8c2"
            ];
            $scope.pids_2 = [
                "56790b4960958daa664fd8c2",
                "56790b4960958daa664fd8c1"
            ];
            $scope.pids_3 = [
                "56790b4960958daa664fd8c2",
                "56790b4960958daa664fd8c1",
                "56790b4960958daa664fd8c4"
            ];
            $scope.pids_4 = [
                "56790b4960958daa664fd8c2",
                "56790b4960958daa664fd8c1",
                "56790b4960958daa664fd8c4",
                "56790b4960958daa664fd8c3"
            ];
            $scope.pids_7 = [
                "56790b4960958daa664fd8c2",
                "56790b4960958daa664fd8c1",
                "56790b4960958daa664fd8c4",
                "56790b4960958daa664fd8c3",
                "56790b4960958daa664fd8c5",
                "56790b4960958daa664fd8c6",
                "56790b4c60958daa664fd8c7"
            ];
            $scope.pids_18 = [
                "56790b4960958daa664fd8c2",
                "56790b4960958daa664fd8c1",
                "56790b4960958daa664fd8c4",
                "56790b4960958daa664fd8c3",
                "56790b4960958daa664fd8c5",
                "56790b4960958daa664fd8c6",
                "56790b4c60958daa664fd8c7",
                "56790b4c60958daa664fd8c8",
                "56790b4e60958daa664fd8c9",
                "56790b4f60958daa664fd8ca",
                "56790b4f60958daa664fd8cb",
                "56790b4f60958daa664fd8cc",
                "56790b5060958daa664fd8cd",
                "56790b5160958daa664fd8ce",
                "56790b5160958daa664fd8cf",
                "56790b5260958daa664fd8d0",
                "567911f060958daa664fd8ff",
                "567911f060958daa664fd8fe"
            ];

            $scope.onCollageSizeChange = onCollageSizeChange;

            return;

            function onCollageSizeChange() {
                $scope.collage.disabled = $scope.collage.size == 1 || $scope.collage.size == 2 ||
                    $scope.collage.size == 8 || $scope.collage.size == 9 || $scope.collage.size == 10;
            };
        }
    );

})();