Commit Graph

151 Commits

Author SHA1 Message Date
Paul Donald
ae5d91da90 treewide: vectorise iconography
Clear, crisp, resolution independent vector graphics replace the trusty
microscopic PNG. Some minor CSS changes were needed to constrain images
in some locations to make sure they don't consume too much space.

Iconography taken from Mate desktop theme with minor adjustments:

https://github.com/mate-desktop/mate-icon-theme/

Signed-off-by: Paul Donald <newtwen+github@gmail.com>
2025-06-12 18:55:53 +02:00
Andrew Dodd
fc8ad20bbb luci: Make password reveal work with passsword managers
Password managers (like LastPass etc) tend to add additional elements
into the DOM for their own context menus. If this happens between the
hide/reveal button and the password input, then the logic to reveal the
password breaks.

This change updates the onclick handler to look for the first `<input>`
element with the class `password-input` that is under the parent of the
toggle button, and then to toggle the password/text type on that
element.

This change deliberately only updates the main ui.js file, not any
application files.

Signed-off-by: Andrew Dodd <andrew.john.dodd@gmail.com>
2025-03-21 14:57:31 +01:00
Paul Donald
5e39cf04c4 luci-base: ui: fix path handling in UIFileUpload
Browsing the root path was problematic and the breadcrumb links behaved
inconsistently, requiring a page reload to recover.

canonicalizePath(), splitPath() and renderListing() now handle any path
location properly, including root: '/', and clicks at any breadcrumb
correctly navigate.

Signed-off-by: Paul Donald <newtwen+github@gmail.com>
2025-03-20 17:21:33 +01:00
Paul Donald
0329854049 luci-base: ui: implement addTimeLimitedNotification
Introduce addTimeLimitedNotification which extends addNotification,
with the addition of the 'timeout' parameter.

timeout: a millisecond value after which the notification will disappear
automatically. If omitted, the notification will remain until it
receives the click event.

Improved implementation of 53e36e3293

Signed-off-by: Paul Donald <newtwen+github@gmail.com>
2025-03-13 22:50:11 +01:00
Florian Eckert
3f832f2512 luci-base: revert timeout function argument for addNotification
The function signature changed and all function call to addNotification
that add a CSS class does not work anymore. A direct revert is not
possible.

If this feature is needed than a new function musst be added, that does
not break the function signature.

Fixes: 53e36e3293

Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2025-03-07 13:49:06 +01:00
Florian Eckert
12809f7380 luci-base: shorten button text to Apply checked
The button text is very long and breaks the css layout, so it is changed to
'Apply checked'. This also has the advantage that the button is structured
in the same way as the other one, which is called 'Appply unchecked'.

This enhances the look and feel

Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2025-03-06 11:21:32 -06:00
Florian Eckert
959fd44795 luci-base: replace css right class with button-row
These were forgotten when refactoring and should also get the css class
'button-row'

Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2025-03-06 11:21:32 -06:00
Anya Lin
9d9a7f42d8 luci-base: add member allowduplicates to DynamicList
Add member `allowduplicates` to `DynamicList` to allow duplicate
underlying form values.

`allowduplicates` defaults is `null`, `DynamicList` will keep the
same behavior as before.
If `true`, the underlying form value will not be checked
for duplication.

Signed-off-by: Anya Lin <hukk1996@gmail.com>
2025-01-22 15:36:05 +01:00
Paul Donald
e7949bd9a5 luci-base: grammar fix
Signed-off-by: Paul Donald <newtwen+github@gmail.com>
2025-01-13 17:57:45 +01:00
Paul Donald
db98bb5442 luci-base: jsdoc grammar fix
Signed-off-by: Paul Donald <newtwen+github@gmail.com>
2025-01-13 17:57:40 +01:00
Paul Donald
2520588d00 luci-base: fix createChoiceElement regex to catch closing tags with !
Signed-off-by: Paul Donald <newtwen+github@gmail.com>
2025-01-11 02:47:30 +01:00
Ramon Van Gorkom
b0f8155296 luci-base: Generate cbi-dynlist-change event after drag/touch end
Signed-off-by: Ramon Van Gorkom <Ramon00c00@gmail.com>
2025-01-09 14:09:56 +01:00
Paul Donald
1c3d22b7cb luci-base: convert JavaScript code to ES6 style
Convert existing JavaScript code in LuCI base to utilize ES6 standard
features such as spread arguments, arrow functions, object method
declarations etc.

This makes the code somewhat easier to follow and slightly smaller.

Signed-off-by: Paul Donald <newtwen+github@gmail.com>
2024-12-19 23:42:20 +00:00
Paul Donald
ecd6cee5f6 luci-base: convert JavaScript code to ES6 style
Convert existing JavaScript code in LuCI base to utilize ES6 standard
features such as spread arguments, arrow functions, object method
declarations etc.

This makes the code somewhat easier to follow and slightly smaller.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2024-12-19 23:42:20 +00:00
Ramon Van Gorkom
80f18df48f luci-base: make items of UIDynamicList drag-sortable
Signed-off-by: Ramon Van Gorkom <Ramon00c00@gmail.com>
2024-11-27 21:43:16 +01:00
Paul Donald
53e36e3293 luci-base: ui: extend addNotification to handle a user-provided timeout
A millisecond value after which the notification will disappear
automatically. If omitted, the notification will remain until it
receives the click event.

Existing calls are unaffected.

Signed-off-by: Paul Donald <newtwen+github@gmail.com>
2024-11-21 01:30:48 +01:00
Paul Donald
ade3606800 luci-base: space -> tab
Signed-off-by: Paul Donald <newtwen+github@gmail.com>
2024-10-17 17:31:26 +02:00
Florian Eckert
e229e1a0e2 luci-base: revert replacing button tags with div tags
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2024-07-19 11:01:33 +02:00
Florian Eckert
a0dcba5b78 Merge pull request #7153 from TDT-AG/pr/20240607-luci-base
treewide: add new css class button-row
2024-07-17 09:31:52 +02:00
Florian Eckert
8691cba695 luci-base: replace css class right with css class button-row
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2024-07-09 16:19:51 +02:00
Florian Eckert
4d2364dbe4 luci-base: update connectivity change help text and button text
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2024-07-09 16:19:51 +02:00
Joseph Mory
d3bf67507f luci-base: Correct how textarea's wrap works
Signed-off-by: Joseph Mory <morytyann@outlook.com>
2024-07-06 13:32:12 +02:00
Florian Eckert
ce34e99400 luci-base: replace button tag with div tag in ui.js
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2024-06-07 13:33:00 +02:00
Florian Eckert
f6bc735b68 luci-base: add missing css class cbi-button to ui.js
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2024-06-07 13:33:00 +02:00
Florian Eckert
fca31270aa luci-base: move cancel button to the top
This change is required, so that the cancel button is the first and thus
closes the modal when the 'ESC' button is pressed.

Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2024-06-07 13:33:00 +02:00
Florian Eckert
9bb8f7aaa3 luci-base: remove flex style tags
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2024-06-07 13:33:00 +02:00
Florian Eckert
f83e68bea0 luci-base: replace button tag with div tag in ui.js
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2024-06-07 13:33:00 +02:00
Florian Eckert
5eeb0856dc luci-base: add missing css class cbi-button to ui.js
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2024-06-07 13:33:00 +02:00
Florian Eckert
0466acb85f luci-base: move button one level up for Save & Apply
This is a preparation commit so the buttons could get the new css class
'button-row'

Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2024-06-07 13:33:00 +02:00
Florian Eckert
4440b00b2b luci-base: replace button tag with div tag in ui.js
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2024-06-07 13:33:00 +02:00
Florian Eckert
e9e9229b95 luci-base: add missing css classes btn and cbi-button to ui.js
Signed-off-by: Florian Eckert <fe@dev.tdt.de>
2024-06-07 13:33:00 +02:00
Paul Donald
a6f8361a14 luci-base: clarify apply-settings strings
Signed-off-by: Paul Donald <newtwen+github@gmail.com>
2024-06-06 02:56:28 +02:00
Jo-Philipp Wich
11819152de Merge pull request #6553 from stokito/luc-mod-system_filemanager
Add File Manager / File Browser based on form.FileUpload
2024-04-09 10:13:35 +02:00
Sergey Ponomarev
4b771b3df0 luci-base: ui.js FileUpload: option to enable Download button
Allow downloading from a file browser.
The Download button is located near to Delete.
It's shown only for files: folders or /dev/ devices can't be downloaded.
The downloading is made via fs.read_direct() which internally calls cgi-download.

Signed-off-by: Sergey Ponomarev <stokito@gmail.com>
2024-04-09 10:43:35 +03:00
Hannu Nyman
f2a49104c4 Revert "luci-base: force menu to regenerate after uci change"
This reverts commit 97ebdcbddb.

The commit seems to cause errors already before the login screen.
Discussion in 97ebdcbddb (commitcomment-139871175)

Errors like:

 In error(), file [C]
 called from function [anonymous function] (/usr/lib/lua/luci/ucodebridge.lua:23)
 called from function ((tail call))
 In [anonymous function](), file /usr/share/ucode/luci/runtime.uc, line 148, byte 45:
   called from function build_pagetree (/usr/share/ucode/luci/dispatcher.uc:382:73)
   called from function menu_json (/usr/share/ucode/luci/dispatcher.uc:439:26)
   called from function [anonymous function] (/usr/share/ucode/luci/dispatcher.uc:898:24)
   called from anonymous function (/www/cgi-bin/luci:39:13)

  `        return lcall.call(modname, method, ...args);`
   Near here ----------------------------------------^

Signed-off-by: Hannu Nyman <hannu.nyman@iki.fi>
2024-03-17 09:17:20 +02:00
James Haggerty
97ebdcbddb luci-base: force menu to regenerate after uci change
Because the menu JSON can have 'depends' in them, uci changes
should force the menu to regenerate.

Closes #6423

Signed-off-by: James Haggerty <james.haggerty@morsemicro.com>
Signed-off-by: Paul Donald <newtwen@gmail.com>
2024-03-17 00:23:45 +01:00
Erik Karlsson
6abb5ed709 luci-base: ui.js: avoid polling in a tight loop on confirm/rollback
The call function was based on the legacy XHR interface and it has not
been updated to comply with the new request interface which passes the
duration as part of the response object rather than as a separate
argument. This resulted in polling in a tight loop in certain cases
since the duration was undefined.

In addition there is no need to adjust apply_holdoff based on elapsed
time as no significant amount of time has elapsed at this point.

Signed-off-by: Erik Karlsson <erik.karlsson@genexis.eu>
2024-03-17 00:11:14 +01:00
Sergey Ponomarev
5d2d528022 luci-base: CBIFileUpload support file browser mode
In the Browser mode the file tree dialog won't be closed when clicking on a file.
The mode is used by a File Browser.

Signed-off-by: Sergey Ponomarev <stokito@gmail.com>
2024-03-08 19:23:55 +02:00
Paul Donald
f630f2241c luci-base: docs house-keeping
Signed-off-by: Paul Donald <newtwen@gmail.com>
2024-03-06 02:03:57 +01:00
Jo-Philipp Wich
317ed4a043 luci-base: ui.js: further keyboard navigation improvements for dropdowns
- Ensure that pressing escape within the custom choice input closes the
   dropdown list but not the parent modal dialog

 - Ensure that added custom choice elements are tabbable

 - Retain focus on dropdown when closing dropdown

 - Consistently focus input textarea when tabbing into custom choice item

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2024-02-21 15:33:08 +01:00
Jo-Philipp Wich
3980c192cd luci-base: ui.js: rework dropdown focus behavior
Drop mouse following focus behavior as it interferes with custom value inputs,
rely on CSS based hover effects instead.

Also slightly improve keyboard navigation by auto-focussing the custom value
input when entering the last dropdown choice via arrow down or tab key, and
by allowing to leave the text input again with the arrow up key.

Fixes: #6903
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2024-02-19 00:04:16 +01:00
Paul Donald
8a0ee6689f luci-mod-network: add disabled option for interface
Enabled by default. If the interface is in use, the user will be asked
to confirm.

Signed-off-by: Sergey Ponomarev <stokito@gmail.com>
2024-01-31 03:39:02 +01:00
Paul Donald
4c2090afd8 luci-base: Code quality fixes
handle (possibly incorrect) comment variants
<!-- -->
<!-- --!>

Signed-off-by: Paul Donald <newtwen@gmail.com>
2024-01-31 02:53:21 +01:00
Jo-Philipp Wich
ee6a4da00b luci-base: ui.js: sorting fixes for tables initialized from markup
- Populate id option from table id attribute
 - Update column head sort indicator in UITable.update()
 - Don't store sort state for tables without id

Ref: https://github.com/openwrt/luci/issues/6640
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2023-10-19 23:46:03 +02:00
Sergey Ponomarev
7744ad0075 luci-base: Fix typos in JsDocs
In some places argument name was renamed but in the JsDoc it's remain old.

Added more typing for string enum fields like:

 @param {string} [type=text]

replaced with:

 @param {"blob"|"text"|"blob"} [type=text]

Signed-off-by: Sergey Ponomarev <stokito@gmail.com>
2023-09-23 10:39:34 +03:00
Jo-Philipp Wich
23a246e4b4 luci-base: ui.js: set autocomplete="new-password" for password fields
Attempt to prevent Firefox from randomly filling nonesense into arbitrary
password fields such as the WireGuard private key field by setting the
`autocomplete="new-password"` attribute on any password type fields.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2023-06-07 23:40:04 +02:00
Jo-Philipp Wich
6fb185f956 luci-base: ui.js: make upload cancellation message translatable
Resync base translation templates as well.

Fixes: #6364
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2023-04-28 23:58:41 +02:00
Jo-Philipp Wich
41e9b8d121 Revert "luci-proto-openconnect: fix server url validation"
This reverts commit f1312cadc6.

The commit contained unrelated changes.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2023-02-08 08:56:36 +01:00
Jo-Philipp Wich
f1312cadc6 luci-proto-openconnect: fix server url validation
The OpenConnect configuration form incorrectly assumed that the server
setting must be hostname while it actually may be a full URL.

Fixes: #6184
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2023-02-07 11:53:31 +01:00
Jo-Philipp Wich
c9939a83e7 luci-base: ui.js: modal dialog tweaks
- Automatically focus modal dialog frame
 - Close modal dialog on pressing escape key

Fixes: #4609, #6205
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2023-02-05 20:22:44 +01:00