Project

General

Profile

Feature #1347

Bootstrapping

Added by agmps17 over 5 years ago. Updated over 4 years ago.

Status:
Assigned
Priority:
Normal
Assignee:
Target version:
Start date:
06/01/2014
Due date:
06/15/2014
% Done:

0%


Description

Add Bootstrap and Frontend JS Validation to give better user experience and generalize the design pattern

History

#1 Updated by agmps17 over 5 years ago

  1. Updating the existing html structure, mainly element class names, so that there is no clash with the bootstrap classes.
  2. Making a change in the existing CSS and JS files.
  3. Adding Bootstrap to the existing html structure.
  4. Test for different themes, check for http://bootswatch.com/ or https://wrapbootstrap.com/
Another piece of work is to:
  1. adapt our main (air jordan) theme
  2. adapt our beach theme

#2 Updated by agmps17 over 5 years ago

Estimate time will be 3-4 days to completely first 3 steps and then 1-2 days for remaining steps.
So total of 5-6 days Maximum.

#3 Updated by cpg over 5 years ago

  • Priority changed from Normal to High

#4 Updated by agmps17 over 5 years ago

  • Status changed from New to Feedback

#5 Updated by cpg over 5 years ago

next step is to merge the master branch into the bootstrap branch.
(later we can merge into master when we're ready for a major release)

#6 Updated by cpg over 5 years ago

apps (available and installed) does not have rounded courner and the word is misaligned to the left:
http://dl.dropbox.com/u/364883/Screenshots/-a4i.png

List in dashboard listed twice when going to uninstall the app, also the special settings box is cut off from the bottom:
http://dl.dropbox.com/u/364883/Screenshots/qwss.png

Editing the gateway is a little misaligned:
http://dl.dropbox.com/u/364883/Screenshots/pul7.png

Server control area is misaligned:
http://dl.dropbox.com/u/364883/Screenshots/y22k.png

#7 Updated by cpg over 5 years ago

after an updated to the latest changes, i see there is some slight weirdness with the icons on apps > available
http://dl.dropbox.com/u/364883/Screenshots/04~l.png

installed apps shows the same issue as above:
http://dl.dropbox.com/u/364883/Screenshots/91hx.png

is it possible to improve the ui of the network gateway as well as the lease time?
it shows better than before, but still rather weird:
http://dl.dropbox.com/u/364883/Screenshots/49fp.png

servers area is still misaligned. was that fixed?

#8 Updated by cpg over 5 years ago

initial user and special instructions boxes are cut off at the bottom:
http://dl.dropbox.com/u/364883/Screenshots/2bk3.png

other than that, the rest looks good. great job!

#9 Updated by cpg about 5 years ago

  • Status changed from Feedback to Closed

#10 Updated by sbagroy986 almost 5 years ago

  • Assignee deleted (agmps17)

as there are plans of using a new theme for the next amahi version, i feel that we should implement a free bootstrap template (using links such as the ones provided in 'History' and more). it would make porting to a new theme/template much easier in the next update and make the current UI much more responsive (maybe even better looking).

#11 Updated by cpg almost 5 years ago

  • Status changed from Closed to Assigned
  • Assignee set to cpg
  • Priority changed from High to Normal

i think i closed it because we decided to not release the latest Amahi platform with the bootstrap branch changes because it was not quite there. maybe @agmps17 remembers more. re-opening now.

as for a new theme -- we have a theme called beach theme that looked quite professional and was specially designed for amahi. however, it was not bootstrap enabled (i think) and i think the implementation was also not responsive.

a goal for amahi 8 is to make the amahi platform more responsive ... so that people with all sorts of devices can use it nicely. if we can fit a new theme that increases usability and the looks, we should.

#12 Updated by sbagroy986 almost 5 years ago

i feel that we should find a new theme. although i'm trying to implement bootstrap in the current theme, a new theme would benefit the app in terms of looks as well (as cpg said).

in case you agree with me, how do we start looking for the theme?

#13 Updated by bigfoot65 almost 5 years ago

  • Priority changed from Normal to High

#14 Updated by bigfoot65 over 4 years ago

  • Priority changed from High to Normal

Also available in: Atom