extension/js/controllers/compsSelection/CompsSelectionSettingsController.js

var SelectionSettings = function (view) {
        
    var ob = {}, settingsView, compData, tempData = {}, callback;
    var segments, segmentsCheckbox, segmentsTextBox;
    var standalone, standaloneCheckbox;
    var demo, demoCheckbox;
    var glyphs,hiddens,guideds, glyphsCheckbox,guidedsCheckbox,hiddensCheckbox;

    function updateSegmentsData() {
        if (tempData.segmented) {
            segments.addClass('active');
            segmentsCheckbox.addClass('selected');
            segmentsTextBox.prop('disabled', '');
        } else {
            segments.removeClass('active');
            segmentsCheckbox.removeClass('selected');
            segmentsTextBox.prop('disabled', 'disabled');
        }
        segmentsTextBox.val(tempData.segmentTime);
    }

    function updateStandaloneData() {
        if (tempData.standalone) {
            standaloneCheckbox.addClass('selected');
        } else {
            standaloneCheckbox.removeClass('selected');
        }
    }

    function updateDemoData() {
        if (tempData.demo) {
            demoCheckbox.addClass('selected');
        } else {
            demoCheckbox.removeClass('selected');
        }
    }

    function updateGlyphsData() {
        if (tempData.glyphs) {
            glyphsCheckbox.addClass('selected');
        } else {
            glyphsCheckbox.removeClass('selected');
        }
    }

    function updateHiddensData() {
        if (tempData.hiddens) {
            hiddensCheckbox.addClass('selected');
        } else {
            hiddensCheckbox.removeClass('selected');
        }
    }

    function updateGuidedsData() {
        if (tempData.guideds) {
            guidedsCheckbox.addClass('selected');
        } else {
            guidedsCheckbox.removeClass('selected');
        }
    }

    function handleSegmentCheckboxClick() {
        tempData.segmented = !tempData.segmented;
        updateSegmentsData();
        mainController.saveData();
    }

    function handleStandaloneCheckboxClick() {
        tempData.standalone = !tempData.standalone;
        updateStandaloneData();
        mainController.saveData();
    }

    function handleDemoCheckboxClick() {
        tempData.demo = !tempData.demo;
        updateDemoData();
        mainController.saveData();
    }

    function handleGlyphsCheckboxClick() {
        tempData.glyphs = !tempData.glyphs;
        updateGlyphsData();
        mainController.saveData();
    }

    function handleHiddensCheckboxClick() {
        tempData.hiddens = !tempData.hiddens;
        updateHiddensData();
        mainController.saveData();
    }

    function handleGuidedsCheckboxClick() {
        tempData.guideds = !tempData.guideds;
        updateGuidedsData();
        mainController.saveData();
    }

    function cancelSettings() {
        settingsView.hide();
    }

    function saveSettings() {
        tempData.segmentTime = segmentsTextBox.val();
        compData = JSON.parse(JSON.stringify(tempData));
        callback.apply(null, [compData]);
        settingsView.hide();
    }

    function init() {
        settingsView = view.find('.settingsView');
        settingsView.hide();
        segments = settingsView.find('.segments');
        segments.find('.checkboxCombo').on('click', handleSegmentCheckboxClick);
        segmentsCheckbox = segments.find('.checkbox');
        segmentsTextBox = segments.find('.inputText');
        standalone = settingsView.find('.standalone');
        standalone.find('.checkboxCombo').on('click', handleStandaloneCheckboxClick);
        standaloneCheckbox = standalone.find('.checkbox');
        demo = settingsView.find('.demo');
        demo.find('.checkboxCombo').on('click', handleDemoCheckboxClick);
        demoCheckbox = demo.find('.checkbox');
        glyphs = settingsView.find('.glyphs');
        glyphs.find('.checkboxCombo').on('click', handleGlyphsCheckboxClick);
        hiddens = settingsView.find('.hiddens');
        hiddens.find('.checkboxCombo').on('click', handleHiddensCheckboxClick);
        guideds = settingsView.find('.guideds');
        guideds.find('.checkboxCombo').on('click', handleGuidedsCheckboxClick);
        glyphsCheckbox = glyphs.find('.checkbox');
        hiddensCheckbox = hiddens.find('.checkbox');
        guidedsCheckbox = guideds.find('.checkbox');
        settingsView.find('.buttons .cancel').on('click', cancelSettings);
        settingsView.find('.buttons .return').on('click', saveSettings);
        updateAllData();
    }
    
    function updateAllData(){
        updateSegmentsData();
        updateStandaloneData();
        updateDemoData();
        updateGlyphsData();
        updateHiddensData();
        updateGuidedsData();
    }

    function show(data, cb) {
        settingsView.show();
        compData = data;
        tempData = JSON.parse(JSON.stringify(compData));
        callback = cb;
        updateAllData();
    }

    ob.init = init;
    ob.show = show;
    return ob;
};