├── .eslintrc.json
├── .gitignore
├── AttachmentDragandDrop
    ├── .gitignore
    ├── AttachmentDragandDrop.cdsproj
    └── Other
    │   ├── Customizations.xml
    │   ├── Relationships.xml
    │   └── Solution.xml
├── AttachmentUpload
    ├── AttachmentUpload.1030.resx
    ├── AttachmentUpload.1033.resx
    ├── AttachmentUpload.1044.resx
    ├── AttachmentUploader.css
    ├── AttachmentUploader.tsx
    ├── ControlManifest.Input.xml
    ├── index.ts
    └── uploadicn.png
├── AttachmentUploader.pcfproj
├── LICENSE
├── README.md
├── package-lock.json
├── package.json
├── pcfconfig.json
└── tsconfig.json


/.eslintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "env": {
 3 |       "browser": true,
 4 |       "es2020": true
 5 |     },
 6 |     "extends": [
 7 |       "eslint:recommended"
 8 |     ],
 9 |     "globals": {
10 |       "ComponentFramework": true
11 |     },
12 |     "parser": "@typescript-eslint/parser",
13 |     "parserOptions": {
14 |       "ecmaVersion": 12,
15 |       "sourceType": "module"
16 |     },
17 |     "plugins": [
18 |       "@microsoft/power-apps",
19 |       "@typescript-eslint"
20 |     ],
21 |     "rules": {
22 |       "no-unused-vars": "off"
23 |     }
24 | }
25 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | 
 6 | # generated directory
 7 | **/generated
 8 | 
 9 | # output directory
10 | /out
11 | 
12 | # msbuild output directories
13 | /bin
14 | /obj
15 | .DS_Store
16 | ~/Library/Microsoft/PowerAppsCli/usersettings.json
17 | 


--------------------------------------------------------------------------------
/AttachmentDragandDrop/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 | 
3 | # msbuild output directories
4 | /bin
5 | /obj


--------------------------------------------------------------------------------
/AttachmentDragandDrop/AttachmentDragandDrop.cdsproj:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <Project ToolsVersion="15.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
 3 |   <PropertyGroup>
 4 |     <PowerAppsTargetsPath>$(MSBuildExtensionsPath)\Microsoft\VisualStudio\v$(VisualStudioVersion)\PowerApps</PowerAppsTargetsPath>  
 5 |   </PropertyGroup>
 6 |   
 7 |   <Import Project="$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props" />
 8 |   <Import Project="$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Solution.props" Condition="Exists('$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Solution.props')" />
 9 | 
10 |   <PropertyGroup>
11 |     <ProjectGuid>9a3a23dd-d324-4670-a71a-5813852c4778</ProjectGuid>
12 |     <TargetFrameworkVersion>v4.6.2</TargetFrameworkVersion>
13 |     <!--Remove TargetFramework when this is available in 16.1-->
14 |     <TargetFramework>net462</TargetFramework>
15 |     <RestoreProjectStyle>PackageReference</RestoreProjectStyle>
16 |   </PropertyGroup>
17 | 
18 |   <!-- Solution Packager overrides, un-comment to use: SolutionPackagerType (Managed, Unmanaged, Both) -->
19 |   <PropertyGroup>
20 |     <SolutionPackageType>Both</SolutionPackageType>
21 |   </PropertyGroup>
22 |  
23 |   
24 |   <ItemGroup>
25 |     <PackageReference Include="Microsoft.PowerApps.MSBuild.Solution" Version="1.*" />
26 |     <PackageReference Include="Microsoft.NETFramework.ReferenceAssemblies" Version="1.0.0" PrivateAssets="All" />
27 |   </ItemGroup>
28 |   
29 |   <ItemGroup>
30 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\.gitignore" />
31 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\bin\**" />
32 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\obj\**" />
33 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.cdsproj" />
34 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.cdsproj.user" />
35 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.sln" />
36 |   </ItemGroup>
37 |   
38 |   <ItemGroup>
39 |     <None Include="$(MSBuildThisFileDirectory)\**" Exclude="@(ExcludeDirectories)" />
40 |     <Content Include="$(SolutionPackageZipFilePath)">
41 |       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
42 |     </Content>
43 |   </ItemGroup>
44 |   
45 |   <ItemGroup>
46 |     <ProjectReference Include="..\AttachmentUploader.pcfproj" />
47 |   </ItemGroup>
48 | 
49 |   <Import Project="$(MSBuildToolsPath)\Microsoft.Common.targets" />
50 |   <Import Project="$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Solution.targets" Condition="Exists('$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Solution.targets')" />
51 | 
52 | </Project>
53 | 


--------------------------------------------------------------------------------
/AttachmentDragandDrop/Other/Customizations.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <ImportExportXml xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
 3 |   <Entities />
 4 |   <Roles />
 5 |   <Workflows />
 6 |   <FieldSecurityProfiles />
 7 |   <Templates />
 8 |   <EntityMaps />
 9 |   <EntityRelationships />
10 |   <OrganizationSettings />
11 |   <optionsets />
12 |   <CustomControls />
13 |   <SolutionPluginAssemblies />
14 |   <EntityDataProviders />
15 |   <Languages>
16 |     <Language>1033</Language>
17 |   </Languages>
18 | </ImportExportXml>


--------------------------------------------------------------------------------
/AttachmentDragandDrop/Other/Relationships.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <EntityRelationships xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" />


--------------------------------------------------------------------------------
/AttachmentDragandDrop/Other/Solution.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <ImportExportXml version="9.1.0.643" SolutionPackageVersion="9.1" languagecode="1033" generatedBy="CrmLive" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
 3 |   <SolutionManifest>
 4 |     <!-- Unique Name of Cds Solution-->
 5 |     <UniqueName>AttachmentDragandDrop</UniqueName>
 6 |     <LocalizedNames>
 7 |       <!-- Localized Solution Name in language code -->
 8 |       <LocalizedName description="AttachmentDragandDrop" languagecode="1033" />
 9 |     </LocalizedNames>
10 |      <Descriptions>
11 |         <!-- Description of Cds Publisher in language code -->
12 |         <Description description="https://github.com/ramarao9/AttachmentUploader" languagecode="1033" />
13 |       </Descriptions>
14 |     <Version>1.2.1.0</Version>
15 |     <!-- Solution Package Type: Unmanaged(0)/Managed(1)/Both(2)-->
16 |     <Managed>2</Managed>
17 |     <Publisher>
18 |       <!-- Unique Publisher Name of Cds Solution -->
19 |       <UniqueName>ramakoneru</UniqueName>
20 |       <LocalizedNames>
21 |         <!-- Localized Cds Publisher Name in language code-->
22 |         <LocalizedName description="Rama Koneru" languagecode="1033" />
23 |       </LocalizedNames>
24 |       <Descriptions>
25 |         <!-- Description of Cds Publisher in language code -->
26 |         <Description description="" languagecode="1033" />
27 |       </Descriptions>
28 |       <EMailAddress xsi:nil="true"></EMailAddress>
29 |       <SupportingWebsiteUrl xsi:nil="true">https://github.com/ramarao9/</SupportingWebsiteUrl>
30 |       <!-- Customization Prefix for the Cds Publisher-->
31 |       <CustomizationPrefix>ram</CustomizationPrefix>
32 |       <!-- Derived Option Value Prefix for the Customization Prefix of Cds Publisher -->
33 |       <CustomizationOptionValuePrefix>69998</CustomizationOptionValuePrefix>
34 |       <Addresses>
35 |         <!-- Address of the Publisher-->
36 |         <Address>
37 |           <AddressNumber>1</AddressNumber>
38 |           <AddressTypeCode>1</AddressTypeCode>
39 |           <City xsi:nil="true"></City>
40 |           <County xsi:nil="true"></County>
41 |           <Country xsi:nil="true">USA</Country>
42 |           <Fax xsi:nil="true"></Fax>
43 |           <FreightTermsCode xsi:nil="true"></FreightTermsCode>
44 |           <ImportSequenceNumber xsi:nil="true"></ImportSequenceNumber>
45 |           <Latitude xsi:nil="true"></Latitude>
46 |           <Line1 xsi:nil="true"></Line1>
47 |           <Line2 xsi:nil="true"></Line2>
48 |           <Line3 xsi:nil="true"></Line3>
49 |           <Longitude xsi:nil="true"></Longitude>
50 |           <Name xsi:nil="true"></Name>
51 |           <PostalCode xsi:nil="true"></PostalCode>
52 |           <PostOfficeBox xsi:nil="true"></PostOfficeBox>
53 |           <PrimaryContactName xsi:nil="true"></PrimaryContactName>
54 |           <ShippingMethodCode>1</ShippingMethodCode>
55 |           <StateOrProvince xsi:nil="true">MN</StateOrProvince>
56 |           <Telephone1 xsi:nil="true"></Telephone1>
57 |           <Telephone2 xsi:nil="true"></Telephone2>
58 |           <Telephone3 xsi:nil="true"></Telephone3>
59 |           <TimeZoneRuleVersionNumber xsi:nil="true"></TimeZoneRuleVersionNumber>
60 |           <UPSZone xsi:nil="true"></UPSZone>
61 |           <UTCOffset xsi:nil="true"></UTCOffset>
62 |           <UTCConversionTimeZoneCode xsi:nil="true"></UTCConversionTimeZoneCode>
63 |         </Address>
64 |         <Address>
65 |           <AddressNumber>2</AddressNumber>
66 |           <AddressTypeCode>1</AddressTypeCode>
67 |           <City xsi:nil="true"></City>
68 |           <County xsi:nil="true"></County>
69 |           <Country xsi:nil="true"></Country>
70 |           <Fax xsi:nil="true"></Fax>
71 |           <FreightTermsCode xsi:nil="true"></FreightTermsCode>
72 |           <ImportSequenceNumber xsi:nil="true"></ImportSequenceNumber>
73 |           <Latitude xsi:nil="true"></Latitude>
74 |           <Line1 xsi:nil="true"></Line1>
75 |           <Line2 xsi:nil="true"></Line2>
76 |           <Line3 xsi:nil="true"></Line3>
77 |           <Longitude xsi:nil="true"></Longitude>
78 |           <Name xsi:nil="true"></Name>
79 |           <PostalCode xsi:nil="true"></PostalCode>
80 |           <PostOfficeBox xsi:nil="true"></PostOfficeBox>
81 |           <PrimaryContactName xsi:nil="true"></PrimaryContactName>
82 |           <ShippingMethodCode>1</ShippingMethodCode>
83 |           <StateOrProvince xsi:nil="true"></StateOrProvince>
84 |           <Telephone1 xsi:nil="true"></Telephone1>
85 |           <Telephone2 xsi:nil="true"></Telephone2>
86 |           <Telephone3 xsi:nil="true"></Telephone3>
87 |           <TimeZoneRuleVersionNumber xsi:nil="true"></TimeZoneRuleVersionNumber>
88 |           <UPSZone xsi:nil="true"></UPSZone>
89 |           <UTCOffset xsi:nil="true"></UTCOffset>
90 |           <UTCConversionTimeZoneCode xsi:nil="true"></UTCConversionTimeZoneCode>
91 |         </Address>
92 |       </Addresses>
93 |     </Publisher>
94 |     <RootComponents />
95 |     <MissingDependencies />
96 |   </SolutionManifest>
97 | </ImportExportXml>


--------------------------------------------------------------------------------
/AttachmentUpload/AttachmentUpload.1030.resx:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <root>
  3 |   <!-- 
  4 |     Microsoft ResX Schema 
  5 |     
  6 |     Version 2.0
  7 |     
  8 |     The primary goals of this format is to allow a simple XML format 
  9 |     that is mostly human readable. The generation and parsing of the 
 10 |     various data types are done through the TypeConverter classes 
 11 |     associated with the data types.
 12 |     
 13 |     Example:
 14 |     
 15 |     ... ado.net/XML headers & schema ...
 16 |     <resheader name="resmimetype">text/microsoft-resx</resheader>
 17 |     <resheader name="version">2.0</resheader>
 18 |     <resheader name="reader">System.Resources.ResXResourceReader, System.Windows.Forms, ...</resheader>
 19 |     <resheader name="writer">System.Resources.ResXResourceWriter, System.Windows.Forms, ...</resheader>
 20 |     <data name="Name1"><value>this is my long string</value><comment>this is a comment</comment></data>
 21 |     <data name="Color1" type="System.Drawing.Color, System.Drawing">Blue</data>
 22 |     <data name="Bitmap1" mimetype="application/x-microsoft.net.object.binary.base64">
 23 |         <value>[base64 mime encoded serialized .NET Framework object]</value>
 24 |     </data>
 25 |     <data name="Icon1" type="System.Drawing.Icon, System.Drawing" mimetype="application/x-microsoft.net.object.bytearray.base64">
 26 |         <value>[base64 mime encoded string representing a byte array form of the .NET Framework object]</value>
 27 |         <comment>This is a comment</comment>
 28 |     </data>
 29 |                 
 30 |     There are any number of "resheader" rows that contain simple 
 31 |     name/value pairs.
 32 |     
 33 |     Each data row contains a name, and value. The row also contains a 
 34 |     type or mimetype. Type corresponds to a .NET class that support 
 35 |     text/value conversion through the TypeConverter architecture. 
 36 |     Classes that don't support this are serialized and stored with the 
 37 |     mimetype set.
 38 |     
 39 |     The mimetype is used for serialized objects, and tells the 
 40 |     ResXResourceReader how to depersist the object. This is currently not 
 41 |     extensible. For a given mimetype the value must be set accordingly:
 42 |     
 43 |     Note - application/x-microsoft.net.object.binary.base64 is the format 
 44 |     that the ResXResourceWriter will generate, however the reader can 
 45 |     read any of the formats listed below.
 46 |     
 47 |     mimetype: application/x-microsoft.net.object.binary.base64
 48 |     value   : The object must be serialized with 
 49 |             : System.Runtime.Serialization.Formatters.Binary.BinaryFormatter
 50 |             : and then encoded with base64 encoding.
 51 |     
 52 |     mimetype: application/x-microsoft.net.object.soap.base64
 53 |     value   : The object must be serialized with 
 54 |             : System.Runtime.Serialization.Formatters.Soap.SoapFormatter
 55 |             : and then encoded with base64 encoding.
 56 | 
 57 |     mimetype: application/x-microsoft.net.object.bytearray.base64
 58 |     value   : The object must be serialized into a byte array 
 59 |             : using a System.ComponentModel.TypeConverter
 60 |             : and then encoded with base64 encoding.
 61 |     -->
 62 |   <xsd:schema id="root" xmlns="" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
 63 |     <xsd:import namespace="http://www.w3.org/XML/1998/namespace" />
 64 |     <xsd:element name="root" msdata:IsDataSet="true">
 65 |       <xsd:complexType>
 66 |         <xsd:choice maxOccurs="unbounded">
 67 |           <xsd:element name="metadata">
 68 |             <xsd:complexType>
 69 |               <xsd:sequence>
 70 |                 <xsd:element name="value" type="xsd:string" minOccurs="0" />
 71 |               </xsd:sequence>
 72 |               <xsd:attribute name="name" use="required" type="xsd:string" />
 73 |               <xsd:attribute name="type" type="xsd:string" />
 74 |               <xsd:attribute name="mimetype" type="xsd:string" />
 75 |               <xsd:attribute ref="xml:space" />
 76 |             </xsd:complexType>
 77 |           </xsd:element>
 78 |           <xsd:element name="assembly">
 79 |             <xsd:complexType>
 80 |               <xsd:attribute name="alias" type="xsd:string" />
 81 |               <xsd:attribute name="name" type="xsd:string" />
 82 |             </xsd:complexType>
 83 |           </xsd:element>
 84 |           <xsd:element name="data">
 85 |             <xsd:complexType>
 86 |               <xsd:sequence>
 87 |                 <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
 88 |                 <xsd:element name="comment" type="xsd:string" minOccurs="0" msdata:Ordinal="2" />
 89 |               </xsd:sequence>
 90 |               <xsd:attribute name="name" type="xsd:string" use="required" msdata:Ordinal="1" />
 91 |               <xsd:attribute name="type" type="xsd:string" msdata:Ordinal="3" />
 92 |               <xsd:attribute name="mimetype" type="xsd:string" msdata:Ordinal="4" />
 93 |               <xsd:attribute ref="xml:space" />
 94 |             </xsd:complexType>
 95 |           </xsd:element>
 96 |           <xsd:element name="resheader">
 97 |             <xsd:complexType>
 98 |               <xsd:sequence>
 99 |                 <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
100 |               </xsd:sequence>
101 |               <xsd:attribute name="name" type="xsd:string" use="required" />
102 |             </xsd:complexType>
103 |           </xsd:element>
104 |         </xsd:choice>
105 |       </xsd:complexType>
106 |     </xsd:element>
107 |   </xsd:schema>
108 |   <resheader name="resmimetype">
109 |     <value>text/microsoft-resx</value>
110 |   </resheader>
111 |   <resheader name="version">
112 |     <value>2.0</value>
113 |   </resheader>
114 |   <resheader name="reader">
115 |     <value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
116 |   </resheader>
117 |   <resheader name="writer">
118 |     <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
119 |   </resheader>
120 |   <data name="error_while_uploading_attachments" xml:space="preserve">
121 |     <value>Der skete en eller flere fejl ved forsøg på at uploade de(n) vedhæftede fil(er).</value>
122 |   </data>
123 |   <data name="save_record_to_enable_content" xml:space="preserve">
124 |     <value>Gem posten for at aktivere indholdet.</value>
125 |   </data>
126 |   <data name="uploading" xml:space="preserve">
127 |     <value>Uploader</value>
128 |   </data>
129 |   <data name="drop_files_here" xml:space="preserve">
130 |     <value>Træk filer hertil...</value>
131 |   </data>
132 |   <data name="drop_files_here_or_click_to_upload" xml:space="preserve">
133 |     <value>Træk filer hertil eller klik for at uploade. </value>
134 |   </data>
135 |   <data name="error_while_uploading_attachment" xml:space="preserve">
136 |     <value>Der skete en fejl ved upload af den vedhæftede fil.</value>
137 |   </data>
138 | </root>


--------------------------------------------------------------------------------
/AttachmentUpload/AttachmentUpload.1033.resx:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <root>
 3 |     <xsd:schema id="root"
 4 |         xmlns=""
 5 |         xmlns:xsd="https://www.w3.org/2001/XMLSchema"
 6 |         xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
 7 |         <xsd:import namespace="https://www.w3.org/XML/1998/namespace" />
 8 |         <xsd:element name="root" msdata:IsDataSet="true">
 9 |             <xsd:complexType>
10 |                 <xsd:choice maxOccurs="unbounded">
11 |                     <xsd:element name="metadata">
12 |                         <xsd:complexType>
13 |                             <xsd:sequence>
14 |                                 <xsd:element name="value" type="xsd:string" minOccurs="0" />
15 |                             </xsd:sequence>
16 |                             <xsd:attribute name="name" use="required" type="xsd:string" />
17 |                             <xsd:attribute name="type" type="xsd:string" />
18 |                             <xsd:attribute name="mimetype" type="xsd:string" />
19 |                             <xsd:attribute ref="xml:space" />
20 |                         </xsd:complexType>
21 |                     </xsd:element>
22 |                     <xsd:element name="assembly">
23 |                         <xsd:complexType>
24 |                             <xsd:attribute name="alias" type="xsd:string" />
25 |                             <xsd:attribute name="name" type="xsd:string" />
26 |                         </xsd:complexType>
27 |                     </xsd:element>
28 |                     <xsd:element name="data">
29 |                         <xsd:complexType>
30 |                             <xsd:sequence>
31 |                                 <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
32 |                                 <xsd:element name="comment" type="xsd:string" minOccurs="0" msdata:Ordinal="2" />
33 |                             </xsd:sequence>
34 |                             <xsd:attribute name="name" type="xsd:string" use="required" msdata:Ordinal="1" />
35 |                             <xsd:attribute name="type" type="xsd:string" msdata:Ordinal="3" />
36 |                             <xsd:attribute name="mimetype" type="xsd:string" msdata:Ordinal="4" />
37 |                             <xsd:attribute ref="xml:space" />
38 |                         </xsd:complexType>
39 |                     </xsd:element>
40 |                     <xsd:element name="resheader">
41 |                         <xsd:complexType>
42 |                             <xsd:sequence>
43 |                                 <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
44 |                             </xsd:sequence>
45 |                             <xsd:attribute name="name" type="xsd:string" use="required" />
46 |                         </xsd:complexType>
47 |                     </xsd:element>
48 |                 </xsd:choice>
49 |             </xsd:complexType>
50 |         </xsd:element>
51 |     </xsd:schema>
52 |     <resheader name="resmimetype">
53 |         <value>text/microsoft-resx</value>
54 |     </resheader>
55 |     <resheader name="version">
56 |         <value>2.0</value>
57 |     </resheader>
58 |     <resheader name="reader">
59 |         <value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
60 |     </resheader>
61 |     <resheader name="writer">
62 |         <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
63 |     </resheader>
64 | 
65 |     <data name="error_while_uploading_attachment" xml:space="preserve">
66 |         <value>An error has occurred while trying to upload the attachment.</value>
67 |     </data>
68 |     <data name="error_while_uploading_attachments" xml:space="preserve">
69 |         <value>One or more errors occured when trying to upload the attachments.</value>
70 |     </data>
71 |     <data name="save_record_to_enable_content" xml:space="preserve">
72 |         <value>To enable the content create the record.</value>
73 |     </data>
74 |     <data name="uploading" xml:space="preserve">
75 |         <value>Uploading</value>
76 |     </data>
77 |     <data name="drop_files_here" xml:space="preserve">
78 |         <value>Drop the files here ...</value>
79 |     </data>
80 |     <data name="drop_files_here_or_click_to_upload" xml:space="preserve">
81 |         <value>Drop files here or click to upload.</value>
82 |     </data>
83 | </root>


--------------------------------------------------------------------------------
/AttachmentUpload/AttachmentUpload.1044.resx:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <root>
 3 |     <xsd:schema id="root"
 4 |         xmlns=""
 5 |         xmlns:xsd="https://www.w3.org/2001/XMLSchema"
 6 |         xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
 7 |         <xsd:import namespace="https://www.w3.org/XML/1998/namespace" />
 8 |         <xsd:element name="root" msdata:IsDataSet="true">
 9 |             <xsd:complexType>
10 |                 <xsd:choice maxOccurs="unbounded">
11 |                     <xsd:element name="metadata">
12 |                         <xsd:complexType>
13 |                             <xsd:sequence>
14 |                                 <xsd:element name="value" type="xsd:string" minOccurs="0" />
15 |                             </xsd:sequence>
16 |                             <xsd:attribute name="name" use="required" type="xsd:string" />
17 |                             <xsd:attribute name="type" type="xsd:string" />
18 |                             <xsd:attribute name="mimetype" type="xsd:string" />
19 |                             <xsd:attribute ref="xml:space" />
20 |                         </xsd:complexType>
21 |                     </xsd:element>
22 |                     <xsd:element name="assembly">
23 |                         <xsd:complexType>
24 |                             <xsd:attribute name="alias" type="xsd:string" />
25 |                             <xsd:attribute name="name" type="xsd:string" />
26 |                         </xsd:complexType>
27 |                     </xsd:element>
28 |                     <xsd:element name="data">
29 |                         <xsd:complexType>
30 |                             <xsd:sequence>
31 |                                 <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
32 |                                 <xsd:element name="comment" type="xsd:string" minOccurs="0" msdata:Ordinal="2" />
33 |                             </xsd:sequence>
34 |                             <xsd:attribute name="name" type="xsd:string" use="required" msdata:Ordinal="1" />
35 |                             <xsd:attribute name="type" type="xsd:string" msdata:Ordinal="3" />
36 |                             <xsd:attribute name="mimetype" type="xsd:string" msdata:Ordinal="4" />
37 |                             <xsd:attribute ref="xml:space" />
38 |                         </xsd:complexType>
39 |                     </xsd:element>
40 |                     <xsd:element name="resheader">
41 |                         <xsd:complexType>
42 |                             <xsd:sequence>
43 |                                 <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
44 |                             </xsd:sequence>
45 |                             <xsd:attribute name="name" type="xsd:string" use="required" />
46 |                         </xsd:complexType>
47 |                     </xsd:element>
48 |                 </xsd:choice>
49 |             </xsd:complexType>
50 |         </xsd:element>
51 |     </xsd:schema>
52 |     <resheader name="resmimetype">
53 |         <value>text/microsoft-resx</value>
54 |     </resheader>
55 |     <resheader name="version">
56 |         <value>2.0</value>
57 |     </resheader>
58 |     <resheader name="reader">
59 |         <value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
60 |     </resheader>
61 |     <resheader name="writer">
62 |         <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
63 |     </resheader>
64 |     <data name="error_while_uploading_attachment" xml:space="preserve">
65 |         <value>En feil oppstod under opplastning av vedlegg.</value>
66 |     </data>
67 |     <data name="error_while_uploading_attachments" xml:space="preserve">
68 |         <value>En feil oppstod under opplastning av vedlegg.</value>
69 |     </data>
70 |     <data name="save_record_to_enable_content" xml:space="preserve">
71 |         <value>Velg Lagre for å vise innholdet.</value>
72 |     </data>
73 |     <data name="uploading" xml:space="preserve">
74 |         <value>Laster opp</value>
75 |     </data>
76 |     <data name="drop_files_here" xml:space="preserve">
77 |         <value>Slipp filen(e) her...</value>
78 |     </data>
79 |     <data name="drop_files_here_or_click_to_upload" xml:space="preserve">
80 |         <value>Slipp filer her eller klikk for å laste opp.</value>
81 |     </data>
82 | </root>


--------------------------------------------------------------------------------
/AttachmentUpload/AttachmentUploader.css:
--------------------------------------------------------------------------------
 1 | 
 2 | .defaultContentCont{
 3 |     height: 150px;
 4 |     display: flex;
 5 |     align-items: center;
 6 |     justify-content: center;
 7 | }
 8 | 
 9 | 
10 | .dragDropCont{
11 |     height:150px;
12 |     width:99%;
13 |     position: relative;
14 |   }
15 |   
16 |   .dropZoneCont{
17 |   
18 |     display:flex;
19 |     border:2px dashed 	#D3D3D3;
20 |     align-items: center;
21 |     justify-content: center;
22 |     flex-flow: column;
23 |     padding:5px;
24 |     color:  rgb(68, 68, 68);
25 |     font-family: 'SegoeUI-Semibold', 'Segoe UI Semibold', 'Segoe UI Regular', 'Segoe UI';
26 |   }
27 |   
28 |   .uploadDivs{
29 |     position: absolute;
30 |     width: calc(100% - 12px);
31 |     height:calc(100% - 12px);
32 |   }
33 |   
34 |   .filesStatsCont{
35 |     display: flex;
36 |     flex-flow: column;
37 |     align-items: center;
38 |     justify-content: center;
39 |     background-color: rgba(0,0,0,0.5);
40 |     z-index: 999;
41 |   }
42 |   
43 |  
44 |   
45 |   .uploadStatusText{
46 |     color:white;
47 |     font-weight: 500;
48 |     margin:5px 0px;
49 |   }
50 |   
51 |   .uploadImgDD{
52 |     width:64px;
53 |     height:64px;
54 |   }


--------------------------------------------------------------------------------
/AttachmentUpload/AttachmentUploader.tsx:
--------------------------------------------------------------------------------
  1 | import * as React from "react";
  2 | import { IInputs } from "./generated/ManifestTypes"
  3 | import { useDropzone } from 'react-dropzone'
  4 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
  5 | import { IconProp } from '@fortawesome/fontawesome-svg-core';
  6 | import { faSpinner } from '@fortawesome/free-solid-svg-icons'
  7 | 
  8 | export interface UploadProps {
  9 |   id: string;
 10 |   entityName: string;
 11 |   entitySetName: string;
 12 |   controlToRefresh: string | null;
 13 |   uploadIcon: string;
 14 |   useNoteAttachment: boolean;
 15 |   context: ComponentFramework.Context<IInputs> | undefined;
 16 |   defaultNoteTitle: string | null;
 17 | }
 18 | 
 19 | export interface FileInfo {
 20 |   name: string;
 21 |   type: string;
 22 |   body: string;
 23 | }
 24 | 
 25 | export const AttachmentUploader: React.FC<UploadProps> = (uploadProps: UploadProps) => {
 26 | 
 27 |   const [uploadIcn, setuploadIcn] = React.useState(uploadProps.uploadIcon);
 28 |   const [totalFileCount, setTotalFileCount] = React.useState(0);
 29 |   const [currentUploadCount, setCurrentUploadCount] = React.useState(0);
 30 |   const translate = (name: string) => uploadProps.context?.resources.getString(name);
 31 | 
 32 |   const onDrop = React.useCallback((acceptedFiles: any) => {
 33 | 
 34 |     if (acceptedFiles && acceptedFiles.length) {
 35 |       setTotalFileCount(acceptedFiles.length);
 36 |     }
 37 | 
 38 | 
 39 |     const toBase64 = async (file: any) => new Promise((resolve, reject) => {
 40 |       const reader = new FileReader();
 41 |       reader.readAsDataURL(file);
 42 |       reader.onload = () => resolve(reader.result);
 43 |       reader.onabort = () => reject();
 44 |       reader.onerror = error => reject(error);
 45 |     });
 46 | 
 47 |     const uploadFileToRecord = async (id: string, entity: string, entitySetName: string,
 48 |       fileInfo: FileInfo, context: ComponentFramework.Context<IInputs>, defaultNoteTitle: string|null) => {
 49 | 
 50 |       let isActivityMimeAttachment = !uploadProps.useNoteAttachment && (entity.toLowerCase() === "email" || entity.toLowerCase() === "appointment");
 51 |       let attachmentRecord: ComponentFramework.WebApi.Entity = {};
 52 |       if (isActivityMimeAttachment) {
 53 |         attachmentRecord["objectid_activitypointer@odata.bind"] = `/activitypointers(${id})`;
 54 |         attachmentRecord["body"] = fileInfo.body;
 55 |       }
 56 |       else {
 57 |         attachmentRecord[`objectid_${entity}@odata.bind`] = `/${entitySetName}(${id})`;
 58 |         attachmentRecord["documentbody"] = fileInfo.body;
 59 | 
 60 |         if (defaultNoteTitle != null && defaultNoteTitle !== "") {
 61 |           attachmentRecord["subject"] = defaultNoteTitle;
 62 |         }
 63 |       }
 64 | 
 65 |       if (fileInfo.type && fileInfo.type !== "") {
 66 |         attachmentRecord["mimetype"] = fileInfo.type;
 67 |       }
 68 | 
 69 |       attachmentRecord["filename"] = fileInfo.name;
 70 |       attachmentRecord["objecttypecode"] = entity;
 71 |       let attachmentEntity = isActivityMimeAttachment ? "activitymimeattachment" : "annotation";
 72 |       await context.webAPI.createRecord(attachmentEntity, attachmentRecord)
 73 |     }
 74 | 
 75 | 
 76 |     const uploadFilesToCRM = async (files: any) => {
 77 | 
 78 | 
 79 |       try {
 80 |         for (let i = 0; i < acceptedFiles.length; i++) {
 81 |           setCurrentUploadCount(i);
 82 |           let file = acceptedFiles[i] as any;
 83 |           let base64Data = await toBase64(acceptedFiles[i]);
 84 |           let base64DataStr = base64Data as string;
 85 |           let base64IndexOfBase64 = base64DataStr.indexOf(';base64,') + ';base64,'.length;
 86 |           var base64 = base64DataStr.substring(base64IndexOfBase64);
 87 |           let fileInfo: FileInfo = { name: file.name, type: file.type, body: base64 };
 88 |           let entityId = uploadProps.id;
 89 |           let entityName = uploadProps.entityName;
 90 | 
 91 |           if (entityId == null || entityId === "") {//this happens when the record is created and the user tries to upload
 92 |             let currentPageContext = uploadProps.context as any;
 93 |             currentPageContext = currentPageContext ? currentPageContext["page"] : undefined;
 94 |             entityId = currentPageContext.entityId;
 95 |             entityName = currentPageContext.entityTypeName;
 96 |           }
 97 | 
 98 |           await uploadFileToRecord(entityId, entityName, uploadProps.entitySetName, fileInfo, uploadProps.context!!, uploadProps.defaultNoteTitle);
 99 |         }
100 |       }
101 |       catch (e: any) {
102 |         let errorMessagePrefix = (acceptedFiles.length === 1) ? translate("error_while_uploading_attachment") : translate("error_while_uploading_attachments");
103 |         let errOptions = { message: `${errorMessagePrefix} ${e.message}` };
104 |         uploadProps.context?.navigation.openErrorDialog(errOptions)
105 |       }
106 | 
107 |       setTotalFileCount(0);
108 |       let xrmObj: any = (window as any)["Xrm"];
109 |       if (xrmObj && xrmObj.Page && uploadProps.controlToRefresh) {
110 |         var controlToRefresh = xrmObj.Page.getControl(uploadProps.controlToRefresh);
111 |         if (controlToRefresh) {
112 |           controlToRefresh.refresh();
113 |         }
114 |       }
115 |     }
116 | 
117 | 
118 |     uploadFilesToCRM(acceptedFiles);
119 | 
120 | 
121 | 
122 | 
123 |   }, [totalFileCount, currentUploadCount, uploadProps.defaultNoteTitle])
124 | 
125 |   const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop })
126 | 
127 | 
128 |   if (uploadProps.id == null || uploadProps.id === "") {
129 |     return (
130 |       <div className={"defaultContentCont"}>
131 |         {translate("save_record_to_enable_content")}
132 |       </div>
133 |     );
134 |   }
135 | 
136 |   let fileStats = null;
137 |   if (totalFileCount > 0) {
138 |     fileStats = (
139 |       <div className={"filesStatsCont uploadDivs"}>
140 |         <div>
141 |           <FontAwesomeIcon icon={faSpinner as IconProp} inverse size="2x" spin />
142 |         </div>
143 |         <div className={"uploadStatusText"}>
144 |           {translate("uploading")} ({currentUploadCount}/{totalFileCount})
145 |         </div>
146 |       </div>
147 |     );
148 |   }
149 | 
150 | 
151 | 
152 |   return (
153 |     <div className={"dragDropCont"}>
154 |       <div className={"dropZoneCont uploadDivs"} {...getRootProps()} style={{ backgroundColor: isDragActive ? '#F8F8F8' : 'white' }}>
155 |         <input {...getInputProps()} />
156 |         <div>
157 |           <img className={"uploadImgDD"} src={uploadIcn} alt="Upload" />
158 |         </div>
159 |         <div>
160 |           {
161 |             isDragActive ?
162 |               <p>{translate("drop_files_here")}</p> :
163 |               <p>{translate("drop_files_here_or_click_to_upload")}</p>
164 |           }
165 |         </div>
166 |       </div>
167 | 
168 |       {fileStats}
169 | 
170 | 
171 | 
172 |     </div>
173 |   )
174 | 
175 | 
176 | 
177 | }


--------------------------------------------------------------------------------
/AttachmentUpload/ControlManifest.Input.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <manifest>
 3 |   <control namespace="vij" constructor="AttachmentUpload" version="1.1.7" display-name-key="AttachmentUpload" description-key="Upload attachments easily using drag and drop" control-type="standard">
 4 |     <type-group name="flds">
 5 |       <type>SingleLine.Text</type>
 6 |       <type>SingleLine.Phone</type>
 7 |       <type>SingleLine.Email</type>
 8 |       <type>SingleLine.Ticker</type>
 9 |       <type>TwoOptions</type>
10 |       <type>Whole.None</type>
11 |       <type>Currency</type>
12 |       <type>FP</type>
13 |       <type>Decimal</type>
14 |     </type-group>
15 |     <type-group name="txtFields">
16 |       <type>SingleLine.Text</type>
17 |       <type>SingleLine.Phone</type>
18 |       <type>SingleLine.Email</type>
19 |       <type>SingleLine.Ticker</type>
20 |       <type>SingleLine.TextArea</type>
21 |       <type>Multiple</type>
22 |     </type-group>
23 |     <property name="Attribute" display-name-key="Attribute" description-key="Select an Attribute" of-type-group="flds" usage="bound" />
24 | 
25 |     <property name="ControlNameForRefresh" display-name-key="ControlNameForRefresh" description-key="ControlNameForRefresh" usage="input" of-type="SingleLine.Text" />
26 | 
27 |     <property name="DefaultNoteTitle" display-name-key="DefaultNoteTitle" description-key="Sets the default title for the Note attachment" usage="input" of-type-group="txtFields" />
28 | 
29 |     <property name="UseNoteAttachment" display-name-key="UseNoteAttachment" description-key="Upload as attachment on the Notes entity when Email or Appointment instead of Attachment(ActivityMimeAttachment)" usage="input" of-type="Enum">
30 |       <value name="No" display-name-key="No" default="true">0</value>
31 |       <value name="Yes" display-name-key="Yes">1</value>
32 |     </property>
33 | 
34 | 
35 |     <resources>
36 |       <code path="index.ts" order="1" />
37 |       <css path="AttachmentUploader.css" order="2" />
38 |       <!-- Danish -->
39 |       <resx path="AttachmentUpload.1030.resx" version="1.0.0" />
40 |       <!-- English -->
41 |       <resx path="AttachmentUpload.1033.resx" version="1.0.0" />
42 |       <!-- Norwegian (Bokmal)	 -->
43 |       <resx path="AttachmentUpload.1044.resx" version="1.0.0" />
44 |     </resources>
45 |     <feature-usage>
46 |       <uses-feature name="Utility" required="true" />
47 |       <uses-feature name="WebAPI" required="true" />
48 |     </feature-usage>
49 |   </control>
50 | </manifest>


--------------------------------------------------------------------------------
/AttachmentUpload/index.ts:
--------------------------------------------------------------------------------
  1 | import * as React from 'react';
  2 | import * as ReactDOM from 'react-dom';
  3 | import { IInputs, IOutputs } from "./generated/ManifestTypes";
  4 | import { AttachmentUploader, UploadProps } from './AttachmentUploader';
  5 | 
  6 | 
  7 | interface EntityRef {
  8 | 	id: string,
  9 | 	entityName: string
 10 | }
 11 | 
 12 | export class AttachmentUpload implements ComponentFramework.StandardControl<IInputs, IOutputs> {
 13 | 	private UploadIconName: string = "uploadicn.png";
 14 | 	private attachmentUploaderContainer: HTMLDivElement;
 15 | 	private _context: ComponentFramework.Context<IInputs>;
 16 | 	private uploadProps: UploadProps = {
 17 | 		id: "",
 18 | 		entityName: "",
 19 | 		entitySetName: "",
 20 | 		controlToRefresh: "",
 21 | 		uploadIcon: "",
 22 | 		useNoteAttachment: false,
 23 | 		context: undefined,
 24 | 		defaultNoteTitle: ""
 25 | 	};
 26 | 	constructor() {
 27 | 
 28 | 	}
 29 | 
 30 | 	/**
 31 | 	 * Used to initialize the control instance. Controls can kick off remote server calls and other initialization actions here.
 32 | 	 * Data-set values are not initialized here, use updateView.
 33 | 	 * @param context The entire property bag available to control via Context Object; It contains values as set up by the customizer mapped to property names defined in the manifest, as well as utility functions.
 34 | 	 * @param notifyOutputChanged A callback method to alert the framework that the control has new outputs ready to be retrieved asynchronously.
 35 | 	 * @param state A piece of data that persists in one session for a single user. Can be set at any point in a controls life cycle by calling 'setControlState' in the Mode interface.
 36 | 	 * @param container If a control is marked control-type='standard', it will receive an empty div element within which it can render its content.
 37 | 	 */
 38 | 	public init(context: ComponentFramework.Context<IInputs>, notifyOutputChanged: () => void, state: ComponentFramework.Dictionary, container: HTMLDivElement) {
 39 | 		let entityRef = this.getEntityReference(context);
 40 | 		if (entityRef) {
 41 | 			this.uploadProps.id = entityRef.id
 42 | 			this.uploadProps.entityName = entityRef.entityName;
 43 | 			this.uploadProps.context = context;
 44 | 			this.uploadProps.controlToRefresh = context.parameters.ControlNameForRefresh.raw;
 45 | 			this.uploadProps.uploadIcon = this.getImageBase64();
 46 | 			this.uploadProps.useNoteAttachment = context.parameters.UseNoteAttachment.raw === "1";
 47 | 			this.uploadProps.defaultNoteTitle = context.parameters.DefaultNoteTitle.raw;
 48 | 			this.uploadProps.context = context;
 49 | 		}
 50 | 		this.attachmentUploaderContainer = container;
 51 | 	}
 52 | 
 53 | 	//since we want the image to also render during dev, we can use this approach until better support is provided in the future.
 54 | 	private getImageBase64() {
 55 | 		return "data:image/png;base64,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";
 56 | 	}
 57 | 
 58 | 
 59 | 	private getEntityReference(context: ComponentFramework.Context<IInputs>): EntityRef | undefined {
 60 | 		let currentPageContext = context as any;
 61 | 		currentPageContext = currentPageContext ? currentPageContext["page"] : undefined;
 62 | 		var entityRef: EntityRef = { id: "", entityName: "" };
 63 | 		if (currentPageContext) {
 64 | 			if (currentPageContext.entityTypeName) {
 65 | 				entityRef.entityName = currentPageContext.entityTypeName;
 66 | 			}
 67 | 			if (currentPageContext.entityId && currentPageContext.entityId !== "") {
 68 | 				entityRef.id = currentPageContext.entityId;
 69 | 			}
 70 | 		}
 71 | 
 72 | 		return entityRef;
 73 | 
 74 | 	}
 75 | 
 76 | 	/**
 77 | 	 * Called when any value in the property bag has changed. This includes field values, data-sets, global values such as container height and width, offline status, control metadata values such as label, visible, etc.
 78 | 	 * @param context The entire property bag available to control via Context Object; It contains values as set up by the customizer mapped to names defined in the manifest, as well as utility functions
 79 | 	 */
 80 | 	public updateView(context: ComponentFramework.Context<IInputs>): void {
 81 | 		this.uploadProps.context = context;
 82 | 
 83 | 		let entityRef = this.getEntityReference(context);
 84 | 		if (entityRef && entityRef.id !== "") {
 85 | 			this.uploadProps.id = entityRef.id;
 86 | 		}
 87 | 		this.uploadProps.controlToRefresh = context.parameters.ControlNameForRefresh.raw;
 88 | 		this.uploadProps.uploadIcon = this.getImageBase64();//when initially a new record tha's transitioning to an existing record, so the UI is now being updated to enable the content
 89 | 
 90 | 		this.uploadProps.defaultNoteTitle = context.parameters.DefaultNoteTitle.raw;
 91 | 		if (this.uploadProps.entitySetName === "") {
 92 | 			this.retrieveEntitySetNameAndRender(context, this.uploadProps.entityName);
 93 | 		}
 94 | 		else {
 95 | 			this.renderComponent();
 96 | 		}
 97 | 
 98 | 
 99 | 	}
100 | 
101 | 	private retrieveEntitySetNameAndRender(context: ComponentFramework.Context<IInputs>, entityName: string) {
102 | 		var thisRef = this;
103 | 		context.utils.getEntityMetadata(entityName).then(function (response) {
104 | 			thisRef.uploadProps.entitySetName = response.EntitySetName;
105 | 			thisRef.renderComponent();
106 | 		},
107 | 			function (errorResponse: any) {
108 | 				console.log(`Error occurred while retrieving the entity metadata. ${errorResponse}`);
109 | 			});
110 | 	}
111 | 
112 | 	private renderComponent() {
113 | 		ReactDOM.render(
114 | 			React.createElement(
115 | 				AttachmentUploader,
116 | 				this.uploadProps
117 | 			),
118 | 			this.attachmentUploaderContainer
119 | 		);
120 | 	}
121 | 	/** 
122 | 	 * It is called by the framework prior to a control receiving new data. 
123 | 	 * @returns an object based on nomenclature defined in manifest, expecting object[s] for property marked as “bound” or “output”
124 | 	 */
125 | 	public getOutputs(): IOutputs {
126 | 		return {};
127 | 	}
128 | 
129 | 	/** 
130 | 	 * Called when the control is to be removed from the DOM tree. Controls should use this call for cleanup.
131 | 	 * i.e. cancelling any pending remote calls, removing listeners, etc.
132 | 	 */
133 | 	public destroy(): void {
134 | 		ReactDOM.unmountComponentAtNode(this.attachmentUploaderContainer);
135 | 	}
136 | }


--------------------------------------------------------------------------------
/AttachmentUpload/uploadicn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ramarao9/AttachmentUploader/4cafde34d8290ba580ec8f996855cd0f2bdf57e8/AttachmentUpload/uploadicn.png


--------------------------------------------------------------------------------
/AttachmentUploader.pcfproj:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <Project ToolsVersion="15.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
 3 |   <PropertyGroup>
 4 |     <PowerAppsTargetsPath>$(MSBuildExtensionsPath)\Microsoft\VisualStudio\v$(VisualStudioVersion)\PowerApps</PowerAppsTargetsPath>
 5 |   </PropertyGroup>
 6 | 
 7 |   <Import Project="$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props" />
 8 |   <Import Project="$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Pcf.props" Condition="Exists('$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Pcf.props')"/>
 9 |   
10 |   <PropertyGroup>
11 |     <Name>AttachmentUploader</Name>
12 |     <ProjectGuid>0a2ccb16-fcad-4da0-97e3-8a21deda08c3</ProjectGuid>
13 |     <OutputPath>$(MSBuildThisFileDirectory)out\controls</OutputPath>
14 |   </PropertyGroup>
15 | 
16 |   <PropertyGroup>
17 |     <TargetFrameworkVersion>v4.6.2</TargetFrameworkVersion>
18 |     <!--Remove TargetFramework when this is available in 16.1-->
19 |     <TargetFramework>net462</TargetFramework>
20 |     <RestoreProjectStyle>PackageReference</RestoreProjectStyle>
21 |   </PropertyGroup>
22 | 
23 |   <ItemGroup>
24 |     <PackageReference Include="Microsoft.PowerApps.MSBuild.Pcf" Version="1.*"/>
25 |      <PackageReference Include="Microsoft.NETFramework.ReferenceAssemblies" Version="1.0.0" PrivateAssets="All" />
26 |   </ItemGroup>
27 | 
28 |   <ItemGroup>
29 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\.gitignore"/>
30 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\bin\**"/>
31 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\obj\**"/>
32 |     <ExcludeDirectories Include="$(OutputPath)\**"/>
33 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.pcfproj"/>
34 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.pcfproj.user"/>
35 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.sln"/>
36 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\node_modules\**"/>
37 |   </ItemGroup>
38 | 
39 |   <ItemGroup>
40 |     <None Include="$(MSBuildThisFileDirectory)\**" Exclude="@(ExcludeDirectories)"/>
41 |   </ItemGroup>
42 | 
43 |   <Import Project="$(MSBuildToolsPath)\Microsoft.Common.targets" />
44 |   <Import Project="$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Pcf.targets" Condition="Exists('$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Pcf.targets')"/>
45 | 
46 | </Project>
47 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2020 Rama Rao Koneru
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Attachment Uploader
 2 | A Power App code component to easily upload one or more attachments on Dynamics365 records. Works with Email and normal Notes attachments.
 3 | 
 4 | 
 5 | ## Installation
 6 | 
 7 | Download the unmanaged/managed solution from the [Releases](https://github.com/ramarao9/AttachmentUploader/releases)
 8 | 
 9 | 
10 | ### Setting up the control
11 | 
12 | 
13 | * Insert a section with a single column on the form
14 | 
15 | * Add the field you would like to use that's will not be used on the form
16 | 
17 |   ![Setting control on form](https://ramarao.blob.core.windows.net/attachmentuploader/SettingControlOnForm.jpg)
18 | 
19 | * Also, uncheck 'Display label on the form' for the field
20 | 
21 | * Save and publish the form. 
22 | 
23 | * Navigate to the form and you should see the control
24 | 
25 |   ![ExistingRecord](https://ramarao.blob.core.windows.net/attachmentuploader/ExistingRecordState.jpg)
26 | 
27 | 
28 |    When the record is not yet created, you would see the below
29 | 
30 |    ![NewRecordState](https://ramarao.blob.core.windows.net/attachmentuploader/NewRecordState.jpg)
31 | 
32 | 
33 | 
34 | * If using to upload note attachments, you could specify the name of the Timeline control as below to refresh after the upload
35 |    
36 |    ![TimelineRefresh](https://ramarao.blob.core.windows.net/attachmentuploader/TimelineControlRefresh.jpg)
37 | 
38 | 
39 | 
40 | ## Development
41 | 
42 | After cloning the project, run the below commands
43 | 
44 | `npm install` -- installs the required dependencies
45 | 
46 | `npm run start` -- local development and testing
47 | 
48 | `npm run build`  -- to build for production
49 | 
50 | 
51 | If you are new to PCF, the [official documentation](https://docs.microsoft.com/en-us/powerapps/developer/component-framework/implementing-controls-using-typescript) is a good place to start.
52 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "attachmentupload",
 3 |   "version": "1.0.3",
 4 |   "description": "Easily upload attachment for Email and Notes",
 5 |   "scripts": {
 6 |     "build": "pcf-scripts build",
 7 |     "clean": "pcf-scripts clean",
 8 |     "rebuild": "pcf-scripts rebuild",
 9 |     "start": "pcf-scripts start"
10 |   },
11 |   "dependencies": {
12 |     "@fortawesome/fontawesome-svg-core": "^1.3.0",
13 |     "@fortawesome/free-solid-svg-icons": "^6.0.0",
14 |     "@fortawesome/react-fontawesome": "^0.1.17",
15 |     "react": "^17.0.2",
16 |     "react-dom": "^17.0.2",
17 |     "react-dropzone": "^12.1.0"
18 |   },
19 |   "devDependencies": {
20 |     "@microsoft/eslint-plugin-power-apps": "^0.2.6",
21 |     "@types/node": "^18.8.2",
22 |     "@types/powerapps-component-framework": "^1.3.4",
23 |     "@types/react": "^16.14.5",
24 |     "@types/react-dom": "^16.9.12",
25 |     "@typescript-eslint/eslint-plugin": "^5.39.0",
26 |     "@typescript-eslint/parser": "^5.39.0",
27 |     "eslint": "^8.24.0",
28 |     "eslint-plugin-import": "^2.26.0",
29 |     "eslint-plugin-node": "^11.1.0",
30 |     "eslint-plugin-promise": "^6.0.1",
31 |     "pcf-scripts": "^1",
32 |     "pcf-start": "^1",
33 |     "typescript": "^4.9.5"
34 |   }
35 | }
36 | 


--------------------------------------------------------------------------------
/pcfconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |     "outDir": "./out/controls"
3 | }


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |     "extends": "./node_modules/pcf-scripts/tsconfig_base.json",
3 |     "compilerOptions": {
4 |         "jsx": "react",
5 |         "jsxFactory": "React.createElement",
6 |         "typeRoots": ["node_modules/@types"]
7 |     }
8 | }


--------------------------------------------------------------------------------