Update UI for Import group from file
Problem to solve
-
Currently, when a user uploads a file to import a group, they must manually type the
Group name
andGroup URL
. The system should be able to detect and autofill the name of the group based on the file name. -
We need to update the file upload component to follow the Pajamas file upload pattern.
User experience goal
Give the user as few steps as possible to import their group. By prepopulating the name and URL fields saves time and prevents the user from potentially typing in the incorrect information.
Proposal
(Old) Empty state | (Updated) Empty state |
---|---|
![]() |
![]() |
Actions:
(Updated) File attached | (Updated) Hover state | Prototype |
---|---|---|
![]() |
![]() |
![]() |
Designs
- Show closed items
Relates to
- #224533
Activity
-
Newest first Oldest first
-
Show all activity Show comments only Show history only
- Amanda Hughes added DEPRECATED_group import DEPRECATED_import UX workflowready for development + 1 deleted label
added DEPRECATED_group import DEPRECATED_import UX workflowready for development + 1 deleted label
- Amanda Hughes marked this issue as related to #224533 (closed)
marked this issue as related to #224533 (closed)
- Amanda Hughes marked this issue as related to #237925 (closed)
marked this issue as related to #237925 (closed)
- Amanda Hughes added to epic &2771
added to epic &2771
- Maintainer
Setting label(s) devopsmanage sectiondev based on ~"group::import".
- 🤖 GitLab Bot 🤖 added devopsmanage sectiondev labels
added devopsmanage sectiondev labels
- Amanda Hughes changed milestone to %Next 1-3 releases
changed milestone to %Next 1-3 releases
- Amanda Hughes closed
closed
- Amanda Hughes reopened
reopened
- Amanda Hughes changed the description
Compare with previous version changed the description
- Author Contributor
@xanf What do you think about the proposal to autofill fields based on the file name?
Collapse replies - Maintainer
Makes sense to me as tiny, yet useful addition
- Illya Klymov set weight to 1
set weight to 1
- Amanda Hughes closed
closed
- Amanda Hughes marked #244381 (closed) as a duplicate of this issue
marked #244381 (closed) as a duplicate of this issue
- Amanda Hughes marked this issue as related to #244381 (closed)
marked this issue as related to #244381 (closed)
- Amanda Hughes mentioned in issue #244381 (closed)
mentioned in issue #244381 (closed)
- Amanda Hughes reopened
reopened
- Amanda Hughes changed title from Autofill fields when uploading a file and importing a group to Update Import group from file UI
changed title from Autofill fields when uploading a file and importing a group to Update Import group from file UI
- Amanda Hughes changed the description
Compare with previous version changed the description
- Author Contributor
Collapse replies - Contributor
@amandakhughes Looks good to me. Thanks!
- Amanda Hughes removed workflowready for development label
removed workflowready for development label
- Amanda Hughes added Next Up workflowrefinement labels
added Next Up workflowrefinement labels
- Amanda Hughes marked #271178 (closed) as a duplicate of this issue
marked #271178 (closed) as a duplicate of this issue
- Amanda Hughes marked this issue as related to #271178 (closed)
marked this issue as related to #271178 (closed)
- Amanda Hughes changed the description
Compare with previous version changed the description
- Amanda Hughes mentioned in issue #237925 (closed)
mentioned in issue #237925 (closed)
- Amanda Hughes removed workflowrefinement label
removed workflowrefinement label
- Amanda Hughes added workflowplanning breakdown label
added workflowplanning breakdown label
- Amanda Hughes changed the description
Compare with previous version changed the description
- Amanda Hughes changed title from Update Import group from file UI to Update UI for Import group from file
changed title from Update Import group from file UI to Update UI for Import group from file
- Amanda Hughes added workflowproblem validation label and removed Next Up workflowplanning breakdown labels
added workflowproblem validation label and removed Next Up workflowplanning breakdown labels
- Amanda Hughes added Next Up label and removed workflowproblem validation label
added Next Up label and removed workflowproblem validation label
- Amanda Hughes added workflowrefinement label
added workflowrefinement label
- Amanda Hughes removed workflowrefinement label
removed workflowrefinement label
- Amanda Hughes added workflowplanning breakdown label
added workflowplanning breakdown label
- Amanda Hughes added frontend label
added frontend label
- Amanda Hughes changed the description
Compare with previous version changed the description
- Haris Delalić changed epic to &4558 (closed)
changed epic to &4558 (closed)
- Contributor
UX completed
- Haris Delalić unassigned @amandakhughes
unassigned @amandakhughes
- Haris Delalić added milestonep4 workflowstart labels and removed workflowplanning breakdown label
added milestonep4 workflowstart labels and removed workflowplanning breakdown label
- Haris Delalić marked this issue as related to #254931 (closed)
marked this issue as related to #254931 (closed)
- Haris Delalić mentioned in issue #254931 (closed)
mentioned in issue #254931 (closed)
- 🤖 GitLab Bot 🤖 added [deprecated] Accepting merge requests label
added [deprecated] Accepting merge requests label
- Haris Delalić changed milestone to %Backlog
changed milestone to %Backlog
- Haris Delalić added Importer:Group Export/Import label
added Importer:Group Export/Import label
- Contributor
Given that we will be deprecating Group Export/Import in favor of &2771, this issue will be closed.
- Haris Delalić removed workflowstart label
removed workflowstart label
- Haris Delalić removed milestonep4 label
removed milestonep4 label
- Haris Delalić removed milestone %Backlog
removed milestone %Backlog
- Haris Delalić removed [deprecated] Accepting merge requests label
removed [deprecated] Accepting merge requests label
- Haris Delalić removed DEPRECATED_group import label
removed DEPRECATED_group import label
- Haris Delalić removed DEPRECATED_import label
removed DEPRECATED_import label
- Haris Delalić removed Next Up label
removed Next Up label
- Haris Delalić added Category:Importers label
added Category:Importers label
- Contributor
Closed in favor of #341275
- Haris Delalić closed
closed
- 🤖 GitLab Bot 🤖 added groupimport and integrate label and removed 1 deleted label
added groupimport and integrate label and removed 1 deleted label