layout PrefsExtract
{
    view subview(grow: false,
                 identifier: "IDD_PREFS_EXTRACT",
                 margin: 5,
                 name: "$$$/PrefsExtract/Title/Extract=Extract",
                 parent_container_id: "list_sheet_container",
                 resizeChildren: false,
                 spacing: 15)
    {
        row()
        {
            static_text(identifier: "IDC_STATIC",
                        name: "$$$/PrefsExtract/Label/SaveExtractedImageAs=Save extracted images as:");
        }

        row(guide_mask: [ @guide_baseline,
                          @guide_label ])
        {
            radiogroup()
            {
                radio_button(identifier: "IDC_RADIO_PNG_8_ALPHA_FORMAT",
                             name: "$$$/PrefsExtract/RadioButton/Png8AlphaFormat=PNG-8 Alpha");

                radio_button(identifier: "IDC_RADIO_PNG_32_FORMAT",
                             name: "$$$/PrefsExtract/RadioButton/Png32Format=PNG-32");

                radio_button(identifier: "IDC_RADIO_JPG_FORMAT",
                             name: "$$$/PrefsExtract/RadioButton/Jpg=JPEG");
            }
        }

        row()
        {
            column()
            {
                static_text(identifier: "IDC_STATIC_OPTIMISE",
                            name: "$$$/PrefsExtract/Label/Optimise=Optimise");
            }

            column()
            {
                row()
                {
                    slider(identifier: "IDC_SLIDER_OPTIMISE",
                           minLength: 120,
                           segments: "");
                }

                row(indent: 11,
                    margin: -8,
                    spacing: 95)
                {
                    static_text(identifier: "IDC_STATIC_OPTIMISE_MIN",
                                name: "$$$/PrefsExtract/Label/OptimiseMin=0");

                    static_text(identifier: "IDC_STATIC_OPTIMISE_MAX",
                                name: "$$$/PrefsExtract/Label/OptimiseMax=100");
                }
            }

            column()
            {
                static_text(characters: 3,
                            identifier: "IDC_STATIC_OPTIMISE_VALUE",
                            name: "$$$/PrefsExtract/Label/OptimiseValue=0");
            }
        }
        
        column(spacing:5)
        {
        row()
        {
            static_text(identifier: "IDC_STATIC",
                        name: "$$$/PrefsExtract/Label/ExtractForDevices=Extract for Devices");

            static_text(characters: 20,
                        identifier: "IDC_EXTRACT_BATCH_URL",
                        name: "thisisplaceholder");
        }

        row()
        {
            list_control(apron_click_deselection: true,
                         edit_labels: true,
                         height: 160,
                         identifier: "IDC_EXTRACT_BATCH_SAVE_LIST",
                         keyboard_selectable: true,
                         single_selection: true,
                         tab_next_node: "IDC_STATIC_OPTIMISE",
                         width: 450);
        }
        }

        row(horizontal: @align_fill)
        {
            separator();
        }

        row()
        {
            static_text(identifier: "IDC_STATIC_PREFERRED_FONT_UNIT",
                        name: "$$$/PrefsExtract/Label/PreferredFontUnit=Preferred font unit:");

            popup(identifier: "IDC_COMBO_PREFERRED_FONT_UNIT",
                  include_custom_item: false,
                  items: [ { name: "$$$/PrefsExtract/Label/PreferredFontUnit/PX",
                             value: "px" },
                           { name: "$$$/PrefsExtract/Label/PreferredFontUnit/EM",
                             value: "em" },
                           { name: "$$$/PrefsExtract/Label/PreferredFontUnit/REM",
                             value: "rem" } ],
                  popup_minimum_width_chars: 2);

            static_text(identifier: "IDC_STATIC_BASE_FONT_SIZE",
                        name: "$$$/PrefsExtract/Label/BaseFontSize=Base font size:");

            edit_text(characters: 5,
                      identifier: "IDC_DEFAULT_BASE_FONT_SIZE");

            static_text(identifier: "IDC_STATIC_PX",
                        name: "$$$/PrefsExtract/Label/PreferredFontUnit/PX=px");
        }

        row(horizontal: @align_fill)
        {
            separator();
        }

        row(child_horizontal: @align_fill,
            child_vertical: @align_top,
            horizontal: @align_fill)
        {
            static_text(characters: 32,
                        horizontal: @align_fill,
                        identifier: "IDC_STATIC_CACHE_DESCRIPTION",
                        name: "$$$/PrefsExtract/Label/CacheDescription=Dreamweaver caches up to 500MB of data generated by Extract usage. This data includes metadata and images used to render PSD files inside the Extract panel. Click the 'Clear Cache' button to delete this data.",
                        vertical: @align_fill);
        }

        row(child_vertical: @align_center,
            horizontal: @align_fill)
        {
            column()
            {
                static_text(identifier: "IDC_STATIC_CACHE_LABEL",
                            name: "$$$/PrefsExtract/Label/CacheLabel=Cache used:");
            }

            column()
            {
                static_text(identifier: "IDC_STATIC_CACHESIZE_VALUE",
                            name: "000 MB");
            }

            column()
            {
                button(action: @do_action,
                       identifier: "IDC_BUTTON_CLEAR_CACHE",
                       margin: 15,
                       name: "$$$/PrefsExtract/Label/ClearCache=Clear Cache");
            }
        }
    }
}
