Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-22 17:40:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

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

Browse source
This commit is contained in:
Vanessa 2023-05-25 21:13:23 +08:00
parent ab3e8b446d
commit debda24c02
3 changed files with 62 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
app/src/assets/scss/component/_form.scss
View file

@ -120,6 +120,14 @@
overflow: hidden !important; overflow: hidden !important;
} }
&__icon {
width: 36px;
height: 36px;
align-self: center;
margin-right: 16px;
color: var(--b3-theme-on-surface);
}
&--inner { &--inner {
border-bottom: 0; border-bottom: 0;
padding: 0 !important; padding: 0 !important;

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

@ -21,6 +21,47 @@ import {loadPlugin} from "../plugin/loader";
export const bazaar = { export const bazaar = {
element: undefined as Element, element: undefined as Element,
genHTML() { genHTML() {
if (!window.siyuan.config.bazaar.trust) {
return `<h3 class="b3-label ft__center">
${window.siyuan.languages.bazaarTrust}
</h3>
<div class="fn__flex b3-label">
<svg class="b3-label__icon"><use xlink:href="#iconEye"></use></svg>
<div>
${window.siyuan.languages.bazaarTrustCodeReview}
<div class="b3-label__text">${window.siyuan.languages.bazaarTrustCodeReviewTip}</div>
</div>
</div>
<div class="fn__flex b3-label">
<svg class="b3-label__icon"><use xlink:href="#iconGithub"></use></svg>
<div>
${window.siyuan.languages.bazaarTrustOpenSource}
<div class="b3-label__text">${window.siyuan.languages.bazaarTrustOpenSourceTip}</div>
</div>
</div>
<div class="fn__flex b3-label">
<svg class="b3-label__icon"><use xlink:href="#iconSelect"></use></svg>
<div>
${window.siyuan.languages.bazaarCommunityReview}
<div class="b3-label__text">${window.siyuan.languages.bazaarPeerReviewTip}</div>
</div>
</div>
<div class="fn__flex b3-label">
<svg class="b3-label__icon"><use xlink:href="#iconFeedback"></use></svg>
<div>
${window.siyuan.languages.bazaarUserReport}
<div class="b3-label__text">${window.siyuan.languages.bazaarUserReportTip}</div>
</div>
</div>
<div class="ft__center b3-label">
<div>${window.siyuan.languages.bazaarTrust1}</div>
<div class="fn__hr--b"></div>
<diiv>${window.siyuan.languages.bazaarTrust2}</diiv>
<div class="fn__hr--b"></div>
<div class="fn__hr--b"></div>
<button class="b3-button fn__size200">${window.siyuan.languages.trust}</button>
</div>`;
}
const localSort = window.siyuan.storage[Constants.LOCAL_BAZAAR]; const localSort = window.siyuan.storage[Constants.LOCAL_BAZAAR];
const loadingHTML = `<div style="height: ${bazaar.element.clientHeight - 80}px;display: flex;align-items: center;justify-content: center;"><img src="/stage/loading-pure.svg"></div>`; const loadingHTML = `<div style="height: ${bazaar.element.clientHeight - 80}px;display: flex;align-items: center;justify-content: center;"><img src="/stage/loading-pure.svg"></div>`;
return `<div class="fn__flex-column" style="height: 100%"> return `<div class="fn__flex-column" style="height: 100%">
@ -429,6 +470,16 @@ export const bazaar = {
readmeElement.classList.add("config-bazaar__readme--show"); readmeElement.classList.add("config-bazaar__readme--show");
}, },
bindEvent(app: App) { bindEvent(app: App) {
if (!window.siyuan.config.bazaar.trust) {
bazaar.element.querySelector("button").addEventListener("click", () => {
fetchPost("/api/setting/setBazaar", {trust: true}, () => {
window.siyuan.config.bazaar.trust = true;
bazaar.element.innerHTML = bazaar.genHTML();
bazaar.bindEvent(app);
});
});
return;
}
this._genMyHTML("themes", app); this._genMyHTML("themes", app);
bazaar.element.firstElementChild.addEventListener("click", (event) => { bazaar.element.firstElementChild.addEventListener("click", (event) => {
let target = event.target as HTMLElement; let target = event.target as HTMLElement;

3
app/src/types/index.d.ts vendored
View file

@ -458,6 +458,9 @@ declare interface IAccount {
} }
declare interface IConfig { declare interface IConfig {
bazaar: {
trust: boolean
}
repo: { repo: {
key: string key: string
}, },