update angular docs

liara-cloud · Oct 2, 2024 · 4af503a · 4af503a
1 parent 5bba1ca
commit 4af503a
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 16 deletions.
diff --git a/src/pages/paas/angular/how-tos/deploy-app.mdx b/src/pages/paas/angular/how-tos/deploy-app.mdx
@@ -25,7 +25,7 @@ import Head from "next/head";
 توجه داشته باشید؛ تنها برنامه‌هایی که با <Important>Angular CLI</Important> ساخته شده باشند، در پلتفرم Angular لیارا قابل اجرا خواهند بود.
 
         <Tabs 
-    tabs={["Liara Console", "Liara CLI", "Liara Github"]} 
+    tabs={["Liara Console", "Liara CLI", "Github"]} 
     content={[
     <>
         <p>
@@ -58,14 +58,14 @@ import Head from "next/head";
             content: (
             <>
                 <h4>اجرای اسکریپت start</h4>
-                <p> لیارا برای اجرای برنامه، از اسکریپت <Important>start</Important> استفاده می‌کند؛ پس باید حتماً این اسکریپت در فایل <Important>package.json</Important> تعریف شده باشد. </p>
+                <p>اگر که در این فایل، اسکریپت <Important>start</Important> تعریف شده باشد، لیارا برای اجرای برنامه، از این اسکریپت استفاده می‌کند.</p>
             </>
             )
             }
         ]}/>
         <div className="h-4" />
         <p>
-            قطعه کد زیر، یک نمونه از فایل <Important>package.json</Important> استاندارد برای برنامه‌های Angular است:
+            قطعه کد زیر یک نمونه استاندارد، یک نمونه از فایل <Important>package.json</Important> استاندارد برای برنامه‌های Angular است:
         </p>
         <div className="h-4" />
         <div dir='ltr'>
@@ -161,14 +161,14 @@ import Head from "next/head";
             content: (
             <>
                 <h4>اجرای اسکریپت start</h4>
-                <p> لیارا برای اجرای برنامه، از اسکریپت <Important>start</Important> استفاده می‌کند؛ پس باید حتماً این اسکریپت در فایل <Important>package.json</Important> تعریف شده باشد. </p>
+                <p>اگر که در این فایل، اسکریپت <Important>start</Important> تعریف شده باشد، لیارا برای اجرای برنامه، از این اسکریپت استفاده می‌کند.</p>
             </>
             )
             }
         ]}/>
         <div className="h-4" />
         <p>
-            قطعه کد زیر، یک نمونه از فایل <Important>package.json</Important> استاندارد برای برنامه‌های Angular است:
+            قطعه کد زیر یک نمونه استاندارد، یک نمونه از فایل <Important>package.json</Important> استاندارد برای برنامه‌های Angular است:
         </p>
         <div className="h-4" />
         <div dir='ltr'>
@@ -330,7 +330,7 @@ import Head from "next/head";
             content: (
             <>
                 <h4>اجرای اسکریپت start</h4>
-                <p> لیارا برای اجرای برنامه، از اسکریپت <Important>start</Important> استفاده می‌کند؛ پس باید حتماً این اسکریپت در فایل <Important>package.json</Important> تعریف شده باشد. </p>
+                <p>اگر که در این فایل، اسکریپت <Important>start</Important> تعریف شده باشد، لیارا برای اجرای برنامه، از این اسکریپت استفاده می‌کند.</p>
             </>
             )
             }

diff --git a/src/pages/paas/angular/quick-start.mdx b/src/pages/paas/angular/quick-start.mdx
@@ -22,7 +22,7 @@ import Head from "next/head";
 توجه داشته باشید؛ تنها برنامه‌هایی که با <Important>Angular CLI</Important> ساخته شده باشند، در پلتفرم Angular لیارا قابل اجرا خواهند بود.
 
 <Tabs 
-  tabs={["Liara Console", "Liara CLI", "Liara Github"]} 
+  tabs={["Liara Console", "Liara CLI", "Github"]} 
   content={[
   <>
   <video
@@ -65,9 +65,12 @@ import Head from "next/head";
   step: "۴",
   content: (
   <>
-    <h3>تنظیم اسکریپت start</h3>
-    <p>در فایل <Important>package.json</Important> موجود در مسیر اصلی پروژه، باید حتماً اسکریپت <Important>start</Important> تعریف شده باشد؛  به عنوان مثال، فایل <Important>package.json</Important> می‌تواند به شکل زیر باشد:</p>
-    <div className="h-2" />
+    <h3>بررسی فایل <Important>package.json</Important> استاندارد</h3>
+    <p>
+      در نظر داشته باشید که در پروژه‌های استاندارد Angular، یک فایل به نام <Important>package.json</Important>
+      وجود دارد که برای استقرار حائز اهمیت است و این فایل نباید حذف یا دستکاری شود. 
+      قطعه کد زیر یک نمونه استاندارد از فایل <Important>package.json</Important> است:
+    </p>    <div className="h-2" />
     <div dir='ltr'>
     <Highlight className="json">
       {`{
@@ -224,9 +227,12 @@ import Head from "next/head";
   step: "۶",
   content: (
   <>
-    <h3>تنظیم اسکریپت start</h3>
-    <p>در فایل <Important>package.json</Important> موجود در مسیر اصلی پروژه، باید حتماً اسکریپت <Important>start</Important> تعریف شده باشد؛  به عنوان مثال، فایل <Important>package.json</Important> می‌تواند به شکل زیر باشد:</p>
-    <div className="h-2" />
+    <h3>بررسی فایل <Important>package.json</Important> استاندارد</h3>
+    <p>
+      در نظر داشته باشید که در پروژه‌های استاندارد Angular، یک فایل به نام <Important>package.json</Important>
+      وجود دارد که برای استقرار حائز اهمیت است و این فایل نباید حذف یا دستکاری شود. 
+      قطعه کد زیر یک نمونه استاندارد از فایل <Important>package.json</Important> است:
+    </p>    <div className="h-2" />
     <div dir='ltr'>
     <Highlight className="json">
       {`{
@@ -307,8 +313,12 @@ import Head from "next/head";
   step: "۳",
   content: (
    <>
-    <h3>تنظیم اسکریپت start</h3>
-    <p>در فایل <Important>package.json</Important> موجود در مسیر اصلی پروژه، باید حتماً اسکریپت <Important>start</Important> تعریف شده باشد؛  به عنوان مثال، فایل <Important>package.json</Important> می‌تواند به شکل زیر باشد:</p>
+    <h3>بررسی فایل <Important>package.json</Important> استاندارد</h3>
+    <p>
+      در نظر داشته باشید که در پروژه‌های استاندارد Angular، یک فایل به نام <Important>package.json</Important>
+      وجود دارد که برای استقرار حائز اهمیت است و این فایل نباید حذف یا دستکاری شود. 
+      قطعه کد زیر یک نمونه استاندارد از فایل <Important>package.json</Important> است:
+    </p>
     <div className="h-2" />
     <div dir='ltr'>
     <Highlight className="json">
@@ -411,9 +421,18 @@ import Head from "next/head";
     <h3>اتصال لیارا به گیت‌هاب</h3>
     <p>
       برای اتصال حساب لیارا خود به گیت‌هاب، در لیارا بر روی پروفایل خود کلیک کرده و وارد زیر قسمت <a href="https://console.liara.ir/settings/profile" className="text-[#2196f3]">حساب کاربری</a> شوید. در ادامه 
-      وارد منوی <a href="https://console.liara.ir/settings/github" className="text-[#2196f3]">گیت‌هاب</a> شوید و بر روی دکمه <b>اتصال به گیت‌هاب</b>، کلیک کنید. پس از 
+      وارد منوی <a href="https://console.liara.ir/settings/github" className="text-[#2196f3]">گیت‌هاب</a> شوید و بر روی دکمه <b>اتصال به گیت‌هاب</b>، کلیک کنید. 
+    </p>
+    <div className="h-1" />
+    <img src="https://files.liara.ir/liara/docs/connect-to-github-on-liara.png" alt="connect to github on liara account" />
+    <div className="h-1" />
+    <p> 
+      پس از 
       انجام این کار و وارد کردن اطلاعات مربوط به گیت‌هاب، حساب لیارا شما به گیت‌هاب متصل خواهد شد.
     </p>
+    <div className="h-1" />
+    <img src="https://files.liara.ir/liara/docs/added-github-account-on-liara.png" alt="added github account on liara" />
+    <div className="h-1" />
 
   <div className="h-2" />
   <Alert variant="error">
@@ -432,6 +451,14 @@ import Head from "next/head";
     <p>
       بعد از اتصال به اکانت گیت‌هاب، بر روی گزینه <b>ویرایش دسترسی‌ها</b> کلیک کرده و ریپازیتوری (ریپازیتوری‌های) مدنظرتان را به حساب لیارا متصل کنید.
     </p>
+    <div className="h-2" />
+    <video
+    src="https://files.liara.ir/liara/docs/edit-access-to-github-account.mp4"
+    controls="controls"
+    className="block w-full"
+    width="100%"
+    ></video>
+    <div className="h-2" />
   </>
   )
   },
@@ -444,6 +471,13 @@ import Head from "next/head";
         در نهایت، بر روی برنامه خود کلیک کرده وارد صفحه <b>استقرار جدید</b> شوید؛ سپس در منوی <b>گیت‌هاب</b>، ریپازیتوری مدنظرتان را انتخاب کرده و پس از انتخاب نوع استقرار و branch مدنظرتان، بر روی گزینه <b>اتصال به برنامه</b> کلیک کنید تا برنامه‌تان به ریپازیتوری مدنظرتان متصل شود.
         در نهایت، کافیست تا یک‌بار بر روی گزینه <b>استقرار دستی</b> کلیک کنید تا آخرین commit شما در لیارا مستقر شود.
     </p>
+  <div className="h-2" />
+            <video
+            src="https://files.liara.ir/liara/docs/deploy-project-using-github.mp4"
+            controls="controls"
+            className="block w-full"
+            width="100%"
+            ></video>
   <div className="h-2" />
     <Alert variant="info">
 <p>