xiaoqidun/ofdgo
1
0 Fork 0
mirror of https://github.com/xiaoqidun/ofdgo.git synced 2026-10-29 16:44:23 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(前端界面): 恢复简短标签并分组展示属性

Browse Source
This commit is contained in:
xiaoqidun committed 2026-10-25 21:12:09 +08:00
1 parent 94983ee23c
commit f77899e576
2 files changed
+133 -87
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/webui/index.html
+85 -77
View File
@@ -816,79 +816,87 @@
<div id="documentRow" class="document-row" hidden> <div id="documentRow" class="document-row" hidden>
<select id="documentSelect" class="document-select" title="切换文档"></select> <select id="documentSelect" class="document-select" title="切换文档"></select>
</div> </div>
<dl class="meta-list"> <div class="document-info">
<div> <dl class="meta-list">
<dt>文件名称</dt> <div>
<dd id="metaFile">-</dd> <dt>文件</dt>
</div> <dd id="metaFile">-</dd>
<div> </div>
<dt>标题</dt> <div>
<dd id="metaTitle">-</dd> <dt>标题</dt>
</div> <dd id="metaTitle">-</dd>
<div> </div>
<dt>作者</dt> <div>
<dd id="metaAuthor">-</dd> <dt>作者</dt>
</div> <dd id="metaAuthor">-</dd>
<div hidden> </div>
<dt>主题</dt> <div hidden>
<dd id="metaSubject"></dd> <dt>主题</dt>
</div> <dd id="metaSubject"></dd>
<div hidden> </div>
<dt>摘要</dt> <div hidden>
<dd id="metaAbstract"></dd> <dt>摘要</dt>
</div> <dd id="metaAbstract"></dd>
<div hidden> </div>
<dt>关键词</dt> <div hidden>
<dd id="metaKeywords"></dd> <dt>关键词</dt>
</div> <dd id="metaKeywords"></dd>
<div hidden> </div>
<dt>文档标识</dt> </dl>
<dd id="metaDocId"></dd> <details><summary>文档属性</summary>
</div> <dl class="meta-list">
<div hidden> <div hidden>
<dt>文档用途</dt> <dt>标识</dt>
<dd id="metaDocUsage"></dd> <dd id="metaDocId"></dd>
</div> </div>
<div hidden> <div hidden>
<dt>封面路径</dt> <dt>用途</dt>
<dd id="metaCover"></dd> <dd id="metaDocUsage"></dd>
</div> </div>
<div hidden> <div hidden>
<dt>创建日期</dt> <dt>封面</dt>
<dd id="metaCreationDate"></dd> <dd id="metaCover"></dd>
</div> </div>
<div hidden> <div hidden>
<dt>修改日期</dt> <dt>创建</dt>
<dd id="metaModDate"></dd> <dd id="metaCreationDate"></dd>
</div> </div>
<div hidden> <div hidden>
<dt>制作软件</dt> <dt>修改</dt>
<dd id="metaCreator"></dd> <dd id="metaModDate"></dd>
</div> </div>
<div hidden> <div hidden>
<dt>软件版本</dt> <dt>软件</dt>
<dd id="metaCreatorVersion"></dd> <dd id="metaCreator"></dd>
</div> </div>
</dl> <div hidden>
<dl id="metaCustomData" class="meta-list" hidden></dl> <dt>版本</dt>
<dl class="meta-list"> <dd id="metaCreatorVersion"></dd>
<div> </div>
<dt>文档类型</dt> </dl>
<dd id="metaType">-</dd> </details>
</div> <details><summary>扩展字段</summary><dl id="metaCustomData" class="meta-list" hidden></dl></details>
<div> <details><summary>格式信息</summary>
<dt>格式版本</dt> <dl class="meta-list">
<dd id="metaVersion">-</dd> <div>
</div> <dt>类型</dt>
<div> <dd id="metaType">-</dd>
<dt>签名数量</dt> </div>
<dd id="metaSignatures">0</dd> <div>
</div> <dt>版本</dt>
<div> <dd id="metaVersion">-</dd>
<dt>字体数量</dt> </div>
<dd id="metaFonts">0</dd> <div>
</div> <dt>签名</dt>
</dl> <dd id="metaSignatures">0</dd>
</div>
<div>
<dt>字体</dt>
<dd id="metaFonts">0</dd>
</div>
</dl>
</details>
</div>
<details id="conversionNotice" class="conversion-notice" hidden> <details id="conversionNotice" class="conversion-notice" hidden>
<summary>提示</summary> <summary>提示</summary>
<div id="conversionWarnings" class="panel-detail"></div> <div id="conversionWarnings" class="panel-detail"></div>
@@ -897,10 +905,6 @@
<div class="panel-row"><div id="securityPanelTitle" class="panel-title compact">安全</div><div class="panel-actions"><button id="encryptSaveButton" class="small-button" type="button" disabled>加密</button><button id="signButton" class="small-button" type="button" disabled>签章</button><button id="verifyButton" class="small-button" type="button" disabled>验签</button></div></div> <div class="panel-row"><div id="securityPanelTitle" class="panel-title compact">安全</div><div class="panel-actions"><button id="encryptSaveButton" class="small-button" type="button" disabled>加密</button><button id="signButton" class="small-button" type="button" disabled>签章</button><button id="verifyButton" class="small-button" type="button" disabled>验签</button></div></div>
<dl class="meta-list"><div><dt>加密</dt><dd id="securityEncryption">未加密</dd></div><div id="securitySchemeRow" hidden><dt>方式</dt><dd id="securityScheme"></dd></div><div id="securityMethodRow" hidden><dt>算法</dt><dd id="securityMethod"></dd></div></dl> <dl class="meta-list"><div><dt>加密</dt><dd id="securityEncryption">未加密</dd></div><div id="securitySchemeRow" hidden><dt>方式</dt><dd id="securityScheme"></dd></div><div id="securityMethodRow" hidden><dt>算法</dt><dd id="securityMethod"></dd></div></dl>
</section> </section>
<section id="structurePanel" class="structure-panel" hidden>
<div class="panel-row"><div id="structurePanelTitle" class="panel-title compact">结构</div><div class="panel-actions"><span id="structureSummary" class="count-pill">0</span><button id="structureManage" class="small-button" type="button" hidden>管理</button></div></div>
<div id="structureList" class="structure-list"></div>
</section>
<section id="signaturePanel" class="signature-panel" hidden> <section id="signaturePanel" class="signature-panel" hidden>
<div class="panel-row"> <div class="panel-row">
<div id="signaturePanelTitle" class="panel-title compact">签名</div> <div id="signaturePanelTitle" class="panel-title compact">签名</div>
@@ -908,6 +912,10 @@
</div> </div>
<div id="signatureList" class="signature-list"></div> <div id="signatureList" class="signature-list"></div>
</section> </section>
<section id="structurePanel" class="structure-panel" hidden>
<div class="panel-row"><div id="structurePanelTitle" class="panel-title compact">结构</div><div class="panel-actions"><span id="structureSummary" class="count-pill">0</span><button id="structureManage" class="small-button" type="button" hidden>管理</button></div></div>
<div id="structureList" class="structure-list"></div>
</section>
<section class="doc-font-panel"> <section class="doc-font-panel">
<div class="panel-row"> <div class="panel-row">
<div id="docFontPanelTitle" class="panel-title compact">文档字体</div> <div id="docFontPanelTitle" class="panel-title compact">文档字体</div>
assets/webui/ofdgo.css
+48 -10
View File
@@ -1889,6 +1889,33 @@ body[data-hide-meta] .meta-panel {
border-left: 1px solid var(--line); border-left: 1px solid var(--line);
} }
.meta-panel .panel-row {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: start;
margin-bottom: 8px;
}
.meta-panel .panel-title {
display: flex;
align-items: center;
min-height: 26px;
}
.meta-panel .panel-actions {
min-width: 0;
justify-self: end;
}
.meta-panel .count-pill {
justify-self: end;
max-width: 100%;
min-height: 26px;
height: auto;
white-space: normal;
overflow-wrap: anywhere;
}
.panel-title { .panel-title {
margin-bottom: 10px; margin-bottom: 10px;
font-size: 12px; font-size: 12px;
@@ -3800,7 +3827,7 @@ audio.page-media {
.meta-list { .meta-list {
display: grid; display: grid;
gap: 7px; gap: 8px;
margin: 0; margin: 0;
font-size: 12px; font-size: 12px;
line-height: 1.5; line-height: 1.5;
@@ -3810,7 +3837,11 @@ audio.page-media {
display: grid; display: grid;
grid-template-columns: 4em minmax(0, 1fr); grid-template-columns: 4em minmax(0, 1fr);
align-items: start; align-items: start;
gap: 7px; gap: 8px;
}
.security-panel .meta-list > div {
grid-template-columns: 2em minmax(0, 1fr);
} }
.meta-list dt { .meta-list dt {
@@ -3819,7 +3850,6 @@ audio.page-media {
} }
.meta-list:not(#metaCustomData) dt { .meta-list:not(#metaCustomData) dt {
text-align-last: justify;
white-space: nowrap; white-space: nowrap;
} }
@@ -3829,8 +3859,16 @@ audio.page-media {
white-space: pre-wrap; white-space: pre-wrap;
} }
.meta-list + .meta-list:not([hidden]) { .document-info .meta-list > div {
margin-top: 12px; grid-template-columns: 3em minmax(0, 1fr);
}
.document-info details:not(:has(.meta-list > div:not([hidden]))) {
display: none;
}
.document-info details[open] > .meta-list {
margin-top: 8px;
} }
#metaKeywords > span { #metaKeywords > span {
@@ -3842,7 +3880,7 @@ audio.page-media {
.signature-panel, .signature-panel,
.structure-panel, .structure-panel,
.security-panel { .security-panel {
margin-top: 18px; margin-top: 12px;
padding-top: 12px; padding-top: 12px;
border-top: 1px solid var(--line); border-top: 1px solid var(--line);
} }
@@ -3886,6 +3924,7 @@ audio.page-media {
gap: 8px; gap: 8px;
} }
.document-info,
.doc-font-row, .doc-font-row,
.signature-row { .signature-row {
display: grid; display: grid;
@@ -4080,16 +4119,15 @@ audio.page-media {
.meta-panel .info-line { .meta-panel .info-line {
grid-template-columns: 4em minmax(0, 1fr); grid-template-columns: 4em minmax(0, 1fr);
gap: 8px;
} }
.meta-panel .info-label { .document-info details,
text-align-last: justify;
}
.signature-row details { .signature-row details {
font-size: 12px; font-size: 12px;
} }
.document-info summary,
.signature-row summary { .signature-row summary {
cursor: pointer; cursor: pointer;
color: var(--accent-strong); color: var(--accent-strong);