github/siyuan
4
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-05-18 10:00:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

🎨 https://github.com/siyuan-note/siyuan/issues/8390

Browse Source
This commit is contained in:
Vanessa 2024-03-21 18:05:10 +08:00
parent 3c1e298c8b
commit c228971a23
2 changed files with 48 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/src/assets/scss/base.scss
View File

@ -371,6 +371,10 @@ html {
width: 32px; width: 32px;
text-align: right; text-align: right;
} }
&--bg {
background-color: var(--b3-theme-surface);
}
} }
.reveal { .reveal {

51
app/src/config/bazaar.ts
View File

@ -102,7 +102,7 @@ export const bazaar = {
<div class="fn__space"></div> <div class="fn__space"></div>
<div class="fn__flex-1"></div> <div class="fn__flex-1"></div>
<input ${window.siyuan.config.bazaar.petalDisabled ? "" : " checked"} data-type="plugins-enable" type="checkbox" class="b3-switch" style="margin: 8px 16px"> <input ${window.siyuan.config.bazaar.petalDisabled ? "" : " checked"} data-type="plugins-enable" type="checkbox" class="b3-switch" style="margin: 8px 16px">
<div class="counter fn__none fn__flex-center b3-tooltips b3-tooltips__w" aria-label="${window.siyuan.languages.total}" style="background: var(--b3-theme-surface)"></div> <div class="counter counter--bg fn__none fn__flex-center b3-tooltips b3-tooltips__w" aria-label="${window.siyuan.languages.total}"></div>
</div> </div>
<div id="configBazaarDownloaded" class="config-bazaar__content"> <div id="configBazaarDownloaded" class="config-bazaar__content">
${loadingHTML} ${loadingHTML}
@ -131,7 +131,7 @@ export const bazaar = {
</div> </div>
<div class="fn__space"></div> <div class="fn__space"></div>
<div class="fn__flex-1"></div> <div class="fn__flex-1"></div>
<div class="counter fn__flex-center b3-tooltips b3-tooltips__w" aria-label="${window.siyuan.languages.total}" style="background: var(--b3-theme-surface)"></div> <div class="counter counter--bg fn__flex-center b3-tooltips b3-tooltips__w" aria-label="${window.siyuan.languages.total}"></div>
</div> </div>
<div id="configBazaarTheme" class="config-bazaar__content"> <div id="configBazaarTheme" class="config-bazaar__content">
${loadingHTML} ${loadingHTML}
@ -154,7 +154,7 @@ export const bazaar = {
</div> </div>
<div class="fn__space"></div> <div class="fn__space"></div>
<div class="fn__flex-1"></div> <div class="fn__flex-1"></div>
<div class="counter fn__flex-center b3-tooltips b3-tooltips__w" aria-label="${window.siyuan.languages.total}" style="background: var(--b3-theme-surface)"></div> <div class="counter counter--bg fn__flex-center b3-tooltips b3-tooltips__w" aria-label="${window.siyuan.languages.total}"></div>
</div> </div>
<div id="configBazaarTemplate" class="config-bazaar__content"> <div id="configBazaarTemplate" class="config-bazaar__content">
${loadingHTML} ${loadingHTML}
@ -177,7 +177,7 @@ export const bazaar = {
</div> </div>
<div class="fn__space"></div> <div class="fn__space"></div>
<div class="fn__flex-1"></div> <div class="fn__flex-1"></div>
<div class="counter fn__flex-center b3-tooltips b3-tooltips__w" aria-label="${window.siyuan.languages.total}" style="background: var(--b3-theme-surface)"></div> <div class="counter counter--bg fn__flex-center b3-tooltips b3-tooltips__w" aria-label="${window.siyuan.languages.total}"></div>
</div> </div>
<div id="configBazaarPlugin" class="config-bazaar__content"> <div id="configBazaarPlugin" class="config-bazaar__content">
${loadingHTML} ${loadingHTML}
@ -200,7 +200,7 @@ export const bazaar = {
</div> </div>
<div class="fn__space"></div> <div class="fn__space"></div>
<div class="fn__flex-1"></div> <div class="fn__flex-1"></div>
<div class="counter fn__flex-center b3-tooltips b3-tooltips__w" aria-label="${window.siyuan.languages.total}" style="background: var(--b3-theme-surface)"></div> <div class="counter counter--bg fn__flex-center b3-tooltips b3-tooltips__w" aria-label="${window.siyuan.languages.total}"></div>
</div> </div>
<div id="configBazaarIcon" class="config-bazaar__content"> <div id="configBazaarIcon" class="config-bazaar__content">
${loadingHTML} ${loadingHTML}
@ -223,7 +223,7 @@ export const bazaar = {
</div> </div>
<div class="fn__space"></div> <div class="fn__space"></div>
<div class="fn__flex-1"></div> <div class="fn__flex-1"></div>
<div class="counter fn__flex-center b3-tooltips b3-tooltips__w" aria-label="${window.siyuan.languages.total}" style="background: var(--b3-theme-surface)"></div> <div class="counter counter--bg fn__flex-center b3-tooltips b3-tooltips__w" aria-label="${window.siyuan.languages.total}"></div>
</div> </div>
<div id="configBazaarWidget" class="config-bazaar__content"> <div id="configBazaarWidget" class="config-bazaar__content">
${loadingHTML} ${loadingHTML}
@ -292,10 +292,47 @@ export const bazaar = {
</div> </div>
</div> </div>
</div>`; </div>`;
},
_genUpdateItemHTML (item: IBazaarItem) {
return `<div class="b3-card">
<div class="b3-card__img"><img src="${item.iconURL}" onerror="this.src='/stage/images/icon.png'"/></div>
<div class="fn__flex-1 fn__flex-column">
<div class="b3-card__info b3-card__info--left fn__flex-1">
${item.preferredName} <span class="ft__on-surface ft__smaller">${item.name}</span>
<div class="b3-card__desc" title="${escapeAttr(item.preferredDesc) || ""}">${item.preferredDesc || ""}</div>
</div>
</div>
<div class="b3-card__actions b3-card__actions--right">
${item.incompatible ? `<span class="fn__flex-center b3-tooltips b3-tooltips__nw b3-chip b3-chip--error b3-chip--small" aria-label="${window.siyuan.languages.incompatiblePluginTip}">${window.siyuan.languages.incompatible}</span>` : ""}
${item.preferredFunding ? `<span class="fn__space"></span><a target="_blank" href="${item.preferredFunding}" class="block__icon block__icon--show ariaLabel" aria-label="${window.siyuan.languages.sponsor} ${item.preferredFunding}"><svg class="ft__pink"><use xlink:href="#iconHeart"></use></svg></a>` : ""}
</div>
</div>`
}, },
_getUpdate() { _getUpdate() {
fetchPost("/api/bazaar/getUpdatedPackage", {frontend: getFrontend()}, (response) => { fetchPost("/api/bazaar/getUpdatedPackage", {frontend: getFrontend()}, (response) => {
this.element.querySelector('[data-type="downloaded-update"]').innerHTML = `<div class="fn__flex"></div>` let html = "";
response.data.plugins.forEach((item: IBazaarItem) => {
html += this._genUpdateItemHTML(item);
});
response.data.themes.forEach((item: IBazaarItem) => {
html += this._genUpdateItemHTML(item);
});
response.data.icons.forEach((item: IBazaarItem) => {
html += this._genUpdateItemHTML(item);
});
response.data.templates.forEach((item: IBazaarItem) => {
html += this._genUpdateItemHTML(item);
});
response.data.widgets.forEach((item: IBazaarItem) => {
html += this._genUpdateItemHTML(item);
});
this.element.querySelector('[data-type="downloaded-update"]').innerHTML = `<div class="fn__flex config-bazaar__title">
<div class="fn__flex-1"></div>
<button class="b3-button">${window.siyuan.languages.update}</button>
<span class="fn__space"></span>
<div class="counter counter--bg fn__flex-center">${response.data.themes.length + response.data.icons.length + response.data.widgets.length + response.data.plugins.length + response.data.templates.length}</div>
</div>
<div class="config-bazaar__content">${html}</div>`;
}) })
}, },
_genMyHTML(bazaarType: TBazaarType, app: App) { _genMyHTML(bazaarType: TBazaarType, app: App) {