Merge pull request #87 from chumleesockson/colorconverter

Adding Color Converter Sample App

samples/color-converter/README.md

@@ -0,0 +1,81 @@
+# Color Converter
+
+## Summary
+
+![Screenshot of the Color Converter app](assets/color-converter-app.webp)
+
+## Applies to
+
+![Power Apps](https://img.shields.io/badge/Power%20Apps-Yes-green "Yes")
+![Power Automate](https://img.shields.io/badge/Power%20Automate-No-red "No")
+![Power BI](https://img.shields.io/badge/Power%20BI-No-red "No")
+![Power Pages](https://img.shields.io/badge/Power%20Pages-No-red "No")
+![Power Virtual Agents](https://img.shields.io/badge/Power%20Virtual%20Agents-No-red "No")
+![Dataverse](https://img.shields.io/badge/Dataverse-No-red "No")
+![AI Builder](https://img.shields.io/badge/AI%20Builder-No-red "No")
+![Custom Connectors](https://img.shields.io/badge/Custom%20Connectors-No-red "No")
+![Power Fx](https://img.shields.io/badge/Power%20Fx-Yes-green "Yes")
+
+## Compatibility
+
+![Premium License](https://img.shields.io/badge/Premium%20License-Not%20Required-red.svg "Premium license not required")
+![Experimental Features](https://img.shields.io/badge/Experimental%20Features-No-red.svg "Does not rely on experimental features")
+
+## Contributors
+
+* [Charles Sexton](https://github.com/chumleesockson)
+
+## Version history
+
+Version|Date|Comments
+-------|----|--------
+1.0.0.2|April 08, 2024|Initial release
+
+## Minimal path to awesome
+
+### Using the solution zip
+
+* [Download](./solution/color-converter.zip) the `.zip` from the `solution` folder
+* Within **Power Apps Studio**, import the solution `.zip` file using **Solutions** > **Import Solution** and select the `.zip` file you just packed.
+* Open the app in edit mode and make sure the data source **Data source name** is connected correctly.
+
+### Using the source code
+
+You can also use the [Power Apps CLI](https://docs.microsoft.com/powerapps/developer/data-platform/powerapps-cli) to pack the source code by following these steps:
+
+* Clone the repository to a local drive
+* Pack the source files back into a solution `.zip` file:
+
+  ```bash
+  pac solution pack --zipfile pathtodestinationfile --folder pathtosourcefolder --processCanvasApps
+  ```
+
+  Making sure to replace `pathtosourcefolder` to point to the path to this sample's `sourcecode` folder, and `pathtodestinationfile` to point to the path of this solution's `.zip` file (located under the `solution` folder)
+* Within **Power Apps Studio**, import the solution `.zip` file using **Solutions** > **Import Solution** and select the `.zip` file you just packed.
+
+## Features
+
+Simply type, or paste in, your colour code, choose your desired opacity, and then copy the converted colour code you need.
+
+* Convert from a hex color to RGBA
+* Convert from RGBA to a hex color
+* Choose a transparency value
+* Copy the desired code
+
+
+
+## Help
+
+We do not support samples, but this community is always willing to help, and we want to improve these samples. We use GitHub to track issues, which makes it easy for  community members to volunteer their time and help resolve issues.
+
+If you encounter any issues while using this sample, you can [create a new issue](https://github.com/pnp/powerapps-samples/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=bug-report.yml&sample=color-converter&authors=@chumleesockson&title=color-converter%20-%20).
+
+For questions regarding this sample, [create a new question](https://github.com/pnp/powerapps-samples/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=question.yml&sample=color-converter&authors=@chumleesockson&title=color-converter%20-%20).
+
+Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/powerapps-samples/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=suggestion.yml&sample=color-converter&authors=@chumleesockson&title=color-converter%20-%20).
+
+## Disclaimer
+
+**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
+
+<img src="https://m365-visitor-stats.azurewebsites.net/powerplatform-samples/samples/color-converter" />

samples/color-converter/assets/sample.json

@@ -0,0 +1,64 @@
+[
+  {
+    "name": "pnp-powerplatform-samples-color-converter",
+    "source": "pnp",
+    "title": "Color Converter",
+    "shortDescription": "Simply type, or paste in, your colour code, choose your desired opacity, and then copy the converted colour code you need.",
+    "url": "https://github.com/pnp/powerplatform-samples/tree/main/samples/color-converter",
+    "downloadUrl": "https://pnp.github.io/download-partial/?url=https://github.com/pnp/powerplatform-samples/tree/main/samples/color-converter",
+    "longDescription": [
+      "Simply type, or paste in, your colour code, choose your desired opacity, and then copy the converted colour code you need."
+    ],
+    "creationDateTime": "2024-04-08",
+    "updateDateTime": "2024-04-08",
+    "products": [
+      "Power Apps"
+    ],
+    "tags": [
+      "color converter"
+    ],
+    "categories": [
+      "CANVAS"
+    ],
+    "metadata": [
+      {
+        "key": "POWERAPPS-EXPERIMENTAL",
+        "value": "No"
+      },
+      {
+        "key": "POWERAPPS-PREMIUM",
+        "value": "No"
+      },
+      {
+        "key": "POWERAPPS-ONPREM",
+        "value": "No"
+      },
+      {
+        "key": "POWERAPPS-CUSTOMCONNECTOR",
+        "value": "No"
+      }
+    ],
+    "thumbnails": [
+      {
+        "type": "image",
+        "order": 100,
+        "url": "https://github.com/pnp/powerplatform-samples/raw/main/samples/color-converter/assets/color-converter-app.webp",
+        "alt": "App preview"
+      }
+    ],
+    "authors": [
+      {
+        "gitHubAccount": "chumleesockson",
+        "pictureUrl": "https://github.com/chumleesockson.png",
+        "name": "Charles Sexton"
+      }
+    ],
+    "references": [
+      {
+        "name": "Microsoft Power Platform documentation",
+        "description": "Discover how to make the most of Microsoft Power Platform products with online training courses, docs, and videos covering product capabilities and how-to guides.",
+        "url": "https://learn.microsoft.com/power-platform/"
+      }
+    ]
+  }
+]

samples/color-converter/sourcecode/ColourConverter/.gitignore

@@ -0,0 +1,8 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# msbuild output directories
+/bin
+/obj
+
+# MSBuild Binary and Structured Log
+*.binlog

samples/color-converter/sourcecode/ColourConverter/ColourConverter.cdsproj

@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project ToolsVersion="15.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <PowerAppsTargetsPath>$(MSBuildExtensionsPath)\Microsoft\VisualStudio\v$(VisualStudioVersion)\PowerApps</PowerAppsTargetsPath>
+  </PropertyGroup>
+
+  <Import Project="$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props" />
+  <Import Project="$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Solution.props" Condition="Exists('$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Solution.props')" />
+
+  <PropertyGroup>
+    <ProjectGuid>a17c5abb-254e-4a26-bbaf-622e79662968</ProjectGuid>
+    <TargetFrameworkVersion>v4.6.2</TargetFrameworkVersion>
+    <!--Remove TargetFramework when this is available in 16.1-->
+    <TargetFramework>net462</TargetFramework>
+    <RestoreProjectStyle>PackageReference</RestoreProjectStyle>
+    <SolutionRootPath>src</SolutionRootPath>
+  </PropertyGroup>
+
+  <!-- 
+    Solution Packager overrides, un-comment to use: SolutionPackagerType (Managed, Unmanaged, Both)
+    Solution Localization Control, if you want to enabled localization of your solution, un-comment SolutionPackageEnableLocalization and set the value to true. - Requires use of -loc flag on Solution Clone or Sync
+  -->
+  <!--
+  <PropertyGroup>
+    <SolutionPackageType>Managed</SolutionPackageType>
+    <SolutionPackageEnableLocalization>false</SolutionPackageEnableLocalization>
+  </PropertyGroup>
+  -->
+
+  <ItemGroup>
+    <PackageReference Include="Microsoft.PowerApps.MSBuild.Solution" Version="1.*" />
+    <PackageReference Include="Microsoft.NETFramework.ReferenceAssemblies" Version="1.0.0" PrivateAssets="All" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\.gitignore" />
+    <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\bin\**" />
+    <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\obj\**" />
+    <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.cdsproj" />
+    <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.cdsproj.user" />
+    <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.sln" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <None Include="$(MSBuildThisFileDirectory)\**" Exclude="@(ExcludeDirectories)" />
+    <Content Include="$(SolutionPackageZipFilePath)">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+  </ItemGroup>
+
+  <Import Project="$(MSBuildToolsPath)\Microsoft.Common.targets" />
+  <Import Project="$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Solution.targets" Condition="Exists('$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Solution.targets')" />
+
+</Project>

samples/color-converter/sourcecode/ColourConverter/src/CanvasApps/csex_convertingcolours_ebfb1.meta.xml

@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<CanvasApp xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
+  <Name>csex_convertingcolours_ebfb1</Name>
+  <AppVersion>2024-04-08T15:15:26Z</AppVersion>
+  <Status>Ready</Status>
+  <CreatedByClientVersion>3.24034.17.0</CreatedByClientVersion>
+  <MinClientVersion>3.24034.17.0</MinClientVersion>
+  <Tags>{"primaryDeviceWidth":"1366","primaryDeviceHeight":"768","supportsPortrait":"true","supportsLandscape":"true","primaryFormFactor":"Tablet","showStatusBar":"false","publisherVersion":"3.24034.17","minimumRequiredApiVersion":"2.2.0","hasComponent":"false","hasUnlockedComponent":"false","isUnifiedRootApp":"false","sienaVersion":"20240408T090356Z-3.24034.17.0"}</Tags>
+  <IsCdsUpgraded>0</IsCdsUpgraded>
+  <GalleryItemId xsi:nil="true"></GalleryItemId>
+  <BackgroundColor>RGBA(0,176,240,1)</BackgroundColor>
+  <DisplayName>Converting Colours</DisplayName>
+  <Description xsi:nil="true"></Description>
+  <CommitMessage xsi:nil="true"></CommitMessage>
+  <Publisher xsi:nil="true"></Publisher>
+  <AuthorizationReferences>[]</AuthorizationReferences>
+  <ConnectionReferences>{}</ConnectionReferences>
+  <DatabaseReferences>{}</DatabaseReferences>
+  <AppComponents>[]</AppComponents>
+  <AppComponentDependencies>[]</AppComponentDependencies>
+  <CanConsumeAppPass>0</CanConsumeAppPass>
+  <CanvasAppType>0</CanvasAppType>
+  <BypassConsent>0</BypassConsent>
+  <AdminControlBypassConsent>0</AdminControlBypassConsent>
+  <EmbeddedApp xsi:nil="true"></EmbeddedApp>
+  <IntroducedVersion>1.0</IntroducedVersion>
+  <CdsDependencies>{"cdsdependencies":[]}</CdsDependencies>
+  <IsCustomizable>1</IsCustomizable>
+  <BackgroundImageUri>/CanvasApps/csex_convertingcolours_ebfb1_BackgroundImageUri</BackgroundImageUri>
+  <DocumentUri>/CanvasApps/csex_convertingcolours_ebfb1_DocumentUri.msapp</DocumentUri>
+  <AdditionalUris>
+    <AdditionalUri>/CanvasApps/csex_convertingcolours_ebfb1_AdditionalUris0_identity.json</AdditionalUri>
+  </AdditionalUris>
+</CanvasApp>

samples/color-converter/sourcecode/ColourConverter/src/CanvasApps/csex_convertingcolours_ebfb1_AdditionalUris0_identity.json

@@ -0,0 +1 @@
+{"__Version":"0.1","App":"37303da1-a20d-4fcd-9bb1-a0d7120ad209","Test_7F478737223C4B69":"18cd44a3-59b7-4a0d-bc96-dc608259c252","Host":"13784e21-ed6e-4390-b295-56a1028b32b3","Color Converter Screen":"0b4b8509-0bc9-404b-8754-37873aa03585","conPage":"e7a2284f-7eeb-4fba-8199-8201b1f779ad","conHeader":"14e8a5e9-d7ec-4611-bc9b-426c10cfa9b3","Header":"0a8e5a7b-75f5-476c-b22f-cad63a746663","conBody":"10e51d35-a055-457f-9c70-33a1e2a64b6c","conInputs":"60ffe4d4-d237-4152-82b5-0db064efd0c1","lblEnterColor":"dc7071cb-94d8-49e9-b993-b28f0b5726ba","conEnterColor":"7d7e3a3b-65b3-4e8e-a759-8a2ae982585a","lblHexOrRGBA":"455d79f7-8bd4-4040-b958-3404e3b4b7b5","lblError":"95b7ea21-1e7b-4d2e-9efc-d3f0a51bba21","txtColorInput":"d5f0cd98-f100-4fa1-be9f-b4449169335c","lblChooseTransparency":"7952ce1a-98b0-4daf-9e10-75bece77b809","conSlider":"46ed5f6c-0bc7-4779-892a-5b206a75b689","Slider":"39992793-38c2-47bb-9188-4e3126deaf46","txtPercentage":"860ae7e4-8794-49c3-8a23-1c1ffd4ef9b5","lbl%":"97c96c0e-524a-4b96-b73d-a04ffdca3d81","conOutput":"6ff76dcf-5a8a-48df-8cc9-9e886bb2f7f0","lblCopyColor":"3f6ef158-5600-4de2-9981-d1e454624ba0","conHex":"fcc7c5b5-dddc-4a63-86e6-6d33f5a71023","lblHex":"e64ce891-9dbc-4ea8-9f81-e450ee1e718e","btnHexCopy":"85808e41-779c-4bc8-93b8-8ed096ac5515","txtHex":"5cac9a4e-d731-479b-afe8-fd5de3620155","conHexAlpha":"15438a40-c5d8-419d-bb84-143bea629f20","lblHexAlpha":"d70b99c5-3f7f-4f51-a05c-5cb92d452306","btnHexAlphaCopy":"894192e7-62db-4e17-875e-c9a924ec65ad","txtHexAlpha":"46a1e82e-ad67-452e-a9f4-fd7c9ea9b79c","conRGBA":"1aa31225-0ff2-4394-a0dd-b8a97d24997d","lblRGBA":"92f34976-9e78-4817-a26f-81dd044c7185","btnRGBACopy":"3657cb5d-1014-4d8b-9dbc-52d8a62a11cb","txtRGBA":"0aa198a5-c84c-4cb5-a0e7-b889b48f88dc","lblResult":"44d8fc11-0abc-4763-8fc9-e64a7f4a29ad","conResult":"c9017850-545f-434c-92e8-c10e28b10602","recColor":"b7aaa821-5424-4f25-9b8b-1715ad061d34","imgBackground":"2cf1b390-8b3e-4c49-be79-e93d84a25ae8","conFooter":"21bede97-11d1-4b16-91f8-eef7355e03c2","imgLogo":"4f9775ec-c786-4998-936a-2e8d9a600584","htmCharlie":"7cd48cf8-1423-485c-9ccf-969cf92345eb"}

samples/color-converter/sourcecode/ColourConverter/src/CanvasApps/src/csex_convertingcolours_ebfb1/Assets/SampleImage.json

@@ -0,0 +1,12 @@
+{
+  "Content": "Image",
+  "FileName": "/ctrllib/image/images/SampleImage.svg",
+  "IsSampleData": true,
+  "IsWritable": false,
+  "Name": "SampleImage",
+  "Path": "/ctrllib/image/images/SampleImage.svg",
+  "ResourceKind": "Uri",
+  "RootPath": "ms-appx:///ctrllib/image/images/SampleImage.svg",
+  "Schema": "i",
+  "Type": "ResourceInfo"
+}