├── solution
├── .gitignore
├── other
│ ├── Relationships.xml
│ ├── Customizations.xml
│ └── Solution.xml
└── solution.cdsproj
├── pcfconfig.json
├── docs
└── PCF-Gallery-Control.gif
├── tsconfig.json
├── obj
├── PCFGalleryControl.pcfproj.nuget.cache
├── PCFGalleryControl.pcfproj.nuget.g.targets
├── PCFGalleryControl.pcfproj.nuget.g.props
└── project.assets.json
├── .gitignore
├── README.md
├── package.json
├── PCFGalleryControl.pcfproj
├── GalleryFieldControl
├── css
│ └── GalleryFieldControl.css
├── ControlManifest.Input.xml
└── index.ts
└── LICENSE
/solution/.gitignore:
--------------------------------------------------------------------------------
1 | /bin
2 | /obj
--------------------------------------------------------------------------------
/pcfconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "outDir": "./out/controls"
3 | }
--------------------------------------------------------------------------------
/docs/PCF-Gallery-Control.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DynamicsNinja/PCF-Gallery-Control/HEAD/docs/PCF-Gallery-Control.gif
--------------------------------------------------------------------------------
/solution/other/Relationships.xml:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./node_modules/pcf-scripts/tsconfig_base.json",
3 | "compilerOptions": {
4 | "typeRoots": ["node_modules/@types"],
5 | }
6 | }
--------------------------------------------------------------------------------
/obj/PCFGalleryControl.pcfproj.nuget.cache:
--------------------------------------------------------------------------------
1 | {
2 | "version": 1,
3 | "dgSpecHash": "cPP26Jr/hyfKSvGYqhp6d+KXCKsdORTIVsOvz0JdCqcWAHajt4Yc/Xq4kgqfNGD5N7a+JL3TjCQLUR44zlVO4Q==",
4 | "success": true
5 | }
--------------------------------------------------------------------------------
/.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
--------------------------------------------------------------------------------
/solution/other/Customizations.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 | 1033
16 |
17 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # PCF Gallery Control
2 |
3 | ## Overview
4 |
5 | PCF control that shows thumbnails of images from entity notes. Control is bound to Single Line of Text field.
6 |
7 | ## Download
8 |
9 | [](https://github.com/DynamicsNinja/PCF-Gallery-Control/releases/latest)
10 |
11 | ## Preview
12 |
13 | 
14 |
15 | ## Features
16 |
17 | - Thumbnails of images from notes & email attachments
18 | - Image preview on click on the thumbnail
19 | - Hide preview image on click
20 | - Download image on click on the filename
--------------------------------------------------------------------------------
/obj/PCFGalleryControl.pcfproj.nuget.g.targets:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | $(MSBuildAllProjects);$(MSBuildThisFileFullPath)
5 |
6 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "pcf-project",
3 | "version": "1.0.0",
4 | "description": "Project containing your PowerApps Component Framework (PCF) control.",
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 | "@types/file-saver": "^2.0.1",
13 | "@types/jquery": "^3.3.29",
14 | "@types/node": "^10.12.18",
15 | "@types/powerapps-component-framework": "1.1.0",
16 | "file-saver": "^2.0.2",
17 | "jquery": "^3.4.1"
18 | },
19 | "devDependencies": {
20 | "pcf-scripts": "~0",
21 | "pcf-start": "~0"
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/PCFGalleryControl.pcfproj:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | PCFGalleryControl
7 | 2b4792c9-00d9-487b-b13f-8a2b987ba212
8 | $(MSBuildThisFileDirectory)out\controls
9 |
10 |
11 |
12 | PackageReference
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 | Always
22 |
23 |
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/GalleryFieldControl/css/GalleryFieldControl.css:
--------------------------------------------------------------------------------
1 | .Fic\.GalleryFieldControl .thumbnail img {
2 | border: 1px solid #ddd;
3 | border-radius: 4px;
4 | padding: 5px;
5 | }
6 |
7 | .Fic\.GalleryFieldControl .thumbnail img:hover {
8 | box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
9 | cursor: pointer;
10 | }
11 |
12 | .Fic\.GalleryFieldControl .thumbnail-container {
13 | display: inline-block;
14 | margin-left: 5px;
15 | }
16 |
17 | .Fic\.GalleryFieldControl .file-name {
18 | white-space: nowrap;
19 | overflow: hidden;
20 | text-overflow: ellipsis;
21 | text-align: center;
22 | }
23 |
24 | .Fic\.GalleryFieldControl .file-name:hover {
25 | cursor: pointer;
26 | }
27 |
28 | .Fic\.GalleryFieldControl .preview-img {
29 | max-width: 100%;
30 | margin-top: 10px;
31 | }
32 |
33 | .Fic\.GalleryFieldControl .section-header {
34 | margin: 5px 0px 5px 0px;
35 | }
36 |
37 | .Fic\.GalleryFieldControl .files-group {
38 | border-bottom: 1px solid rgb(216, 216, 216);
39 | }
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2019 Ivan Ficko
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 |
--------------------------------------------------------------------------------
/GalleryFieldControl/ControlManifest.Input.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |