Overhaul The User Management Dashboard

dmytro.trifonov · July 18, 2016, 7:58pm

How to set pass for user that I am creating?

r0bby · July 18, 2016, 7:59pm

You register the user first (by hand sadly) and then set it as admin What I mean, is go to the registration page and fill out the form

r0bby · July 18, 2016, 8:00pm

You got it?

dmytro.trifonov · July 18, 2016, 8:00pm

thanks, understand.

And it works

But when I’m trying to open localhost:3000/user-dashboard, it shows 404, maybe I must setup ID Dashboard routing?

r0bby · July 18, 2016, 8:11pm

Yeah you might have to import the app reference from ID dashboard so that it’s added to the routes.

dmytro.trifonov · July 18, 2016, 8:13pm

in my module, I have

github.com

diospark/openmrs-contrib-id-user-management-dashboard/blob/master/index.js#L21


module.exports = function(app) {


var router = express.Router();


require('./app/lib/Api')(router);


app.use(require('webpack-dev-middleware')(compiler, {
  noInfo: true,
  publicPath: config.output.publicPath,
  stats: {
    colors: true
  }
}));


app.use(require('webpack-hot-middleware')(compiler));


app.get('/user-dashboard', mid.restrictTo('dashboard-administrators'), (req, res) => {
  res.sendFile(path.join(__dirname, './app/index.html'));
});


// mount user dashboard

is it not enough? Or I must include my module somewhere manually?

r0bby · July 18, 2016, 8:15pm

Did you add your module to the list of modules to load? Order doesn’t matter.

github.com

openmrs/openmrs-contrib-id/blob/master/app/conf.example.js#L113


  },
},
"defaultSidebar": [
  "needhelp"
],


// displays at bottom of sidebar
"aboutHTML": `<a href="/">OpenMRS ID Dashboard</a>, v${require("../package").version}`,


// user-configured modules
"userModules": [
  "openmrs-contrib-id-globalnavbar",
  "openmrs-contrib-id-sso",
  "openmrs-contrib-id-user-management-dashboard"
],


// a exceptionlists of session middlware, use regular expressions
"sessionExceptions": [
  /^\/globalnav($|\/.*$)/,
  /^\/resource\/.*$/,
  /^\/panel($|\/.*$)/, // session will contradict with formage's

dmytro.trifonov · July 18, 2016, 8:15pm

no, just added. Then restart docker?

r0bby · July 18, 2016, 8:17pm

@dmytro.trifonov, actually you need to run this locally –

cp app/conf.example.js app/conf.js ; docker-compose stop web ; docker-compose up -d mailcatcher mongodb (last step shouldn’t be necessary right now)

Add your module to the userModules list and save

Then node app/app

dmytro.trifonov · July 18, 2016, 8:32pm

Are there any way to resolve dependencies for all user-modules automatically? or I must go to each folder, and execute ‘npm i’ there?

r0bby · July 18, 2016, 8:32pm

git submodule foreach npm install – that’s why I made them submodules

dmytro.trifonov · July 18, 2016, 8:33pm

Awesome!

r0bby · July 18, 2016, 8:34pm

Random things I learned while stumbling – I REALLLLLLLLLLLLLLLLY know git.

dmytro.trifonov · July 18, 2016, 8:36pm

it WORKS! Thanks for your huge support, now I can integrate users data to our User Dashboard

r0bby · July 18, 2016, 8:37pm

No problem – I tried to set this up so that it’s easy if you run it inside docker or outside of docker. For some weird reason, I could never get OpenLDAP to install on my system…not sure WHY

dmytro.trifonov · July 19, 2016, 6:48am

I’ve got yet one error, associated with babel compiling.

Let me explain. The problem is that when we using user-dashboard as a ID module, and trying to include some code from ID dashboard, it includes modules from openmrs-contrib-id/node_modules (such as express, mongoose, and others)

github.com

diospark/openmrs-contrib-id-user-management-dashboard/blob/import-test/app/lib/Api.js

import UserSchema from './../../../../models/user';

UserSchema.find().exec(function(err, users) {
  console.log(users);
});

but our webpack configured for only one node_modules folder, and when we include something from id-dashboard, we have TWO node_modules folder, and there are such errors as:

ERROR in ./~/glob/sync.js Module not found: Error: Cannot resolve module 'fs' in /home/invercity/projects/webstorm/openmrs-contrib-id/node_modules/glob @ ./~/glob/sync.js 4:9-22

etc…

So, we need to configure webpack for 2 node_modules folders, but as for now, our configuration is not working, I am still trying to fix it. Maybe someone who have more experience with webpack and babel could help? Here is our current configuration:

github.com

diospark/openmrs-contrib-id-user-management-dashboard/blob/master/webpack.config.js

const path = require('path');
const webpack = require('webpack');
const autoprefixer = require('autoprefixer');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
  context: __dirname,
  devtool: 'inline-source-map',
  entry: [
    'webpack-hot-middleware/client',
    './app/client.js'
  ],
  output: {
    path: path.join(__dirname, 'build'),
    filename: 'react-toolbox.js',
    publicPath: '/'
  },
  resolve: {
    extensions: ['', '.css', '.scss', '.js', '.json'],
    modulesDirectories: [

This file has been truncated. show original

r0bby · July 19, 2016, 6:53am

How do I trigger this?

dmytro.trifonov · July 19, 2016, 6:56am

I pushed code to separate branch:

checkout it, and then launch app with node app/app. You’ll see the error logs from webpack

r0bby · July 19, 2016, 6:57am

Okay… give me a few

dmytro.trifonov · July 19, 2016, 7:03am

We need to play with webpack.config options, to probably set multiple node_modules folders