Use alternative markdown component till issue is resolved: dimpu/ngx-md#159

Author: nuwang

Diff for: angular.json

@@ -28,7 +28,8 @@
             "scripts": [
               "node_modules/moment/min/moment.min.js",
               "node_modules/bootstrap-material-design/dist/js/material.min.js",
-              "node_modules/bootstrap-material-design/dist/js/ripples.min.js"
+              "node_modules/bootstrap-material-design/dist/js/ripples.min.js",
+              "node_modules/marked/lib/marked.js"
             ]
           },
           "configurations": {

Diff for: package.json

@@ -33,7 +33,7 @@
     "core-js": "^2.5.4",
     "moment": "^2.19.3",
     "ngx-clipboard": "^11.1.9",
-    "ngx-md": "^6.0.9",
+    "ngx-markdown": "^6.3.0",
     "ngx-order-pipe": "^2.0.1",
     "rxjs": "^6.3.3",
     "rxjs-tslint": "^0.1.5",

Diff for: src/app/app.module.ts

@@ -3,7 +3,7 @@ import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import { HttpClientModule, HttpClientXsrfModule } from '@angular/common/http';
-import { NgxMdModule } from 'ngx-md';
+import { MarkdownModule } from 'ngx-markdown';
 import { HTTP_INTERCEPTORS } from '@angular/common/http';
 
 import { LoginModule } from './login/login.module';
@@ -36,7 +36,7 @@ import { DockerConfigComponent } from './catalog/plugins/docker/docker.component
         }),
         AppRoutingModule,
         LoginModule,
-        NgxMdModule.forRoot(),
+        MarkdownModule.forRoot(),
         BrowserAnimationsModule,
         MyAppliancesModule,
         PluginsModule

Diff for: src/app/catalog/plugins/docker/docker.component.html

@@ -33,9 +33,9 @@ <h4><strong>Configure: {{ selectedRepoDetail.name }}</strong></h4>
         <hr />
 
         <div class="col-md-6" style="text-overflow: ellipsis; overflow: scroll; white-space: wrap; max-height: 500px">
-            <ngx-md >
+            <markdown>
                 {{ selectedRepoDetail.full_description }}
-            </ngx-md>
+            </markdown>
         </div>
         <div class="col-md-6" style="height: 100%; max-height: 500px">
             <pre style="height: 100%; max-height: 500px">

Diff for: src/app/catalog/plugins/plugins.module.ts

@@ -18,7 +18,7 @@ import { CloudMan2ConfigComponent } from './cloudman2/cloudman2.component';
 import { GVLConfigComponent } from './gvl/gvl.component';
 import { DockerConfigComponent } from './docker/docker.component';
 import { DockerFileEditorComponent } from './docker/components/docker-file-editor.component';
-import { NgxMdModule } from 'ngx-md';
+import { MarkdownModule } from 'ngx-markdown';
 
 @NgModule({
     imports: [
@@ -34,7 +34,7 @@ import { NgxMdModule } from 'ngx-md';
         MatCheckboxModule,
         MatTooltipModule,
         LayoutModule,
-        NgxMdModule
+        MarkdownModule
     ],
     declarations: [UbuntuConfigComponent, CloudManConfigComponent, CloudMan2ConfigComponent,
                    GVLConfigComponent, DockerConfigComponent, DockerFileEditorComponent],