data/saveImage.js

/**
 * Helper function to show prompt to save image
 * Options - resolution, image type, view
 * @param {Scope=} scope - useless though
 * @category data
 */
import { generateImage } from './save';

/**
 * Function called to generate a prompt to save an image
 * @category data
 * @param {Scope=} - circuit whose image we want
 * @exports createSaveAsImgPrompt
 */
export default function createSaveAsImgPrompt(scope = globalScope) {
    $('#saveImageDialog').dialog({
        resizable:false,
        width: 'auto',
        buttons: [{
            text: 'Render Circuit Image',
            click() {
                generateImage($('input[name=imgType]:checked').val(), $('input[name=view]:checked').val(), $('input[name=transparent]:checked').val(), $('input[name=resolution]:checked').val());
                $(this).dialog('close');
            },
            class: "render-btn",
        }],

    });
    $('input[name=imgType]').change(() => {
        $('input[name=resolution]').prop('disabled', false);
        $('input[name=transparent]').prop('disabled', false);
        const imgType = $('input[name=imgType]:checked').val();
        imgType == 'svg'? $('.btn-group-toggle, .download-dialog-section-3').addClass('disable') : $('.btn-group-toggle, .download-dialog-section-3, .cb-inner').removeClass('disable');
        if (imgType === 'svg') {
            $('input[name=resolution][value=1]').trigger('click');
            $('input[name=view][value="full"]').trigger('click');
            $('input[name=resolution]').prop('disabled', true);
            $('input[name=view]').prop('disabled', true);
        } else if (imgType !== 'png') {
            $('input[name=transparent]').attr('checked', false);
            $('input[name=transparent]').prop('disabled', true);
            $('input[name=view]').prop('disabled', false);
            $('.cb-inner').addClass('disable');
        } else {
            $('input[name=view]').prop("disabled", false);
            $('.cb-inner').removeClass('disable');
        }
    });
}