Merge branch 'release/1.0.0.0'

Author: FaganSC

.vscode/launch.json

@@ -6,7 +6,7 @@
   "version": "0.2.0",
   "configurations": [{
       "name": "Local workbench",
-      "type": "chrome",
+      "type": "edge",
       "request": "launch",
       "url": "https://localhost:4321/temp/workbench.html",
       "webRoot": "${workspaceRoot}",
@@ -23,7 +23,7 @@
     },
     {
       "name": "Hosted workbench",
-      "type": "chrome",
+      "type": "edge",
       "request": "launch",
       "url": "https://enter-your-SharePoint-site/_layouts/workbench.aspx",
       "webRoot": "${workspaceRoot}",

README.md

@@ -1,73 +1,87 @@
-# image-slider
-
+# Image Slider
+![GitHub Release Date](https://img.shields.io/github/release-date/fagansc/spfxImageSlider)
+![GitHub release (latest by date including pre-releases)](https://img.shields.io/github/v/release/fagansc/spfxImageSlider?include_prereleases)
+[![Build Status](https://dev.azure.com/scfagan/pipelineBuilds/_apis/build/status/spfx/ImageSlider?repoName=FaganSC%2FspfxImageSlider&branchName=master)](https://dev.azure.com/scfagan/pipelineBuilds/_build/latest?definitionId=19&repoName=FaganSC%2FspfxImageSlider&branchName=master)
+![SPFX Version](https://img.shields.io/badge/SPFX%20Version-1.11-green.svg)
+![GitHub issues](https://img.shields.io/github/issues/fagansc/spfxImageSlider)
+![GitHub all releases](https://img.shields.io/github/downloads/fagansc/spfxImageSlider/total)
 ## Summary
+This a SharePoint Online modern web part of an image slider, which cycles images from a Document Libray as a slideshow. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators.
 
-Short summary on functionality and used technologies.
-
-[picture of the solution in action, if possible]
-
-## Used SharePoint Framework Version
+The supporting Document Library is deployed when the solution is added to the site. 
 
-![version](https://img.shields.io/badge/version-1.11-green.svg)
+![Screenshot](documentation/screenshot.gif)
 
 ## Applies to
 
 - [SharePoint Framework](https://aka.ms/spfx)
 - [Microsoft 365 tenant](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-> Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/o365devprogram)
-
-## Prerequisites
-
-> Any special pre-requisites?
-
+### 3rd Party Packages
+* [PnPjs](https://pnp.github.io/pnpjs/)
+* [PnP Controls React](https://pnp.github.io/sp-dev-fx-controls-react/)
+* [PnP Property Controls](https://pnp.github.io/sp-dev-fx-property-controls/)
+* [Moment.js](https://momentjs.com/)
+
+## Office 365 CDN
+The Office 365 CDN is used by default for downloading generic resource assets like the Office 365 client applications from a public origin.
+
+This image slide supports the use of the Office 365 CDN by enabling the document library deployed with the soluiton by the following PowerShell commands. 
+~~~powershell
+Connect-SPOService https://<tenant>-admin.sharepoint.com
+Set-SPOTenantCdnEnabled -CdnType Both -Enable $true
+Add-SPOTenantCdnOrigin -CdnType Public -OriginUrl */SliderImgs
+~~~
+![PowerShell Output](/documentation/powershell.png)
+Once enabled, just toggle the setting within the Web Part properties to utilize the Office 365 CDN to display your images. 
 ## Solution
 
 Solution|Author(s)
 --------|---------
-folder name | Author details (name, company, twitter alias with link)
+SPFX Image Slider | [Shawn Fagan](https://twitter.com/fagansc)
 
-## Version history
+## Version History
 
 Version|Date|Comments
 -------|----|--------
-1.1|March 10, 2021|Update comment
-1.0|January 29, 2021|Initial release
-
-## 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.**
-
----
+1.0.0.0|January 24, 2021|Initial release
 
-## Minimal Path to Awesome
+## Current Features
+### Image Size
 
-- Clone this repository
-- Ensure that you are at the solution folder
-- in the command-line run:
-  - **npm install**
-  - **gulp serve**
+### Slide Speed
+### Display Image Filter
 
-> Include any additional steps as needed.
+### Display Slide Caption
 
-## Features
+### Display Slide Indicators
 
-Description of the extension that expands upon high-level summary above.
+### Render Images using Office 365 Public CDN
 
-This extension illustrates the following concepts:
+### Select Default Image
 
-- topic 1
-- topic 2
-- topic 3
+## Future Features
+ - Multplie Layout Options
+ - Configurable Caption Settings
+ - Configurable Indicators Settings
+ - Use of Office 365 Private CDN
+ - SharePoint Online Theme integration
+ - Controlling required Document Library fields based on Image Filter
 
-> Notice that better pictures and documentation will increase the sample usage and the value you are providing for others. Thanks for your submissions advance.
-
-> Share your web part with others through Microsoft 365 Patterns and Practices program to get visibility and exposure. More details on the community, open-source projects and other activities from http://aka.ms/m365pnp.
+## License
+Connect-MS365 is licensed under terms of GNU Lesser General Publice License (LGPL) v3.0. For further information see LICENSE file.
 
+## Contribute
+Please feel free to comment, feedback and contribute to this. I'm still working on the GitHub setup for handling External Pull Requests. 
 ## References
 
 - [Getting started with SharePoint Framework](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-developer-tenant)
 - [Building for Microsoft teams](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/build-for-teams-overview)
 - [Use Microsoft Graph in your solution](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-microsoft-graph-apis)
 - [Publish SharePoint Framework applications to the Marketplace](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/publish-to-marketplace-overview)
 - [Microsoft 365 Patterns and Practices](https://aka.ms/m365pnp) - Guidance, tooling, samples and open-source controls for your Microsoft 365 development
+
+---
+## 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.**

azure-pipelines.yml

@@ -2,26 +2,26 @@ trigger:
   branches:
     include:
       - develop
+      - release/*
+      - master
 resources:
   repositories:
   - repository: azure-pipelines-templates
     type: github
-    endpoint: FaganSC-GitHub
+    endpoint: FaganSC
     name: FaganSC/azure-pipelines-templates
     ref: master
 variables:
   node_version: '10.x'
   package_manager: 'npm'
-name: $(Date:yyyy)$(Date:.MM)$(Date:.dd)$(Rev:.r)
+  majorminor: '0.2.0'
+  patch: $[counter(${{ variables.majorminor }}, 0)]
+  version: $(majorminor).$(patch)
+name: ${{ variables.version }}
 stages:
 - stage: Build
-  dependsOn: []
   jobs:
     - template: spfx/build.yml@azure-pipelines-templates
-      parameters:
-        working_directory: 
-        package_manager: ${{ variables.package_manager }}
-        node_version: ${{ variables.node_version }}
 - stage: Test
   dependsOn: 
     - Build
@@ -34,26 +34,61 @@ stages:
 - stage: GitHubPreRelease
   displayName: GitHub PreRelease
   dependsOn:
-    - Build
     - Test
   jobs:
     - template: spfx/release.yml@azure-pipelines-templates
       parameters:
         release_title: 'Pre-Release $(Build.BuildNumber)'
-        target_environment: release
-        variables_group: GitHub_Projects
-        condition: and(succeeded(), eq(variables['Build.SourceBranch'], 'refs/heads/release'))
+        target_environment: PreRelease
+        gitHubConnection: GitHub
+        condition: and(succeeded(), startsWith(variables['Build.SourceBranch'], 'refs/heads/release'))
         isPreRelease: True
 - stage: GitHubRelease
   displayName: GitHub Release
   dependsOn:
-    - Build
     - Test
   jobs:
     - template: spfx/release.yml@azure-pipelines-templates
       parameters:
         release_title: 'Release $(Build.BuildNumber)'
-        target_environment: production
-        variables_group: GitHub_Projects
+        target_environment: Production
+        gitHubConnection: GitHub
+        condition: and(succeeded(), eq(variables['Build.SourceBranch'], 'refs/heads/master'))
+        isPreRelease: False
+- stage: DeployDevelopment
+  displayName: Deploy to Development Tenant SharePoint App Catalog
+  dependsOn:
+    - Test
+  jobs:
+    - template: spfx/deploy.yml@azure-pipelines-templates
+      parameters:
+        target_environment: Development
+        variables_group: DevelopmentTenant
+        o365cli_deploy_extra_arguments: '--skipFeatureDeployment'
+        condition: and(succeeded(), eq(variables['Build.SourceBranch'], 'refs/heads/develop'))
+- stage: DeployPreRelease
+  displayName: Deploy to Test Tenant SharePoint App Catalog
+  dependsOn:
+    - GitHubPreRelease
+  jobs:
+    - template: spfx/deploy.yml@azure-pipelines-templates
+      parameters:
+        target_environment: PreRelease
+        isPreRelease: True
+        hasChangeLog: True
+        variables_group: DevelopmentTenant
+        o365cli_deploy_extra_arguments: '--skipFeatureDeployment'
+        condition: and(succeeded(), startsWith(variables['Build.SourceBranch'], 'refs/heads/release'))
+- stage: DeployProduction
+  displayName: Deploy to Production Tenant SharePoint App Catalog
+  dependsOn:
+    - GitHubRelease
+  jobs:
+    - template: spfx/deploy.yml@azure-pipelines-templates
+      parameters:
+        target_environment: Release
+        isPreRelease: False
+        hasChangeLog: True
+        variables_group: DevelopmentTenant
+        o365cli_deploy_extra_arguments: '--skipFeatureDeployment'
         condition: and(succeeded(), eq(variables['Build.SourceBranch'], 'refs/heads/master'))
-        isPreRelease: False

config/config.json

@@ -13,6 +13,7 @@
   },
   "externals": {},
   "localizedResources": {
-    "ImageSliderWebPartStrings": "lib/webparts/imageSlider/loc/{locale}.js"
+    "ImageSliderWebPartStrings": "lib/webparts/imageSlider/loc/{locale}.js",
+    "PropertyControlStrings": "node_modules/@pnp/spfx-property-controls/lib/loc/{locale}.js"
   }
-}
+}

config/package-solution.json

@@ -1,21 +1,37 @@
 {
-  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
-  "solution": {
-    "name": "image-slider-client-side-solution",
-    "id": "ed354528-742c-4ffa-9069-5b456736314d",
-    "version": "1.0.0.0",
-    "includeClientSideAssets": true,
-    "skipFeatureDeployment": true,
-    "isDomainIsolated": false,
-    "developer": {
-      "name": "",
-      "websiteUrl": "",
-      "privacyUrl": "",
-      "termsOfUseUrl": "",
-      "mpnId": ""
+    "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
+    "solution": {
+        "name": "SPFx Image Slider Solution",
+        "id": "ed354528-742c-4ffa-9069-5b456736314d",
+        "version": "1.0.0.0",
+        "iconPath": "images/AppIcon.png",
+        "includeClientSideAssets": true,
+        "features": [{
+            "title": "Slider Image Web Part",
+            "description": "Deployment of Slider Image Web Part and Library",
+            "id": "61bfff46-b2a0-440a-8f80-efc2a03c21d1",
+            "version": "1.0.0.0",
+            "assets": {
+                "elementManifests": [
+                    "elements.xml"
+                ],
+                "elementFiles": [
+                    "schema.xml",
+                    "Virginia_Beach_Oceanfront.jpg"
+                ]
+            }
+        }],
+        "skipFeatureDeployment": true,
+        "isDomainIsolated": false,
+        "developer": {
+            "name": "",
+            "websiteUrl": "",
+            "privacyUrl": "",
+            "termsOfUseUrl": "",
+            "mpnId": ""
+        }
+    },
+    "paths": {
+        "zippedPackage": "solution/spfx-image-slider.sppkg"
     }
-  },
-  "paths": {
-    "zippedPackage": "solution/image-slider.sppkg"
-  }
-}
+}