UI/UX improvements to Program

[Remi749]

Describe the solution you'd like
A list of various UI/UX improvements found throughout the Program module.

1. Decorate links in "Administrasjon av underområder" the same way as other lists (see 'Gevinster' list for programs).
   a. This also applies for the "Legg til prosjekt" dialog
2. Dialog with loading/shimmer when pressing "Legg til område" changes size after projects are loaded. Keep the same size.
3. When making a project an "Overordnet" project, the dialog header should say: "Setter opp overordnet område" (see image of current header)
   
4. For consistency, searchlabel in OverordnetUsikkerheter should say "Søk i alle usikkerheter" Or the other lists should say something about "Søk i program..."
5. Add a visual indication wether a project is "standard" or "Overordnet", either on the frontpage or elsewhere where it would be necessary.
6. Update all column descriptions used in Program lists to mention program instead of project. (See description for "Programleveranser - Leveransebeskrivelse")
7. After removing all "underområder" the "Fjern underordnet område" command button is still active, needs refresh to disable the state. This should become disabled when removing all sites (see image below of active state after deleting sites)
8. Remove duplicate "Title" webpart prop from "Administrasjon av underområder" webpart page or rename the duplicate if needed.
9. The webpart titles should be consistent. See comment
10. Add title to "Oversikt" in Program, suggested text: "Oversikt over underområder"
11. Disable "Legg til" button in "Legg til prosjekt" if none are selected.
12. Fixed height (750px) for "Legg til prosjekt" dialog, but with a max-height to not get double scrollbars. Ex: "min-content"/"max-content" with padding. This will alleviate the amount of blank space if there are less than 15 projects to be selected from.
13. Make the "Project" column in "OverordnetLeveranser" page clickable, to keep the UX consistent with "OverordnetGevinster" and "OverordnetUsikkerheter" pages.
14. Add InformationMessage to "Administrasjon av underområder"

All points are open for debate of course.

[Remi749]

Added points, 9-14

[tarjeieo]

Love these improvements - feel free to work on them if you have time

[olemp]

I like them too!

I'd also like to add one thing.

The webpart titles should be consistent.

Administrasjon av underområder is good.

Should be Oversikt over underområder in my opinion.

Should be something like Gevinster fra underområder. I think we should avoid the hyphen.

Tidslinje for underområder

And so on and so forth. I think we should make it more readable and avoid the hyphens, but you guys might not agree.

[Remi749]

I agree, I'll add it as a point

[Remi749]

Solved

1. Decorate links in "Administrasjon av underområder" the same way as other lists (see 'Gevinster' list for programs).
   a. This also applies for the "Legg til prosjekt" dialog
2. Dialog with loading/shimmer when pressing "Legg til område" changes size after projects are loaded. Keep the same size.
3. When making a project an "Overordnet" project, the dialog header should say: "Setter opp overordnet område" (see image of current header)
   
4. For consistency, searchlabel in OverordnetUsikkerheter should say "Søk i alle usikkerheter" Or the other lists should say something about "Søk i program..."
5. Add a visual indication wether a project is "standard" or "Overordnet", either on the frontpage or elsewhere where it would be necessary.
6. Update all column descriptions used in Program lists to mention program instead of project. (See description for "Programleveranser - Leveransebeskrivelse")
7. After removing all "underområder" the "Fjern underordnet område" command button is still active, needs refresh to disable the state. This should become disabled when removing all sites (see image below of active state after deleting sites)
8. Remove duplicate "Title" webpart prop from "Administrasjon av underområder" webpart page or rename the duplicate if needed.
9. The webpart titles should be consistent. See comment
10. Add title to "Oversikt" in Program, suggested text: "Oversikt over underområder"
11. Disable "Legg til" button in "Legg til prosjekt" if none are selected.
12. Fixed height (750px) for "Legg til prosjekt" dialog, but with a max-height to not get double scrollbars. Ex: "min-content"/"max-content" with padding. This will alleviate the amount of blank space if there are less than 15 projects to be selected from.
13. Make the "Project" column in "OverordnetLeveranser" page clickable, to keep the UX consistent with "OverordnetGevinster" and "OverordnetUsikkerheter" pages.
14. Add InformationMessage to "Administrasjon av underområder"

[olemp]

Add InformationMessage to "Administrasjon av underområder"

What information message, @Remi749?

[Remi749]

Add InformationMessage to "Administrasjon av underområder"

What information message, @Remi749?

Could be something like:

"Velg en eller flere prosjekter du ønsker å knytte til området. Området vil dukke opp som forelder, for prosjektene som er valgt, under Prosjektinformasjon."

[olemp]

Add InformationMessage to "Administrasjon av underområder"

What information message, @Remi749?

Could be something like:

"Velg en eller flere prosjekter du ønsker å knytte til området. Området vil dukke opp som forelder, for prosjektene som er valgt, under Prosjektinformasjon."

Show it as a tooltip to avoid taking up the space all the time, @Remi749?

[Remi749]

Add InformationMessage to "Administrasjon av underområder"

What information message, @Remi749?

Could be something like:
"Velg en eller flere prosjekter du ønsker å knytte til området. Området vil dukke opp som forelder, for prosjektene som er valgt, under Prosjektinformasjon."

Show it as a tooltip to avoid taking up the space all the time, @Remi749?

Good idea, I like it!