From f63137240870822a34c68901fe4fdc5f48de4837 Mon Sep 17 00:00:00 2001
From: Granty1 <granty1@163.com>
Date: Sun, 26 Apr 2020 22:07:20 +0800
Subject: [PATCH] Add some github information

---
 web/package.json                  |   3 +-
 web/src/api/github.js             |  31 ++++++
 web/src/assets/flipped-aurora.png | Bin 0 -> 8204 bytes
 web/src/main.js                   |   3 +
 web/src/view/test/index.vue       | 179 ++++++++++++++++++++++++++++--
 5 files changed, 208 insertions(+), 8 deletions(-)
 create mode 100644 web/src/api/github.js
 create mode 100644 web/src/assets/flipped-aurora.png

diff --git a/web/package.json b/web/package.json
index f4db3dbe..f26a6b18 100644
--- a/web/package.json
+++ b/web/package.json
@@ -27,7 +27,8 @@
         "vue-router": "^3.1.3",
         "vuescroll": "^4.14.4",
         "vuex": "^3.1.1",
-        "vuex-persist": "^2.1.0"
+        "vuex-persist": "^2.1.0",
+        "timeline-vuejs": "1.1.1"
     },
     "devDependencies": {
         "@vue/cli-plugin-babel": "^3.11.0",
diff --git a/web/src/api/github.js b/web/src/api/github.js
new file mode 100644
index 00000000..d3f0c7c8
--- /dev/null
+++ b/web/src/api/github.js
@@ -0,0 +1,31 @@
+import axios from "axios";
+import { Loading } from "element-ui";
+
+let loadingInstance;
+let service = axios.create();
+
+service.interceptors.request.use((config) => {
+  loadingInstance = Loading.service({ fullscreen: true });
+  return config;
+});
+
+service.interceptors.response.use((resp) => {
+  loadingInstance.close();
+  return resp;
+});
+
+export function Commits(page) {
+  return service({
+    url:
+      "https://api.github.com/repos/flipped-aurora/gin-vue-admin/commits?page=" +
+      page,
+    method: "get",
+  });
+}
+
+export function Members() {
+  return service({
+    url: "https://api.github.com/orgs/FLIPPED-AURORA/members",
+    method: "get",
+  });
+}
diff --git a/web/src/assets/flipped-aurora.png b/web/src/assets/flipped-aurora.png
new file mode 100644
index 0000000000000000000000000000000000000000..ceb9af5f97da5c988f78d8ba962993b23893f494
GIT binary patch
literal 8204
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
KxpEn^!2bZ<@2fQc

literal 0
HcmV?d00001

diff --git a/web/src/main.js b/web/src/main.js
index ccba01db..acd1c0f3 100644
--- a/web/src/main.js
+++ b/web/src/main.js
@@ -14,6 +14,9 @@ import vueParticleLine from 'vue-particle-line'
 import 'vue-particle-line/dist/vue-particle-line.css'
 Vue.use(vueParticleLine)
 
+// time line css
+import '../node_modules/timeline-vuejs/dist/timeline-vuejs.css'
+
 // 富文本插件
 import VueQuillEditor from 'vue-quill-editor'
 import 'quill/dist/quill.core.css'
diff --git a/web/src/view/test/index.vue b/web/src/view/test/index.vue
index a856d157..d8b9c46c 100644
--- a/web/src/view/test/index.vue
+++ b/web/src/view/test/index.vue
@@ -1,16 +1,181 @@
 <template>
-    <div>
-        动态路由测试
-    </div>
+  <div>
+    <el-row :gutter="10">
+      <el-col :span="12">
+        <el-card>
+          <div slot="header">gin-vue-admin</div>
+          <div>
+            <el-row>
+              <el-col :span="8" :offset="8">
+                <a href="https://github.com/flipped-aurora/gin-vue-admin">
+                  <img
+                    class="org-img dom-center"
+                    src="@/assets/logo.png"
+                    alt="gin-vue-admin"
+                  />
+                </a>
+              </el-col>
+            </el-row>
+            <el-row :gutter="10">
+              <el-col :span="8">
+                <a href="https://github.com/flipped-aurora/gin-vue-admin">
+                  <img
+                    class="dom-center"
+                    src="https://img.shields.io/github/watchers/flipped-aurora/gin-vue-admin.svg?label=Watch"
+                    alt=""
+                  />
+                </a>
+              </el-col>
+              <el-col :span="8">
+                <a href="https://github.com/flipped-aurora/gin-vue-admin">
+                  <img
+                    class="dom-center"
+                    src="https://img.shields.io/github/stars/flipped-aurora/gin-vue-admin.svg?style=social"
+                    alt=""/></a
+              ></el-col>
+              <el-col :span="8">
+                <a href="https://github.com/flipped-aurora/gin-vue-admin">
+                  <img
+                    class="dom-center"
+                    src="https://img.shields.io/github/forks/flipped-aurora/gin-vue-admin.svg?label=Fork"
+                    alt=""/></a
+              ></el-col>
+            </el-row>
+          </div>
+        </el-card>
+        <el-card style="margin-top: 20px">
+          <div slot="header">flipped-aurora团队</div>
+          <div>
+            <el-row>
+              <el-col :span="8" :offset="8">
+                <a href="https://github.com/flipped-aurora">
+                  <img
+                    class="org-img"
+                    src="@/assets/flipped-aurora.png"
+                    alt="flipped-aurora"
+                  />
+                </a>
+              </el-col>
+            </el-row>
+            <el-row style="margin-left: 40px" :gutter="20">
+              <template v-for="(item, index) in members">
+                <el-col :span="8" :key="index">
+                  <a :href="item.html_url">
+                    <img class="avatar-img" :src="item.avatar_url" />
+                    <a class="author-name" style="">{{ item.login }}</a>
+                  </a>
+                </el-col>
+              </template>
+            </el-row>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="12">
+        <el-card>
+          <div slot="header">
+            提交记录
+          </div>
+          <div>
+            <Timeline
+              :timeline-items="dataTimeline"
+              :message-when-no-items="messageWhenNoItems"
+              :uniqueTimeline="true"
+              :unique-year="true"
+              :show-day-and-month="true"
+              order="desc"
+              dateLocale="zh-CN"
+            />
+          </div>
+          <el-button class="load-more" @click="loadMore" type="text"
+            >Load more</el-button
+          >
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
 <script>
+import { Commits, Members } from "@/api/github";
+import Timeline from "timeline-vuejs";
 export default {
-    name:"Test"
-    
-}
+  name: "Test",
+  components: {
+    Timeline,
+  },
+  data() {
+    return {
+      messageWhenNoItems: "There arent commits",
+      members: [],
+      dataTimeline: [],
+      page: 0,
+    };
+  },
+  created() {
+    this.loadCommits();
+    this.loadMembers();
+  },
+  methods: {
+    loadMore() {
+      this.page++;
+      this.loadCommits();
+    },
+    loadCommits() {
+      Commits(this.page).then(({ data }) => {
+        data.forEach((element) => {
+          if (element.commit.message) {
+            this.dataTimeline.push({
+              from: new Date(element.commit.author.date),
+              title: element.commit.author.name,
+              showDayAndMonth: true,
+              description: `<a style="color: #26191b" href="${element.html_url}">${element.commit.message}</a>`,
+            });
+          }
+        });
+      });
+    },
+    loadMembers() {
+      Members().then(({ data }) => {
+        this.members = data;
+        this.members.sort();
+      });
+    },
+  },
+};
 </script>
 
 <style scoped>
+.load-more {
+  margin-left: 120px;
+}
 
-</style>
\ No newline at end of file
+.avatar-img {
+  float: left;
+  height: 40px;
+  width: 40px;
+  border-radius: 50%;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  margin-top: 15px;
+}
+
+.org-img {
+  height: 150px;
+  width: 150px;
+}
+
+.author-name {
+  float: left;
+  line-height: 65px !important;
+  margin-left: 10px;
+  color: darkblue;
+  line-height: 100px;
+  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
+    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
+}
+
+.dom-center {
+  margin-left: 50%;
+  transform: translateX(-50%);
+}
+</style>