Merge pull request #598 from GSA/594

594

Author: DanielJDufour

src/app/components/explore-code/repo/repo.component.html

@@ -67,7 +67,10 @@ <h2>{{ repo.name }}</h2>
               <div *ngFor="let value of repo.additional_data[key]" [textContent]="value"></div>
             </div>
             <div class="metadata-value" *ngIf="!isArray(repo.additional_data[key])">
-              <div [textContent]="repo.additional_data[key]"></div>
+              <a *ngIf="isURL(repo.additional_data[key])" [href]="repo.additional_data[key]" target="_blank">
+                <div [textContent]="repo.additional_data[key]"></div>
+              </a>
+              <div *ngIf="!isURL(repo.additional_data[key])" [textContent]="repo.additional_data[key]"></div>
             </div>
           </div>
         </div>

src/app/components/explore-code/repo/repo.component.scss

@@ -121,6 +121,7 @@
   }
 
   .metadata-value {
+    color: $color-gray;
     display: block;
 
     @media screen and (min-width: $medium-screen) {

src/app/components/explore-code/repo/repo.component.ts

@@ -69,13 +69,17 @@ export class RepoComponent implements OnInit, OnDestroy {
   }
 
   clean(input) {
-    if (typeof input === "number") {
+    if (typeof input === 'number') {
       return input.toString();
-    } else if (typeof input === "string") {
-      return input.replace(/[_-]/g, " ");
+    } else if (typeof input === 'string') {
+      return input.replace(/[_-]/g, ' ');
     } else {
       return JSON.stringify(input);
     }
   }
 
+  isURL(input) {
+    return typeof input === 'string' && input.startsWith('http');
+  }
+
 }