add_mail_acc.js

App.Actions.MAIL_ACC.enable_unlimited = function(elm, source_elm) {
    $(elm).data('checked', true);
    $(elm).data('prev_value', $(elm).val()); // save prev value in order to restore if needed
    $(elm).val(App.Constants.UNLIM_TRANSLATED_VALUE);
    $(elm).attr('disabled', true);
    $(source_elm).css('opacity', '1');
}

App.Actions.MAIL_ACC.disable_unlimited = function(elm, source_elm) {
    $(elm).data('checked', false);
    if ($(elm).data('prev_value') && $(elm).data('prev_value').trim() != '') {
        var prev_value = $(elm).data('prev_value').trim();
        $(elm).val(prev_value);
        if (App.Helpers.isUnlimitedValue(prev_value)) {
            $(elm).val('0');
        }
    }
    else {
        if (App.Helpers.isUnlimitedValue($(elm).val())) {
            $(elm).val('0');
        }
    }
    $(elm).attr('disabled', false);
    $(source_elm).css('opacity', '0.5');
}

App.Actions.MAIL_ACC.toggle_unlimited_feature = function(evt) {
    var elm = $(evt.target);
    var ref = elm.prev('.vst-input');
    if (!$(ref).data('checked')) {
        App.Actions.MAIL_ACC.enable_unlimited(ref, elm);
    }
    else {
        App.Actions.MAIL_ACC.disable_unlimited(ref, elm);
    }
}

App.Listeners.MAIL_ACC.checkbox_unlimited_feature = function() {
    $('.unlim-trigger').on('click', App.Actions.MAIL_ACC.toggle_unlimited_feature);
}

App.Listeners.MAIL_ACC.init = function() {
    $('.unlim-trigger').each(function(i, elm) {
        var ref = $(elm).prev('.vst-input');
        if (App.Helpers.isUnlimitedValue($(ref).val())) {
            App.Actions.MAIL_ACC.enable_unlimited(ref, elm);
        }
        else {
            $(ref).data('prev_value', $(ref).val());
            App.Actions.MAIL_ACC.disable_unlimited(ref, elm);
        }
    });
}

App.Helpers.isUnlimitedValue = function(value) {
    var value = value.trim();
    if (value == App.Constants.UNLIM_VALUE || value == App.Constants.UNLIM_TRANSLATED_VALUE) {
        return true;
    }

    return false;
}

//
// Page entry point
// Trigger listeners
App.Listeners.MAIL_ACC.init();
App.Listeners.MAIL_ACC.checkbox_unlimited_feature();
$('form[name="v_quota"]').bind('submit', function(evt) {
    $('input:disabled').each(function(i, elm) {
        $(elm).attr('disabled', false);
        if (App.Helpers.isUnlimitedValue($(elm).val())) {
            $(elm).val(App.Constants.UNLIM_VALUE);
        }
    });
});


randomString = function() {
    var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz';
    var string_length = 10;
    var randomstring = '';
    for (var i = 0; i < string_length; i++) {
        var rnum = Math.floor(Math.random() * chars.length);
        randomstring += chars.substr(rnum, 1);
    }
    document.v_add_mail_acc.v_password.value = randomstring;

    if($('input[name=v_password]').attr('type') == 'text')
        $('#v_password').text(randomstring);
    else
        $('#v_password').text(Array(randomstring.length+1).join('*'));
}

$(document).ready(function() {
    $('#v_account').text($('input[name=v_account]').val());
    $('#v_password').text($('input[name=v_password]').val());

    $('input[name=v_account]').change(function(){
        $('#v_account').text($(this).val());
    });

    $('input[name=v_password]').change(function(){
        if($('input[name=v_password]').attr('type') == 'text')
            $('#v_password').text($(this).val());
        else
            $('#v_password').text(Array($(this).val().length+1).join('*'));
    });

    $('.toggle-psw-visibility-icon').click(function(){
        if($('input[name=v_password]').attr('type') == 'text')
            $('#v_password').text($('input[name=v_password]').val());
        else
            $('#v_password').text(Array($('input[name=v_password]').val().length+1).join('*'));
    });

    $('#mail_configuration').change(function(evt){
        var opt = $(evt.target).find('option:selected');

        switch(opt.attr('v_type')){
            case 'hostname':
                $('#td_imap_hostname').html(opt.attr('domain'));
                $('#td_smtp_hostname').html(opt.attr('domain'));
                break;
            case 'starttls':
                $('#td_imap_port').html('143');
                $('#td_imap_encryption').html('STARTTLS');
                $('#td_smtp_port').html('587');
                $('#td_smtp_encryption').html('STARTTLS');
                break;
            case 'ssl':
                $('#td_imap_port').html('993');
                $('#td_imap_encryption').html('SSL');
                $('#td_smtp_port').html('465');
                $('#td_smtp_encryption').html('SSL');
                break;
            case 'no_encryption':
                $('#td_imap_hostname').html(opt.attr('domain'));
                $('#td_smtp_hostname').html(opt.attr('domain'));

                $('#td_imap_port').html('143');
                $('#td_imap_encryption').html(opt.attr('no_encryption'));
                $('#td_smtp_port').html('25');
                $('#td_smtp_encryption').html(opt.attr('no_encryption'));
                break;
        }
    });
});