CSS Frameworks

[TimSchofield]

Have just done some more playing around with https://testing.kwamoja.org/index.php if anybody is interested. Again it is really meant to show what can be done with a relatively small amount of css and Javascript without having to do any changes to the business scripts themselves - index.php is the only file in the trunk itself that changes.

Tim

[TurboPT]

That looks pretty cool Tim.

At various points, the UI appears to get unresponsive, momentarily, and I do see that the UI appears to keep querying itself? (I guess this is how it works?)
There is a Dashboard.js error that might be related?

The first two console output shows:

Code:

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help http://xhr.spec.whatwg.org/ Dashboard.js:45:1
TypeError: Element is null [Learn More] Dashboard.js:42:4

Then it continues cycling various XHR calls with the same Dashboard error recurring:

Code:

XHRPOST https://testing.kwamoja.org/dashboard/bank_trans.php [HTTP/2.0 200 OK 169ms]
TypeError: Element is null [Learn More] Dashboard.js:42:4
XHRPOST https://testing.kwamoja.org/dashboard/work_orders.php [HTTP/2.0 200 OK 303ms]
TypeError: Element is null [Learn More] Dashboard.js:42:4
XHRPOST https://testing.kwamoja.org/dashboard/work_orders.php [HTTP/2.0 200 OK 163ms]
TypeError: Element is null [Learn More] Dashboard.js:42:4
XHRPOST https://testing.kwamoja.org/dashboard/latest_stock_status.php [HTTP/2.0 200 OK 396ms]
TypeError: Element is null [Learn More] Dashboard.js:42:4
XHRPOST https://testing.kwamoja.org/dashboard/latest_po_auth.php [HTTP/2.0 200 OK 280ms]
TypeError: Element is null [Learn More] Dashboard.js:42:4
XHRPOST https://testing.kwamoja.org/dashboard/latest_po.php [HTTP/2.0 200 OK 165ms]
// ... continues

...that output from Firefox.

[TimSchofield]

Thanks Paul, yes I saw that when I put it up on the server. When it was on my local machine it obviously didn't have the network latency.

The dashboard applets were set to up date themselves automatically using AJAX, and for some reason when they were set to do this asynchronously they hit a race condition that I can't tie down which gave some odd results. I switched to updating them synchronously but that led to the problems you noticed. For now I have stopped them updating at all which seems to have considerably improved performance at the expense of a neat feature. There is a better way of doing this using long polling but I have never used it. I guess I have to read up on it, or has anyone else experience of this?

BTW the code is available here: https://github.com/timschofield/KwaMoja/...ja-Medical

Tim