Merge pull request #311 from TheJacksonLaboratory/deprecate-phenomizer

Deprecate phenomizer

Author: iimpulse

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "hpo-web",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "license": "MIT",
   "scripts": {
     "ng": "ng",

package.json

@@ -5,9 +5,7 @@
   <!-- Main Desktop Navbar -->
   <div class="nav-components" fxHide fxShow.gt-sm>
     <button mat-button routerLink="about">About</button>
-    <button mat-button [matMenuTriggerFor]="downloadsMenu">Data<div class="mat-badge mat-badge-above mat-badge-after mat-badge-small">
-        <span class="mat-badge-content notification mat-badge-active">&nbsp;</span>
-      </div>
+    <button mat-button [matMenuTriggerFor]="downloadsMenu">Data
       <mat-icon>arrow_drop_down</mat-icon>
     </button>
     <button mat-button [matMenuTriggerFor]="toolsMenu">

src/app/shared/navbar/navbar.component.html

@@ -67,12 +67,12 @@ <h2 class="title">Exomiser</h2>
       </i>
     </div>
   </div>
-  <div routerLink="/tools/phenomizer" class="home-item light" fxFlex.gt-md="35" fxFlexOffset.gt-md="10"
+  <div routerLink="/tools/phenomizer" class="home-item light cursor-not-allowed " fxFlex.gt-md="35" fxFlexOffset.gt-md="10"
        fxFlex="90" fxFlexOffset="5">
     <div fxFlex="row" fxLayoutAlign="space-between center">
       <img class="tool-icon" src="assets/highlight-images/phenomizer.png"/>
       <div class="home-body">
-        <h2 class="title">Phenomizer</h2>
+        <h2 class="title">Phenomizer <span class="text-red">[Offline]</span></h2>
         <p class="description"><i>Rank disease differential diagnosis by clinical features.</i></p>
       </div>
       <i class="material-icons" fxShow fxHide.xs>

src/app/static/home/home.component.html

@@ -212,7 +212,19 @@ a .irdirc {
       display: inline-block;
     }
 
+    &.cursor-not-allowed {
+      opacity: 1;
+      cursor: no-drop !important;
+      & .text-red {
+        color: red;
+      }
+    }
+
     &:hover {
+      &.cursor-not-allowed {
+        opacity: 1;
+      }
+
       opacity: 0.8;
     }
 

src/app/static/home/home.component.scss

@@ -0,0 +1,3 @@
+.offline {
+    color: red;
+}

src/app/static/tools/phenomizer/phenomizer.component.css

@@ -1,7 +1,8 @@
 <div class="container">
   <h1 class="center pageTitle">Phenomizer</h1>
+  <h2 class="offline center">This application is 13 years old and the server no longer active. We are working on a replacement soon. Sorry for the inconvenience!</h2>
   <p>
-    The Phenomizer is a <a href="http://compbio.charite.de/phenomizer" target="_blank">web-based application</a>.
+    The Phenomizer is a web-based application.
     for clinical diagnostics in human genetics using semantic similarity searches in ontologies
     <a href="https://www.ncbi.nlm.nih.gov/pubmed/19800049" target="_blank">K&ouml;hler et al., AJHG, October 2009</a>.
     A detailed manual can be found in the online app.