From 5de44a4104dc759bfd6432e5575557afbfaaffe6 Mon Sep 17 00:00:00 2001
From: anonysoul <i@anonysoul.com>
Date: Sun, 2 Apr 2023 13:11:19 +0800
Subject: [PATCH] feat: About page

---
 controller/README.md                          |  3 ---
 .../src/app/pages/about/about.component.html  | 23 ++++++++++++++++++-
 .../src/app/pages/about/about.component.scss  | 22 ++++++++++++++++++
 .../src/app/pages/about/about.component.ts    |  5 ++++
 editor/README.md                              |  7 ------
 5 files changed, 49 insertions(+), 11 deletions(-)
 delete mode 100644 controller/README.md
 delete mode 100644 editor/README.md

diff --git a/controller/README.md b/controller/README.md
deleted file mode 100644
index eaeccf3..0000000
--- a/controller/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Singland
-
-A GUI of sing-box
diff --git a/controller/src/app/pages/about/about.component.html b/controller/src/app/pages/about/about.component.html
index 6094aa9..256af8b 100644
--- a/controller/src/app/pages/about/about.component.html
+++ b/controller/src/app/pages/about/about.component.html
@@ -1 +1,22 @@
-<p>about works!</p>
+<div class="item">
+  <div>Versions</div>
+  <div>
+    <div>Singland: 1.0.0</div>
+    <div>sing-box: 1.0.0</div>
+  </div>
+</div>
+<div class="item">
+  <div>Thinks</div>
+  <div>
+    <div>
+      Singland is made possible by the following open source project:
+    </div>
+    <ul>
+      <li (click)="openExternalLink('https://github.com/SagerNet/sing-box/')">sing-box </li>
+      <li (click)="openExternalLink('https://github.com/electron/electron/')">electron</li>
+      <li (click)="openExternalLink('https://github.com/angular/angular/')">angular</li>
+      <li (click)="openExternalLink('https://github.com/microsoft/monaco-editor/')">monaco-editor</li>
+      <li (click)="openExternalLink('https://github.com/google/wireit/')">wireit</li>
+    </ul>
+  </div>
+</div>
\ No newline at end of file
diff --git a/controller/src/app/pages/about/about.component.scss b/controller/src/app/pages/about/about.component.scss
index e69de29..16937e1 100644
--- a/controller/src/app/pages/about/about.component.scss
+++ b/controller/src/app/pages/about/about.component.scss
@@ -0,0 +1,22 @@
+.item {
+  margin-bottom: 20px;
+
+  > div:first-child {
+    font-weight: bold;
+  }
+
+  ul {
+    display: inline-block;
+    margin-top: 2px;
+    padding-left: 15px;
+
+    li {
+      color: #00a1ff;
+      cursor: pointer;
+    }
+
+    li::marker {
+      color: black;
+    }
+  }
+}
diff --git a/controller/src/app/pages/about/about.component.ts b/controller/src/app/pages/about/about.component.ts
index e9330a6..11e6662 100644
--- a/controller/src/app/pages/about/about.component.ts
+++ b/controller/src/app/pages/about/about.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from "@angular/core";
+import { shell } from "electron";
 
 @Component({
   selector: "app-about",
@@ -9,4 +10,8 @@ export class AboutComponent implements OnInit {
   constructor() {}
 
   ngOnInit(): void {}
+
+  openExternalLink(url: string) {
+    shell.openExternal(url);
+  }
 }
diff --git a/editor/README.md b/editor/README.md
deleted file mode 100644
index 3e318be..0000000
--- a/editor/README.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# Singland json Editor
-
-Just for edit json file.
-
-```shell
-npx electron . --path=<file-path>
-```