Address #1117: Added URL for logos

src/app/about/about.component.html

@@ -35,7 +35,7 @@
 
   <div class="image-banner col-xs-12 col-sm-12 col-md-12 col-lg-12">
 
-    <img src="../../assets/images/mountain.jpg" class="img-responsive banner">
+    <img src="{{mountainLogo}}" class="img-responsive banner">
   </div>
 
 

src/app/about/about.component.ts

@@ -9,6 +9,7 @@ export class AboutComponent implements OnInit {
   susperUrl = url.susper.site;
   yacyUrl = url.yacy.api_server;
   fossasia_repo = url.github_repo.fossasia;
+  mountainLogo = url.logos.mountain;
   constructor() { }
   ngOnInit() {
   }

src/app/contact/contact.component.html

@@ -29,7 +29,7 @@
 
 <div class="image-banner col-xs-12 col-sm-12 col-md-12 col-lg-12">
 
-  <img src="../../assets/images/boat.png" class="img-responsive banner">
+  <img src="{{boatImage}}" class="img-responsive banner">
   
   </div>
 

src/app/contact/contact.component.ts

@@ -1,6 +1,6 @@
 import { Component, ViewChild, OnInit } from '@angular/core';
 import { ModalComponent } from 'ng2-bs3-modal/ng2-bs3-modal';
-
+import { url } from 'assets/url_configuration';
 @Component({
     selector: 'app-contact',
     templateUrl: './contact.component.html',
@@ -8,6 +8,8 @@ import { ModalComponent } from 'ng2-bs3-modal/ng2-bs3-modal';
 })
 export class ContactComponent implements OnInit {
 
+    boatImage = url.logos.boat_image;
+
     @ViewChild('submitButton') submitButton;
     @ViewChild('emailInput') emailInput;
 

src/app/dropdown/dropdown.component.html

@@ -8,12 +8,12 @@
         <!--First row starts from here-->
         <div class="menu-row">
           <a class="menu-item" href="//{{fossasiaBlogUrl}}" target="_blank">
-            <div class="img"><img src="../../assets/images/blog.png"></div>
+            <div class="img"><img src="{{blogLogo}}"></div>
             <p>Blogs</p>
           </a>
 
           <a class="menu-item" href="//{{fossasia_repo}}/{{susperUrl}}" target="_blank">
-            <div class="img"><img src="../../assets/images/code.png"></div>
+            <div class="img"><img src="{{codeLogo}}"></div>
             <p>Code</p>
           </a>
 
@@ -23,17 +23,17 @@
         <div class="menu-row">
 
           <a class="menu-item" href="//github.com/fossasia/{{susperUrl}}/issues" target="_blank">
-            <div class="img"><img src="../../assets/images/bug.png"></div>
+            <div class="img"><img src="{{bugLogo}}"></div>
             <p>Bug<br>Report</p>
           </a>
 
           <a class="menu-item" routerLink="/contact" routerLinkActive="active">
-            <div class="img"><img src="../../assets/images/contact.png"></div>
+            <div class="img"><img src="{{contact_image}}"></div>
             <p>Contact</p>
           </a>
 
           <a class="menu-item" routerLink="/advancedsearch" routerLinkActive="active">
-            <div class="img"><img src="../../assets/images/search.png"></div>
+            <div class="img"><img src="{{searchLogo}}"></div>
             <p>Advanced<br>Search</p>
           </a>
 
@@ -44,17 +44,17 @@
         <div class="menu-row">
 
           <a class="menu-item" href="//{{fossasiaUrl}}" target="_blank">
-            <div class="img"><img src="../../assets/images/fossasia.png"></div>
+            <div class="img"><img src="{{fossasiaLogo}}"></div>
             <p>FOSSASIA</p>
           </a>
 
           <a class="menu-item" href="//{{loklakUrl}}" target="_blank">
-            <div class="img"><img src="../../assets/images/loklak.png"></div>
+            <div class="img"><img src="{{loklakLogo}}"></div>
             <p>loklak</p>
           </a>
 
           <a class="menu-item" href="//{{susiUrl}}" target="_blank">
-            <div class="img"><img src="../../assets/images/susi_60x12.png"></div>
+            <div class="img"><img src="{{susiLogo}}"></div>
             <p>SUSI</p>
           </a>
 
@@ -63,11 +63,11 @@
         <!--Fourth row starts from here-->
         <div class="menu-row">
           <a class="menu-item" href="//{{eventyayUrl}}" target="_blank">
-            <div class="img"><img src="../../assets/images/eventyay.png"></div>
+            <div class="img"><img src="{{eventyayLogo}}"></div>
             <p>Eventyay</p>
           </a>
           <a class="menu-item" href="//{{pslabUrl}}" target="_blank">
-            <div class="img"><img src="../../assets/images/Pslab.png"></div>
+            <div class="img"><img src="{{pslabLogo}}"></div>
             <p>PSlab</p>
           </a>
        </div>

src/app/dropdown/dropdown.component.ts

@@ -16,6 +16,16 @@ export class DropdownComponent implements OnInit {
   pslabUrl = url.pslab.site;
   fossasiaLabsUrl = url.fossasia.labs;
   fossasia_repo = url.github_repo.fossasia;
+  blogLogo = url.logos.blog;
+  codeLogo = url.logos.code;
+  bugLogo = url.logos.bug;
+  contact_image = url.logos.contact_image;
+  searchLogo = url.logos.search;
+  fossasiaLogo = url.logos.fossasia;
+  loklakLogo = url.logos.loklak;
+  susiLogo = url.logos.susi;
+  pslabLogo = url.logos.pslab;
+  eventyayLogo = url.logos.eventyay;
 
   constructor() { }
   ngOnInit() {

src/app/search-bar/search-bar.component.html

@@ -11,7 +11,7 @@
 
     <div class="input-group-btn">
       <button class="btn btn-default" id="speech-button" type="submit" [style.background-color]="themeService.searchbarbgColor">
-        <img src="../../assets/images/microphone.png" class="microphone" (click)="speechRecognition()"/>
+        <img src="{{microphoneLogo}}" class="microphone" (click)="speechRecognition()"/>
       </button>
       <button class="btn btn-default" id="nav-button" type="submit" (click)="onClick()" *ngIf="this.resultspage" [style.background-color]="themeService.searchbarbgColor">
         <i class="glyphicon glyphicon-search"></i>

src/app/search-bar/search-bar.component.ts

@@ -12,6 +12,7 @@ import * as queryactions from '../actions/query';
 import { SpeechService } from '../services/speech.service';
 import * as speechactions from '../actions/speech';
 import { ThemeService } from '../services/theme.service';
+import { url } from 'assets/url_configuration';
 
 @Component({
   selector: 'app-search-bar',
@@ -23,7 +24,7 @@ export class SearchBarComponent implements OnInit, AfterViewInit {
 
   query$: Observable<any>;
   displayStatus: any;
-
+  microphoneLogo = url.logos.microphone;
   searchdata = {
     query: '',
     rows: 10,

src/assets/url_configuration.ts

@@ -27,5 +27,26 @@ export const url = {
             },
     'github_repo': {
                     'fossasia': 'github.com/fossasia'
-                    }
+                    },
+        'logos': {
+                'pslab': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/Pslab.png',
+                'yacy': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/YaCyLogo2011_60.png',
+                'blog': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/blog.png',
+                'boat_image': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/boat.png',
+                'bug': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/bug.png',
+                'code': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/code.png',
+                'contact_image': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/contact.png',
+                'eventyay': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/eventyay.png',
+                'external': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/external.png',
+                'fossasia': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/fossasia.png',
+                'loklak': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/loklak.png',
+                'microphone': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/microphone.png',
+                'mountain': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/mountain.jpg',
+                'search': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/search.png',
+                'susi': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/susi_60x12.png',
+                'susper_png': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/susper.png',
+                'susper_svg': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/susper.svg',
+                'terminal': 'https://raw.githubusercontent.com/fossasia/susper.com/master/src/assets/images/terminal.png',
+
+        }
 }