Add PercentageColumn [skip-install]

Puzzlepart · Apr 17, 2024 · b904f08 · b904f08
1 parent 35b2a0c
commit b904f08
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 9 deletions.
diff --git a/...ointFramework/PortfolioWebParts/src/components/List/ItemColumn/PercentageColumn/index.tsx b/...ointFramework/PortfolioWebParts/src/components/List/ItemColumn/PercentageColumn/index.tsx
@@ -0,0 +1,13 @@
+import strings from 'PortfolioWebPartsStrings'
+import { tryParsePercentage } from 'pp365-shared-library'
+import React from 'react'
+import { ColumnRenderComponent } from '../types'
+
+export const PercentageColumn: ColumnRenderComponent = (props) => (
+  <span>{tryParsePercentage(props.columnValue, true, 0)}</span>
+)
+
+PercentageColumn.key = 'percentage'
+PercentageColumn.id = 'Percentage'
+PercentageColumn.displayName = strings.ColumnRenderOptionPercentage
+PercentageColumn.iconName = 'CalculatorPercentage'
diff --git a/SharePointFramework/PortfolioWebParts/src/components/List/ItemColumn/registry.ts b/SharePointFramework/PortfolioWebParts/src/components/List/ItemColumn/registry.ts
@@ -6,6 +6,7 @@ import { GetDataTypeProperties, IColumnDataTypeFieldOption } from './ColumnDataT
 import { BooleanColumn } from './BooleanColumn'
 import { CurrencyColumn } from './CurrencyColumn'
 import { NumberColumn } from './NumberColumn'
+import { PercentageColumn } from './PercentageColumn'
 import { DateColumn } from './DateColumn'
 import { DialogColumn } from './DialogColumn'
 import { FileNameColumn } from './FileNameColumn'
@@ -234,6 +235,7 @@ export function useColumnRenderComponentRegistry() {
       FileNameColumn,
       CurrencyColumn,
       NumberColumn,
+      PercentageColumn,
       ListColumn,
       DialogColumn,
       TagsColumn,
@@ -254,11 +256,5 @@ export function useColumnRenderComponentRegistry() {
       strings.ColumnRenderOptionNote,
       'EditStyle'
     )
-    ColumnRenderComponentRegistry.registerColumnRenderOption(
-      'percentage',
-      'Percentage',
-      strings.ColumnRenderOptionPercentage,
-      'CalculatorPercentage'
-    )
   }, [])
 }
diff --git a/SharePointFramework/shared-library/src/types/ColumnDataType.ts b/SharePointFramework/shared-library/src/types/ColumnDataType.ts
@@ -3,6 +3,7 @@ export type ColumnDataType =
   | 'date'
   | 'currency'
   | 'number'
+  | 'percentage'
   | 'tags'
   | 'boolean'
   | 'url'

diff --git a/Templates/Portfolio/Objects/Lists/Datakilder.xml b/Templates/Portfolio/Objects/Lists/Datakilder.xml
@@ -197,10 +197,10 @@
         <pnp:DataRow>
             <pnp:DataValue FieldName="GtDataSourceId">fbe4dcc8-ed4c-4c0a-ad52-4247ca90f9b3</pnp:DataValue>
             <pnp:DataValue FieldName="Title">Alle ressursallokeringer for underområder</pnp:DataValue>
-            <pnp:DataValue FieldName="GtSearchQuery">(ContentTypeId:0x010004EAFF7AFCC94C2680042E6881264120* OR ContentTypeId:0x010029F45E75BA9CE340A83EFFB2927E11F4*) DepartmentId:{{sitecollectionid}}</pnp:DataValue>
+            <pnp:DataValue FieldName="GtSearchQuery">ContentTypeId:0x010004EAFF7AFCC94C2680042E6881264120* DepartmentId:{{sitecollectionid}}</pnp:DataValue>
             <pnp:DataValue FieldName="GtDataSourceCategory">Ressursallokering</pnp:DataValue>
-            <pnp:DataValue FieldName="GtProjectContentColumns">57,58,59,60,61,62,63,64,65</pnp:DataValue>
-            <pnp:DataValue FieldName="GtProjectContentRefiners">57,58,62,64</pnp:DataValue>
+            <pnp:DataValue FieldName="GtProjectContentColumns">57,58,59,60,61,62,63</pnp:DataValue>
+            <pnp:DataValue FieldName="GtProjectContentRefiners">57,58,62</pnp:DataValue>
             <pnp:DataValue FieldName="GtIconName">SizeLegacy</pnp:DataValue>
             <pnp:DataValue FieldName="GtDataSourceLevel">Overordnet/Program</pnp:DataValue>
         </pnp:DataRow>