Add short description in about page

diff --git a/client/src/app/about/about.component.html b/client/src/app/about/about.component.html
index bc6a8c6f37299584fe94b15f9691ebe10bdaee43..6fa856742fb46108fcc438a887c648ccd562e38d 100644 (file)
--- a/client/src/app/about/about.component.html
+++ b/client/src/app/about/about.component.html
@@ -3,6 +3,10 @@
     Welcome to the {{ instanceName }} instance
   </div>
 
+  <div class="short-description">
+    <div>{{ shortDescription }}</div>
+  </div>
+
   <div class="description">
     <div class="section-title">Description</div>
 

diff --git a/client/src/app/about/about.component.scss b/client/src/app/about/about.component.scss
index 2a22b9528cc187af2b7d71fe8b5e2a4ded73e696..a63cd229cf294a0ed8d8fbca5714309456b7166d 100644 (file)
--- a/client/src/app/about/about.component.scss
+++ b/client/src/app/about/about.component.scss
@@ -7,6 +7,6 @@
   margin-bottom: 5px;
 }
 
-.description, .terms, .signup {
+.short-description, .description, .terms, .signup {
   margin-bottom: 30px;
 }

diff --git a/client/src/app/about/about.component.ts b/client/src/app/about/about.component.ts
index 2fd48f0d305c068b2275799f14e4ecb8a6be8916..3948d5c46bbb022a40dba6b74c38c14a76609163 100644 (file)
--- a/client/src/app/about/about.component.ts
+++ b/client/src/app/about/about.component.ts
@@ -10,6 +10,7 @@ import { NotificationsService } from 'angular2-notifications'
 })
 
 export class AboutComponent implements OnInit {
+  shortDescription = ''
   descriptionHTML = ''
   termsHTML = ''
 
@@ -35,6 +36,7 @@ export class AboutComponent implements OnInit {
     this.serverService.getAbout()
       .subscribe(
         res => {
+          this.shortDescription = res.instance.shortDescription
           this.descriptionHTML = this.markdownService.textMarkdownToHTML(res.instance.description)
           this.termsHTML = this.markdownService.textMarkdownToHTML(res.instance.terms)
         },