forked from ZenBrowserMirrors/zen-desktop
Implemented theme import and export options in the Zen Theme Marketplace. Added buttons, event handlers, and logic for users to save themes to a file or load them from an external JSON file. Included success and error states for both actions.
36 lines
2.2 KiB
HTML
36 lines
2.2 KiB
HTML
<script src="chrome://browser/content/zen-components/ZenCommonUtils.mjs" defer=""/>
|
|
<script src="chrome://browser/content/zen-components/ZenThemesCommon.mjs" defer=""/>
|
|
<html:template id="template-paneZenMarketplace">
|
|
<hbox id="ZenMarketplaceCategory"
|
|
class="subcategory"
|
|
hidden="true"
|
|
data-category="paneZenMarketplace">
|
|
<html:h1 data-l10n-id="pane-zen-marketplace-title"/>
|
|
</hbox>
|
|
|
|
<groupbox id="zenMarketplaceGroup" data-category="paneZenMarketplace" hidden="true" class="highlighting-group">
|
|
|
|
<hbox id="zenMarketplaceHeader">
|
|
<html:h2 data-l10n-id="zen-theme-marketplace-header"/>
|
|
</hbox>
|
|
<description class="description-deemphasized" data-l10n-id="zen-theme-marketplace-description" />
|
|
<hbox class="indent">
|
|
<html:a id="zenThemeMarketplaceLink" href="https://zen-browser.app/mods/" target="_blank" data-l10n-id="zen-theme-marketplace-link" />
|
|
<button id="zenThemeMarketplaceImport" data-l10n-id="zen-theme-marketplace-import-button" />
|
|
<button id="zenThemeMarketplaceExport" data-l10n-id="zen-theme-marketplace-export-button" />
|
|
<button id="zenThemeMarketplaceCheckForUpdates" data-l10n-id="zen-theme-marketplace-check-for-updates-button" />
|
|
</hbox>
|
|
|
|
<description class="description-deemphasized" data-l10n-id="zen-theme-marketplace-updates-success" hidden="true" id="zenThemeMarketplaceUpdatesSuccess" />
|
|
<description class="description-deemphasized" data-l10n-id="zen-theme-marketplace-updates-failure" hidden="true" id="zenThemeMarketplaceUpdatesFailure" />
|
|
|
|
<description class="description-deemphasized" data-l10n-id="zen-theme-marketplace-import-success" hidden="true" id="zenThemeMarketplaceImportSuccess" />
|
|
<description class="description-deemphasized" data-l10n-id="zen-theme-marketplace-import-failure" hidden="true" id="zenThemeMarketplaceImportFailure" />
|
|
|
|
<description class="description-deemphasized" data-l10n-id="zen-theme-marketplace-export-success" hidden="true" id="zenThemeMarketplaceExportSuccess" />
|
|
<description class="description-deemphasized" data-l10n-id="zen-theme-marketplace-export-failure" hidden="true" id="zenThemeMarketplaceExportFailure" />
|
|
|
|
<vbox id="zenThemeMarketplaceList"></vbox>
|
|
</groupbox>
|
|
|
|
</html:template>
|