From a60fc390a036078a857693193cfd18b9ee42954b Mon Sep 17 00:00:00 2001
From: Hakaba Hitoyo <hakabahitoyo@yahoo.co.jp>
Date: Mon, 7 Jan 2019 17:26:47 +0000
Subject: Add instance information page for mobile

---
 .../terms_of_service_panel/terms_of_service_panel.js   |  9 +++++++++
 .../terms_of_service_panel/terms_of_service_panel.vue  | 18 ++++++++++++++++++
 2 files changed, 27 insertions(+)
 create mode 100644 src/components/terms_of_service_panel/terms_of_service_panel.js
 create mode 100644 src/components/terms_of_service_panel/terms_of_service_panel.vue

(limited to 'src/components/terms_of_service_panel')

diff --git a/src/components/terms_of_service_panel/terms_of_service_panel.js b/src/components/terms_of_service_panel/terms_of_service_panel.js
new file mode 100644
index 00000000..4276f8f7
--- /dev/null
+++ b/src/components/terms_of_service_panel/terms_of_service_panel.js
@@ -0,0 +1,9 @@
+const TermsOfServicePanel = {
+  computed: {
+    content () {
+      return this.$store.state.instance.tos
+    }
+  }
+}
+
+export default TermsOfServicePanel
diff --git a/src/components/terms_of_service_panel/terms_of_service_panel.vue b/src/components/terms_of_service_panel/terms_of_service_panel.vue
new file mode 100644
index 00000000..eb0f2527
--- /dev/null
+++ b/src/components/terms_of_service_panel/terms_of_service_panel.vue
@@ -0,0 +1,18 @@
+<template>
+  <div>
+    <div class="panel panel-default">
+      <div class="panel-body">
+        <div v-html="content" class="tos-content">
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script src="./terms_of_service_panel.js" ></script>
+
+<style lang="scss">
+.tos-content {
+  margin: 1em
+}
+</style>
-- 
cgit v1.2.3-70-g09d2