Subversion Repositories wpShopGermany4

    /** @var \wpsg\productgroup|null $oProductgroup */

    $oProductgroup = null;

    if (intval($_REQUEST['edit_id']??0) > 0) {

        $oProductgroup = wpsg\productgroup::getInstance(intval($_REQUEST['edit_id']));

    }

                        <div class="form-group form-group-sm ">

                            <label class="col-sm-6 control-label"><?php echo __('Produktgruppenbild', 'wpsg'); ?></label>

                            <div class="col-sm-6">

                                <div class="wpsg_field_wrap">

                                    <div id="imageBox"><?php

                                        if ($oProductgroup !== null) {

                                            if ($oProductgroup->getImage() > 0) {

                                                echo wp_get_attachment_image($oProductgroup->getImage(), 'full', false, [

                                                    'style' => 'max-width:100%; height:auto; margin-bottom:8px;'

                                                ]);

                                            }

                                        }

                                    ?></div>

                                    <input value="Mediathek" class="button" type="button" style="text-align:center;" size="10" id="btnAddImgLink" />

                                    <input type="hidden" name="image" value="<?php echo (($oProductgroup !== null)?$oProductgroup->getImage():0); ?>" id="image_input" />

                                    <script>

                                        let wpframe = undefined;

                                        let imageBox = document.getElementById('imageBox');

                                        let elImageInput = document.getElementById('image_input');

                                        document.getElementById('btnAddImgLink').addEventListener('click', (event) => {

                                            event.preventDefault();

                                            if (wpframe !== undefined) { wpframe.open(); return; }

                                            wpframe = wp.media.frames.file_frame = wp.media({

                                                title: "<?php echo __('Auswählen oder Hochladen von Medien', 'wpsg'); ?>",

                                                button: { text: "<?php echo __('Medien benutzen', 'wpsg'); ?>" },

                                                multiple: false

                                            });

                                            wpframe.on('select', () => {

                                                let attachments = wpframe.state().get('selection').map((attachment) => {

                                                    attachment.toJSON();

                                                    return attachment;

                                                });

                                                for (let i = 0; i < attachments.length; ++i) {

                                                    let attachment = attachments[i];

                                                    imageBox.innerHTML = '<img src="' + attachment.attributes.url + '" alt="" style="max-width:100%; margin-bottom:8px;"/>';

                                                    elImageInput.value = attachment.attributes.id;

                                                }

                                            });

                                            wpframe.open();

                                        });

                                    </script>

                                </div>

                            </div>

                            <div class="clearfix wpsg_clear"></div>

                        </div>