From 957906283d4494eadffc859df98e7630c024f37f Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Thu, 23 May 2024 10:23:48 +0800
Subject: [PATCH] :art: iphone

---
 app/src/config/account.ts          | 13 +++++++------
 app/src/mobile/settings/account.ts | 21 +++++++++++++++------
 2 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/app/src/config/account.ts b/app/src/config/account.ts
index 11c8b2527..ece1f94da 100644
--- a/app/src/config/account.ts
+++ b/app/src/config/account.ts
@@ -5,7 +5,7 @@ import {fetchPost} from "../util/fetch";
 import {repos} from "./repos";
 import {confirmDialog} from "../dialog/confirmDialog";
 import {hasClosestByClassName} from "../protyle/util/hasClosest";
-import {getEventName} from "../protyle/util/compatibility";
+import {getEventName, isIPad} from "../protyle/util/compatibility";
 import {processSync} from "../dialog/processSystem";
 import {needSubscribe} from "../util/needSubscribe";
 import {syncGuide} from "../sync/syncGuide";
@@ -29,10 +29,11 @@ const genSVGBG = () => {
 export const account = {
     element: undefined as Element,
     genHTML: (onlyPayHTML = false) => {
-        const payHTML = `<a class="b3-button b3-button--big" href="${getIndexURL("pricing.html")}" target="_blank">
+        const hideIPad = isIPad() ? " fn__none" : "";
+        const payHTML = `<a class="b3-button b3-button--big${hideIPad}" href="${getIndexURL("pricing.html")}" target="_blank">
     <svg><use xlink:href="#iconVIP"></use></svg>${window.siyuan.languages[window.siyuan.user?.userSiYuanOneTimePayStatus === 1 ? "account4" : "account1"]}
 </a>
-<div class="fn__hr--b"></div>
+<div class="fn__hr--b${hideIPad}"></div>
 <span class="b3-chip b3-chip--primary b3-chip--hover${(window.siyuan.user && window.siyuan.user.userSiYuanSubscriptionStatus === 2) ? " fn__none" : ""}" id="trialSub">
     <svg class="ft__secondary"><use xlink:href="#iconVIP"></use></svg>
     ${window.siyuan.languages.freeSub}
@@ -86,7 +87,7 @@ ${genSVGBG()}
     ${window.siyuan.languages.account6} 
     ${Math.max(0, Math.floor((window.siyuan.user.userSiYuanProExpireTime - new Date().getTime()) / 1000 / 60 / 60 / 24))} 
     ${window.siyuan.languages.day} 
-    <a href="${getCloudURL("subscribe/siyuan")}" target="_blank">${window.siyuan.languages.clickMeToRenew}</a>
+    <a class="${hideIPad}" href="${getCloudURL("subscribe/siyuan")}" target="_blank">${window.siyuan.languages.clickMeToRenew}</a>
 </div>`;
                 if (window.siyuan.user.userSiYuanOneTimePayStatus === 1) {
                     subscriptionHTML = `<div class="b3-chip"><svg><use xlink:href="#iconVIP"></use></svg>${window.siyuan.languages.onepay}</div>
@@ -121,8 +122,8 @@ ${renewHTML}
     </div>
     <div class="config-account__info">
         <div class="fn__flex">
-            <a class="b3-button b3-button--text" href="${getCloudURL("settings")}" target="_blank">${window.siyuan.languages.manage}</a>
-            <span class="fn__space"></span>
+            <a class="b3-button b3-button--text${hideIPad}" href="${getCloudURL("settings")}" target="_blank">${window.siyuan.languages.manage}</a>
+            <span class="fn__space${hideIPad}"></span>
             <button class="b3-button b3-button--cancel" id="logout">
                 ${window.siyuan.languages.logout}
             </button>
diff --git a/app/src/mobile/settings/account.ts b/app/src/mobile/settings/account.ts
index 68ecbc940..076bd078c 100644
--- a/app/src/mobile/settings/account.ts
+++ b/app/src/mobile/settings/account.ts
@@ -1,5 +1,5 @@
 import {openModel} from "../menu/model";
-import {getEventName} from "../../protyle/util/compatibility";
+import {getEventName, isIPhone} from "../../protyle/util/compatibility";
 import {fetchPost} from "../../util/fetch";
 import {closePanel} from "../util/closePanel";
 import {processSync} from "../../dialog/processSystem";
@@ -12,10 +12,11 @@ import {hideElements} from "../../protyle/ui/hideElements";
 import {Constants} from "../../constants";
 
 export const showAccountInfo = () => {
-    const payHTML = `<a class="b3-button b3-button--big" href="${getIndexURL("pricing.html")}" target="_blank">
+    const hideIphone = isIPhone() ? " fn__none" : "";
+    const payHTML = `<a class="b3-button b3-button--big${hideIphone}" href="${getIndexURL("pricing.html")}" target="_blank">
     <svg><use xlink:href="#iconVIP"></use></svg>${window.siyuan.languages[window.siyuan.user?.userSiYuanOneTimePayStatus === 1 ? "account4" : "account1"]}
 </a>
-<div class="fn__hr--b"></div>
+<div class="fn__hr--b${hideIphone}"></div>
 <span class="b3-chip b3-chip--primary b3-chip--hover${(window.siyuan.user && window.siyuan.user.userSiYuanSubscriptionStatus === 2) ? " fn__none" : ""}" id="trialSub">
     <svg class="ft__secondary"><use xlink:href="#iconVIP"></use></svg>
     ${window.siyuan.languages.freeSub}
@@ -44,7 +45,7 @@ export const showAccountInfo = () => {
     ${window.siyuan.languages.account6} 
     ${Math.max(0, Math.floor((window.siyuan.user.userSiYuanProExpireTime - new Date().getTime()) / 1000 / 60 / 60 / 24))} 
     ${window.siyuan.languages.day} 
-    <a href="${getCloudURL("subscribe/siyuan")}" target="_blank">${window.siyuan.languages.clickMeToRenew}</a>
+    <a class="${hideIphone}" href="${getCloudURL("subscribe/siyuan")}" target="_blank">${window.siyuan.languages.clickMeToRenew}</a>
 </div>`;
         if (window.siyuan.user.userSiYuanOneTimePayStatus === 1) {
             subscriptionHTML = `<div class="b3-chip"><svg><use xlink:href="#iconVIP"></use></svg>${window.siyuan.languages.onepay}</div>
@@ -86,8 +87,8 @@ ${renewHTML}`;
 </div>
 <div class="config-account__info">
     <div class="fn__flex">
-        <a class="b3-button b3-button--text" href="${getCloudURL("settings")}" target="_blank">${window.siyuan.languages.manage}</a>
-        <span class="fn__space"></span>
+        <a class="b3-button b3-button--text${hideIphone}" href="${getCloudURL("settings")}" target="_blank">${window.siyuan.languages.manage}</a>
+        <span class="fn__space${hideIphone}"></span>
         <button class="b3-button b3-button--cancel" id="logout">
             ${window.siyuan.languages.logout}
         </button>
@@ -119,6 +120,14 @@ ${renewHTML}`;
                 bindLoginEvent(dialog.element.querySelector(".b3-dialog__body"), true);
                 dialog.element.setAttribute("data-key", Constants.DIALOG_DEACTIVATEUSER);
             });
+            const trialSubElement = modelMainElement.querySelector("#trialSub");
+            if (trialSubElement) {
+                trialSubElement.addEventListener("click", () => {
+                    fetchPost("/api/account/startFreeTrial", {}, () => {
+                        modelMainElement.querySelector("#refresh").dispatchEvent(new Event("click"));
+                    });
+                });
+            }
             const refreshElement = modelMainElement.querySelector("#refresh");
             refreshElement.addEventListener("click", () => {
                 const svgElement = refreshElement.firstElementChild;