Commit Graph

59 Commits

Author SHA1 Message Date
Tobias Goerke 9b2f82188e Add PVCViewer Frontend Integration (kubeflow/kubeflow#7179)
* Add pvcviewer support to volumes backend

* Modifying volumes manifests for pvcviewer support

* viewer-spec is now valid

* Add frontend integration

* Fix flake8 errors

* Use material spinners to display wait times

* Default PVCViewer SA to default-editor

* fix: remove superfluous space in docker builds (kubeflow/kubeflow#7224)
2023-08-04 19:01:20 +00:00
Elena Zioga 95bbbf07da [wa-theme-typography]: Define theme and typography (kubeflow/kubeflow#7062)
* web-apps(front): Define theme and typography

In this commit:
* Create a styles folder that contains all sccs files.
* Define the generic theme and typography.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* web-apps(front): Use the style of the specified body-1 level

Signed-off-by: Elena Zioga <elena@arrikto.com>

* web-apps(front): Use the styles of the specified title and headline levels

Signed-off-by: Elena Zioga <elena@arrikto.com>

* web-apps(front): Use primary color in snackbar component

Signed-off-by: Elena Zioga <elena@arrikto.com>

* web-apps(front): Change back button

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(front): Fix imports after restructuring

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(front): Add mat-typography class in index.html

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(front): Use the style of the specified title level

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(front): Use primary color

Signed-off-by: Elena Zioga <elena@arrikto.com>

* vwa(front): Fix imports after restructuring

Signed-off-by: Elena Zioga <elena@arrikto.com>

* vwa(front): Add mat-typography class in index.html

Signed-off-by: Elena Zioga <elena@arrikto.com>

* vwa(front): Use the style of the specified title level

Signed-off-by: Elena Zioga <elena@arrikto.com>

* twa(front): Fix typo

Signed-off-by: Elena Zioga <elena@arrikto.com>

* twa(front): Add mat-typography class in index.html

Signed-off-by: Elena Zioga <elena@arrikto.com>

* twa(front): Fix imports after restructuring

Signed-off-by: Elena Zioga <elena@arrikto.com>

* twa(front): Use primary color

Signed-off-by: Elena Zioga <elena@arrikto.com>

* twa(front): Fix formatting

Signed-off-by: Elena Zioga <elena@arrikto.com>

* twa(front): Fix ui test

Signed-off-by: Elena Zioga <elena@arrikto.com>

---------

Signed-off-by: Elena Zioga <elena@arrikto.com>
2023-07-31 16:47:29 +00:00
dependabot[bot] 8475b42785 build(deps-dev): bump word-wrap from 1.2.3 to 1.2.4 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#7215)
Bumps [word-wrap](https://github.com/jonschlinkert/word-wrap) from 1.2.3 to 1.2.4.
- [Release notes](https://github.com/jonschlinkert/word-wrap/releases)
- [Commits](https://github.com/jonschlinkert/word-wrap/compare/1.2.3...1.2.4)

---
updated-dependencies:
- dependency-name: word-wrap
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2023-07-20 09:34:25 +00:00
Elena Zioga c0f00e836b jwa: Improve how JWA exposes errors (kubeflow/kubeflow#6952)
* web-apps(front): Fix status case

* Fix the status case to properly show the warning icon when the status
  phase is warning.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* web-apps(front): Modify status-icon component

* Modify the status-icon component to follow the status cases.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* web-apps(front): Modify status component

Signed-off-by: Elena Zioga <elena@arrikto.com>

* web-apps(front): Introduce status-info component

* Have an admonition in the details page of each Notebook with a
  detailed message on the current status.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(back): Extend process_status function

The process_status parses the status by:
- Checking the .status.containerState.
- Checking the .status.conditions, since they have the one-liner reason
  and a message.
- If none of the above exist, it will use the Events emitted for the
  notebook.
- In case it deduces the status from an Event and it's not available
  anymore, it uses a generic message.

Also, add a 10 second delay to the backend logic where we display a
spinner and a generic message to prevent a warning icon from appearing
immediately after a notebook is initialized.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(back): Extend getNotebook request

* Extend the getNotebook request to also include the processed status
  information in the Notebook details page.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(front): Extend the frontend

Extend the frontend by:
- Adding an admonition with a detailed message on the current status
  bellow the notebook name.
- Adding the processed_status field.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(front): Fix unit tests

Fix unit tests accordingly.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa: Don't show the popup when a notebook is being stopped

* Use the waiting status, which also uses the spinner, when a notebook
  is being stopped.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* vwa(front): Update lib-status-icon

Signed-off-by: Elena Zioga <elena@arrikto.com>

* fixup! jwa(back): Extend getNotebook request

* fixup! jwa(back): Extend process_status function

---------

Signed-off-by: Elena Zioga <elena@arrikto.com>
2023-03-23 15:23:22 +00:00
Elena Zioga e7a1d7d288 vwa: Remove all the Rok references (kubeflow/kubeflow#6984)
* vwa(front): Remove rok references

Signed-off-by: Elena Zioga <elena@arrikto.com>

* vwa(back): Remove rok references

Signed-off-by: Elena Zioga <elena@arrikto.com>

* vwa(build): Update Dockerfile

Signed-off-by: Elena Zioga <elena@arrikto.com>

---------

Signed-off-by: Elena Zioga <elena@arrikto.com>
2023-03-06 10:22:35 +00:00
Elena Zioga f465180f05 jwa(front): JWA shows a weird long value for memory when restoring notebook from snapshot (kubeflow/kubeflow#6897)
* web-apps(front): Introduce MemoryValue class

Signed-off-by: Elena Zioga <elena@arrikto.com>

* web-apps(front): Introduce unit tests for the MemoryValue class

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(front): Use MemoryValue class for memory column

Signed-off-by: Elena Zioga <elena@arrikto.com>

* web-apps(front): Make quantityToScalar() use only Number()

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(front): Update quantityToScalar() import

Signed-off-by: Elena Zioga <elena@arrikto.com>

* vwa(front): Update quantityToScalar() import

Signed-off-by: Elena Zioga <elena@arrikto.com>

---------

Signed-off-by: Elena Zioga <elena@arrikto.com>
2023-02-24 12:33:24 +00:00
dependabot[bot] 5c74a8acb5 build(deps): bump ua-parser-js from 0.7.31 to 0.7.33 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6908)
Bumps [ua-parser-js](https://github.com/faisalman/ua-parser-js) from 0.7.31 to 0.7.33.
- [Release notes](https://github.com/faisalman/ua-parser-js/releases)
- [Changelog](https://github.com/faisalman/ua-parser-js/blob/master/changelog.md)
- [Commits](https://github.com/faisalman/ua-parser-js/compare/0.7.31...0.7.33)

---
updated-dependencies:
- dependency-name: ua-parser-js
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2023-02-16 13:43:06 +00:00
dependabot[bot] e884dec019 build(deps): bump json5 from 1.0.1 to 1.0.2 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6881)
Bumps [json5](https://github.com/json5/json5) from 1.0.1 to 1.0.2.
- [Release notes](https://github.com/json5/json5/releases)
- [Changelog](https://github.com/json5/json5/blob/main/CHANGELOG.md)
- [Commits](https://github.com/json5/json5/compare/v1.0.1...v1.0.2)

---
updated-dependencies:
- dependency-name: json5
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2023-02-16 13:37:07 +00:00
Kimonas Sotirchos a99af12eea Add approvers to the frontends (kubeflow/kubeflow#6929)
* Add approvers to the frontends

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* Add owners to common frontend code

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

---------

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>
2023-02-13 17:23:24 +00:00
Orfeas Kourkakis b5e0deec09 cdb-angular: Show KF version (kubeflow/kubeflow#6918)
* cdb-angular: Modify README.md port-forward instructions

Add instructions to port-forward Profiles KFAM service.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* web-apps(front): Modify SnackBar service to use config parameter

Modify SnackBarService to:

 - Accept as a parameter a config object that will be able to include
   all possible configurations MatSnackBarService
 - Inject MAT_SNACK_BAR_DEFAULT_OPTIONS. This allows a structured way
   for every WA to provide to the service a default configuration
   app-wide for values like like HorizontalPosition and duration.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* cdb(front): Use Kubeflow common library

Build CDB using components from Kubeflow's common libary.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* cdb-angular(front): Introduce backend service and ErrorInterceptor

 - Introduce backend service to handle requests to the backend
 - Use snackBar service by KF common library
 - Introduce ErrorInterceptor to hanlde errors in a uniform way.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* cdb-angular(back): Remove "kubeflowVersion" from API

Remove the "kubeflowVersion from Workgroup's API "/env-info"
endpoint since it was using CRDs which are deprecated.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* cdb-angular(back): Modify KF build version during runtime

By default, the version displayed in the dashboard's sidebar is the
ENV variable `BUILD_VERSION` defined during build time. With this
change, the `/api/workgroup/env-info` endpoint may now return the
build's label, version, and id which will be displayed instead of the
BUILD_VERSION. These values are assigned during runtime and can be
defined through the deployment's `KF_DASHBOARD_BUILD_LABEL`,
`KF_DASHBOARD_VERSION` and `KF_DASHBOARD_BUILD_ID` ENV variables.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* cdb-angular(front): Show KF version in the left sidebar

Show KF version at the bottom of the left sidebar navigation menu.
Variables that are used to show the KF version get their default values
during build time but may be modified during runtime by the
depoloyment's ENV vars fetched from the request at
'/api/workflow/env-info'.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* jwa(front): Update the use of SnackBarService

Update the use of SnackBarService in order to pass required data via a
`config` object.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* vwa(front): Update the use of SnackBarService

Update the use of SnackBarService in order to pass required data via a
`config` object.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* twa(front): Update the use of SnackBarService

Update the use of SnackBarService in order to pass required data via a
`config` object.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* web-apps(front): Fix flaky filtering unit test

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

---------

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
2023-02-13 16:16:25 +00:00
Orfeas Kourkakis 6a02712226 vwa(front): Prevent PVCs from being deleted when there is a corresponding notebook (kubeflow/kubeflow#6899)
* vwa(back): Append notebooks using each PVC

Append notebooks using each PVC when getting and parsing all PVCs.

Refs arrikto/dev#2017

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
Reviewed-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* vwa(front): Create custom delete action column

Create custom delete column component that extends ActionComponent from
Kubeflow common code and adds the following functionalities:

* Disable the button when a row's notebooks array is not empty
* Display an appropriate message including the notebooks' names

Refs arrikto/dev#2017

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
Reviewed-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* vwa(front): Add delete button component in index page

Implement custom delete column in the table in VWA's index page.

Refs arrikto/dev#2017

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
Reviewed-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* vwa(front): Add Used by column in volumes table

Add a Used by column in volumes table of VWA's index page in order to
link to the notebooks that are using each PVC.

Refs arrikto/dev#2017

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
Reviewed-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* vwa(front): Fix integration tests

Update mock request for PVCs

Refs arrikto/dev#2017
Refs arrikto/dev#2135

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
Reviewed-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* vwa(front): Fix format error

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* web-apps(front): Fix linting errors

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

---------

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
2023-01-30 10:02:05 +00:00
Elena Zioga 89d4f97303 [wa-actual-links-in-tables] Make links in our table component actual links (kubeflow/kubeflow#6864)
* web-apps(front): Import @angular/router package

Import @angular/router package to use routerLink directive.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* web-apps(front): Introduce LinkValue class

Introduce a distinct class for our external and internal links.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* web-apps(front): Modify unit tests

Signed-off-by: Elena Zioga <elena@arrikto.com>

* web-apps(front): Remove isLink property from PropertyValue class

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(front): Make links actual links

Make JWA's main table links actual links by using the new LinkValue
class.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* vwa(front): Make links actual links

Make VWA's main table links actual links by using the new LinkValue
class.

Signed-off-by: Elena Zioga <elena@arrikto.com>

Signed-off-by: Elena Zioga <elena@arrikto.com>
2023-01-18 14:19:21 +00:00
Orfeas Kourkakis cf5301b10a vwa(front): Add UI tests with Cypress (kubeflow/kubeflow#6862)
* web-apps(front): Remove Protractor files

Remove Protractor files since it's not used anywhere in the common
code.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* web-apps(front): Add Cypress attributes

Add more attributes and modify some existing ones for elements to be
selectable during UI tests with Cypress.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* vwa(front): Install Cypress

 - Install Cypress & npm scripts for UI tests
 - Remove Protractor files
 - Update README.md with UI tests instructions

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* vwa(front): Add UI tests with Cypress

 - Add Cypress attributes for elements to be selectable during
   UI tests.
 - Add UI tests with Cypress to check that:
    * New Volume form dialog has proper values
    * Index page table contains all PVC names received
    * Index page table status icons are correctly shown
    * Index page table browse buttons are correctly shown

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* gh-actions(vwa): Add UI tests to VWA's frontend workflow

Add UI tests to VWA's frontend workflow. These tests should run in
Ubuntu 20.04 since Ubuntu 20.04 includes both Chrome and Firefox
installations by default.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* vwa(front): Fix formatting errors

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* web-apps(front): Fix format errors

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
2023-01-03 13:11:24 +00:00
Orfeas Kourkakis 3dec176271 web-apps(front): Sort events & conditions tables by date (kubeflow/kubeflow#6858)
* web-apps(front): Sort tables according to input

Configure tableConfig with new fields (column and order) that the table
will use to sort items during initialization.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* web-apps(front): Sort conditions table by timestamp

Initialize conditions table sorted by Last Transition Time column, with
the most recent ones being on top.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* jwa(front): Sort events by timestamp

Initialize events table in EVENTS tab by Created at column, with the
most recent ones being on top.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* vwa(front): Sort events by timestamp

Initialize events table in EVENTS tab by Created at column, with the
most recent ones being on top.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* vwa(front): Fix format errors

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
2022-12-20 16:50:19 +00:00
Orfeas Kourkakis d5216c7d2a jwa(front): Link to VWA details page (kubeflow/kubeflow#6857)
* web-apps(front): Create lib-urls component

Create a URLs component in Kubeflow common library which takes a
list of URLs and their corresponding name and exposes them
horizontally in a div.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* web-apps(front): Add unit test for lib-urls

Add a unit test for lib-urls component

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* jwa(front): Remove column Volumes from index page

Remove Volumes column from the table in JWA's index page.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* jwa(front): Link to a Volume details from JWA details page

 - Expose all volumes from a notebook, not only PVCs.
 - Expose the volumes grouped by type, having PVCs link to their
   corresponding volume details page in VWA, using lib-urls
   component.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* vwa(front): Implement lib-urls in VWA details page

Implement lib-urls component in the OVERVIEW tab of VWA's volume
details page to avoid duplicate code.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* jwa(front): Use common link styles

Use common link styles in configurations component.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* Fix linting errors

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
2022-12-20 16:49:18 +00:00
Orfeas Kourkakis cfe32e59c2 web-apps(front): Fix namespace selector bug (kubeflow/kubeflow#6845)
Fix a bug in the namespace selectors of JWA, VWA and TWA. In order to
show the namespace selector, they only checked if there is no
env.production variable available. This resulted in the selector not
showing even if there was no dashboard which is not expected.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
2022-12-20 16:47:18 +00:00
Orfeas Kourkakis 64a757de75 vwa(front): Handle query parameters and add unit tests (kubeflow/kubeflow#6835)
* vwa(front): Handle query parameters in Volume details page

Add query parameter handling for each tab in order for the user to
be able to navigate directly to the tab of choice inside the Volume
details page.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* vwa(front): Add unit tests for volume-details-page component

Add unit tests in order to:
 - Show only the proper tab according to query parameters passed.
 - Switch tabs according to query parameters passed.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* vwa(front): Add unit tests for overview component

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* gh-actions(vwa): Add frontend tests

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* vwa(front): Fix linting errors

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
2022-12-15 11:51:21 +00:00
Elena Zioga dd0a681457 web-apps(front): Enable source maps in WAs (kubeflow/kubeflow#6787)
* jwa(front): Add source maps in the browser

* Enable source maps in both development and production.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* vwa(front): Add source maps in the browser

* Enable source maps in both development and production.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* twa(front): Add source maps in the browser

* Enable source maps in both development and production.

Signed-off-by: Elena Zioga <elena@arrikto.com>

Signed-off-by: Elena Zioga <elena@arrikto.com>
2022-12-09 14:12:11 +00:00
Orfeas Kourkakis bfb48f8e71 vwa(front): Add YAML tab to Volume details page (kubeflow/kubeflow#6823)
Add tab to show the full yaml of the PVC.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
2022-12-09 10:43:11 +00:00
Orfeas Kourkakis ba62fcc93b vwa: Add EVENTS tab to Volume details page (kubeflow/kubeflow#6806)
* vwa(front): Fix tests symLinks to Kubeflow common code

Add field preserveSymLinks in angular.json in order to link to
Kubeflow common library during tests.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* vwa(front): Fix unit tests failing

Fix unit tests failing for the following components: app, index,
index-default, index-rok, form-default, form-rok

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* vwa(front): Add delete button to Volume details page

In this commit:
 - Add button for Delete action.
 - Create Actions Service to handle delete action and implement it in
   all components that use it.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* vwa(back): Get a PVC's events

Add logic in the backend to fetch the events of a PVC.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* vwa(front): Add EVENTS tab to Volume details page

Add Events tab to show the available events of the pvc in the form
of a table, in order to help a user with debugging the pvc.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* vwa(front): fix linting errors

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
2022-12-07 16:58:37 +00:00
Elena Zioga cca60b7d26 jwa(front): Fix unit tests (kubeflow/kubeflow#6804)
* jwa(front): Rename form-default component

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(front): Create missing module files

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(front): Remove form-rok and form components

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(front): Update JWA's @angular/common package

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(front): Modify rok-url component

Signed-off-by: Elena Zioga <elena@arrikto.com>

* web-apps(front): Add Rok URL message

Signed-off-by: Elena Zioga <elena@arrikto.com>

* vwa(front): Update VWA's @angular/common package

Signed-off-by: Elena Zioga <elena@arrikto.com>

* vwa(front): Remove the headers request

Remove the headers request since the common code implements it.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(front): Fix JWA's unit tests

Fix JWA's unit tests.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* gh-actions: Add GH action to run JWA unit tests

Signed-off-by: Elena Zioga <elena@arrikto.com>

* jwa(build): Update Dockerfile

Update Dockerfile to not build Rok.

Signed-off-by: Elena Zioga <elena@arrikto.com>

Signed-off-by: Elena Zioga <elena@arrikto.com>
2022-12-07 12:49:38 +00:00
Orfeas Kourkakis daef70e326 VWA: Create Volume details page (kubeflow/kubeflow#6788)
* vwa(back): Get a single PVC and the pods using it

Add logic in the backend to fetch a single PVC and the pods using
it.

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

* vwa(front): Create Volume details page with OVERVIEW tab

Create OVERVIEW tab to show key information about the PVC.

* vwa(front): Format files

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>

Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
2022-12-05 10:27:08 +00:00
dependabot[bot] 04ee71798e build(deps): bump engine.io and socket.io in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6758)
Bumps [engine.io](https://github.com/socketio/engine.io) and [socket.io](https://github.com/socketio/socket.io). These dependencies needed to be updated together.

Updates `engine.io` from 6.1.3 to 6.2.1
- [Release notes](https://github.com/socketio/engine.io/releases)
- [Changelog](https://github.com/socketio/engine.io/blob/main/CHANGELOG.md)
- [Commits](https://github.com/socketio/engine.io/compare/6.1.3...6.2.1)

Updates `socket.io` from 4.4.1 to 4.5.3
- [Release notes](https://github.com/socketio/socket.io/releases)
- [Changelog](https://github.com/socketio/socket.io/blob/main/CHANGELOG.md)
- [Commits](https://github.com/socketio/socket.io/compare/4.4.1...4.5.3)

---
updated-dependencies:
- dependency-name: engine.io
  dependency-type: indirect
- dependency-name: socket.io
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-12-05 10:17:08 +00:00
Kimonas Sotirchos 485550635b web-apps: Add support for all-namespaces in the Volumes and TensorBoards web apps (kubeflow/kubeflow#6778)
* vwa(front): Support all-namespaces

The VWA will now be able to work with the "All namespaces" option of
the CentralDashboard.

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* twa(front): Support all-namespaces

The TWA will now be able to work with the "All namespaces" option of
the CentralDashboard.

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* wa(front): Add cypress attributes

Add more attributes for elements to be selectable when running e2e
tests.

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* jwa(e2e): Add e2e tests for all-namespaces

Add a new e2e test that checks if the Namespaces column is shown
when selecting all-namespaces.

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* dashboard: Allow all-namespaces for vwa/twa

The dashboard will be allowing the VWA and TWA to work with
all-namespaces, now that we added this functionality.

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>
2022-11-29 10:56:43 +00:00
Elena Zioga 9fa3fde87e Upgrade @angular/material in WAs (kubeflow/kubeflow#6763)
* jwa(front): Upgrade @angular/material package (kubeflow/kubeflow#6462)

* Upgrade @angular/material package to align the mat-chip x button.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* vwa(front): Upgrade @angular/material package (kubeflow/kubeflow#6462)

* Upgrade @angular/material package to align the mat-chip x button.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* twa(front): Upgrade @angular/material package (kubeflow/kubeflow#6462)

* Upgrade @angular/material package to align the mat-chip x button.

Signed-off-by: Elena Zioga <elena@arrikto.com>

Signed-off-by: Elena Zioga <elena@arrikto.com>
2022-11-23 15:06:43 +00:00
Elena Zioga af487b53b9 Sorting support for VWA and TWA (kubeflow/kubeflow#6743)
* vwa(front): Enable sorting in VWA (kubeflow/kubeflow#6460)

* Enable sorting functionality in VWA.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* twa(front): Enable sorting in TWA (kubeflow/kubeflow#6460)

* Enable sorting functionality in TWA.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* web-apps(front): Fix unit tests

* Fix unit tests.

Signed-off-by: Elena Zioga <elena@arrikto.com>

Signed-off-by: Elena Zioga <elena@arrikto.com>
2022-11-16 14:29:12 +00:00
dependabot[bot] 301c54f18e build(deps): bump loader-utils from 1.2.3 to 1.4.2 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6737)
Bumps [loader-utils](https://github.com/webpack/loader-utils) from 1.2.3 to 1.4.2.
- [Release notes](https://github.com/webpack/loader-utils/releases)
- [Changelog](https://github.com/webpack/loader-utils/blob/v1.4.2/CHANGELOG.md)
- [Commits](https://github.com/webpack/loader-utils/compare/v1.2.3...v1.4.2)

---
updated-dependencies:
- dependency-name: loader-utils
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-11-15 14:27:28 +00:00
Kimonas Sotirchos 1be7370a06 web-apps: Common code for all-namespaces (kubeflow/kubeflow#6730)
* wa(front): Use es2019 to have .flat()

Add es2019 to the tsconfig.compilerOptions.lib array in order for the
tslint linter to not complain about the use of flat().

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* wa(front): all-namespaces requests helper

Add a helper function in the backend.service that can take care of
creating the observable that will make requests for all namespaces.

Refs arrikto/dev#1529

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* wa(front): Disable toolbar + button on all-namespaces

Add helper methods to toolbar buttons to disable/enable them and add a
tooltip if the user selected all-namespaces.

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* wa(front): Common logic for dynamic ns column

We want to show a `namespace` column when the user selects
all-namespaces, to make it easier to identify the different objects.

To not replicate the logic of adding and removing a column if all
namespaces was selected we moved this logic in the common table
component.

We also add an option to the component's config to disable/enable this
behavior.

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* jwa(front): Utilize common code for all-namespaces

Update the JWA's code to work with the common code introduced to
supporting all-namespaces. This includes changes for:
* The Namespace column in the main table
* Helpers for performing requests in all namespaces
* Dynamically enabling/disabling the `+ new` button

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* frontend: Update the linting GH Action

Ensure we run `ng lint` to check if the code is properly linted.

Previously we just did `ng lint --fix` which would try to fix the code,
and not complain about it. But this means that we don't actually check
if the code is linted.

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* wa(front): Fix linting issues in common code

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* gh-actions: Lint apps in parallel

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>
2022-11-14 16:22:26 +00:00
dependabot[bot] 00f0ce5a23 build(deps): bump loader-utils from 1.2.3 to 1.4.1 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6717)
Bumps [loader-utils](https://github.com/webpack/loader-utils) from 1.2.3 to 1.4.1.
- [Release notes](https://github.com/webpack/loader-utils/releases)
- [Changelog](https://github.com/webpack/loader-utils/blob/v1.4.1/CHANGELOG.md)
- [Commits](https://github.com/webpack/loader-utils/compare/v1.2.3...v1.4.1)

---
updated-dependencies:
- dependency-name: loader-utils
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-11-14 12:54:26 +00:00
dependabot[bot] 2d2bd86bbb build(deps): bump socket.io-parser from 4.0.4 to 4.0.5 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6728)
Bumps [socket.io-parser](https://github.com/socketio/socket.io-parser) from 4.0.4 to 4.0.5.
- [Release notes](https://github.com/socketio/socket.io-parser/releases)
- [Changelog](https://github.com/socketio/socket.io-parser/blob/main/CHANGELOG.md)
- [Commits](https://github.com/socketio/socket.io-parser/compare/4.0.4...4.0.5)

---
updated-dependencies:
- dependency-name: socket.io-parser
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-11-11 10:19:51 +00:00
Kimonas Sotirchos 766528e659 web-apps: Ensure in-flight requests are cancelled (kubeflow/kubeflow#6718)
* vwa(front): Use ng serve for local dev

Add proxy rules to connect the webpack dev server with the backend

* twa(front): Use ng serve for local dev

Refs arrikto/dev#1597

* vwa(back): Fix the install-deps make rule

Use the new common code path when installing the common packages.

* wa(front): Disable Angular analytics

Edit the angular.json file of all our frontend components to not send
Angular analytics. This way we won't be seeing a y/N input each time we
try to build the frontend, which could also block a CI/CD system.

* wa(front): Add exponential-backoff service

Create an Angular Service that handles the polling. Specifically the
polling function has as input an observable responsible for fetching the
data. It will return a final observable, which will be using the
fetch-observable, that will only be emitting the final data.

This service will take care of:
1. Checking if the new data is new and reset the polling
2. Cancelling in-flight requests, if someone terminates the subscription

* vwa(front): Use the new Polling Service

The frontend code of VWA will now be using the new Poller Service which
has a pure RxJS implementation underneath. This will make it simpler to
cancel in-flight requests and also moves the reset logic into the common
code.

* jwa(front): Use the new Polling Service

The frontend code of JWA will now be using the new Poller Service which
has a pure RxJS implementation underneath. This will make it simpler to
cancel in-flight requests and also moves the reset logic into the common
code.

* twa(front): Use the new Polling Service

The frontend code of TWA will now be using the new Poller Service which
has a pure RxJS implementation underneath. This will make it simpler to
cancel in-flight requests and also moves the reset logic into the common
code.
2022-11-10 14:37:00 +00:00
Elena Zioga d053c3fc92 [wa-upgrade-k8s-client] Upgrade @kubernetes/client-node in wa frontends (kubeflow/kubeflow#6696)
* jwa(front): Upgrade @kubernetes/client-node module

* Upgrade @kubernetes/client-node module, so that to include
  quantityToScalar function directly from kubernetes js module.
* Set allowSyntheticDefaultImports flag to true to allow 'import x
  from y' when a module doesn't have a default export.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* vwa(front): Upgrade @kubernetes/client-node module

* Upgrade @kubernetes/client-node module, so that to include
  quantityToScalar function directly from kubernetes js module.
* Set allowSyntheticDefaultImports flag to true to allow 'import x
  from y' when a module doesn't have a default export.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* twa(front): Upgrade @kubernetes/client-node module

* Upgrade @kubernetes/client-node module, so that to include
  quantityToScalar function directly from kubernetes js module.
* Set allowSyntheticDefaultImports flag to true to allow 'import x
  from y' when a module doesn't have a default export.

Signed-off-by: Elena Zioga <elena@arrikto.com>

Signed-off-by: Elena Zioga <elena@arrikto.com>
2022-11-03 08:37:05 +00:00
Elena Zioga b6ae7a746d [wa-age-column-improvements] Improvements in the web app's age column (kubeflow/kubeflow#6694)
* web-apps(front): Rename Age header in WAs

* Rename Age header to Created at.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* web-apps(front): Right-align date columns in WAs

* Make date columns to be right-aligned.

Signed-off-by: Elena Zioga <elena@arrikto.com>

Signed-off-by: Elena Zioga <elena@arrikto.com>
2022-11-01 08:39:21 +00:00
Elena Zioga 95f2db2940 [vwa-datetime] Showing dates in main page uniformly in VWA (kubeflow/kubeflow#6683)
* vwa(back): Modify age column to be a timestamp

* Modify the backend to send a timestamp as is without doing any formatting.

Signed-off-by: Elena Zioga <elena@arrikto.com>

* vwa(front): Use DateTimeValue class in age column

* Use DateTimeValue class in TableConfig for age column instead of PropertyValue one.

Signed-off-by: Elena Zioga <elena@arrikto.com>

Signed-off-by: Elena Zioga <elena@arrikto.com>
2022-10-31 10:50:49 +00:00
dependabot[bot] 39e6d57e89 build(deps): bump jose from 2.0.5 to 2.0.6 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6653)
Bumps [jose](https://github.com/panva/jose) from 2.0.5 to 2.0.6.
- [Release notes](https://github.com/panva/jose/releases)
- [Changelog](https://github.com/panva/jose/blob/v2.0.6/CHANGELOG.md)
- [Commits](https://github.com/panva/jose/compare/v2.0.5...v2.0.6)

---
updated-dependencies:
- dependency-name: jose
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-10-25 10:07:29 +00:00
dependabot[bot] decc7780c2 build(deps): bump jszip from 3.6.0 to 3.10.1 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6640)
Bumps [jszip](https://github.com/Stuk/jszip) from 3.6.0 to 3.10.1.
- [Release notes](https://github.com/Stuk/jszip/releases)
- [Changelog](https://github.com/Stuk/jszip/blob/main/CHANGES.md)
- [Commits](https://github.com/Stuk/jszip/compare/v3.6.0...v3.10.1)

---
updated-dependencies:
- dependency-name: jszip
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-10-18 08:17:28 +00:00
Xin Hao 17244286bd Fix ng lint (kubeflow/kubeflow#6586)
* fix lint errors

* fix lint

* Update package-lock.json

* Update package-lock.json

* Add workflow for frontend lint
2022-07-21 12:30:17 +00:00
Xin Hao 6acd207ffa crud-web-apps: Apply ng lint (kubeflow/kubeflow#6580) 2022-07-20 12:12:21 +00:00
Xin Hao 4e36336893 crud-web-apps: Migrate from tslint to eslint (kubeflow/kubeflow#6464)
* build: Migrate tslint to eslint

* crud webapps - migrate tslint to eslint

* fix npm versions

* fix npm deps
2022-07-19 10:57:48 +00:00
dependabot[bot] ed974c92b3 build(deps): bump async from 2.6.3 to 2.6.4 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6449)
Bumps [async](https://github.com/caolan/async) from 2.6.3 to 2.6.4.
- [Release notes](https://github.com/caolan/async/releases)
- [Changelog](https://github.com/caolan/async/blob/v2.6.4/CHANGELOG.md)
- [Commits](https://github.com/caolan/async/compare/v2.6.3...v2.6.4)

---
updated-dependencies:
- dependency-name: async
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-04-15 11:26:39 +00:00
dependabot[bot] f463c27950 Bump shelljs from 0.8.4 to 0.8.5 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6287)
Bumps [shelljs](https://github.com/shelljs/shelljs) from 0.8.4 to 0.8.5.
- [Release notes](https://github.com/shelljs/shelljs/releases)
- [Changelog](https://github.com/shelljs/shelljs/blob/master/CHANGELOG.md)
- [Commits](https://github.com/shelljs/shelljs/compare/v0.8.4...v0.8.5)

---
updated-dependencies:
- dependency-name: shelljs
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-04-15 11:23:39 +00:00
dependabot[bot] e795140bb6 build(deps): bump nanoid from 3.1.23 to 3.3.2 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6442)
Bumps [nanoid](https://github.com/ai/nanoid) from 3.1.23 to 3.3.2.
- [Release notes](https://github.com/ai/nanoid/releases)
- [Changelog](https://github.com/ai/nanoid/blob/main/CHANGELOG.md)
- [Commits](https://github.com/ai/nanoid/compare/3.1.23...3.3.2)

---
updated-dependencies:
- dependency-name: nanoid
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-04-15 07:36:39 +00:00
dependabot[bot] 1870d9c5aa build(deps): bump follow-redirects from 1.14.1 to 1.14.9 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6439)
Bumps [follow-redirects](https://github.com/follow-redirects/follow-redirects) from 1.14.1 to 1.14.9.
- [Release notes](https://github.com/follow-redirects/follow-redirects/releases)
- [Commits](https://github.com/follow-redirects/follow-redirects/compare/v1.14.1...v1.14.9)

---
updated-dependencies:
- dependency-name: follow-redirects
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-04-14 12:23:53 +00:00
dependabot[bot] 1d59f782ef build(deps-dev): bump karma from 6.3.4 to 6.3.16 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6388)
Bumps [karma](https://github.com/karma-runner/karma) from 6.3.4 to 6.3.16.
- [Release notes](https://github.com/karma-runner/karma/releases)
- [Changelog](https://github.com/karma-runner/karma/blob/master/CHANGELOG.md)
- [Commits](https://github.com/karma-runner/karma/compare/v6.3.4...v6.3.16)

---
updated-dependencies:
- dependency-name: karma
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-04-14 10:49:53 +00:00
dependabot[bot] 015a576af8 build(deps): bump url-parse from 1.5.1 to 1.5.10 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6380)
Bumps [url-parse](https://github.com/unshiftio/url-parse) from 1.5.1 to 1.5.10.
- [Release notes](https://github.com/unshiftio/url-parse/releases)
- [Commits](https://github.com/unshiftio/url-parse/compare/1.5.1...1.5.10)

---
updated-dependencies:
- dependency-name: url-parse
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-04-14 10:47:53 +00:00
dependabot[bot] 353f7a0fc7 build(deps): bump minimist from 1.2.5 to 1.2.6 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6423)
Bumps [minimist](https://github.com/substack/minimist) from 1.2.5 to 1.2.6.
- [Release notes](https://github.com/substack/minimist/releases)
- [Commits](https://github.com/substack/minimist/compare/1.2.5...1.2.6)

---
updated-dependencies:
- dependency-name: minimist
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-04-14 09:21:53 +00:00
dependabot[bot] 047f71282f build(deps): bump ajv from 6.10.2 to 6.12.6 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6358)
Bumps [ajv](https://github.com/ajv-validator/ajv) from 6.10.2 to 6.12.6.
- [Release notes](https://github.com/ajv-validator/ajv/releases)
- [Commits](https://github.com/ajv-validator/ajv/compare/v6.10.2...v6.12.6)

---
updated-dependencies:
- dependency-name: ajv
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-04-14 09:17:53 +00:00
dependabot[bot] f64c3576d7 Bump log4js from 6.3.0 to 6.4.1 in /components/crud-web-apps/volumes/frontend (kubeflow/kubeflow#6310)
Bumps [log4js](https://github.com/log4js-node/log4js-node) from 6.3.0 to 6.4.1.
- [Release notes](https://github.com/log4js-node/log4js-node/releases)
- [Changelog](https://github.com/log4js-node/log4js-node/blob/master/CHANGELOG.md)
- [Commits](https://github.com/log4js-node/log4js-node/compare/v6.3.0...v6.4.1)

---
updated-dependencies:
- dependency-name: log4js
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-01-26 22:29:10 +00:00
Kimonas Sotirchos cf573451c8 frontend: Use responsive tables instead of cards (kubeflow/kubeflow#6316)
* jwa(front): Make ng lint work by ignoring e2e/tsconfig.json

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>
Reviewed-by: Tasos Alexiou <tasos@arrikto.com>

* web-apps(front): Make the table responsive

We introduced all of our changes in the underlying TableComponent. This
component can then be either used independently or inside a material
card.

The changes we did in that component are:
1. Create Output() emitters, since this component can be used directly
2. The config object for a Table row now supports a `style` prop for
   defining the list of CSS styles to be applied
2. Remove the truncate classes (small, medium, large) and only have
   a boolean value. The user can define the width directly now via the
   `style` property in the row's config
3. Modify the classes for aligning contents right and left

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>
Reviewed-by: Tasos Alexiou <tasos@arrikto.com>

* web-apps(front): Add table paginator

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>
Reviewed-by: Tasos Alexiou <tasos@arrikto.com>

* web-apps(front): Add padding to titlebar text

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>
Reviewed-by: Tasos Alexiou <tasos@arrikto.com>

* web-apps(front): Use bigger font for toolbar title

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>
Reviewed-by: Tasos Alexiou <tasos@arrikto.com>

* jwa(front): Use responsive table and toolbar

We refactor both the index and form pages of the app to:
1. Add a top row toolbar with the title of the app and the button to
   create a new Notebook
2. Replace the card with a responsive table that shows the items. The
   component also has a paginator

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>
Reviewed-by: Tasos Alexiou <tasos@arrikto.com>

* vwa(front): Use responsive table and toolbar

This commit:
1. Adds a toolbar at the top of the index page with the title of the app
   and the button to create a new volume
2. Replaces the card with a responsive table

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>
Reviewed-by: Tasos Alexiou <tasos@arrikto.com>

* twa(front): Use responsive table and toolbar

This commit:
1. Adds a toolbar at the top of the index page with the title of the app
   and a button to create a new TensorBoard instance
2. Replaces the card with a resopnsive table

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>
Reviewed-by: Tasos Alexiou <tasos@arrikto.com>

* fix the format

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* wa(front): Add npm script for running unit tests in docker

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>

* fix unit tests failing

Signed-off-by: Kimonas Sotirchos <kimwnasptd@arrikto.com>
2022-01-26 13:30:44 +00:00
Hao Xin c771edadf4 Fix(frontend): Upgrade ts node to v4 (kubeflow/kubeflow#6242)
* Upgrade ts-node to v10

* Update lock
2021-12-15 12:37:51 +00:00