Soukéina Bojabza
fdfd5042f8
[IMP] website: manage better the files uploaded in a form
...
Before this commit, now that multiple files can be uploaded in a form,
we could observe that the file input is not convenient to manage this
situation:
- Clicking again on the input to choose other files replaces the
previously uploaded ones, we can therefore not upload files one by one.
- A file cannot be deleted in an obvious way: we need to cancel a new
upload, as it will replace the file by nothing and therefore delete it.
- When multiple files are uploaded, only the number of files is
displayed and not their name (they are only displayed on hover).
This commit improves these behaviors:
- Clicking again on the input adds additional files instead of replacing
them (unless the number of files allowed is 1);
- The button text content is modified after the upload of files,
displaying "Add Files"/"Replace File" (if multiple/single files are
allowed) to show its role better.
- When files are uploaded, blocks containing each files name and a
cross to delete them are displayed.
In order to make these improvements, the file input is hidden and
replaced by an input of type=`button` when files are uploaded. This was
done for two reasons:
- It is not possible to modify the content of an input of type=`file`
but we can change the value of a button.
- The input did not look good with the file blocks, because it has a
text displaying file informations, which was redundant with the blocks.
task-2798576
Part-of: odoo/odoo#89055
2023-05-15 12:55:58 +02:00
..
2023-05-15 11:41:42 +02:00
2023-05-12 22:59:14 +02:00
2023-04-19 21:58:27 +02:00
2023-04-27 13:36:19 +02:00
2023-05-11 18:25:03 +02:00
2023-05-12 19:54:42 +02:00
2023-04-19 21:58:27 +02:00
2023-05-12 22:59:23 +02:00
2023-05-11 18:25:03 +02:00
2023-05-15 11:41:26 +02:00
2023-05-12 22:59:16 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:22 +02:00
2023-05-08 23:39:42 +02:00
2023-04-25 20:06:43 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:13 +02:00
2023-04-20 11:57:29 +02:00
2023-05-03 12:39:40 +02:00
2023-05-03 12:39:40 +02:00
2023-05-12 22:59:23 +02:00
2023-04-20 19:30:37 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:22 +02:00
2023-05-11 19:20:58 +02:00
2023-05-15 09:37:48 +02:00
2023-05-15 09:37:48 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:14 +02:00
2023-05-15 11:41:20 +02:00
2023-05-05 12:43:58 +02:00
2023-05-05 12:43:58 +02:00
2023-04-21 02:21:53 +02:00
2023-04-18 08:26:23 +02:00
2023-05-05 12:43:59 +02:00
2023-05-12 22:59:16 +02:00
2023-05-15 11:41:57 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:23 +02:00
2023-05-12 22:59:16 +02:00
2023-05-12 22:59:23 +02:00
2023-05-12 22:59:16 +02:00
2023-05-12 22:59:23 +02:00
2023-04-28 16:04:27 +02:00
2023-05-12 22:59:16 +02:00
2023-05-12 22:59:23 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:16 +02:00
2023-05-15 11:41:29 +02:00
2023-05-12 22:59:16 +02:00
2023-05-15 09:37:48 +02:00
2023-04-19 11:01:13 +02:00
2023-05-12 22:59:23 +02:00
2023-05-09 14:29:06 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:12 +02:00
2023-05-12 22:59:14 +02:00
2023-04-19 21:58:27 +02:00
2023-05-12 22:59:23 +02:00
2023-05-12 22:59:17 +02:00
2023-05-10 13:21:07 +02:00
2023-04-14 10:45:09 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:22 +02:00
2023-05-15 09:37:48 +02:00
2023-04-13 16:39:48 +02:00
2023-05-12 19:54:42 +02:00
2023-05-11 18:24:51 +02:00
2023-05-12 19:54:57 +02:00
2023-05-11 12:01:16 +02:00
2023-05-10 04:14:50 +02:00
2023-05-11 18:25:38 +02:00
2023-05-10 19:16:47 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-11 13:54:59 +02:00
2023-05-10 18:16:24 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 18:16:14 +02:00
2023-05-11 13:54:53 +02:00
2023-05-10 13:21:32 +02:00
2023-05-10 04:14:50 +02:00
2023-05-11 12:01:18 +02:00
2023-05-12 19:54:57 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 18:16:08 +02:00
2023-05-10 18:16:08 +02:00
2023-05-11 12:01:26 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-11 13:55:01 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 18:16:21 +02:00
2023-05-10 04:14:50 +02:00
2023-05-12 19:54:22 +02:00
2023-05-12 19:54:23 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 20:15:02 +02:00
2023-05-10 20:14:51 +02:00
2023-05-10 04:14:50 +02:00
2023-05-11 12:01:13 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-12 19:54:57 +02:00
2023-04-13 09:31:31 +02:00
2023-05-12 19:54:57 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 13:21:34 +02:00
2023-05-15 11:41:26 +02:00
2023-05-10 20:15:04 +02:00
2023-05-11 12:01:29 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 19:16:49 +02:00
2023-05-10 13:21:16 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 20:15:07 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:22 +02:00
2023-05-15 08:34:42 +02:00
2023-05-12 19:54:57 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 18:16:16 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-15 11:41:37 +02:00
2023-05-10 20:14:59 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 20:15:23 +02:00
2023-05-02 14:47:10 +02:00
2023-05-10 20:14:56 +02:00
2023-05-11 18:24:53 +02:00
2023-05-10 21:18:26 +02:00
2023-05-10 13:21:13 +02:00
2023-05-11 13:54:51 +02:00
2023-05-10 18:16:06 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-11 10:40:47 +02:00
2023-05-10 13:21:24 +02:00
2023-05-10 20:15:12 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 13:21:19 +02:00
2023-05-11 10:40:53 +02:00
2023-05-11 10:40:55 +02:00
2023-05-10 04:14:50 +02:00
2023-05-11 12:01:21 +02:00
2023-05-10 20:14:48 +02:00
2023-05-11 12:01:24 +02:00
2023-05-10 18:16:19 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 13:21:29 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 13:21:42 +02:00
2023-05-10 20:15:14 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 04:14:50 +02:00
2023-05-10 13:21:39 +02:00
2023-05-10 20:15:17 +02:00
2023-05-12 09:21:49 +02:00
2023-05-10 20:15:20 +02:00
2023-05-12 22:59:23 +02:00
2023-05-12 22:59:16 +02:00
2023-05-12 22:59:16 +02:00
2023-05-15 11:41:51 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:16 +02:00
2023-05-15 09:37:48 +02:00
2023-04-19 21:58:27 +02:00
2023-04-19 21:58:27 +02:00
2023-05-04 19:09:49 +02:00
2023-05-12 22:59:14 +02:00
2023-05-11 09:36:21 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:23 +02:00
2023-05-12 22:59:23 +02:00
2023-05-12 22:59:16 +02:00
2023-05-10 15:19:32 +02:00
2023-05-10 15:19:32 +02:00
2023-05-11 18:25:26 +02:00
2023-05-12 22:59:16 +02:00
2023-05-15 11:41:42 +02:00
2023-05-12 22:59:22 +02:00
2023-05-15 09:37:48 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:16 +02:00
2023-05-15 09:37:48 +02:00
2023-05-15 09:37:48 +02:00
2023-05-15 09:37:48 +02:00
2023-05-05 17:06:38 +02:00
2023-05-12 19:54:57 +02:00
2023-05-05 17:06:38 +02:00
2023-05-12 19:54:57 +02:00
2023-05-05 17:06:38 +02:00
2023-05-15 09:37:48 +02:00
2023-05-12 22:59:22 +02:00
2023-05-15 09:37:48 +02:00
2023-05-05 17:06:38 +02:00
2023-05-05 17:06:38 +02:00
2023-05-12 19:54:57 +02:00
2023-05-05 17:06:38 +02:00
2023-05-08 15:18:30 +02:00
2023-05-12 22:59:22 +02:00
2023-05-15 09:37:48 +02:00
2023-05-12 22:59:22 +02:00
2023-04-21 02:21:53 +02:00
2023-05-12 22:59:23 +02:00
2023-05-10 04:14:55 +02:00
2023-04-19 21:58:27 +02:00
2023-05-15 11:41:16 +02:00
2023-05-15 07:30:57 +02:00
2023-04-18 08:26:23 +02:00
2023-04-19 21:58:27 +02:00
2023-05-15 07:30:57 +02:00
2023-04-19 21:58:27 +02:00
2023-04-13 05:07:55 +02:00
2023-04-19 21:58:27 +02:00
2023-05-15 09:37:48 +02:00
2023-05-08 22:40:00 +02:00
2023-05-09 21:04:01 +02:00
2023-05-12 22:59:16 +02:00
2023-05-12 22:59:22 +02:00
2023-05-04 19:10:20 +02:00
2023-05-12 22:59:23 +02:00
2023-05-12 22:59:23 +02:00
2023-05-15 11:41:42 +02:00
2023-04-28 16:04:27 +02:00
2023-05-12 22:59:21 +02:00
2023-05-09 00:41:08 +02:00
2023-05-12 22:59:22 +02:00
2023-04-19 21:58:27 +02:00
2023-05-02 19:07:06 +02:00
2023-04-24 08:38:11 +02:00
2023-04-24 08:38:11 +02:00
2023-05-15 07:30:57 +02:00
2023-04-19 21:58:27 +02:00
2023-04-19 21:58:27 +02:00
2023-05-12 19:55:08 +02:00
2023-04-25 09:38:10 +02:00
2023-05-15 11:41:39 +02:00
2023-05-12 22:59:23 +02:00
2023-04-19 21:58:27 +02:00
2023-05-12 22:59:21 +02:00
2023-05-12 22:59:23 +02:00
2023-05-12 22:59:22 +02:00
2023-04-27 00:52:20 +02:00
2023-05-11 09:36:21 +02:00
2023-05-15 08:34:45 +02:00
2023-05-03 15:04:53 +02:00
2023-05-12 22:59:22 +02:00
2023-05-02 19:07:09 +02:00
2023-04-20 22:09:57 +02:00
2023-05-09 00:40:59 +02:00
2023-05-03 13:56:54 +02:00
2023-05-15 11:41:31 +02:00
2023-05-15 11:41:39 +02:00
2023-05-12 22:59:23 +02:00
2023-05-15 11:41:57 +02:00
2023-05-09 21:04:02 +02:00
2023-05-12 22:59:23 +02:00
2023-05-09 21:04:03 +02:00
2023-05-12 22:59:22 +02:00
2023-04-14 17:38:04 +02:00
2023-04-21 02:21:53 +02:00
2023-05-12 21:50:44 +02:00
2023-05-12 22:59:22 +02:00
2023-05-10 13:21:07 +02:00
2023-04-13 17:57:56 +02:00
2023-04-24 08:38:11 +02:00
2023-05-04 20:33:55 +02:00
2023-05-11 10:41:06 +02:00
2023-05-12 22:59:16 +02:00
2023-05-12 22:59:16 +02:00
2023-05-15 11:41:20 +02:00
2023-05-15 11:41:54 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:22 +02:00
2023-05-15 12:55:58 +02:00
2023-05-15 09:37:48 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:14 +02:00
2023-04-20 13:03:32 +02:00
2023-04-21 02:21:53 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:14 +02:00
2023-05-15 09:37:48 +02:00
2023-04-18 11:33:46 +02:00
2023-05-15 09:37:51 +02:00
2023-05-12 21:50:44 +02:00
2023-05-15 09:37:48 +02:00
2023-05-12 22:59:22 +02:00
2023-05-15 09:37:51 +02:00
2023-05-12 22:59:22 +02:00
2023-05-05 17:06:23 +02:00
2023-05-15 09:37:48 +02:00
2023-05-12 22:59:14 +02:00
2023-05-15 09:37:48 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:22 +02:00
2023-04-18 11:33:46 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:15 +02:00
2023-04-19 21:58:27 +02:00
2023-04-17 08:24:47 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:14 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:22 +02:00
2023-05-15 11:41:31 +02:00
2023-05-12 22:59:22 +02:00
2023-05-15 09:37:48 +02:00
2023-05-12 22:59:14 +02:00
2023-05-15 09:37:48 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:22 +02:00
2023-05-15 09:37:48 +02:00
2023-05-10 21:18:13 +02:00
2023-05-12 22:59:14 +02:00
2023-04-24 08:38:11 +02:00
2023-05-15 09:37:48 +02:00
2023-05-15 09:37:48 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:22 +02:00
2023-05-12 22:59:22 +02:00