Add improvements to document template selector

CHANGELOG.md

@@ -13,6 +13,7 @@ Every change is marked with issue ID.
   - This applies to Portfolio, Project and Program timelines
 - Added ability to run hooks in the txt provisioning template #700
   - Example: Trigger API's, Flows, Logic Apps, Azure Functions, etc...
+- Improvements to styling, sorting and information messages for the Document Template Selector #711
 
 ## 1.5.0 - 01.04.2022
 

SharePointFramework/ProjectExtensions/src/components/DocumentTemplateDialog/DocumentTemplateDialog.module.scss

@@ -1,6 +1,7 @@
 .root {
   width: 750px;
   max-width: 750px;
+  max-height: 90%;
 
   .container {
     padding: 8px 0 0 0;

SharePointFramework/ProjectExtensions/src/components/DocumentTemplateDialog/SelectScreen/index.tsx

@@ -25,7 +25,7 @@ export const SelectScreen = (props: ISelectScreenProps) => {
       context.templates
         .filter((item) => {
           return !isEmpty(folder) ? folder === item.parentFolderUrl : item.level === 1
-        })
+        }).sort((a, b) => (a.name > b.name ? 1 : -1))
         .sort((a, b) => (a.isFolder === b.isFolder ? 0 : a.isFolder ? -1 : 1)),
     [folder]
   )

SharePointFramework/ProjectExtensions/src/components/DocumentTemplateDialog/TargetFolderScreen/index.tsx

@@ -54,9 +54,9 @@ export const TargetFolderScreen = () => {
         setFolder={setFolder}
       />
       <DetailsList
-        items={folders}
+        items={folders.sort((a, b) => (a.name > b.name ? 1 : -1)) }
         columns={columns()}
-        selectionMode={SelectionMode.multiple}
+        selectionMode={SelectionMode.none}
         layoutMode={DetailsListLayoutMode.justified}
         constrainMode={ConstrainMode.horizontalConstrained}
         onItemInvoked={(folder: SPFolder) => {

SharePointFramework/ProjectExtensions/src/loc/nb-no.js

@@ -3,7 +3,7 @@ define([], function() {
         PermissionConfigurationList: 'Tillatelseskonfigurasjon',
         SitePermissionsText: 'Setter opp tillatelser for området',
         SitePermissionsSubText: 'Kopierer tillatelsekonfigurasjon fra hubområdet.',
-        DocumentTemplateDialogScreenTargetFolderInfoText: 'Velg mål for de valgte malene. Trykk **Bibliotek** for å velge et annet bibliotek.',
+        DocumentTemplateDialogScreenTargetFolderInfoText: 'Velg mål for de valgte malene. Dersom det er flere enn ett dokumentbiliotek kan du trykke **Bibliotek** for å velge et annet bibliotek.<br /><br />Når du trykker **Kopier hit** sendes du videre til et skjermbilde hvor du kan sette tittel og filnavn for malene som kopieres over.',
         Library: 'Bibliotek',
         CopyHereText: 'Kopier hit',
         ApplyTemplateText: 'Legger på mal {0}',
@@ -66,7 +66,7 @@ define([], function() {
         TemplateSelectorTitle: 'Prosjektmal',
         TitleLabel: 'Tittel',
         ProgressDialogSubText: 'Vennligst vent. Ikke lukk nettleservinduet.',
-        DocumentTemplateDialogScreenSelectInfoText: 'Velg dokumentmalene du vil kopiere til prosjektområdet.<br /><br />Malene hentes fra<a href="{0}" target="_blank">{1}</a> og det hentes **siste versjon** av malene.<br /><br />Når du trykker **Velg** sendes du videre til et skjermbilde hvor du kan sette tittel og filnavn for malene som kopieres over.',
+        DocumentTemplateDialogScreenSelectInfoText: 'Velg dokumentmalene du vil kopiere til prosjektområdet.<br /><br />Malene hentes fra<a href="{0}" target="_blank">{1}</a> og det hentes **siste versjon** av malene.<br /><br />Når du trykker **Velg** sendes du videre til et skjermbilde hvor du velger destinasjonen du ønsker å kopiere til.',
         DocumentTemplateDialogScreenEditCopyInfoText: 'Her kan du sette **Filnavn** og **Tittel** for dokumentene som kopieres over.<br /><br />Når du er ferdig, trykk **Start kopering** for å starte kopieringen.',
         FilenameAlreadyInUseErrorText: 'Filnavnet er allerede i bruk.',
         FilenameInValidErrorText: 'Filnavnet er ugyldig.',