// Cambiar tamaño de imagen
// (c) 2024 DASOTA
// Script para Directory Opus

function OnInit(initData) {
    initData.name = "Resize Image Viewer";
    initData.version = "1.0";
    initData.copyright = "(c) 2024 DASOTA";
    initData.desc = "Cambiar tamaño de imagen";
    initData.default_enable = true;
    initData.min_version = "13.0";
}

function OnAddCommands(addCmdData) {
    var cmd = addCmdData.AddCommand();
    cmd.name = "ResizeImageViewer";
    cmd.method = "Onresize";
    cmd.desc = "Cambiar tamaño de imagen";
    cmd.label = "Resize Image Viewer";
    cmd.template = "resize";
    cmd.hide = false;
    cmd.icon = "script";
}

function Onresize(scriptCmdData) {
    var viewer = DOpus.viewers.lastactive;
    var item = viewer.current;
    var cmd = scriptCmdData.func.command;

    var dlg = scriptCmdData.func.Dlg();
    dlg.title = "Resize Image Viewer - Directory Opus";
    dlg.template = 'resize';
    dlg.detach = true;
    dlg.Create

    dlg.Control("ancho").value = item.metadata.image.picwidth;
    dlg.Control("alto").value = item.metadata.image.picheight;
    dlg.Control("predeterminados").SelectItem(4);

    dlg.Show

    while (true) {
        msg = dlg.GetMsg();
        if (!msg.result) break;

        if (dlg.Control("mantener_relacion").value) {
            var relacion = "PRESERVEASPECTRATIO";
        } else {
            var relacion = "";
        }

        var sayGoodBye = false;

        if (msg.event == "click") {
            switch (msg.control) {

                case "btn_pixeles":
                    dlg.Control("ancho_t").enabled = true;
                    dlg.Control("ancho").enabled = true;
                    dlg.Control("alto_t").enabled = true;
                    dlg.Control("alto").enabled = true;
                    dlg.Control("mantener_relacion").enabled = true;
                    dlg.Control("btn_50%").enabled = true;
                    dlg.Control("btn_75%").enabled = true;
                    dlg.Control("btn_150%").enabled = true;
                    dlg.Control("btn_200%").enabled = true;
                    dlg.Control("predeterminados").enabled = false;
                    dlg.Control("ancho").value = item.metadata.image.picwidth;
                    dlg.Control("alto").value = item.metadata.image.picheight;
                    break;

                case "btn_porciento":
                    dlg.Control("ancho_t").enabled = true;
                    dlg.Control("ancho").enabled = true;
                    dlg.Control("alto_t").enabled = true;
                    dlg.Control("alto").enabled = true;
                    dlg.Control("mantener_relacion").enabled = true;
                    dlg.Control("btn_50%").enabled = true;
                    dlg.Control("btn_75%").enabled = true;
                    dlg.Control("btn_150%").enabled = true;
                    dlg.Control("btn_200%").enabled = true;
                    dlg.Control("predeterminados").enabled = false;
                    dlg.Control("ancho").value = 100;
                    dlg.Control("alto").value = 100;
                    break;

                case "btn_predeterminados":
                    dlg.Control("predeterminados").enabled = true;
                    dlg.Control("ancho_t").enabled = false;
                    dlg.Control("ancho").enabled = false;
                    dlg.Control("alto_t").enabled = false;
                    dlg.Control("alto").enabled = false;
                    dlg.Control("mantener_relacion").enabled = false;
                    dlg.Control("btn_50%").enabled = false;
                    dlg.Control("btn_75%").enabled = false;
                    dlg.Control("btn_150%").enabled = false;
                    dlg.Control("btn_200%").enabled = false;
                    var ancho_array = [320, 640, 800, 1024, 1280, 1920, 3840, 5120];
                    var alto_array = [240, 480, 600, 768, 720, 1080, 2160, 2880];
				dlg.Control("ancho_final").value = ancho_array[dlg.Control("predeterminados").value];
                    dlg.Control("alto_final").value = alto_array[dlg.Control("predeterminados").value];
				break;

                case "btn_50%":
                    dlg.Control("ancho").value = (dlg.Control("ancho").value / 2).toFixed();
                    dlg.Control("alto").value = (dlg.Control("alto").value / 2).toFixed();
                    break;

                case "btn_75%":
                    dlg.Control("ancho").value = (dlg.Control("ancho").value * 0.75).toFixed();
                    dlg.Control("alto").value = (dlg.Control("alto").value * 0.75).toFixed();
                    break;

                case "btn_150%":
                    dlg.Control("ancho").value = (dlg.Control("ancho").value * 1.5).toFixed();
                    dlg.Control("alto").value = (dlg.Control("alto").value * 1.5).toFixed();
                    break;

                case "btn_200%":
                    dlg.Control("ancho").value = dlg.Control("ancho").value * 2;
                    dlg.Control("alto").value = dlg.Control("alto").value * 2;
                    break;

                case "btn_guardar":
                    cmd.RunCommand('Image WIDTH="' + dlg.Control("ancho_final").value + '" HEIGHT="' + dlg.Control("alto_final").value + '" "' + relacion + '" HERE REPLACE');
                    cmd.RunCommand('Show VIEWERCMD=refresh');

                    //DOpus.Output("SALIDA:  Nombre: " + dlg.Control("nombre_final").value + "   Comentario: " + dlg.Control("comentario_final").value + "   Tamaño: " + dlg.Control("ancho_final").value + " x " + dlg.Control("alto_final").value)

                    sayGoodBye = true;
                    break;
            }

        } else if (msg.event == "editchange") {
            switch (msg.control) {

                case "ancho":

                    dlg.Control("ancho_final").value = dlg.Control("ancho").value;
                    if (relacion && dlg.Control("ancho").focus) {
                        newalto = Math.round(dlg.Control("ancho").value / item.metadata.image.aspectratio);
                        dlg.Control("alto").value = newalto;
                        dlg.Control("alto_final").value = newalto;
                    }

                    if (dlg.Control("btn_pixeles").value) {
                        dlg.Control("ancho_final").value = dlg.Control("ancho").value;
                    }
                    if (dlg.Control("btn_porciento").value) {
                        dlg.Control("ancho_final").value = (item.metadata.image.picwidth * dlg.Control("ancho").value / 100).toFixed();
                    }

                    break;

                case "alto":

                    dlg.Control("alto_final").value = dlg.Control("alto").value;
                    if (relacion && dlg.Control("alto").focus) {
                        newancho = Math.round(dlg.Control("alto").value * item.metadata.image.aspectratio);
                        dlg.Control("ancho").value = newancho;
                        dlg.Control("ancho_final").value = newancho;
                    }

                    if (dlg.Control("btn_pixeles").value) {
                        dlg.Control("alto_final").value = dlg.Control("alto").value;
                    }
                    if (dlg.Control("btn_porciento").value) {
                        dlg.Control("alto_final").value = (item.metadata.image.picheight * dlg.Control("alto").value / 100).toFixed();
                    }

                    break;

				case "nombre":
				    dlg.Control("nombre_final").value = dlg.Control("nombre").value;
					break;

				case "comentario":
				    dlg.Control("comentario_final").value = dlg.Control("comentario").value;
                    break;

            }

        } else if (msg.event == "selchange" && msg.control == "predeterminados") {
            dlg.Control("ancho_final").value = ancho_array[dlg.Control("predeterminados").value]
            dlg.Control("alto_final").value = alto_array[dlg.Control("predeterminados").value]
        }

        //DOpus.Output("Evento: " + msg.event + ",  Control: " + msg.control)

        if (sayGoodBye) break;
    }
}
==SCRIPT RESOURCES
<resources>
	<resource name="resize" type="dialog">
		<dialog fontsize="9" height="116" lang="esm" standard_buttons="cancel" width="314">
			<control height="61" name="grupo_metodo" title="Método" type="group" width="79" x="5" y="2" />
			<control checked="yes" height="10" name="btn_pixeles" title="Pixeles" type="radio" width="50" x="14" y="13" />
			<control height="10" name="btn_porciento" title="Por ciento" type="radio" width="50" x="14" y="30" />
			<control height="10" name="btn_predeterminados" title="Predeterminados" type="radio" width="62" x="14" y="47" />
			<control height="61" name="grupo_valores" title="Valores" type="group" width="220" x="89" y="2" />
			<control halign="left" height="8" name="ancho_t" title="Ancho:" type="static" valign="top" width="26" x="94" y="15" />
			<control halign="left" height="12" name="ancho" number="yes" type="edit" updown="yes" width="32" x="125" y="13" />
			<control halign="left" height="8" name="alto_t" title="Alto:" type="static" valign="top" width="15" x="180" y="15" />
			<control halign="left" height="12" name="alto" number="yes" type="edit" updown="yes" width="32" x="199" y="13" />
			<control checked="yes" height="8" name="mantener_relacion" title="Proporcional" type="check" width="48" x="254" y="15" />
			<control height="12" name="btn_50%" title="50%" type="button" width="28" x="124" y="30" />
			<control height="12" name="btn_75%" title="75%" type="button" width="28" x="156" y="30" />
			<control height="12" name="btn_150%" title="150%" type="button" width="28" x="188" y="30" />
			<control height="12" name="btn_200%" title="200%" type="button" width="28" x="220" y="30" />
			<control enable="no" height="40" name="predeterminados" type="combo" width="154" x="94" y="46">
				<contents>
					<item text="QVGA       320 x 240" />
					<item text="VGA          640 x 480" />
					<item text="SVGA        800 x 600" />
					<item text="XGA          1024 x 768" />
					<item text="HD            1280 x 720" />
					<item text="Full HD     1920 x 1080" />
					<item text="4K              3840 x 2160" />
					<item text="5K              5120 x 2880" />
				</contents>
			</control>
			<control height="31" name="grupo_resultado" title="Resultado" type="group" width="304" x="5" y="64" />
			<control halign="left" height="8" name="ancho_final_t" title="Ancho:" type="static" valign="top" width="26" x="94" y="78" />
			<control halign="left" height="12" name="ancho_final" readonly="yes" title="Ancho final" type="edit" updown="yes" width="48" x="124" y="75" />
			<control halign="left" height="8" name="alto_final_t" title="Alto:" type="static" valign="top" width="15" x="180" y="78" />
			<control halign="left" height="12" name="alto_final" readonly="yes" title="Alto final" type="edit" updown="yes" width="48" x="199" y="75" />
			<control default="yes" height="14" name="btn_guardar" title="Guardar" type="button" width="47" x="209" y="98" />
		</dialog>
	</resource>
</resources>