home-page works!
diff --git a/components/admission-webhook/manifests/test-file b/components/centraldashboard-angular/frontend/src/app/pages/home-page/home-page.component.scss similarity index 100% rename from components/admission-webhook/manifests/test-file rename to components/centraldashboard-angular/frontend/src/app/pages/home-page/home-page.component.scss diff --git a/components/crud-web-apps/jupyter/frontend/src/app/pages/form/form-default/volume/existing/pvc/pvc.component.spec.ts b/components/centraldashboard-angular/frontend/src/app/pages/home-page/home-page.component.spec.ts similarity index 55% rename from components/crud-web-apps/jupyter/frontend/src/app/pages/form/form-default/volume/existing/pvc/pvc.component.spec.ts rename to components/centraldashboard-angular/frontend/src/app/pages/home-page/home-page.component.spec.ts index 9c870f863cc..2830778b73e 100644 --- a/components/crud-web-apps/jupyter/frontend/src/app/pages/form/form-default/volume/existing/pvc/pvc.component.spec.ts +++ b/components/centraldashboard-angular/frontend/src/app/pages/home-page/home-page.component.spec.ts @@ -1,19 +1,19 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { PvcComponent } from './pvc.component'; +import { HomePageComponent } from './home-page.component'; -describe('PvcComponent', () => { - let component: PvcComponent; - let fixture: ComponentFixture{{ text }}
*The cluster admin has disabled setting this section!
diff --git a/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/form/section/section.component.scss b/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/form/section/section.component.scss index c5e4b47037c..329a58d4671 100644 --- a/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/form/section/section.component.scss +++ b/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/form/section/section.component.scss @@ -5,8 +5,7 @@ p { } .header { - font-weight: 500; - font-size: 20px; + display: flex; } .lib-icon { @@ -18,3 +17,7 @@ p { .form--section-bottom { margin-bottom: 0.5em; } + +.icon { + margin-left: 5px; +} diff --git a/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/form/section/section.component.spec.ts b/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/form/section/section.component.spec.ts index 20e9ba8b411..51caf3219fb 100644 --- a/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/form/section/section.component.spec.ts +++ b/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/form/section/section.component.spec.ts @@ -7,11 +7,13 @@ describe('FormSectionComponent', () => { let component: FormSectionComponent; let fixture: ComponentFixture
Create a filter query by entering either a property name or just a value
to narrow your results.
diff --git a/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/icon/icon.component.spec.ts b/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/icon/icon.component.spec.ts
index cd45375a49e..219e0a60395 100644
--- a/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/icon/icon.component.spec.ts
+++ b/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/icon/icon.component.spec.ts
@@ -7,13 +7,15 @@ describe('IconComponent', () => {
let component: IconComponent;
let fixture: ComponentFixture JupyterLab
+ An interactive development environment for notebooks, code, and data.
+ Ideal for prototyping and experimentation.
+ VisualStudio Code
+ A lightweight but powerful source code editor, redefined and optimized
+ for building and debugging modern web and cloud applications.
+ RStudio
+ An integrated development environment for R, a programming language
+ for statistical computing and graphics.
+
+
+ {{ col.value.getValue(element) }}
+
+
+
+ {{
+ col.value.getValue(element)
+ }}
+
+
+
+ {{ col.value.getViewValue(element) }}
+
+
diff --git a/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/resource-table/table/table.component.scss b/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/resource-table/table/table.component.scss
index 6c11ce34b03..b6791d4f980 100644
--- a/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/resource-table/table/table.component.scss
+++ b/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/resource-table/table/table.component.scss
@@ -1,3 +1,5 @@
+@import '../../../styles/variables.scss';
+
$row-padding: 8px;
:host {
@@ -48,9 +50,16 @@ td.mat-cell {
text-decoration: underline;
}
-.link:hover {
+a {
+ display: inline-block;
+ text-decoration: none;
+ color: black;
+ max-width: 100%;
+}
+
+a:hover {
text-decoration: underline;
- color: blue;
+ color: $link-color;
cursor: pointer;
}
diff --git a/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/resource-table/table/table.component.spec.ts b/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/resource-table/table/table.component.spec.ts
index b88ff9f0809..c564f91a4b6 100644
--- a/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/resource-table/table/table.component.spec.ts
+++ b/components/crud-web-apps/common/frontend/kubeflow-common-lib/projects/kubeflow/src/lib/resource-table/table/table.component.spec.ts
@@ -2,18 +2,25 @@ import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { TableComponent } from './table.component';
import { ResourceTableModule } from '../resource-table.module';
-import { quantityToScalar } from '@kubernetes/client-node/dist/util';
import {
PropertyValue,
DateTimeValue,
StatusValue,
ComponentValue,
+ LinkValue,
+ LinkType,
+ MemoryValue,
} from '../types';
import { MatChipInputEvent } from '@angular/material/chips';
import { TableColumnComponent } from '../component-value/component-value.component';
import { Component, SimpleChange } from '@angular/core';
import subMonths from 'date-fns/sub_months';
import { cloneDeep } from 'lodash-es';
+import { RouterTestingModule } from '@angular/router/testing';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { quantityToScalar } from './utils';
+import { STATUS_TYPE } from '../status/types';
@Component({
selector: 'lib-server-type',
@@ -40,10 +47,9 @@ const tableConfig = {
{
matHeaderCellDef: `Name`,
matColumnDef: 'name',
- value: new PropertyValue({
- field: 'name',
- tooltipField: 'name',
- truncate: true,
+ value: new LinkValue({
+ field: 'link',
+ linkType: LinkType.Internal,
}),
},
{
@@ -54,6 +60,11 @@ const tableConfig = {
}),
filteringPreprocessorFn: element => element.serverType,
},
+ {
+ matHeaderCellDef: `Memory`,
+ matColumnDef: 'memory',
+ value: new MemoryValue({ field: 'memory' }),
+ },
{
matHeaderCellDef: `Created at`,
matColumnDef: 'age',
@@ -65,12 +76,17 @@ const tableConfig = {
const tableData = [
{
status: {
- phase: 'ready',
+ phase: STATUS_TYPE.READY,
message: 'Running',
},
name: 'a-notebook',
serverType: 'jupyter',
age: '2022-02-25T16:57:23Z',
+ link: {
+ text: 'a-notebook',
+ url: '',
+ },
+ memory: '107374182400m',
},
{
status: {
@@ -80,6 +96,11 @@ const tableData = [
name: 'b-notebook',
serverType: 'group-one',
age: '2022-01-23T14:51:29Z',
+ link: {
+ text: 'b-notebook',
+ url: '',
+ },
+ memory: '1Gi',
},
];
@@ -94,11 +115,18 @@ describe('TableComponent', () => {
let component: TableComponent;
let fixture: ComponentFixture