merge: Add PatternFly 4 web interface (#161)

This pull requests adds the new web interface based on the PatternFly 4 design framework.
This framework enables us to develop more quickly the interfaces necessary in OpenDC. 

* Remove the OpenDC landing page from the web interface module
* Add support for the PatternFly 4 framework in Next.js
* Relax topology schema requirements
* Migrate UI components to PatternFly 4

1 files changed, 0 insertions, 48 deletions

diff --git a/opendc-web/opendc-web-ui/src/components/app/sidebars/Sidebar.js b/opendc-web/opendc-web-ui/src/components/app/sidebars/Sidebar.js
deleted file mode 100644
index 56fa799f..00000000
--- a/opendc-web/opendc-web-ui/src/components/app/sidebars/Sidebar.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-import React, { useState } from 'react'
-import { collapseButton, collapseButtonRight, sidebar, sidebarRight } from './Sidebar.module.scss'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faAngleLeft, faAngleRight } from '@fortawesome/free-solid-svg-icons'
-
-function Sidebar({ isRight, collapsible = true, children }) {
-    const [isCollapsed, setCollapsed] = useState(false)
-
-    const button = (
-        <div
-            className={classNames(collapseButton, {
-                [collapseButtonRight]: isRight,
-            })}
-            onClick={() => setCollapsed(!isCollapsed)}
-        >
-            {(isCollapsed && isRight) || (!isCollapsed && !isRight) ? (
-                <FontAwesomeIcon icon={faAngleLeft} title={isRight ? 'Expand' : 'Collapse'} />
-            ) : (
-                <FontAwesomeIcon icon={faAngleRight} title={isRight ? 'Collapse' : 'Expand'} />
-            )}
-        </div>
-    )
-
-    if (isCollapsed) {
-        return button
-    }
-    return (
-        <div
-            className={classNames(`${sidebar} p-3 h-100`, {
-                [sidebarRight]: isRight,
-            })}
-            onWheel={(e) => e.stopPropagation()}
-        >
-            {children}
-            {collapsible && button}
-        </div>
-    )
-}
-
-Sidebar.propTypes = {
-    isRight: PropTypes.bool.isRequired,
-    collapsible: PropTypes.bool,
-    children: PropTypes.node,
-}
-
-export default Sidebar