10 | About
11 |
12 |
13 | Sorry, there's nothing at this address.
10 |
2 |
3 | @Title
4 |
5 |
6 | Please take our
7 | brief survey
8 |
9 | and tell us what you think.
10 |
11 |
12 | @code {
13 | // Demonstrates how a parent component can supply parameters
14 | [Parameter]
15 | public string? Title { get; set; }
16 | }
17 |
--------------------------------------------------------------------------------
/InventAPI/InventoryOnHand/CanvasApps/src/msbuild_inventonhand_2be80/Connections/Connections.json:
--------------------------------------------------------------------------------
1 | {
2 | "bf0328c7-b0ab-49b3-9069-d1ab4cec4612": {
3 | "connectionRef": {
4 | "displayName": "InventAPI_Connector",
5 | "iconUri": "https://az787822.vo.msecnd.net/defaulticons/api-dedicated.png",
6 | "id": "/providers/microsoft.powerapps/apis/shared_new-5finventapi-5fconnector-5fad84488acc8b1b71"
7 | },
8 | "datasets": {},
9 | "dataSources": [
10 | "InventAPI_Connector"
11 | ],
12 | "dependencies": {},
13 | "dependents": [],
14 | "id": "bf0328c7-b0ab-49b3-9069-d1ab4cec4612"
15 | }
16 | }
--------------------------------------------------------------------------------
/Power Fx Demo/LegacyIntranet/wwwroot/sample-data/products.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "itemId": "1",
4 | "name": "Pumped Water Controller",
5 | "categoryId": "PCB Assembly",
6 | "price": 45.99,
7 | "description": "Water pump controller for combination boiler"
8 | },
9 | {
10 | "itemId": "2",
11 | "name": "3.5 W / S Heater",
12 | "categoryId": "Heat Exchanger",
13 | "price": 125.5,
14 | "description": "Small heat exchanger for domestic boiler"
15 | },
16 | {
17 | "itemId": "3",
18 | "name": "Inlet Valve",
19 | "categoryId": "Valve",
20 | "price": 120.2,
21 | "description": "Water inlet valve with one - way operation"
22 | }
23 | ]
--------------------------------------------------------------------------------
/InventAPI/InventoryOnHand/Connectors/new_inventapi-5Fconnector.xml:
--------------------------------------------------------------------------------
1 |
2 | Loading...
16 |
17 |
22 |
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/InventAPI/Properties/launchSettings.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://json.schemastore.org/launchsettings.json",
3 | "iisSettings": {
4 | "windowsAuthentication": false,
5 | "anonymousAuthentication": true,
6 | "iisExpress": {
7 | "applicationUrl": "http://localhost:11723",
8 | "sslPort": 0
9 | }
10 | },
11 | "profiles": {
12 | "http": {
13 | "commandName": "Project",
14 | "dotnetRunMessages": true,
15 | "launchBrowser": true,
16 | "launchUrl": "swagger",
17 | "applicationUrl": "http://localhost:5203",
18 | "environmentVariables": {
19 | "ASPNETCORE_ENVIRONMENT": "Development"
20 | }
21 | },
22 | "IIS Express": {
23 | "commandName": "IISExpress",
24 | "launchBrowser": true,
25 | "launchUrl": "swagger",
26 | "environmentVariables": {
27 | "ASPNETCORE_ENVIRONMENT": "Development"
28 | }
29 | }
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/Power Fx Demo/LegacyIntranet/LegacyIntranet.csproj:
--------------------------------------------------------------------------------
1 |
11 |
23 |
24 |
25 | @code {
26 | private bool collapseNavMenu = true;
27 |
28 | private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;
29 |
30 | private void ToggleNavMenu()
31 | {
32 | collapseNavMenu = !collapseNavMenu;
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/InventAPI/InventoryOnHand/CanvasApps/src/msbuild_inventonhand_2be80/DataSources/CustomGallerySample.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "Data": "[{\"SampleHeading\":\"Lorem ipsum 1\",\"SampleImage\":\"/ctrllib/image/images/SampleImage.svg\",\"SampleText\":\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"},{\"SampleHeading\":\"Lorem ipsum 2\",\"SampleImage\":\"/ctrllib/image/images/SampleImage.svg\",\"SampleText\":\"Suspendisse enim metus, tincidunt quis lobortis a, fringilla dignissim neque.\"},{\"SampleHeading\":\"Lorem ipsum 3\",\"SampleImage\":\"/ctrllib/image/images/SampleImage.svg\",\"SampleText\":\"Ut pharetra a dolor ac vehicula.\"},{\"SampleHeading\":\"Lorem ipsum 4\",\"SampleImage\":\"/ctrllib/image/images/SampleImage.svg\",\"SampleText\":\"Vestibulum dui felis, fringilla nec mi sed, tristique dictum nisi.\"}]",
4 | "IsSampleData": true,
5 | "IsWritable": false,
6 | "Name": "CustomGallerySample",
7 | "OrderedColumnNames": [
8 | "SampleImage",
9 | "SampleHeading",
10 | "SampleText"
11 | ],
12 | "OriginalName": "CustomGallerySample",
13 | "OriginalSchema": "*[SampleHeading:s, SampleImage:i, SampleText:s]",
14 | "Schema": "*[SampleHeading:s, SampleImage:i, SampleText:s]",
15 | "Type": "StaticDataSourceInfo"
16 | }
17 | ]
--------------------------------------------------------------------------------
/InventAPI/Program.cs:
--------------------------------------------------------------------------------
1 | using InventOnHand.Models;
2 |
3 | var builder = WebApplication.CreateBuilder(args);
4 |
5 | // Add services to the container.
6 | // Learn more about configuring Swagger/OpenAPI at https://aka.ms/aspnetcore/swashbuckle
7 | builder.Services.AddEndpointsApiExplorer();
8 | builder.Services.AddSwaggerGen();
9 | builder.Services.AddCors(options =>
10 | {
11 | options.AddPolicy("CorsAllowAll",
12 | builder =>
13 | {
14 | builder
15 | .AllowAnyOrigin()
16 | .AllowAnyMethod()
17 | .AllowAnyHeader();
18 | });
19 | });
20 |
21 | var app = builder.Build();
22 |
23 | app.UseCors("CorsAllowAll");
24 |
25 | app.UseSwagger(options =>
26 | {
27 | options.SerializeAsV2 = true;
28 | });
29 | app.UseSwaggerUI();
30 |
31 | app.MapGet("/Warehouse", () =>
32 | {
33 | return InventoryDB.GetWarehouses();
34 |
35 | })
36 | .WithName("GetWarehouses")
37 | .WithOpenApi();
38 |
39 | app.MapGet("/Items", () =>
40 | {
41 | return InventoryDB.GetItems();
42 |
43 | })
44 | .WithName("GetItems")
45 | .WithOpenApi();
46 |
47 | app.MapGet("/InventOnHand/{ItemId}", (string itemId) =>
48 | {
49 | return InventoryDB.GetInventOnHand(itemId);
50 |
51 | })
52 | .WithName("GetInventOnHand")
53 | .WithOpenApi();
54 |
55 | app.Run();
56 |
--------------------------------------------------------------------------------
/Power Fx Demo/LegacyIntranet/Shared/NavMenu.razor.css:
--------------------------------------------------------------------------------
1 | .navbar-toggler {
2 | background-color: rgba(255, 255, 255, 0.1);
3 | }
4 |
5 | .top-row {
6 | height: 3.5rem;
7 | background-color: rgba(0,0,0,0.4);
8 | }
9 |
10 | .navbar-brand {
11 | font-size: 1.1rem;
12 | }
13 |
14 | .oi {
15 | width: 2rem;
16 | font-size: 1.1rem;
17 | vertical-align: text-top;
18 | top: -2px;
19 | }
20 |
21 | .nav-item {
22 | font-size: 0.9rem;
23 | padding-bottom: 0.5rem;
24 | }
25 |
26 | .nav-item:first-of-type {
27 | padding-top: 1rem;
28 | }
29 |
30 | .nav-item:last-of-type {
31 | padding-bottom: 1rem;
32 | }
33 |
34 | .nav-item ::deep a {
35 | color: #d7d7d7;
36 | border-radius: 4px;
37 | height: 3rem;
38 | display: flex;
39 | align-items: center;
40 | line-height: 3rem;
41 | }
42 |
43 | .nav-item ::deep a.active {
44 | background-color: rgba(255,255,255,0.25);
45 | color: white;
46 | }
47 |
48 | .nav-item ::deep a:hover {
49 | background-color: rgba(255,255,255,0.1);
50 | color: white;
51 | }
52 |
53 | @media (min-width: 641px) {
54 | .navbar-toggler {
55 | display: none;
56 | }
57 |
58 | .collapse {
59 | /* Never collapse the sidebar for wide screens */
60 | display: block;
61 | }
62 | }
63 |
--------------------------------------------------------------------------------
/Power Fx Demo/LegacyIntranet/Shared/MainLayout.razor.css:
--------------------------------------------------------------------------------
1 | .page {
2 | position: relative;
3 | display: flex;
4 | flex-direction: column;
5 | }
6 |
7 | main {
8 | flex: 1;
9 | }
10 |
11 | .sidebar {
12 | background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
13 | }
14 |
15 | .top-row {
16 | background-color: #f7f7f7;
17 | border-bottom: 1px solid #d6d5d5;
18 | justify-content: flex-end;
19 | height: 3.5rem;
20 | display: flex;
21 | align-items: center;
22 | }
23 |
24 | .top-row ::deep a, .top-row ::deep .btn-link {
25 | white-space: nowrap;
26 | margin-left: 1.5rem;
27 | text-decoration: none;
28 | }
29 |
30 | .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
31 | text-decoration: underline;
32 | }
33 |
34 | .top-row ::deep a:first-child {
35 | overflow: hidden;
36 | text-overflow: ellipsis;
37 | }
38 |
39 | @media (max-width: 640.98px) {
40 | .top-row:not(.auth) {
41 | display: none;
42 | }
43 |
44 | .top-row.auth {
45 | justify-content: space-between;
46 | }
47 |
48 | .top-row ::deep a, .top-row ::deep .btn-link {
49 | margin-left: 0;
50 | }
51 | }
52 |
53 | @media (min-width: 641px) {
54 | .page {
55 | flex-direction: row;
56 | }
57 |
58 | .sidebar {
59 | width: 250px;
60 | height: 100vh;
61 | position: sticky;
62 | top: 0;
63 | }
64 |
65 | .top-row {
66 | position: sticky;
67 | top: 0;
68 | z-index: 1;
69 | }
70 |
71 | .top-row.auth ::deep a:first-child {
72 | flex: 1;
73 | text-align: right;
74 | width: 0;
75 | }
76 |
77 | .top-row, article {
78 | padding-left: 2rem !important;
79 | padding-right: 1.5rem !important;
80 | }
81 | }
82 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Power Platform for Pro Developers Sample
2 |
3 | This is a demo repository to showcase scenarios and how Professional Developers (AKA code-first developers) can make use of [Power Platform](https://aka.ms/PowerDev) to be more productive and/or innovative.
4 |
5 | To get a free Power Platform environment, sign up for the [developer plan](https://aka.ms/PowerAppsDevPlan).
6 |
7 | ## Scenario
8 |
9 | This is a HVAC company, where they have a legacy inventory management system.
10 | When in appointments, field technicians don't have a way to check if a given part is available in a warehouse.
11 |
12 | They have to manually call each warehouse to check in their legacy internal system.
13 |
14 | The back-end developer built an API to get the list of items and the inventory on hand for each warehouse and now she/he wants to build a phone app for the field technicians.
15 |
16 | The back-end developer uses Visual Studio and will now use Power Platform to build a phone app to the field technicians.
17 |
18 | ## Components
19 |
20 | 1. [InventoryAPI](https://github.com/marcelbf/InventAPI/tree/master/InventAPI) - Visual Studio Project with a sample API with three operations: GetWarehouses, GetItems and GetInventOnHand;
21 | 2. [InventoryOnHand](https://github.com/marcelbf/InventAPI/tree/master/InventAPI/InventoryOnHand) - Power Platform Solution with source code for a Custom Connector created from Visual Studio, and a Phone App.
22 | 3. [Github Power Platform Action](https://github.com/marcelbf/InventAPI/blob/master/.github/workflows/export-and-commit-solution.yml) - Github action to export the source code of Power Platform Solution created in a Dev Environment.
23 | 4. [Web app using PowerFx](https://github.com/marcelbf/InventAPI/tree/master/Power%20Fx%20Demo) - Sample application consuming the InventoryAPI, to show case how to use Power Fx to enable low code scenarios for your users.
24 |
25 |
26 |
--------------------------------------------------------------------------------
/InventAPI/InventoryOnHand/CanvasApps/src/msbuild_inventonhand_2be80/Entropy/checksum.json:
--------------------------------------------------------------------------------
1 | {
2 | "ClientBuildDetails": {
3 | "CommitHash": "ad5b01d06455feee13561b05c10c3974fc796f4c",
4 | "IsLocalBuild": false
5 | },
6 | "ClientPerFileChecksums": {
7 | "AppCheckerResult.sarif": "C8_aoNkclCypyg/Hp8h7oUvb3btqqK6LqpnNZH21I1Sqyc=",
8 | "Controls\\1.json": "C8_ZlATjU6e3Pq8gNpM696lFcfbFD5zpNClQof7p+/qKqI=",
9 | "Controls\\22.json": "C8_yD3hrqX29Az0BLK+gbz+bgyZcTQapP6esQF/lysDXq4=",
10 | "Controls\\5.json": "C8_eT0zGarKrdlzlv/yipLyJDpPqwTASV4HXlIDjmBgoPk=",
11 | "Header.json": "C8_VEwfzBGkHkOn0gS/riqRS7lYjbWfzBDj5R/OT9iaKwM=",
12 | "Properties.json": "C8_cFAOVwl/eHnB+Q7FlbPz+ApbDeCeEn90uvYUuxjIqq0=",
13 | "References\\DataSources.json": "C8_hCiUO8TnPfsWMWMhMmqTKKrs969cHNFaCb5MeOtq2GM=",
14 | "References\\Resources.json": "C8_s+se9qfOYnCKwfIt6gbv1FGBHW47JCt5d/CkUpqbcjk=",
15 | "References\\Templates.json": "C8_g25GnOv9WLx9k5LCsuzLxREd7lQoD8WkBwxZ1+1mYmI=",
16 | "References\\Themes.json": "C8_zuMgLpz3IJQlVgGqo3GtyhriL3PR35GxXf+rtPR4Gfc=",
17 | "Resources\\PublishInfo.json": "C8_t7j6jaLGIz9DYUnSQxA0cP2K4sD/MmN64gBDnxsl+Cg="
18 | },
19 | "ClientStampedChecksum": "C8_IIyVhf6Zu9wGpv+AgLtOavntlstuHYzKGnEoCKs46kI=",
20 | "ServerPerFileChecksums": {
21 | "AppCheckerResult.sarif": "C8_aoNkclCypyg/Hp8h7oUvb3btqqK6LqpnNZH21I1Sqyc=",
22 | "Controls\\1.json": "C8_ZlATjU6e3Pq8gNpM696lFcfbFD5zpNClQof7p+/qKqI=",
23 | "Controls\\22.json": "C8_yD3hrqX29Az0BLK+gbz+bgyZcTQapP6esQF/lysDXq4=",
24 | "Controls\\5.json": "C8_eT0zGarKrdlzlv/yipLyJDpPqwTASV4HXlIDjmBgoPk=",
25 | "Header.json": "C8_VEwfzBGkHkOn0gS/riqRS7lYjbWfzBDj5R/OT9iaKwM=",
26 | "Properties.json": "C8_cFAOVwl/eHnB+Q7FlbPz+ApbDeCeEn90uvYUuxjIqq0=",
27 | "References\\DataSources.json": "C8_hCiUO8TnPfsWMWMhMmqTKKrs969cHNFaCb5MeOtq2GM=",
28 | "References\\Resources.json": "C8_s+se9qfOYnCKwfIt6gbv1FGBHW47JCt5d/CkUpqbcjk=",
29 | "References\\Templates.json": "C8_g25GnOv9WLx9k5LCsuzLxREd7lQoD8WkBwxZ1+1mYmI=",
30 | "References\\Themes.json": "C8_zuMgLpz3IJQlVgGqo3GtyhriL3PR35GxXf+rtPR4Gfc=",
31 | "Resources\\PublishInfo.json": "C8_t7j6jaLGIz9DYUnSQxA0cP2K4sD/MmN64gBDnxsl+Cg="
32 | },
33 | "ServerStampedChecksum": "C8_IIyVhf6Zu9wGpv+AgLtOavntlstuHYzKGnEoCKs46kI="
34 | }
--------------------------------------------------------------------------------
/InventAPI/InventoryOnHand/CanvasApps/msbuild_inventonhand_2be80.meta.xml:
--------------------------------------------------------------------------------
1 |
2 | 
30 | ```
31 |
32 | #### Using Open Iconic's SVG Sprite
33 |
34 | Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.
35 |
36 | Adding an icon from an SVG sprite is a little different than what you're used to, but it's still a piece of cake. *Tip: To make your icons easily style able, we suggest adding a general class to the* `