Merge pull request #340 from smiclea/CORWEB-189

Move UI configuration file to server side

Author: thenoizz

config.js

@@ -0,0 +1,60 @@
+// @flow
+
+import type { Config } from './src/types/Config'
+
+const conf: Config = {
+
+  // The list of pages which will not appear in the navigation menu
+  // Remove or comment to enable them
+  disabledPages: [
+    'planning',
+    'users',
+    'projects',
+  ],
+
+  // Whether to show the user domain name input when logging in
+  showUserDomainInput: false,
+
+  // The default user domain name used for logging in
+  defaultUserDomain: 'default',
+
+  // Shows the 'Use Current User/Project/Domain for Authentification' switch
+  // when creating a new openstack endpoint
+  showOpenstackCurrentUserSwitch: false,
+
+  // Whether to use Barbican secrets when creating a new endpoint
+  useBarbicanSecrets: true,
+
+  // The timeout between polling requests
+  requestPollTimeout: 5000,
+
+  // The list of providers which offer storage listing
+  storageProviders: ['openstack', 'azure'],
+
+  // The list of providers which offer source options
+  sourceOptionsProviders: ['aws'],
+
+  // - Specifies the `limit` for each provider when listing all its VMs for pagination.
+  // - If the provider is not in this list, the 'default' value will be used.
+  // - If the `default` value is lower than the number of instances that fit into a page, the latter number will be used.
+  // - `Infinity` value means no `limit` will be used, i.e. all VMs will be listed.
+  instancesListBackgroundLoading: { default: 10, ovm: Infinity },
+
+  // A list of providers for which `destination-options` API call(s) will be made
+  // If the item is just a string with the provider name, only one API call will be made
+  // If the item has `envRequiredFields`, an additional API call will be made once the specified fields are filled
+  providersWithExtraOptions: [
+    'openstack',
+    'oracle_vm',
+    {
+      name: 'azure',
+      envRequiredFields: ['location', 'resource_group'],
+    },
+    {
+      name: 'oci',
+      envRequiredFields: ['compartment', 'availability_domain'],
+    },
+  ],
+}
+
+export const config = conf

package.json

@@ -98,6 +98,7 @@
     "react-notification-system": "^0.2.15",
     "react-router-dom": "^4.2.2",
     "react-tooltip": "^3.4.0",
+    "require-without-cache": "^0.0.6",
     "rimraf": "^2.6.2",
     "styled-components": "2.2.0",
     "styled-tools": "^0.2.2",

private/cypress/integration/6 - users and projects/1 - Create a project.js

@@ -12,9 +12,7 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-// @flow
-
-import { navigationMenu } from '../../../../src/config'
+import { navigationMenu } from '../../../../src/constants'
 
 const isEnabled: () => boolean = () => {
   let usersEnabled = navigationMenu.find(i => i.value === 'users' && i.disabled === false)

private/cypress/integration/6 - users and projects/2 - Add a new user as a member.js

@@ -12,8 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-// @flow
-
 import { navigationMenu } from '../../../../src/config'
 
 const isEnabled: () => boolean = () => {

private/cypress/integration/6 - users and projects/3 - Add existing user as a member.js

@@ -12,8 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-// @flow
-
 import { navigationMenu } from '../../../../src/config'
 
 const isEnabled: () => boolean = () => {

private/cypress/integration/6 - users and projects/4 - Create a user.js

@@ -12,8 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-// @flow
-
 import { navigationMenu } from '../../../../src/config'
 
 const isEnabled: () => boolean = () => {

private/cypress/integration/6 - users and projects/5 - Edit and delete user.js

@@ -12,8 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-// @flow
-
 import { navigationMenu } from '../../../../src/config'
 
 const isEnabled: () => boolean = () => {

private/cypress/integration/6 - users and projects/6 - Edit and delete project.js

@@ -12,8 +12,6 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-// @flow
-
 import { navigationMenu } from '../../../../src/config'
 
 const isEnabled: () => boolean = () => {

server/main.js

@@ -12,9 +12,12 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
+// @flow
+
 import express from 'express'
 import fs from 'fs'
 import path from 'path'
+import requireWithoutCache from 'require-without-cache'
 
 import packageJson from '../package.json'
 
@@ -41,22 +44,30 @@ app.use(express.static('dist'))
 
 require('./proxy')(app)
 
+// $FlowIgnore
 app.get('/version', (req, res) => { res.send({ version: packageJson.version }) })
 
+// $FlowIgnore
+app.get('/config', (req, res) => {
+  res.send(requireWithoutCache('../config.js', require).config)
+})
+
 if (isDev) {
+  // $FlowIgnore
   app.use((req, res) => {
     res.redirect(`${req.baseUrl}/#${req.url}`)
   })
 } else {
+  // $FlowIgnore
   app.get('*/env.js', (req, res) => {
     res.sendFile(path.resolve(__dirname, '../dist', 'env.js'))
   })
+  // $FlowIgnore
   app.get('*', (req, res) => {
     res.sendFile(path.resolve(__dirname, '../dist', 'index.html'))
   })
 }
 
-
 app.listen(PORT, () => {
   console.log(`Express server is up on port ${PORT}`)
 })

src/components/App.jsx

@@ -37,9 +37,10 @@ import UserDetailsPage from './pages/UserDetailsPage'
 import ProjectsPage from './pages/ProjectsPage'
 import ProjectDetailsPage from './pages/ProjectDetailsPage'
 
-import { navigationMenu } from '../config'
+import { navigationMenu } from '../constants'
 import Palette from './styleUtils/Palette'
 import StyleProps from './styleUtils/StyleProps'
+import configLoader from '../utils/Config'
 
 injectGlobal`
   ${Fonts}
@@ -63,16 +64,31 @@ const Wrapper = styled.div`
   }
 `
 
-class App extends React.Component<{}> {
+type State = {
+  isConfigReady: boolean,
+}
+
+class App extends React.Component<{}, State> {
+  state = {
+    isConfigReady: false,
+  }
+
   componentWillMount() {
     userStore.tokenLogin()
+    configLoader.load().then(() => {
+      this.setState({ isConfigReady: true })
+    })
   }
 
   render() {
+    if (!this.state.isConfigReady) {
+      return null
+    }
+
     let renderOptionalPage = (name: string, component: any, path?: string, exact?: boolean) => {
       const isAdmin = userStore.loggedUser ? userStore.loggedUser.isAdmin : true
-      // $FlowIgnore
-      if (navigationMenu.find(m => m.value === name && !m.disabled && (!m.requiresAdmin || isAdmin))) {
+      let isDisabled = configLoader.config.disabledPages.find(p => p === name)
+      if (navigationMenu.find(m => m.value === name && !isDisabled && (!m.requiresAdmin || isAdmin))) {
         return <Route path={`${path || `/${name}`}`} component={component} exact={exact} />
       }
       return null
@@ -101,7 +117,7 @@ class App extends React.Component<{}> {
           <Route component={NotFoundPage} />
         </Switch>
         <Notifications />
-      </Wrapper>
+      </Wrapper >
     )
   }
 }