mirror of
https://github.com/OrcaSlicer/OrcaSlicer.git
synced 2026-07-15 23:12:08 +00:00
211 lines
12 KiB
HTML
211 lines
12 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Plugins</title>
|
|
<link rel="stylesheet" href="./styles.css" />
|
|
<link rel="stylesheet" href="./plugin-sort.css" />
|
|
<link rel="stylesheet" href="./plugin-search.css" />
|
|
<link rel="stylesheet" type="text/css" href="../../include/global.css" />
|
|
<link rel="stylesheet" type="text/css" href="../css/common.css" />
|
|
<link rel="stylesheet" type="text/css" href="../css/theme.css" />
|
|
<script type="text/javascript" src="../js/jquery-3.6.0.min.js"></script>
|
|
<script type="text/javascript" src="../js/json2.js"></script>
|
|
<script type="text/javascript" src="../../data/text.js"></script>
|
|
<script type="text/javascript" src="../js/globalapi.js"></script>
|
|
<script type="text/javascript" src="../js/common.js"></script>
|
|
<script src="./index.js"></script>
|
|
<script src="./plugin-sort.js"></script>
|
|
<script src="./plugin-search.js"></script>
|
|
</head>
|
|
<body onLoad="OnInit()">
|
|
<div class="app">
|
|
<div class="toolbar">
|
|
<div id="pluginSearch" class="plugin-search">
|
|
<span class="plugin-search-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.4">
|
|
<circle cx="6.5" cy="6.5" r="4.5" />
|
|
<line x1="10" y1="10" x2="14" y2="14" />
|
|
</svg>
|
|
</span>
|
|
<input id="plugin_search_input" class="plugin-search-input" type="text"
|
|
placeholder="Search plugins" autocomplete="off" spellcheck="false" aria-label="Search plugins" />
|
|
<button id="plugin_search_clear" class="plugin-search-clear" type="button" title="Clear" aria-label="Clear search">
|
|
<svg viewBox="0 0 16 16" width="12" height="12" fill="none" stroke="currentColor"
|
|
stroke-width="1.6" stroke-linecap="round" aria-hidden="true">
|
|
<line x1="5" y1="5" x2="11" y2="11" />
|
|
<line x1="11" y1="5" x2="5" y2="11" />
|
|
</svg>
|
|
</button>
|
|
<button id="plugin_search_cc" class="plugin-search-toggle" type="button"
|
|
aria-pressed="false" title="Match case">Aa</button>
|
|
<button id="plugin_search_w" class="plugin-search-toggle" type="button"
|
|
aria-pressed="false" title="Match whole word"><span class="plugin-search-underline">ab</span></button>
|
|
</div>
|
|
<!-- <button id="open_terminal" class="ButtonStyleRegular ButtonTypeChoice left-btn">-->
|
|
<!-- Open Terminal-->
|
|
<!-- </button>-->
|
|
<button id="refresh_btn" class="ButtonStyleRegular ButtonTypeChoice">
|
|
Refresh
|
|
</button>
|
|
<div id="exploreDropdown" class="explore-dropdown">
|
|
<button id="explore_menu_btn" class="ButtonStyleConfirm ButtonTypeChoice explore-menu-btn" type="button"
|
|
aria-haspopup="true" aria-expanded="false" aria-controls="exploreMenu" title="More plugin install options">
|
|
<span class="explore-menu-icon" aria-hidden="true"></span>
|
|
</button>
|
|
<button id="explore_btn" class="ButtonStyleConfirm ButtonTypeChoice explore-main-btn" type="button">
|
|
Install plugin
|
|
</button>
|
|
<div id="exploreMenu" class="explore-menu" role="menu" hidden>
|
|
<button type="button" class="explore-menu-item" role="menuitem" data-install-action="explore">Install plugin</button>
|
|
<button type="button" class="explore-menu-item" role="menuitem" data-install-action="install-local">Install local plugin</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<main class="content">
|
|
<section class="pane plugin-list-pane">
|
|
<div class="hdr plugin-cols">
|
|
<span>Activate</span>
|
|
<span class="sort-th" data-sort-field="name" role="button" tabindex="0"
|
|
title="Sort by name">Name<span class="sort-tri" aria-hidden="true"></span></span>
|
|
<span class="sort-th" data-sort-field="version" role="button" tabindex="0"
|
|
title="Sort by version">Plugin Version<span class="sort-tri" aria-hidden="true"></span></span>
|
|
<span class="sort-th" data-sort-field="source" role="button" tabindex="0"
|
|
title="Sort by source">Source<span class="sort-tri" aria-hidden="true"></span></span>
|
|
<span class="sort-th" data-sort-field="status" role="button" tabindex="0"
|
|
title="Sort by status">Status<span class="sort-tri" aria-hidden="true"></span></span>
|
|
</div>
|
|
<div id="pluginList" class="body thin-scroll"></div>
|
|
</section>
|
|
|
|
<section class="pane details-pane">
|
|
<div class="detail-tabs" role="tablist" aria-label="Plugin details">
|
|
<button id="pluginInfoTab" class="detail-tab active" type="button" role="tab"
|
|
aria-selected="true" aria-controls="pluginInfoPanel" data-tab="plugin-info">Plugin Info</button>
|
|
<button id="descriptionTab" class="detail-tab" type="button" role="tab" tabindex="-1"
|
|
aria-selected="false" aria-controls="descriptionPanel" data-tab="description">Description</button>
|
|
<button id="configTab" class="detail-tab" type="button" role="tab" tabindex="-1"
|
|
aria-selected="false" aria-controls="configPanel" data-tab="config">Config</button>
|
|
<button id="changelogTab" class="detail-tab" type="button" role="tab" tabindex="-1"
|
|
aria-selected="false" aria-controls="changelogPanel" data-tab="changelog">Changelog</button>
|
|
<button id="diagnosticsTab" class="detail-tab" type="button" role="tab" tabindex="-1"
|
|
aria-selected="false" aria-controls="diagnosticsPanel" data-tab="diagnostics">Diagnostics</button>
|
|
</div>
|
|
|
|
<div class="detail-tab-panels">
|
|
<section id="pluginInfoPanel" class="detail-tab-panel" role="tabpanel"
|
|
aria-labelledby="pluginInfoTab" data-panel="plugin-info">
|
|
<div class="plugin-info-layout">
|
|
<div class="plugin-thumbnail">
|
|
<img id="detailThumbnail" alt="" hidden />
|
|
</div>
|
|
<div class="detail-fields">
|
|
<div class="detail-field-row">
|
|
<div class="detail-label">Source</div>
|
|
<div id="detailSource" class="detail-value">-</div>
|
|
</div>
|
|
<div class="detail-field-row">
|
|
<div class="detail-label">Types</div>
|
|
<div id="detailTypes" class="detail-value">-</div>
|
|
</div>
|
|
<div class="detail-field-row">
|
|
<div class="detail-label">Author</div>
|
|
<div id="detailAuthor" class="detail-value">-</div>
|
|
</div>
|
|
<div class="detail-field-row">
|
|
<div class="detail-label">Installed Version</div>
|
|
<div class="detail-value">
|
|
<span id="detailInstalledVersion">-</span>
|
|
</div>
|
|
</div>
|
|
<div class="detail-field-row">
|
|
<div class="detail-label">Latest Version</div>
|
|
<div class="detail-value detail-version-row">
|
|
<span id="detailLatestVersion">-</span>
|
|
<span id="detailUpdateBadge" class="version-update-badge" hidden
|
|
aria-label="Update available" title="Update available"></span>
|
|
<button id="detailUpdateBtn" type="button" class="plugin-update-btn" hidden
|
|
title="Update to the latest version">Update</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="descriptionPanel" class="detail-tab-panel thin-scroll" role="tabpanel" tabindex="0"
|
|
aria-labelledby="descriptionTab" data-panel="description" hidden>
|
|
<h2 class="detail-section-title">Description</h2>
|
|
<div id="detailDescription" class="detail-description">No description available</div>
|
|
</section>
|
|
|
|
<section id="configPanel" class="detail-tab-panel" role="tabpanel" tabindex="0"
|
|
aria-labelledby="configTab" data-panel="config" hidden>
|
|
<div id="configEmpty" class="detail-empty">Select a plugin to configure its capabilities</div>
|
|
<div id="configLayout" class="config-layout" hidden>
|
|
<div id="configSidebar" class="config-sidebar thin-scroll" role="listbox"
|
|
aria-label="Configurable capabilities"></div>
|
|
<div class="config-view">
|
|
<div id="configError" class="config-error" role="status" aria-live="polite" hidden></div>
|
|
<div id="configEditor" class="config-editor" hidden>
|
|
<textarea id="configText" class="config-textarea thin-scroll" spellcheck="false"
|
|
autocomplete="off" autocapitalize="off" aria-label="Capability configuration (JSON)"></textarea>
|
|
</div>
|
|
<!-- Custom capability UI. Sandboxed without allow-same-origin, so the plugin's HTML
|
|
runs in an opaque origin: it cannot touch this page, and the only host surface
|
|
it gets is the window.orca getConfig/saveConfig bridge injected into srcdoc. -->
|
|
<iframe id="configCustom" class="config-custom" title="Plugin configuration"
|
|
sandbox="allow-scripts" referrerpolicy="no-referrer" hidden></iframe>
|
|
<!-- Host chrome for both editors, not just the JSON one: a capability with a custom
|
|
UI needs Restore just as much, and keeping it here leaves it out of the plugin's
|
|
HTML and off the JS bridge. Save and the validation message belong to the JSON
|
|
editor alone (a custom UI saves through its own controls), so they are hidden
|
|
when a custom UI is showing. -->
|
|
<div id="configFooter" class="config-view-footer" hidden>
|
|
<span id="configValidation" class="config-validation" role="status" aria-live="polite"></span>
|
|
<div class="config-actions">
|
|
<button id="configRestoreBtn" class="ButtonStyleRegular ButtonTypeChoice" type="button"
|
|
title="Discard the settings saved for this capability and restore the plugin's defaults">
|
|
Restore defaults
|
|
</button>
|
|
<button id="configSaveBtn" class="ButtonStyleConfirm ButtonTypeChoice" type="button">Save</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="changelogPanel" class="detail-tab-panel thin-scroll" role="tabpanel" tabindex="0"
|
|
aria-labelledby="changelogTab" data-panel="changelog" hidden>
|
|
<table id="changelogTable" class="detail-table changelog-table" aria-label="Plugin changelog">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Version</th>
|
|
<th scope="col">Date</th>
|
|
<th scope="col">Changes</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="changelogBody"></tbody>
|
|
</table>
|
|
<div id="changelogEmpty" class="detail-empty" hidden>No changelog available</div>
|
|
</section>
|
|
|
|
<section id="diagnosticsPanel" class="detail-tab-panel thin-scroll" role="tabpanel" tabindex="0"
|
|
aria-labelledby="diagnosticsTab" data-panel="diagnostics" hidden>
|
|
<div id="detailStatusBody" class="detail-status-body">No issues detected</div>
|
|
</section>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
|
|
<div id="statusBar" class="status-bar is-empty" role="status" aria-live="polite">
|
|
<span class="status-dot" aria-hidden="true"></span>
|
|
<span id="statusText" class="status-text"></span>
|
|
</div>
|
|
|
|
<div id="ctxMenu" class="ctx" hidden></div>
|
|
</body>
|
|
</html>
|