Remove truncatechars

Author: ZhaoJiSen

src/app/elements/content/content-tab/content-tab.component.html

@@ -7,7 +7,7 @@
 >
   <span *ngIf="view.name && !view.editable" [title]="view.name" class="tab-title">
     <i [ngClass]="iconCls" class="view_icon"></i>
-    <span class="tab-text">{{ view.name | truncatechars:16 }}</span>
+    <span class="tab-text">{{ view.name }}</span>
   </span>
   <input #inputElement
          (blur)="onBlur()"

src/app/elements/content/content-tab/content-tab.component.scss

@@ -44,19 +44,19 @@ li {
     gap:4px;
     color: #cacaca;
     font-size: 13px;
+    max-width: 164px;
     cursor: pointer;
 
+    .tab-text{
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
     .view_icon {
       margin-right: 5px;
       font-style: normal;
 
-      .tab-text{
-        min-width: 0;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-
       &::before {
         display: inline-block;
         color: var(--el-icon-color);

src/app/elements/content/content-window/koko/koko.component.ts

@@ -165,12 +165,10 @@ export class ElementConnectorKokoComponent implements OnInit {
       });
 
     if (this.protocol === 'k8s') {
-      // return (this.iframeURL = `${this.baseUrl}/k8s/?` + query);
-      return (this.iframeURL = `http://localhost:9530/koko/k8s/?` + query);
+      return (this.iframeURL = `${this.baseUrl}/k8s/?` + query);
     }
 
-    // this.iframeURL = `${this.baseUrl}/connect/?` + query;
-    this.iframeURL = `http://localhost:9530/koko/connect/?` + query;
+    this.iframeURL = `${this.baseUrl}/connect/?` + query;
   }
 
   generateFileManagerURL() {

src/app/router.module.ts

@@ -16,21 +16,18 @@ const appRoutes: Routes = [
   },
   {
     path: 'connect',
-    component: PagesConnectComponent
-    // loadComponent: () =>
-    //   import('./pages/connect/connect.component').then(m => m.PagesConnectComponent)
+    loadComponent: () =>
+      import('./pages/connect/connect.component').then(m => m.PagesConnectComponent)
   },
   { path: 'undefined', component: PagesBlankComponent },
   { path: 'share/:id', component: PagesShareComponent },
   {
     path: 'replay/:sid',
-    component: PagesReplayComponent
-    // loadComponent: () => import('./pages/replay/replay.component').then(m => m.PagesReplayComponent)
+    loadComponent: () => import('./pages/replay/replay.component').then(m => m.PagesReplayComponent)
   },
   {
     path: 'admin-connect',
-    component: PageDirectComponent
-    // loadComponent: () => import('./pages/direct/direct.component').then(m => m.PageDirectComponent)
+    loadComponent: () => import('./pages/direct/direct.component').then(m => m.PageDirectComponent)
   },
   {
     path: 'monitor/:sid',