Commit graph

68 commits

Author SHA1 Message Date
Jo-Philipp Wich
9cd5f6befd luci-theme-bootstrap: allow tabmenus to wrap (#2333)
Allow the tab menu line to wrap around on narrow screens to fix the issue
reported in PR #2333.

Also add the .nowrap utility class to the Bootstrap theme while we're
touching it.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-27 13:58:58 +01:00
Jo-Philipp Wich
c270d48cdd luci-theme-bootstrap: add responsive CSS
Add responsive CSS to improve the rendering on small screen devices.

Tested on Mobile Safari using an iPhone 5 and iPhone 6, ymmv for other
platforms.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-23 15:11:28 +01:00
Jo-Philipp Wich
6a0c1d1ab6 luci-mod-status: move index and iptables page JS code into external files
Also adjust the Bootstrap and OpenWrt themes accordingly

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-22 13:07:33 +01:00
Jo-Philipp Wich
515562be27 luci-theme-bootstrap, luci-theme-openwrt: allow dynlist .add-item to expand
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-20 13:32:31 +01:00
Jo-Philipp Wich
5dddb105d2 luci-theme-bootstrap: remove redundant rules
Drop rules specific to the old status page progress bars and rework the
cbi element rules to work independently of a parent form tag.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-16 21:11:34 +01:00
Jo-Philipp Wich
1c84826242 luci-theme-bootstrap: add modal/progressbar rules, cleanup
- Add rules for modal dialogs and progress bar widgets
 - Drop redundant, unused or obsolete rules
 - Add spin utility class

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-14 20:46:04 +01:00
Jo-Philipp Wich
4791180eb3 luci-base, themes: dropdown behaviour improvements
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-14 20:46:04 +01:00
Jo-Philipp Wich
13e2cce2d9 luci-theme-bootstrap: add invalid style for dropdowns
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-14 20:46:04 +01:00
Jo-Philipp Wich
48181051ef luci-theme-bootstrap: z-index fixes
Lower z-index of header bar to allow tooltips and dropdowns to overlap it,
also increase the z-index of open dropdowns to ensure that they cover
active tooltip bubbles.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-14 20:46:04 +01:00
Jo-Philipp Wich
7c78218339 luci-base, themes: rework dynlist and dropdown widgets
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-05 11:05:12 +01:00
Jo-Philipp Wich
bd614de514 luci-theme-bootstrap: add flash animation
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-05 11:01:45 +01:00
Jo-Philipp Wich
7f613be500 luci-base, themes: add tooltip helpers & styles
Add the required JS and CSS infrastructure to support rich hover/focus
tooltips for element.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-05 11:01:45 +01:00
Jo-Philipp Wich
21a151ac1a themes: load client side translations
Extend the theme headers to include the translation string scripts,
allowing client side code to translate strings without server side
support.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-11-05 11:01:45 +01:00
Jo-Philipp Wich
c79a2bbab7 luci-theme-bootstrap: enforce minimum width for IPv4 DHCP lease column
Fixes #2132.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-09-29 14:23:43 +02:00
Jo-Philipp Wich
82dea9ca30 themes: add data-page attribute to body elements
This is useful to write page specific CSS rules.

Also fix a missing space in the body CSS class name in the bootstrap theme
while we're at it.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-09-29 14:21:28 +02:00
Jo-Philipp Wich
58d7ee8ab3 luci-theme-bootstrap: fix typo in admin node lookup
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-09-27 21:19:03 +02:00
Jo-Philipp Wich
ce46437b30 luci-theme-bootstrap: do not double escape menu titles
Fixes #1410.
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-09-27 21:17:07 +02:00
Daniel F. Dickinson
6ec0353201 modules: Make luci-base sufficient to use luci apps
Per the discussion in https://github.com/openwrt/luci/issues/869, make
luci-base sufficient to login, logout, and review and apply or revert
uci changes.  This allows most luci-app-xxx to work without having
luci-mod-admin-full installed.

It has been tested with some apps and not luci-mod-admin-full, as well
as with luci-mod-admin-full (to make sure the usual case doesn't break).

Instead of creating a new module namespace (e.g. 'Base') we reduce the
opportunities for breakage by having luci-base take over the 'shell' of
the 'Administration' (admin/....) namespace.

Since admin is assumed by all current building LuCI components (including
Freifunk), this doesn't introduce the 'Administration' tab into any
situation where it would not already be present (but includes it where it
was before).

We also add a "Component not installed" page to avoid fatal errors and
backtrace when e.g. luci-mod-admin-full is not installed.

Signed-off-by: Daniel F. Dickinson <cshored@thecshore.com>
2018-09-19 20:08:19 +02:00
Jo-Philipp Wich
849d153851 treewide: rework uci change display
- Use native rpcd uci changes format instead of incompletely converting
   back and forth between the old and the new format
 - Rework uci changelog template to print the equivalent uci commands
   for the various changes
 - Rework theme headers to properly count the uncomitted changes
 - Rework theme CSS to properly style new changelog

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-08-13 09:23:22 +02:00
Ansuel Smith
327e284b74
luci-mod-admin-full: fix broken applyreboot page
This improve applyreboot page and fix problem with luci-nginx that doesn't refresh the page when the router reboot.

Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
2018-08-08 10:11:12 +02:00
Jo-Philipp Wich
176e246998 luci-theme-bootstrap: fix CSS regression in kernel/system log pages
An unrelated removed some crucial fixes due to improper rebasing.

Fixes: 7ba4eb1a4 ("luci-theme-bootstrap: add styling for input-adjacent buttons")
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-31 17:26:25 +02:00
Jo-Philipp Wich
765816d07d luci-theme-bootstrap: style tweak for DSL status display
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-29 21:12:30 +02:00
Jo-Philipp Wich
7ba4eb1a42 luci-theme-bootstrap: add styling for input-adjacent buttons
Also add styling for CBI column title references.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-23 14:27:49 +02:00
Jo-Philipp Wich
a68006245d luci-theme-bootstrap: allow pointer events on readonly textareas and dropdowns
This is required to scroll and select text.

Fixes #1965
Fixes 887d0a685 ("luci-theme-bootstrap: cleanup CSS")
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-19 16:53:16 +02:00
Jo-Philipp Wich
29f542fa62 luci-theme-bootstrap: various fixes
- Styling fixes for table hover rows, striping and title row coloring
- Fixes for page action button placement

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-18 12:05:05 +02:00
Jo-Philipp Wich
2787a52d6d luci-theme-bootstrap: small style fix for link buttons
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-15 15:17:32 +02:00
Jo-Philipp Wich
053682c4c3 luci-theme-bootstrap: margin fix for multiple wifs on status overview
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-13 16:31:14 +02:00
Jo-Philipp Wich
887d0a6859 luci-theme-bootstrap: cleanup CSS
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-13 09:38:25 +02:00
Jo-Philipp Wich
a0e5e8a9da luci-theme-bootstrap: compress color names, fix table striping
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-12 18:57:20 +02:00
Jo-Philipp Wich
690f3f13ac luci-theme-bootstrap: add CSS fixes for IE 11
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-09 11:51:43 +02:00
Jo-Philipp Wich
c0de036b31 treewide: always include cbi.js
Include cbi.js in the main header template like it is done for xhr.js and
remove the page specific includes.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-09 11:51:43 +02:00
Jo-Philipp Wich
e8a9a6695e luci-theme-bootstrap: minor style fixes
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-07-03 18:49:00 +02:00
Jo-Philipp Wich
532846c3d8 luci-theme-bootstrap: fix input width in table cells
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-06-29 08:57:22 +02:00
Jo-Philipp Wich
211d8bc55e luci-theme-bootstrap: render tblsection row titles
The Bootstrap theme lacked appropriate CSS yet to render section title
attributes.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-06-25 09:52:29 +02:00
Jo-Philipp Wich
e3d02b1a49 luci-theme-bootstrap: remove unused styles
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-06-25 09:42:10 +02:00
Jo-Philipp Wich
b453624dce luci-theme-bootstrap: align CSS with markup changes
Add changes to make the theme render correctly with the latest markup,
requires further refinement and tuning in the future.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-06-23 17:59:31 +02:00
Jo-Philipp Wich
9d48490729 luci-base: add markup, JS and CSS for new dropdown
This commit introduces the required code for a new, markup based dropdown
widget which can be used as a styleable alternative to select boxes or
radio/checkbox button groups.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-06-08 08:14:36 +02:00
Jo-Philipp Wich
e3bc12da6d themes: unify no-password / no-javascript alert boxes
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-05-31 18:57:32 +02:00
Jo-Philipp Wich
79d793dffe themes: adjust CSS for reworked apply widget
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-05-31 15:38:42 +02:00
Jo-Philipp Wich
7875d92c42 luci-theme-bootstrap: add new style classes
Add new style classes required for status page changes, also drop old
Internet Explorer compatibility script and vendor prefixed properties.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-05-30 14:59:24 +02:00
Jo-Philipp Wich
97a640c836 themes: add forward-compatibility CSS
Subsequent changes will largely replace tables with div based markup, so
add forward compatibility style rules to keep the rendering intact.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-05-28 15:18:45 +02:00
Jo-Philipp Wich
65479e3236 themes: fix CSS class of uci change indicator
The previous commit incorrectly added a new class attribute without
considering existing ones.

Fixes 736d8fee4 ("themes: add common class to uci change indicator")
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-04-26 09:30:11 +02:00
Jo-Philipp Wich
736d8fee47 themes: add common class to uci change indicator
Add a common CSS class name to the change indicator and modify the openwrt.org
theme to hide it when no changes are present, similar to all other themes.

This is needed for upcoming uci apply handling changes to be able to auto-hide
the indicator without page reload after an apply.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-04-26 08:26:30 +02:00
Jo-Philipp Wich
731ed77c0b treewide: improve handling of page redirections in uci change views
Instead of passing the full LuCI request url, pass the relative resolved
request path instead and filter the received value through the lookup()
dispatcher function to only allow paths to actual internal pages.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-04-05 23:03:01 +02:00
Quirin Hofstaetter
408f45aef3 luci-theme-bootstrap: add license tag
Signed-off-by: Quirin Hofstaetter <qh@dev.tdt.de>
2017-06-13 13:40:30 +02:00
Florian Eckert
823d3cc86c luci-theme-boostrap: add JavaScript warning if disabled
Signed-off-by: Florian Eckert <Eckert.Florian@googlemail.com>
2017-02-22 10:13:17 +01:00
Jo-Philipp Wich
d0bf6489e9 luci-theme-bootstrap: tune default style select boxes
The previous styling made select dropdowns look like disabled text input
fields on Chrome browsers.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2017-01-02 11:59:21 +01:00
Arjen de Korte
c42b4a3bf9 luci-theme-bootstrap: fix minor CSS errors
Signed-off-by: Arjen de Korte \<build+luci@de-korte.org\>
2016-12-10 22:09:50 +01:00
arjendekorte
d4c31c5c90 Update cascade.css
The linear-gradient function syntax uses 'to bottom' instead of 'top' for a gradient from top to bottom.
2016-12-05 16:31:32 +01:00
Jo-Philipp Wich
34c2eca4fc luci-theme-bootstrap: add missing CSS class
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2016-08-18 09:18:56 +02:00