manet/public/js/app.js

Website screenshot service powered by Node.js, SlimerJS and PhantomJS

(function () {
    "use strict";

    var MANET_OPTIONS = [
        'url', 'agent', 'delay', 'format',
        'width', 'height', 'paperFormat', 'paperOrientation', 'zoom', 'quality',
        'js', 'images',
        'user', 'password',
        'callback', 'headers', 'clipRect',
        'force', 'selector','selectorCrop','selectorCropPadding',
        'engine'
    ];

    function cleanBoolValue(name, value) {
        return ((value && (name === 'js' || name === 'images')) ||
                (!value && (name === 'force' || name === 'selectorCrop'))) ? null : value;
    }

    function readOptions() {
        var options = {};
        MANET_OPTIONS.forEach(function(opt) {
            var element = $('#' + opt),
                value = element.val();

            if (typeof(value) !== 'undefined') {
                if (element.attr('type') === 'checkbox') {
                    value = cleanBoolValue(opt, element.attr('checked'));
                }

                if (value !== null && value !== '') {
                    options[opt] = value;
                }
            }
        });
        return options;
    }

    function generateUrl() {
        return '?' + $.param(readOptions());
    }

    function updateAddress() {
        $('#address').val(generateUrl());
    }

    $(document).ready(function () {
        MANET_OPTIONS.forEach(function(opt) {
            var element = $('#' + opt);

            element.keyup(updateAddress);
            element.change(updateAddress);
            if (element.attr('type') === 'select') {
                element.select(updateAddress);
            }
        });

        $('#open').click(function(event) {
            window.location = generateUrl();
            event.preventDefault();
        });

        var rememberHeight = false;
        $('#selectorCrop').change(function(){
            if ($(this).is(':checked')) {
                rememberHeight = $('#height').val();
                $('#height').val('');
            } else if(rememberHeight){
                $('#height').val(rememberHeight);
            }
            updateAddress();
        });

        updateAddress();
    });

})();