Improve Dashboard design

[tomjanssens]

• Implement Grunt
• Change title to 'Joomlatools Vagrant'
• Appify using iFrames so navigation stays in place
• Switch Tools with System and rename the items in the Tools menu to:
  • Info
  • Logs
  • Files
  • Terminal
• Not working properly on small screens
• Add $cfg['AllowThirdPartyFraming'] = true; to config.inc.php to allow phpMyAdmin to open in an iFrame
• MailCatcher doesn't open in an iFrame because X-Frame-Options is set to SAMEORIGIN
• Remove redirect to /dashboard it is now available from the root folder: http://joomla.box/joomlatools-vagrant/puppet/modules/scripts/files/scripts/
• Add links to Gitter for support

Instructions on how to easily work on the dashboard HTML can be found in the wiki.

[tomjanssens]

@stevenrombauts can you give it a try? And have a look at the last two points in the description?

[tomjanssens]

Horizontal scrollable navigation has been added for small viewports.

[stevenrombauts]

@tomjanssens This is working great! Much better now :) I fixed two items of your list (phpmyadmin + dashboard redirect), but we can't do anything about the Mailcatcher issue. I'll be replacing Mailcatcher with Mailhog anyway, so maybe that will fix it automatically. If not, we'll just have to link directly.

[johanjanssens]

@tomjanssens Can we also add the command line to the dashboard for larger screens so it's available immediately? This saves an extra click and window.

[tomjanssens]

@johanjanssens this would be a drastic change not part of the scope of this issue. The UI is tab-based and won't open a new window for the terminal so that will be already solved. Let's focus on the remaiming tasks at hand.