174 Commits

Author SHA1 Message Date
Sunil Mohan Adapa
4c65d34741
ui: Hide restart/shutdown items when navbar is collapsed
- Keep unimportant items hidden on small screens.

- Remove dividers that cause confusion.

- Avoid a scrollbar inside the menu when user menu is expanded. Bootstrap
  intended to show exactly 8 menu items.

Fixes #1431.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
2019-01-18 11:47:57 +05:30
Sunil Mohan Adapa
d767e64703
ui: Show help nav item text when navbar is collapsed
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
2019-01-18 11:47:46 +05:30
Sunil Mohan Adapa
dca149821b
ui: Fix setting width of card-list at various page sizes
Reuse bootstrap .container class to perform the width calculations instead of
explicitly setting it. This makes the size of card list match the rest of the
content like navigation and text content.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
2019-01-18 11:47:36 +05:30
Sunil Mohan Adapa
ba66f37528
ui: Style frontpage application info like regular content
- Remove custom styling and use the normal content-container styling.

- Remove margins on card-list to make it align better with content containers.
  This can be seen when view application information in home page and in help
  page.

- Add bottom margin to content container.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
2019-01-18 11:47:17 +05:30
Sunil Mohan Adapa
bacb0c056a
ui: Underline the logo along with 'Home' text when active
- This works properly in mobile sizes by underlining only the logo.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
2019-01-18 11:47:03 +05:30
Sunil Mohan Adapa
eb19c9a319
ui: Rename page specific CSS classes
Fixes #1349.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
2019-01-18 11:46:34 +05:30
Sunil Mohan Adapa
7279db3f2c
ui: Fix top margin for content containers
Currently, when a message is shown at the top or in users and groups page, The
top margin is too short. Increase it to 25px from 5px. Also:

- Don't use the .thumbnail class for containers as this does not match the
  semantics. Create and use class .contain-container.

- Also create class .card-container for all container containing cards. Unused
  for now.

- Indentation fixes.

- Remove duplicated rule.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
2019-01-18 11:46:23 +05:30
Sunil Mohan Adapa
d89011cc01
Fix i18n for menu strings
- There should not be a space in front of the text. This is a styling issue.

- Remove the CSS rule causing issues with spacing.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
2019-01-14 17:38:04 -08:00
Sunil Mohan Adapa
de5ba012e1
icons: Fixes for switching to fork-awesome
- Update documentation pointing to Bootstrap Glyphicons.

- Consistently use trash-o. It is also more clear at the sizes we are using.

- Use hourglass-o instead of hourglass.

- Use diaspora icon instead of generic icon for diaspora app.

- In cards, don't set 3x size. It is not used. Instead we are setting our custom
  size.

- Remove unused CSS rule for .sidebar .fa

- Align the FreedomBox logo to center with 'Home' text.

- Fix swapped icons for 'Client Apps' button.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
2019-01-14 17:38:01 -08:00
Prachi Srivastava
5d68f6bf52
Replace glyphicons with forkawesome icons
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
2019-01-14 17:37:58 -08:00
James Valleroy
64036e2066
setup: Fix spelling error
Signed-off-by: James Valleroy <jvalleroy@mailbox.org>
2019-01-14 17:43:02 -05:00
Sunil Mohan Adapa
915b8013d9
setup: Reduce refresh time when application is already installed
In the event setup page is being shown after the application installation is
already completed. Immediately reload instead of waiting for 3 seconds are
usual.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2019-01-14 17:40:26 -05:00
Sunil Mohan Adapa
de82f5002d
setup: Handle showing setup page after app completes installation
- During the rendering of the view, the state of installation may keep changing.
  This may lead to inconsistencies in the page. Avoid that by collecting the
  state once and then reusing that throughout the rendering process.

- During the time that setup middleware's checked of setup state of an app and
  rendering of app's setup view, if the setup process could get completed. This
  will lead to setup page being shown even after the application is installed.
  Handle this case and show a proper page instead of 'Submit Query' button on
  the page. Fixes #1360. This can be easily replicated by introducing a 10
  second sleep after setup middle checks of the application is 'up-to-date'.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2019-01-14 17:40:02 -05:00
Joseph Nuthalapati
7ee3c96abc
snapshots: Place the subsubmenu below the description
Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-12-03 18:54:29 -05:00
Joseph Nuthalapati
f25c2963af
clients: Fix distortion of the client apps buttons
After adding the card layout to the setup and service pages, the client apps
button started showing up in two lines. This puts them in a span so that the
icon and the text of the button appear next to each other on the same line.

Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-12-01 07:55:47 -05:00
Robert Martinez
966b2cb36a
Add white Card
This puts pages on white cards.
This lets the footer float underneath content instead of bottom of the page.
This should fix issues with MR !1335

Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
2018-11-21 17:54:11 +05:30
Joseph Nuthalapati
1307e474da
customization: Show custom shortcuts on frontpage
Closes #1379

Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-10-08 20:30:29 -04:00
James Valleroy
9b509e2610
home: Also display card title above icon
Signed-off-by: James Valleroy <jvalleroy@mailbox.org>
2018-10-01 05:53:20 -04:00
Robert Martinez
40335b5951
Change card text style and position
This should close #1306 – changing text styles and position.

Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-10-01 05:39:49 -04:00
Joseph Nuthalapati
93f7c2fa2c
Fix typo in the description meta tag
Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
2018-09-11 10:47:03 +05:30
Joseph Nuthalapati
36774c9f41
turbolinks: Reload page using JavaScript
Using the existing meta tag for refresh as a noscript fallback.

Fixes #1350

Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-08-12 08:43:11 -04:00
manikanta varma datla
8996cf0c11
Disable launch button for web client when not installed
Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
2018-08-10 20:14:52 +05:30
Joseph Nuthalapati
948a222380
turbolinks: Disable caching on application visits
Using the "no-preview" directive disables caching on application visits but
shows cached pages on restoration visits.

Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-07-29 12:23:05 -04:00
Joseph Nuthalapati
daef528576
turbolinks: Replace style elements in head with blocks in body
Turbolinks cannot replace the styles in the head of the HTML document. Moved
them to the body by making the class of the body an overridable Django template
block.

Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-07-29 12:22:57 -04:00
Joseph Nuthalapati
f762f57d1c
Add turbolinks
- Load scripts in the head with `defer` instead of at the end of the body
- Disable turbolinks for application shortcuts and manual download

Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-07-29 12:22:52 -04:00
Joseph Nuthalapati
45138fcdf0
packages: Button to refresh package lists
- This is a fallback solution to manually refresh package lists on AWS images
  since they come with no apt package lists.
- This can also be occasionally useful for people running the testing
  distribution where packages might be frequently added and removed.

Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-07-02 19:30:13 -04:00
Hemanth Kumar Veeranki
881302ac02
Use logos instead of icons in the apps page
- Adjust the template so that it uses glyphicons for sys page and logos for the app page
- Add logos for missing apps (tor and sharing) and their licences

Signed-off-by: Hemanth Kumar Veeranki <hems.india1997@gmail.com>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-06-30 09:40:09 -04:00
Joseph Nuthalapati
913d71e9bc
firewall: Display information that a service is internal only
Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
2018-06-21 18:01:53 +05:30
Sunil Mohan Adapa
a33e295ae2
frontpage: Fix card sizing
Signed-off-by: Manish Tripathy <manisht@thougtworks.com>
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
2018-06-18 20:40:06 +05:30
Sunil Mohan Adapa
8cab17e360
first_setup: Remove unnecessary content sizing
Signed-off-by: Manish Tripathy <manisht@thougtworks.com>
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
2018-06-18 20:23:58 +05:30
Sunil Mohan Adapa
68d472ea13
Increase language selection form to full width
- The width of the content area is small now so it is okay.

Signed-off-by: Manish Tripathy <manisht@thougtworks.com>
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
2018-06-18 20:23:48 +05:30
Sunil Mohan Adapa
a596ad5f37
help: Show cards in the index page
- Need to duplicate the code from help base page.

Signed-off-by: Manish Tripathy <manisht@thougtworks.com>
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
2018-06-18 20:20:47 +05:30
Sunil Mohan Adapa
f75ee196fe
Remove unnecessary submenu override in 403.html
- Submenus don't exist.

Signed-off-by: Manish Tripathy <manisht@thougtworks.com>
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
2018-06-18 20:19:29 +05:30
Sunil Mohan Adapa
15e02b8f52
Resize all main content
- Needed as the submenu on the left is gone. There is too much space available
  for the main content.

Signed-off-by: Manish Tripathy <manisht@thougtworks.com>
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
2018-06-18 20:19:16 +05:30
Manish Tripathy
0932a07785
Apply new card based design
Signed-off-by: Manish Tripathy <manisht@thougtworks.com>
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
2018-06-18 20:18:37 +05:30
Sunil Mohan Adapa
e11fcd8f53
Fix client info table size and flickering
Signed-off-by: Manish Tripathy <manisht@thougtworks.com>
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
2018-06-18 20:17:34 +05:30
Joseph Nuthalapati
70b568d579
setup: Remove unavailable as a state in setup_helper
- Unavailable being a state can cause issues in several places in the where
  there are currently only checks for 'needs-setup'
- Since it's only used in the UI, a method to check whether a module is
  unavailable should be sufficient.

Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-05-19 08:06:44 -04:00
Johannes Keyser
3a9c4128ff
setup: disable install button for currently unavailable apps
- Fixes #1229.

Signed-off-by: Johannes Keyser <johanneskeyser@posteo.de>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-04-20 20:12:46 -04:00
Joseph Nuthalapati
41641491bb
UI: Fix progress bar not appearing
- Fixed a wrong CSS class name

Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
2018-04-09 21:09:34 +05:30
Joseph Nuthalapati
e99b7c942b
tests: Improve waiting for installation and configuration
- Use Selenium's built-in waiting constructs to wait for page loads to complete
- Make tests independent of language (tested in Chinese)

Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-04-08 12:35:47 -04:00
Joseph Nuthalapati
4064d6e231
manual: Link to manual from each service
Closes #930

- Make targets to download wiki pages of each service

- Add post-processor script for DocBook file processing

Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-03-22 19:49:14 -04:00
Joseph Nuthalapati
bb6cac5f71
clients: Add and correct Client Apps
- Correction to the package name of Plumble

- Add official Tiny Tiny RSS Android app

- Remove deluge Debian package
The deluge Debian package is wrongly mentioned as a client. It's
standalone application and doesn't talk to the FreedomBox's deluge
server.

- Correction to display text for GNU/Linux

- Update desktop clients for Minetest

- Add Thunderbird to Radicale clients
  - Also added F-Droid client for DAVDroid

- ejabberd: more download links and sorting
  - Added more download links for packages.
  - Sorted packages alphabetically.

- Indicate gobby is available for GNU/Linux

- Add more client links for quassel-client

- bugfix: Homebrew package names aren't displayed in UI
  - Correction homebrew -> brew

- Add GNU/Linux Mumble desktop client

Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-02-22 21:20:11 +01:00
Sunil Mohan Adapa
e644e5c86a
locale: Refactor language selection form
- Use properly base class overrides

- Implement feature to go back to the page user was on before language
  selection.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-02-21 21:07:39 +01:00
Sunil Mohan Adapa
4da0b0e5d1
locale: Update the style for language selection page
- Remove title. Redundant, like in login page.

- Properly center the form.

- Make it responsive.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-02-21 21:07:18 +01:00
Sai Kiran Naragam
5cff5629d8
locale: Anonymous users can set preferred language
Logged-in user flow is pending.

Check [How django discovers language preference]:
https://docs.djangoproject.com/en/1.10/topics/i18n/translation/#how-django-discovers-language-preference

Signed-off-by: Sai Kiran Naragam <saikiran.rguiiit@gmail.com>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
2018-02-21 21:06:07 +01:00
Sunil Mohan Adapa
0134aed78e
Rename Plinth to FreedomBox in templates
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-02-16 20:10:58 -05:00
Sunil Mohan Adapa
dea4af17fb
Rename Plinth to FreedomBox in license headers
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2018-02-16 20:10:09 -05:00
Sunil Mohan Adapa
3aa6bf65a0
first_setup: Remove duplicate logo, center the content
- Remove the space meant for left sidebar.

- Remove the logo in the navigation bar as bigger logo is already present.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
2018-01-30 11:25:34 +05:30
Joseph Nuthalapati
ad7f63ebfa
first_setup: UX improvements for the first setup page
- Add the FreedomBox image which is shown in firstboot page to the first setup
  page as well.
- Login button is removed to avoid confusion.
- Remove the check for `setup_helper.current_operation` so that the first setup
  page seamlessly transitions into the firstboot page.

The user experience will as follows:
1. A user sees the first setup page with the warning message to wait till it is
done.
2. The page automatically refreshes and the user will notice that the warning
message is gone and will proceed to click the "Start Setup" button which just
appeared.

Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
2018-01-30 11:24:50 +05:30
Sunil Mohan Adapa
db2b796165
Update Github URLs with Salsa URLs
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
2018-01-30 11:06:13 +05:30