Merge branch 'pnp:main' into master
|
@ -0,0 +1,32 @@
|
|||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
|
||||
# Dependency directories
|
||||
node_modules
|
||||
|
||||
# Build generated files
|
||||
dist
|
||||
lib
|
||||
solution
|
||||
temp
|
||||
*.sppkg
|
||||
|
||||
# Coverage directory used by tools like istanbul
|
||||
coverage
|
||||
|
||||
# OSX
|
||||
.DS_Store
|
||||
|
||||
# Visual Studio files
|
||||
.ntvs_analysis.dat
|
||||
.vs
|
||||
bin
|
||||
obj
|
||||
|
||||
# Resx Generated Code
|
||||
*.resx.ts
|
||||
|
||||
# Styles Generated Code
|
||||
*.scss.ts
|
|
@ -28,17 +28,22 @@
|
|||
|
||||
**2) Add the Dynamic Accordion Section web part to your page & select your list, category, title and content columns. Click Apply and Publish:**
|
||||
|
||||
![Select list and other properties from property panel for use with the Accordion](./assets/AccordionSettings1.png)
|
||||
![Completed properties.](./assets/AccordionSettings2.png)
|
||||
![Select list and other properties from property panel for use with the Accordion](./assets/AccordionSettings4.png)
|
||||
![Completed properties.](./assets/AccordionSettings3.png)
|
||||
|
||||
## Used SharePoint Framework Version
|
||||
|
||||
![1.10.0](https://img.shields.io/badge/version-1.10.0-green.svg)
|
||||
## Compatibility
|
||||
|
||||
![SPFx 1.10.0](https://img.shields.io/badge/version-1.10.0-green.svg)
|
||||
![Node.js LTS v10](https://img.shields.io/badge/Node.js-LTS%20v10-green.svg)
|
||||
![SharePoint Online](https://img.shields.io/badge/SharePoint-Online-yellow.svg)
|
||||
![Teams N/A: Untested with Microsoft Teams](https://img.shields.io/badge/Teams-N%2FA-lightgrey.svg "Untested with Microsoft Teams")
|
||||
|
||||
## Applies to
|
||||
|
||||
- [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
|
||||
- [Office 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
|
||||
* [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
|
||||
* [Microsoft 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
|
||||
|
||||
|
||||
## Prerequisites
|
||||
|
||||
|
@ -46,24 +51,22 @@ Please create the list as described above
|
|||
|
||||
## Solution
|
||||
|
||||
| Solution | Author(s) |
|
||||
| ------------------------------------------ | ---------------------------------------------------------------------------------------- |
|
||||
| SPFx Collapsible Accordion Section | [Erik Benke](https://github.com/ejbenke) ([@erikjbenke](https://twitter.com/erikjbenke)) |
|
||||
| SPFx Collapsible Accordion Section | [Mike Zimmerman](https://github.com/mikezimm) |
|
||||
| Dynamic SPFx Collapsible Accordion Section | [Jerry Yasir](https://github.com/jyasir) |
|
||||
| Solution | Author(s) |
|
||||
| ------------------------------------------ | -----------------------------------------------------------------------------------------------------|
|
||||
| SPFx Collapsible Accordion Section | [Erik Benke](https://github.com/ejbenke) ([@erikjbenke](https://twitter.com/erikjbenke)) |
|
||||
| SPFx Collapsible Accordion Section | [Mike Zimmerman](https://github.com/mikezimm) |
|
||||
| Dynamic SPFx Collapsible Accordion Section | [Jerry Yasir](https://github.com/jyasir) |
|
||||
| Dynamic SPFx Collapsible Accordion Section | [Ari Gunawan](https://github.com/AriGunawan) ([@AriGunawan3023](https://twitter.com/AriGunawan3023)) |
|
||||
|
||||
## Version history
|
||||
|
||||
| Version | Date | Comments |
|
||||
| ------- | ------------------ | --------------------------------------------------------------------------------------------------- |
|
||||
| 1.0 | September 20, 2020 | Reused [Erik Benke] and [Mike Zimmerman] web part |
|
||||
| 1.0 | September 20, 2020 | Reused [Erik Benke] and [Mike Zimmerman] web part |
|
||||
| 1.1 | September 20, 2020 | Added Support for Dynamic Column selection for reuseability, Dynamic Property Selection for Columns |
|
||||
| 1.8 | August 8, 2021 | Add configuration for sorting the items |
|
||||
|
||||
## 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.**
|
||||
|
||||
---
|
||||
|
||||
## Minimal Path to Awesome
|
||||
|
||||
|
@ -75,4 +78,19 @@ Please create the list as described above
|
|||
- Use `gulp bundle --ship` & `gulp package-solution --ship`
|
||||
- Add the `.sppkg` to your SharePoint App Catalog
|
||||
|
||||
## 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.**
|
||||
|
||||
## Help
|
||||
|
||||
We do not support samples, but we 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, [create a new issue](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=bug-report.yml&sample=react-accordion-dynamic-section&authors=@mikezimm%20@jyasir%20@AriGunawan&title=react-accordion-dynamic-section%20-%20).
|
||||
|
||||
For questions regarding this sample, [create a new question](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=question.yml&sample=react-accordion-dynamic-section&authors=@mikezimm%20@jyasir%20@AriGunawan&title=react-accordion-dynamic-section%20-%20).
|
||||
|
||||
Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=suggestion.yml&sample=react-accordion-dynamic-section&authors=@mikezimm%20@jyasir%20@AriGunawan&title=react-accordion-dynamic-section%20-%20).
|
||||
|
||||
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-accordion-dynamic-section" />
|
||||
|
||||
|
|
After Width: | Height: | Size: 129 KiB |
After Width: | Height: | Size: 96 KiB |
|
@ -9,7 +9,7 @@
|
|||
"This sample is based on Erik Benke and Mike Zimmerman Accordion Section FAQ Builder web part. It was extended support single FAQs list based on Category and dynamic properties selection."
|
||||
],
|
||||
"creationDateTime": "2021-01-05",
|
||||
"updateDateTime": "2021-01-05",
|
||||
"updateDateTime": "2021-08-08",
|
||||
"products": [
|
||||
"SharePoint",
|
||||
"Office"
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
"solution": {
|
||||
"name": "Accordion Section FAQ Builder",
|
||||
"id": "bf6fa974-fd40-45a3-80e9-e826abe025b9",
|
||||
"version": "1.6.0.0",
|
||||
"version": "1.7.0.0",
|
||||
"includeClientSideAssets": true,
|
||||
"skipFeatureDeployment": true
|
||||
},
|
||||
|
|
|
@ -1,134 +0,0 @@
|
|||
{
|
||||
"id": "061da2cd-f680-4da5-ab30-40a8ba1aafd8",
|
||||
"alias": "ReactAccordionWebPart",
|
||||
"componentType": "WebPart",
|
||||
"version": "1.6.0",
|
||||
"manifestVersion": 2,
|
||||
"requiresCustomScript": false,
|
||||
"supportedHosts": [
|
||||
"SharePointWebPart",
|
||||
"TeamsTab"
|
||||
],
|
||||
"loadLegacyFabricCss": true,
|
||||
"preconfiguredEntries": [
|
||||
{
|
||||
"groupId": "5c03119e-3074-46fd-976b-c60198311f70",
|
||||
"group": {
|
||||
"default": "Other"
|
||||
},
|
||||
"title": {
|
||||
"default": "Dynamic Accordion Section"
|
||||
},
|
||||
"description": {
|
||||
"default": "Collapsible accordion section for displaying list data based on Category and Dynamic selection"
|
||||
},
|
||||
"officeFabricIconFontName": "MusicInCollectionFill",
|
||||
"properties": {
|
||||
"description": "Dynamic React Accordion",
|
||||
"listId": "",
|
||||
"columnTitle": "",
|
||||
"selectedChoice": "",
|
||||
"accordianTitleColumn": "",
|
||||
"accordianContentColumn": "",
|
||||
"allowZeroExpanded": true
|
||||
}
|
||||
}
|
||||
],
|
||||
"loaderConfig": {
|
||||
"entryModuleId": "react-accordion-web-part",
|
||||
"internalModuleBaseUrls": [
|
||||
"https://localhost:4321/"
|
||||
],
|
||||
"scriptResources": {
|
||||
"react-accordion-web-part": {
|
||||
"type": "path",
|
||||
"path": "dist/react-accordion-web-part.js"
|
||||
},
|
||||
"ReactAccordionWebPartStrings": {
|
||||
"defaultPath": "lib/webparts/reactAccordion/loc/en-us.js",
|
||||
"type": "localizedPath",
|
||||
"paths": {}
|
||||
},
|
||||
"ControlStrings": {
|
||||
"defaultPath": "node_modules/@pnp/spfx-controls-react/lib/loc/en-us.js",
|
||||
"type": "localizedPath",
|
||||
"paths": {
|
||||
"de-DE": "node_modules/@pnp/spfx-controls-react/lib/loc/de-de.js",
|
||||
"de": "node_modules/@pnp/spfx-controls-react/lib/loc/de-de.js",
|
||||
"dsb": "node_modules/@pnp/spfx-controls-react/lib/loc/de-de.js",
|
||||
"rm": "node_modules/@pnp/spfx-controls-react/lib/loc/de-de.js",
|
||||
"hsb": "node_modules/@pnp/spfx-controls-react/lib/loc/de-de.js",
|
||||
"en-US": "node_modules/@pnp/spfx-controls-react/lib/loc/en-us.js",
|
||||
"bn": "node_modules/@pnp/spfx-controls-react/lib/loc/en-us.js",
|
||||
"chr": "node_modules/@pnp/spfx-controls-react/lib/loc/en-us.js",
|
||||
"dv": "node_modules/@pnp/spfx-controls-react/lib/loc/en-us.js",
|
||||
"div": "node_modules/@pnp/spfx-controls-react/lib/loc/en-us.js",
|
||||
"en": "node_modules/@pnp/spfx-controls-react/lib/loc/en-us.js",
|
||||
"fil": "node_modules/@pnp/spfx-controls-react/lib/loc/en-us.js",
|
||||
"haw": "node_modules/@pnp/spfx-controls-react/lib/loc/en-us.js",
|
||||
"iu": "node_modules/@pnp/spfx-controls-react/lib/loc/en-us.js",
|
||||
"lo": "node_modules/@pnp/spfx-controls-react/lib/loc/en-us.js",
|
||||
"moh": "node_modules/@pnp/spfx-controls-react/lib/loc/en-us.js",
|
||||
"fr-FR": "node_modules/@pnp/spfx-controls-react/lib/loc/fr-fr.js",
|
||||
"gsw": "node_modules/@pnp/spfx-controls-react/lib/loc/fr-fr.js",
|
||||
"br": "node_modules/@pnp/spfx-controls-react/lib/loc/fr-fr.js",
|
||||
"tzm-Tfng": "node_modules/@pnp/spfx-controls-react/lib/loc/fr-fr.js",
|
||||
"co": "node_modules/@pnp/spfx-controls-react/lib/loc/fr-fr.js",
|
||||
"fr": "node_modules/@pnp/spfx-controls-react/lib/loc/fr-fr.js",
|
||||
"ff": "node_modules/@pnp/spfx-controls-react/lib/loc/fr-fr.js",
|
||||
"lb": "node_modules/@pnp/spfx-controls-react/lib/loc/fr-fr.js",
|
||||
"mg": "node_modules/@pnp/spfx-controls-react/lib/loc/fr-fr.js",
|
||||
"oc": "node_modules/@pnp/spfx-controls-react/lib/loc/fr-fr.js",
|
||||
"zgh": "node_modules/@pnp/spfx-controls-react/lib/loc/fr-fr.js",
|
||||
"wo": "node_modules/@pnp/spfx-controls-react/lib/loc/fr-fr.js",
|
||||
"lt-LT": "node_modules/@pnp/spfx-controls-react/lib/loc/lt-lt.js",
|
||||
"nl-NL": "node_modules/@pnp/spfx-controls-react/lib/loc/nl-nl.js",
|
||||
"nl": "node_modules/@pnp/spfx-controls-react/lib/loc/nl-nl.js",
|
||||
"fy": "node_modules/@pnp/spfx-controls-react/lib/loc/nl-nl.js",
|
||||
"ru-RU": "node_modules/@pnp/spfx-controls-react/lib/loc/ru-ru.js",
|
||||
"ru": "node_modules/@pnp/spfx-controls-react/lib/loc/ru-ru.js",
|
||||
"ba": "node_modules/@pnp/spfx-controls-react/lib/loc/ru-ru.js",
|
||||
"be": "node_modules/@pnp/spfx-controls-react/lib/loc/ru-ru.js",
|
||||
"ky": "node_modules/@pnp/spfx-controls-react/lib/loc/ru-ru.js",
|
||||
"mn": "node_modules/@pnp/spfx-controls-react/lib/loc/ru-ru.js",
|
||||
"sah": "node_modules/@pnp/spfx-controls-react/lib/loc/ru-ru.js",
|
||||
"tg": "node_modules/@pnp/spfx-controls-react/lib/loc/ru-ru.js",
|
||||
"tt": "node_modules/@pnp/spfx-controls-react/lib/loc/ru-ru.js",
|
||||
"tk": "node_modules/@pnp/spfx-controls-react/lib/loc/ru-ru.js"
|
||||
}
|
||||
},
|
||||
"@microsoft/sp-property-pane": {
|
||||
"type": "component",
|
||||
"version": "1.10.0",
|
||||
"id": "f9e737b7-f0df-4597-ba8c-3060f82380db"
|
||||
},
|
||||
"@microsoft/sp-core-library": {
|
||||
"type": "component",
|
||||
"version": "1.10.0",
|
||||
"id": "7263c7d0-1d6a-45ec-8d85-d4d1d234171b"
|
||||
},
|
||||
"@microsoft/sp-webpart-base": {
|
||||
"type": "component",
|
||||
"version": "1.10.0",
|
||||
"id": "974a7777-0990-4136-8fa6-95d80114c2e0"
|
||||
},
|
||||
"react": {
|
||||
"type": "component",
|
||||
"version": "16.8.5",
|
||||
"id": "0d910c1c-13b9-4e1c-9aa4-b008c5e42d7d",
|
||||
"failoverPath": "node_modules/react/dist/react.js"
|
||||
},
|
||||
"react-dom": {
|
||||
"type": "component",
|
||||
"version": "16.8.5",
|
||||
"id": "aa0a46ec-1505-43cd-a44a-93f3a5aa460a",
|
||||
"failoverPath": "node_modules/react-dom/dist/react-dom.js"
|
||||
},
|
||||
"@microsoft/sp-http": {
|
||||
"type": "component",
|
||||
"version": "1.10.0",
|
||||
"id": "c07208f0-ea3b-4c1a-9965-ac1b825211a6"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -1 +0,0 @@
|
|||
//# sourceMappingURL=index.d.ts.map
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,wFAAwF"}
|
|
@ -1,35 +0,0 @@
|
|||
import { Version } from "@microsoft/sp-core-library";
|
||||
import { BaseClientSideWebPart } from "@microsoft/sp-webpart-base";
|
||||
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
|
||||
import "core-js/es6/array";
|
||||
import "es6-map/implement";
|
||||
import "core-js/modules/es6.array.find";
|
||||
export interface IReactAccordionWebPartProps {
|
||||
listId: string;
|
||||
accordionTitle: string;
|
||||
columnTitle: string;
|
||||
selectedChoice: string;
|
||||
allowZeroExpanded: boolean;
|
||||
allowMultipleExpanded: boolean;
|
||||
accordianTitleColumn: string;
|
||||
accordianContentColumn: string;
|
||||
}
|
||||
export default class ReactAccordionWebPart extends BaseClientSideWebPart<IReactAccordionWebPartProps> {
|
||||
private listColumns;
|
||||
private allListColumns;
|
||||
private columnChoices;
|
||||
private columnsDropdownDisabled;
|
||||
private choicesDropdownDisabled;
|
||||
onInit(): Promise<void>;
|
||||
render(): void;
|
||||
protected onDispose(): void;
|
||||
protected readonly disableReactivePropertyChanges: boolean;
|
||||
protected readonly dataVersion: Version;
|
||||
private loadColumns;
|
||||
private loadAllColumns;
|
||||
private loadCateogryChoices;
|
||||
protected onPropertyPaneConfigurationStart(): void;
|
||||
protected onPropertyPaneFieldChanged(propertyPath: string, oldValue: any, newValue: any): void;
|
||||
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration;
|
||||
}
|
||||
//# sourceMappingURL=ReactAccordionWebPart.d.ts.map
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"file":"ReactAccordionWebPart.d.ts","sourceRoot":"","sources":["../../../src/webparts/reactAccordion/ReactAccordionWebPart.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EACL,0BAA0B,EAK3B,MAAM,6BAA6B,CAAC;AAErC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,gCAAgC,CAAC;AAcxC,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,qBAAqB,CACtE,2BAA2B,CAC5B;IACC,OAAO,CAAC,WAAW,CAAgC;IACnD,OAAO,CAAC,cAAc,CAAgC;IACtD,OAAO,CAAC,aAAa,CAAgC;IAErD,OAAO,CAAC,uBAAuB,CAAiB;IAChD,OAAO,CAAC,uBAAuB,CAAiB;IAEzC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAQvB,MAAM,IAAI,IAAI;IAyBrB,SAAS,CAAC,SAAS,IAAI,IAAI;uBAIb,8BAA8B,EAAI,OAAO;uBAGzC,WAAW,EAAI,OAAO;IAIpC,OAAO,CAAC,WAAW;IA8BnB,OAAO,CAAC,cAAc;IA6BtB,OAAO,CAAC,mBAAmB;IA+B3B,SAAS,CAAC,gCAAgC,IAAI,IAAI;IA6ClD,SAAS,CAAC,0BAA0B,CAClC,YAAY,EAAE,MAAM,EACpB,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,GAAG,GACZ,IAAI;IAoEP,SAAS,CAAC,4BAA4B,IAAI,0BAA0B;CA6DrE"}
|
|
@ -1,297 +0,0 @@
|
|||
var __extends = (this && this.__extends) || (function () {
|
||||
var extendStatics = function (d, b) {
|
||||
extendStatics = Object.setPrototypeOf ||
|
||||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
||||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
||||
return extendStatics(d, b);
|
||||
};
|
||||
return function (d, b) {
|
||||
extendStatics(d, b);
|
||||
function __() { this.constructor = d; }
|
||||
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
||||
};
|
||||
})();
|
||||
import * as React from "react";
|
||||
import * as ReactDom from "react-dom";
|
||||
import { Version } from "@microsoft/sp-core-library";
|
||||
import { BaseClientSideWebPart } from "@microsoft/sp-webpart-base";
|
||||
import { PropertyPaneToggle, PropertyPaneDropdown, } from "@microsoft/sp-property-pane";
|
||||
import { sp } from "@pnp/sp/presets/all";
|
||||
import "core-js/es6/array";
|
||||
import "es6-map/implement";
|
||||
import "core-js/modules/es6.array.find";
|
||||
import { PropertyFieldListPicker, PropertyFieldListPickerOrderBy, } from "@pnp/spfx-property-controls/lib/PropertyFieldListPicker";
|
||||
import * as strings from "ReactAccordionWebPartStrings";
|
||||
import ReactAccordion from "./components/ReactAccordion";
|
||||
var ReactAccordionWebPart = /** @class */ (function (_super) {
|
||||
__extends(ReactAccordionWebPart, _super);
|
||||
function ReactAccordionWebPart() {
|
||||
var _this = _super !== null && _super.apply(this, arguments) || this;
|
||||
_this.columnsDropdownDisabled = true;
|
||||
_this.choicesDropdownDisabled = true;
|
||||
return _this;
|
||||
}
|
||||
ReactAccordionWebPart.prototype.onInit = function () {
|
||||
var _this = this;
|
||||
return _super.prototype.onInit.call(this).then(function (_) {
|
||||
sp.setup({
|
||||
spfxContext: _this.context,
|
||||
});
|
||||
});
|
||||
};
|
||||
ReactAccordionWebPart.prototype.render = function () {
|
||||
var _this = this;
|
||||
var element = React.createElement(ReactAccordion, {
|
||||
listId: this.properties.listId,
|
||||
columnTitle: this.properties.columnTitle,
|
||||
selectedChoice: this.properties.selectedChoice,
|
||||
accordionTitle: this.properties.accordionTitle,
|
||||
accordianTitleColumn: this.properties.accordianTitleColumn,
|
||||
accordianContentColumn: this.properties.accordianContentColumn,
|
||||
allowZeroExpanded: this.properties.allowZeroExpanded,
|
||||
allowMultipleExpanded: this.properties.allowMultipleExpanded,
|
||||
displayMode: this.displayMode,
|
||||
updateProperty: function (value) {
|
||||
_this.properties.accordionTitle = value;
|
||||
},
|
||||
onConfigure: function () {
|
||||
_this.context.propertyPane.open();
|
||||
},
|
||||
});
|
||||
ReactDom.render(element, this.domElement);
|
||||
};
|
||||
ReactAccordionWebPart.prototype.onDispose = function () {
|
||||
ReactDom.unmountComponentAtNode(this.domElement);
|
||||
};
|
||||
Object.defineProperty(ReactAccordionWebPart.prototype, "disableReactivePropertyChanges", {
|
||||
get: function () {
|
||||
return true;
|
||||
},
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
Object.defineProperty(ReactAccordionWebPart.prototype, "dataVersion", {
|
||||
get: function () {
|
||||
return Version.parse("1.0");
|
||||
},
|
||||
enumerable: true,
|
||||
configurable: true
|
||||
});
|
||||
ReactAccordionWebPart.prototype.loadColumns = function () {
|
||||
var _this = this;
|
||||
return new Promise(function (resolve, reject) {
|
||||
if (!_this.properties.listId) {
|
||||
console.log("No List Selected");
|
||||
return null;
|
||||
}
|
||||
var spListColumns = sp.web.lists
|
||||
.getById(_this.properties.listId)
|
||||
.fields.filter("ReadOnlyField eq false and Hidden eq false and TypeAsString eq 'Choice'")
|
||||
.get();
|
||||
spListColumns.then(function (columnResult) {
|
||||
var listColumns = [];
|
||||
columnResult.forEach(function (column) {
|
||||
listColumns.push({
|
||||
key: column.Title,
|
||||
text: column.Title,
|
||||
});
|
||||
});
|
||||
resolve(listColumns);
|
||||
});
|
||||
});
|
||||
};
|
||||
ReactAccordionWebPart.prototype.loadAllColumns = function () {
|
||||
var _this = this;
|
||||
return new Promise(function (resolve, reject) {
|
||||
if (!_this.properties.listId) {
|
||||
console.log("No List Selected");
|
||||
return null;
|
||||
}
|
||||
var spListColumns = sp.web.lists
|
||||
.getById(_this.properties.listId)
|
||||
.fields.filter("ReadOnlyField eq false and Hidden eq false")
|
||||
.get();
|
||||
spListColumns.then(function (columnResult) {
|
||||
var listColumns = [];
|
||||
columnResult.forEach(function (column) {
|
||||
listColumns.push({
|
||||
key: column.InternalName,
|
||||
text: column.Title + " - [" + column.InternalName + "]",
|
||||
});
|
||||
});
|
||||
resolve(listColumns);
|
||||
});
|
||||
});
|
||||
};
|
||||
ReactAccordionWebPart.prototype.loadCateogryChoices = function () {
|
||||
var _this = this;
|
||||
return new Promise(function (resolve, reject) {
|
||||
if (!_this.properties.columnTitle) {
|
||||
console.log("No Columns Selected");
|
||||
return null;
|
||||
}
|
||||
var categoryField = sp.web.lists
|
||||
.getById(_this.properties.listId)
|
||||
.fields.getByInternalNameOrTitle(_this.properties.columnTitle);
|
||||
var choices = categoryField.select("Choices")();
|
||||
choices.then(function (result) {
|
||||
//console.clear();
|
||||
//console.log(result.Choices);
|
||||
var columnChoices = [];
|
||||
result.Choices.forEach(function (choice) {
|
||||
columnChoices.push({
|
||||
key: choice,
|
||||
text: choice,
|
||||
});
|
||||
});
|
||||
resolve(columnChoices);
|
||||
});
|
||||
});
|
||||
};
|
||||
ReactAccordionWebPart.prototype.onPropertyPaneConfigurationStart = function () {
|
||||
var _this = this;
|
||||
this.columnsDropdownDisabled = !this.properties.listId;
|
||||
this.choicesDropdownDisabled = !this.properties.columnTitle;
|
||||
//if (this.lists) {
|
||||
// return;
|
||||
//}
|
||||
this.context.statusRenderer.displayLoadingIndicator(this.domElement, "lists, column and choices");
|
||||
if (this.properties.listId) {
|
||||
this.loadColumns().then(function (columnOptions) {
|
||||
_this.listColumns = columnOptions;
|
||||
_this.columnsDropdownDisabled = !_this.properties.listId;
|
||||
_this.context.propertyPane.refresh();
|
||||
_this.context.statusRenderer.clearLoadingIndicator(_this.domElement);
|
||||
_this.render();
|
||||
});
|
||||
this.loadAllColumns().then(function (allcolumnOptions) {
|
||||
_this.allListColumns = allcolumnOptions;
|
||||
_this.columnsDropdownDisabled = !_this.properties.listId;
|
||||
_this.context.propertyPane.refresh();
|
||||
_this.context.statusRenderer.clearLoadingIndicator(_this.domElement);
|
||||
_this.render();
|
||||
});
|
||||
}
|
||||
if (this.properties.columnTitle) {
|
||||
this.loadCateogryChoices().then(function (choiceOptions) {
|
||||
_this.columnChoices = choiceOptions;
|
||||
_this.choicesDropdownDisabled = !_this.properties.columnTitle;
|
||||
_this.context.propertyPane.refresh();
|
||||
_this.context.statusRenderer.clearLoadingIndicator(_this.domElement);
|
||||
_this.render();
|
||||
});
|
||||
}
|
||||
};
|
||||
ReactAccordionWebPart.prototype.onPropertyPaneFieldChanged = function (propertyPath, oldValue, newValue) {
|
||||
// push new list value
|
||||
var _this = this;
|
||||
// communicate loading items
|
||||
if (this.properties.listId) {
|
||||
this.context.statusRenderer.displayLoadingIndicator(this.domElement, "Columns");
|
||||
this.loadColumns().then(function (columnOptions) {
|
||||
// store items
|
||||
_this.listColumns = columnOptions;
|
||||
// enable item selector
|
||||
_this.columnsDropdownDisabled = false;
|
||||
// clear status indicator
|
||||
_this.context.statusRenderer.clearLoadingIndicator(_this.domElement);
|
||||
// re-render the web part as clearing the loading indicator removes the web part body
|
||||
_this.render();
|
||||
// refresh the item selector control by repainting the property pane
|
||||
_this.context.propertyPane.refresh();
|
||||
});
|
||||
this.loadAllColumns().then(function (allcolumnOptions) {
|
||||
_this.allListColumns = allcolumnOptions;
|
||||
_this.columnsDropdownDisabled = !_this.properties.listId;
|
||||
_this.context.propertyPane.refresh();
|
||||
_this.context.statusRenderer.clearLoadingIndicator(_this.domElement);
|
||||
_this.render();
|
||||
});
|
||||
}
|
||||
if (this.properties.columnTitle) {
|
||||
this.context.statusRenderer.displayLoadingIndicator(this.domElement, "Choices");
|
||||
this.loadCateogryChoices().then(function (choiceOption) {
|
||||
// store items
|
||||
_this.columnChoices = choiceOption;
|
||||
// enable item selector
|
||||
_this.choicesDropdownDisabled = false;
|
||||
// clear status indicator
|
||||
_this.context.statusRenderer.clearLoadingIndicator(_this.domElement);
|
||||
// re-render the web part as clearing the loading indicator removes the web part body
|
||||
_this.render();
|
||||
// refresh the item selector control by repainting the property pane
|
||||
_this.context.propertyPane.refresh();
|
||||
});
|
||||
}
|
||||
if (this.properties.selectedChoice) {
|
||||
this.context.statusRenderer.displayLoadingIndicator(this.domElement, "Data");
|
||||
this.context.statusRenderer.clearLoadingIndicator(this.domElement);
|
||||
this.render();
|
||||
this.context.propertyPane.refresh();
|
||||
}
|
||||
};
|
||||
ReactAccordionWebPart.prototype.getPropertyPaneConfiguration = function () {
|
||||
return {
|
||||
pages: [
|
||||
{
|
||||
header: {
|
||||
description: strings.PropertyPaneDescription,
|
||||
},
|
||||
groups: [
|
||||
{
|
||||
groupName: strings.BasicGroupName,
|
||||
groupFields: [
|
||||
PropertyFieldListPicker("listId", {
|
||||
label: "Select a list",
|
||||
selectedList: this.properties.listId,
|
||||
includeHidden: false,
|
||||
orderBy: PropertyFieldListPickerOrderBy.Title,
|
||||
disabled: false,
|
||||
onPropertyChange: this.onPropertyPaneFieldChanged.bind(this),
|
||||
properties: this.properties,
|
||||
context: this.context,
|
||||
onGetErrorMessage: null,
|
||||
deferredValidationTime: 0,
|
||||
key: "listPickerFieldId",
|
||||
}),
|
||||
PropertyPaneDropdown("columnTitle", {
|
||||
label: "Select the (Choice) Column for Categories.",
|
||||
options: this.listColumns,
|
||||
disabled: this.columnsDropdownDisabled,
|
||||
}),
|
||||
PropertyPaneDropdown("selectedChoice", {
|
||||
label: "Select the Choice value for filter.",
|
||||
options: this.columnChoices,
|
||||
disabled: this.choicesDropdownDisabled,
|
||||
}),
|
||||
PropertyPaneDropdown("accordianTitleColumn", {
|
||||
label: "Select the Column for Accordion Title Rows.",
|
||||
options: this.allListColumns,
|
||||
disabled: this.choicesDropdownDisabled,
|
||||
}),
|
||||
PropertyPaneDropdown("accordianContentColumn", {
|
||||
label: "Select the Column for Accordion Content.",
|
||||
options: this.allListColumns,
|
||||
disabled: this.choicesDropdownDisabled,
|
||||
}),
|
||||
PropertyPaneToggle("allowZeroExpanded", {
|
||||
label: "Allow zero expanded",
|
||||
checked: this.properties.allowZeroExpanded,
|
||||
key: "allowZeroExpanded",
|
||||
}),
|
||||
PropertyPaneToggle("allowMultipleExpanded", {
|
||||
label: "Allow multi expand",
|
||||
checked: this.properties.allowMultipleExpanded,
|
||||
key: "allowMultipleExpanded",
|
||||
}),
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
};
|
||||
return ReactAccordionWebPart;
|
||||
}(BaseClientSideWebPart));
|
||||
export default ReactAccordionWebPart;
|
||||
//# sourceMappingURL=ReactAccordionWebPart.js.map
|
|
@ -1,15 +0,0 @@
|
|||
import { DisplayMode } from "@microsoft/sp-core-library";
|
||||
export interface IReactAccordionProps {
|
||||
listId: string;
|
||||
accordionTitle: string;
|
||||
columnTitle: string;
|
||||
selectedChoice: string;
|
||||
accordianTitleColumn: string;
|
||||
accordianContentColumn: string;
|
||||
allowZeroExpanded: boolean;
|
||||
allowMultipleExpanded: boolean;
|
||||
displayMode: DisplayMode;
|
||||
updateProperty: (value: string) => void;
|
||||
onConfigure: () => void;
|
||||
}
|
||||
//# sourceMappingURL=IReactAccordionProps.d.ts.map
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"file":"IReactAccordionProps.d.ts","sourceRoot":"","sources":["../../../../src/webparts/reactAccordion/components/IReactAccordionProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB"}
|
|
@ -1 +0,0 @@
|
|||
//# sourceMappingURL=IReactAccordionProps.js.map
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"file":"IReactAccordionProps.js","sourceRoot":"","sources":["../../../../src/webparts/reactAccordion/components/IReactAccordionProps.ts"],"names":[],"mappings":""}
|
|
@ -1,16 +0,0 @@
|
|||
import * as React from "react";
|
||||
import { IReactAccordionProps } from "./IReactAccordionProps";
|
||||
import "./reactAccordion.css";
|
||||
export interface IReactAccordionState {
|
||||
items: Array<any>;
|
||||
choices: Array<any>;
|
||||
allowMultipleExpanded: boolean;
|
||||
allowZeroExpanded: boolean;
|
||||
}
|
||||
export default class ReactAccordion extends React.Component<IReactAccordionProps, IReactAccordionState> {
|
||||
constructor(props: IReactAccordionProps);
|
||||
private getListItems;
|
||||
componentDidUpdate(prevProps: IReactAccordionProps): void;
|
||||
render(): React.ReactElement<IReactAccordionProps>;
|
||||
}
|
||||
//# sourceMappingURL=ReactAccordion.d.ts.map
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"file":"ReactAccordion.d.ts","sourceRoot":"","sources":["../../../../src/webparts/reactAccordion/components/ReactAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,OAAO,sBAAsB,CAAC;AAU9B,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACpB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAS,CACzD,oBAAoB,EACpB,oBAAoB,CACrB;gBACa,KAAK,EAAE,oBAAoB;IAYvC,OAAO,CAAC,YAAY;IAiCb,kBAAkB,CAAC,SAAS,EAAE,oBAAoB,GAAG,IAAI;IAgBzD,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC;CAoD1D"}
|
|
@ -1,96 +0,0 @@
|
|||
var __extends = (this && this.__extends) || (function () {
|
||||
var extendStatics = function (d, b) {
|
||||
extendStatics = Object.setPrototypeOf ||
|
||||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
||||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
||||
return extendStatics(d, b);
|
||||
};
|
||||
return function (d, b) {
|
||||
extendStatics(d, b);
|
||||
function __() { this.constructor = d; }
|
||||
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
||||
};
|
||||
})();
|
||||
import * as React from "react";
|
||||
import styles from "./ReactAccordion.module.scss";
|
||||
import { sp } from "@pnp/sp/presets/all";
|
||||
import { Placeholder } from "@pnp/spfx-controls-react/lib/Placeholder";
|
||||
import { WebPartTitle } from "@pnp/spfx-controls-react/lib/WebPartTitle";
|
||||
import "./reactAccordion.css";
|
||||
import { Accordion, AccordionItem, AccordionItemHeading, AccordionItemButton, AccordionItemPanel, } from "react-accessible-accordion";
|
||||
var ReactAccordion = /** @class */ (function (_super) {
|
||||
__extends(ReactAccordion, _super);
|
||||
function ReactAccordion(props) {
|
||||
var _this = _super.call(this, props) || this;
|
||||
_this.state = {
|
||||
items: new Array(),
|
||||
choices: new Array(),
|
||||
allowMultipleExpanded: _this.props.allowMultipleExpanded,
|
||||
allowZeroExpanded: _this.props.allowZeroExpanded,
|
||||
};
|
||||
_this.getListItems();
|
||||
return _this;
|
||||
}
|
||||
ReactAccordion.prototype.getListItems = function () {
|
||||
var _this = this;
|
||||
if (typeof this.props.listId !== "undefined" &&
|
||||
this.props.listId.length > 0 &&
|
||||
typeof this.props.columnTitle !== "undefined" &&
|
||||
this.props.columnTitle.length > 0 &&
|
||||
typeof this.props.selectedChoice !== "undefined" &&
|
||||
this.props.selectedChoice.length > 0) {
|
||||
var query = "<View><Query><Where><Eq><FieldRef Name='" +
|
||||
this.props.columnTitle +
|
||||
"'/><Value Type='Text'>" +
|
||||
this.props.selectedChoice +
|
||||
"</Value></Eq></Where></Query></View>";
|
||||
var theAccordianList = sp.web.lists.getById(this.props.listId);
|
||||
theAccordianList
|
||||
.getItemsByCAMLQuery({
|
||||
ViewXml: query,
|
||||
}) //.select("Title", "Answer", "Category")
|
||||
.then(function (results) {
|
||||
_this.setState({
|
||||
items: results,
|
||||
});
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log("Failed to get list items!");
|
||||
console.log(error);
|
||||
});
|
||||
}
|
||||
};
|
||||
ReactAccordion.prototype.componentDidUpdate = function (prevProps) {
|
||||
if (prevProps.listId !== this.props.listId) {
|
||||
this.getListItems();
|
||||
}
|
||||
if (prevProps.allowMultipleExpanded !== this.props.allowMultipleExpanded ||
|
||||
prevProps.allowZeroExpanded !== this.props.allowZeroExpanded) {
|
||||
this.setState({
|
||||
allowMultipleExpanded: this.props.allowMultipleExpanded,
|
||||
allowZeroExpanded: this.props.allowZeroExpanded,
|
||||
});
|
||||
}
|
||||
};
|
||||
ReactAccordion.prototype.render = function () {
|
||||
var _this = this;
|
||||
var listSelected = typeof this.props.listId !== "undefined" && this.props.listId.length > 0;
|
||||
var _a = this.state, allowMultipleExpanded = _a.allowMultipleExpanded, allowZeroExpanded = _a.allowZeroExpanded;
|
||||
return (React.createElement("div", { className: styles.reactAccordion },
|
||||
!listSelected && (React.createElement(Placeholder, { iconName: "MusicInCollectionFill", iconText: "Configure your web part", description: "Select a list with a Title field and Content field to have its items rendered in a collapsible accordion format", buttonLabel: "Choose a List", onConfigure: this.props.onConfigure })),
|
||||
listSelected && (React.createElement("div", null,
|
||||
React.createElement(WebPartTitle, { displayMode: this.props.displayMode, title: this.props.selectedChoice, updateProperty: this.props.updateProperty }),
|
||||
React.createElement(Accordion, { allowZeroExpanded: allowZeroExpanded, allowMultipleExpanded: allowMultipleExpanded }, this.state.items.map(function (item) {
|
||||
return (React.createElement(AccordionItem, null,
|
||||
React.createElement(AccordionItemHeading, null,
|
||||
React.createElement(AccordionItemButton, { title: item[_this.props.accordianTitleColumn] }, item[_this.props.accordianTitleColumn])),
|
||||
React.createElement(AccordionItemPanel, null,
|
||||
React.createElement("p", { dangerouslySetInnerHTML: {
|
||||
__html: item[_this.props.accordianContentColumn],
|
||||
} }))));
|
||||
}))))));
|
||||
};
|
||||
return ReactAccordion;
|
||||
}(React.Component));
|
||||
export default ReactAccordion;
|
||||
//# sourceMappingURL=ReactAccordion.js.map
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"file":"ReactAccordion.js","sourceRoot":"","sources":["../../../../src/webparts/reactAccordion/components/ReactAccordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAElD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AACzE,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EACL,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,4BAA4B,CAAC;AASpC;IAA4C,kCAG3C;IACC,wBAAY,KAA2B;QAAvC,YACE,kBAAM,KAAK,CAAC,SASb;QAPC,KAAI,CAAC,KAAK,GAAG;YACX,KAAK,EAAE,IAAI,KAAK,EAAO;YACvB,OAAO,EAAE,IAAI,KAAK,EAAO;YACzB,qBAAqB,EAAE,KAAI,CAAC,KAAK,CAAC,qBAAqB;YACvD,iBAAiB,EAAE,KAAI,CAAC,KAAK,CAAC,iBAAiB;SAChD,CAAC;QACF,KAAI,CAAC,YAAY,EAAE,CAAC;;IACtB,CAAC;IAEO,qCAAY,GAApB;QAAA,iBA+BC;QA9BC,IACE,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,WAAW;YACxC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;YAC5B,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,WAAW;YAC7C,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;YACjC,OAAO,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,WAAW;YAChD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,EACpC;YACA,IAAI,KAAK,GACP,0CAA0C;gBAC1C,IAAI,CAAC,KAAK,CAAC,WAAW;gBACtB,wBAAwB;gBACxB,IAAI,CAAC,KAAK,CAAC,cAAc;gBACzB,sCAAsC,CAAC;YAEzC,IAAI,gBAAgB,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAC/D,gBAAgB;iBACb,mBAAmB,CAAC;gBACnB,OAAO,EAAE,KAAK;aACf,CAAC,CAAC,wCAAwC;iBAC1C,IAAI,CAAC,UAAC,OAAmB;gBACxB,KAAI,CAAC,QAAQ,CAAC;oBACZ,KAAK,EAAE,OAAO;iBACf,CAAC,CAAC;YACL,CAAC,CAAC;iBACD,KAAK,CAAC,UAAC,KAAU;gBAChB,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;gBACzC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACrB,CAAC,CAAC,CAAC;SACN;IACH,CAAC;IAEM,2CAAkB,GAAzB,UAA0B,SAA+B;QACvD,IAAI,SAAS,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YAC1C,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;QAED,IACE,SAAS,CAAC,qBAAqB,KAAK,IAAI,CAAC,KAAK,CAAC,qBAAqB;YACpE,SAAS,CAAC,iBAAiB,KAAK,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAC5D;YACA,IAAI,CAAC,QAAQ,CAAC;gBACZ,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB;gBACvD,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB;aAChD,CAAC,CAAC;SACJ;IACH,CAAC;IAEM,+BAAM,GAAb;QAAA,iBAmDC;QAlDC,IAAM,YAAY,GAChB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QACrE,IAAA,eAAyD,EAAvD,gDAAqB,EAAE,wCAAgC,CAAC;QAChE,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc;YAClC,CAAC,YAAY,IAAI,CAChB,oBAAC,WAAW,IACV,QAAQ,EAAC,uBAAuB,EAChC,QAAQ,EAAC,yBAAyB,EAClC,WAAW,EAAC,iHAAiH,EAC7H,WAAW,EAAC,eAAe,EAC3B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GACnC,CACH;YACA,YAAY,IAAI,CACf;gBACE,oBAAC,YAAY,IACX,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAChC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,GACzC;gBACF,oBAAC,SAAS,IACR,iBAAiB,EAAE,iBAAiB,EACpC,qBAAqB,EAAE,qBAAqB,IAE3C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAS;oBAC9B,OAAO,CACL,oBAAC,aAAa;wBACZ,oBAAC,oBAAoB;4BACnB,oBAAC,mBAAmB,IAClB,KAAK,EAAE,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,IAE3C,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAClB,CACD;wBACvB,oBAAC,kBAAkB;4BACjB,2BACE,uBAAuB,EAAE;oCACvB,MAAM,EAAE,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC;iCAChD,GACD,CACiB,CACP,CACjB,CAAC;gBACJ,CAAC,CAAC,CACQ,CACR,CACP,CACG,CACP,CAAC;IACJ,CAAC;IACH,qBAAC;AAAD,CAAC,AArHD,CAA4C,KAAK,CAAC,SAAS,GAqH1D"}
|
|
@ -1,2 +0,0 @@
|
|||
.reactAccordion_b579c085 .container_b579c085{max-width:700px;margin:0 auto;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 25px 50px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.2),0 25px 50px 0 rgba(0,0,0,.1)}.reactAccordion_b579c085 .row_b579c085{margin:0 -8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:"[theme:white, default: #ffffff]";background-color:"[theme:themeDark, default: #005a9e]";padding:20px}.reactAccordion_b579c085 .row_b579c085::after,.reactAccordion_b579c085 .row_b579c085::before{display:table;content:'';line-height:0}.reactAccordion_b579c085 .row_b579c085::after{clear:both}.reactAccordion_b579c085 .column_b579c085{position:relative;min-height:1px;padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}[dir=ltr] .reactAccordion_b579c085 .column_b579c085{float:left}[dir=rtl] .reactAccordion_b579c085 .column_b579c085{float:right}.reactAccordion_b579c085 .column_b579c085 .ms-Grid_b579c085{padding:0}@media (min-width:640px){.reactAccordion_b579c085 .column_b579c085{width:83.33333333333334%}}@media (min-width:1024px){.reactAccordion_b579c085 .column_b579c085{width:66.66666666666666%}}@media (min-width:1024px){[dir=ltr] .reactAccordion_b579c085 .column_b579c085{left:16.66667%}[dir=rtl] .reactAccordion_b579c085 .column_b579c085{right:16.66667%}}@media (min-width:640px){[dir=ltr] .reactAccordion_b579c085 .column_b579c085{left:8.33333%}[dir=rtl] .reactAccordion_b579c085 .column_b579c085{right:8.33333%}}.reactAccordion_b579c085 .title_b579c085{font-size:21px;font-weight:100;color:"[theme:white, default: #ffffff]"}.reactAccordion_b579c085 .subTitle_b579c085{font-size:17px;font-weight:300;color:"[theme:white, default: #ffffff]"}.reactAccordion_b579c085 .description_b579c085{font-size:17px;font-weight:300;color:"[theme:white, default: #ffffff]"}.reactAccordion_b579c085 .button_b579c085{text-decoration:none;height:32px;min-width:80px;background-color:"[theme:themePrimary, default: #0078d4]";border-color:"[theme:themePrimary, default: #0078d4]";color:"[theme:white, default: #ffffff]";outline:transparent;position:relative;font-family:"Segoe UI WestEuropean","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:400;border-width:0;text-align:center;cursor:pointer;display:inline-block;padding:0 16px}.reactAccordion_b579c085 .button_b579c085 .label_b579c085{font-weight:600;font-size:14px;height:32px;line-height:32px;margin:0 4px;vertical-align:top;display:inline-block}
|
||||
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyY1xcd2VicGFydHNcXHJlYWN0QWNjb3JkaW9uXFxjb21wb25lbnRzXFxSZWFjdEFjY29yZGlvbi5tb2R1bGUuc2NzcyIsIiRzdGRpbiIsIm5vZGVfbW9kdWxlc1xcb2ZmaWNlLXVpLWZhYnJpYy1yZWFjdFxcZGlzdFxcc2Fzc1xcbWl4aW5zXFxfR3JpZC5NaXhpbnMuc2NzcyIsIm5vZGVfbW9kdWxlc1xcb2ZmaWNlLXVpLWZhYnJpYy1yZWFjdFxcZGlzdFxcc2Fzc1xcbWl4aW5zXFxfR2VuZXJhbC5NaXhpbnMuc2NzcyIsIm5vZGVfbW9kdWxlc1xcb2ZmaWNlLXVpLWZhYnJpYy1yZWFjdFxcZGlzdFxcc2Fzc1xcbWl4aW5zXFxfRm9udC5NaXhpbnMuc2NzcyIsIm5vZGVfbW9kdWxlc1xcb2ZmaWNlLXVpLWZhYnJpYy1yZWFjdFxcZGlzdFxcc2Fzc1xcbWl4aW5zXFxfRGlyZWN0aW9uYWxpdHkuTWl4aW5zLnNjc3MiLCJub2RlX21vZHVsZXNcXG9mZmljZS11aS1mYWJyaWMtcmVhY3RcXGRpc3RcXHNhc3NcXG1peGluc1xcX1Jlc3BvbnNpdmUuTWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0MsNkNBRUcsVUFBQSxNQUNBLE9BQUEsRUFBQSxLQUNBLG1CQUFBLEVBQUEsSUFBQSxJQUFBLEVBQUEsY0NHZ0QsQ0RIaEQsRUFBQSxLQUFBLEtBQUEsRUFBQSxlQUFBLFdBQUEsRUFBQSxJQUFBLElBQUEsRUFBQSxjQ0lnRCxDREpoRCxFQUFBLEtBQUEsS0FBQSxFQUFBLGVBSkgsdUNFZUMsT0FBQSxFQUFBLEtDOEhBLG1CQUFBLFdBQUEsV0FBQSxXQ21KQSxNQUFBLGtDSnRSRSxpQkFBQSxzQ0FDQSxRQUFBLEtBWEgsOENBQUEsK0NHMEpHLFFBQUEsTUFDQSxRQUFBLEdBQ0EsWUFBQSxFSDVKSCw4Q0crSkcsTUFBQSxLSC9KSCwwQ0V3QkMsU0FBQSxTQUNBLFdBQUEsSUFDQSxhQUFBLElBQ0EsY0FBQSxJQ2tIQSxtQkFBQSxXQUFBLFdBQUEsV0hoSEEsb0RLb0pJLE1BQUEsS0xsSkosb0RLc0pJLE1BQUEsTUxyTEwsNERFaUNHLFFBQUEsRUlrWUYseUJObmFELDBDTW9hRyxNQUFBLG9CQXVRRiwwQk4zcUJELDBDTTRxQkcsTUFBQSxvQkEwSkYsMEJONXhCRSxvREsySkEsS0FBQSxVTHpKQSxvREs2SkEsTUFBQSxXQ29ZRix5Qk45aEJFLG9ES3NKQSxLQUFBLFNMcEpBLG9ES3dKQSxNQUFBLFVMek1ILHlDSWdGQyxVQUFBLEtBQ0EsWUFBQSxJQStNQSxNQUFBLGtDSmhTRCw0Q0lzRkMsVUFBQSxLQUNBLFlBQUEsSUF5TUEsTUFBQSxrQ0poU0QsK0NJc0ZDLFVBQUEsS0FDQSxZQUFBLElBeU1BLE1BQUEsa0NKaFNELDBDQXVDRyxnQkFBQSxLQUNBLE9BQUEsS0FHQSxVQUFBLEtBQ0EsaUJBQUEseUNBQ0EsYUFBQSx5Q0FDQSxNQUFBLGtDQUdBLFFBQUEsWUFDQSxTQUFBLFNBQ0EsWUFBQSx1QkM0QmtDLENENUJsQyxVQzRCNkMsQ0Q1QjdDLGFDNEIyRCxDRDVCM0Qsa0JDNEI4RSxDRDVCOUUsTUM0QnFGLENENUJyRixnQkM0QnNHLENENUJ0RyxXQUNBLHVCQUFBLFlBQ0EsVUFBQSxLQUNBLFlBQUEsSUFDQSxhQUFBLEVBQ0EsV0FBQSxPQUNBLE9BQUEsUUFDQSxRQUFBLGFBQ0EsUUFBQSxFQUFBLEtBM0RILDBEQThESyxZQUFBLElBQ0EsVUFBQSxLQUNBLE9BQUEsS0FDQSxZQUFBLEtBQ0EsT0FBQSxFQUFBLElBQ0EsZUFBQSxJQUNBLFFBQUEifQ== */
|
|
@ -1,14 +0,0 @@
|
|||
declare const styles: {
|
||||
reactAccordion: string;
|
||||
container: string;
|
||||
row: string;
|
||||
column: string;
|
||||
'ms-Grid': string;
|
||||
title: string;
|
||||
subTitle: string;
|
||||
description: string;
|
||||
button: string;
|
||||
label: string;
|
||||
};
|
||||
export default styles;
|
||||
//# sourceMappingURL=ReactAccordion.module.scss.d.ts.map
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"file":"ReactAccordion.module.scss.d.ts","sourceRoot":"","sources":["../../../../src/webparts/reactAccordion/components/ReactAccordion.module.scss.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM;;;;;;;;;;;CAWX,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@ -1,17 +0,0 @@
|
|||
/* tslint:disable */
|
||||
require("./ReactAccordion.module.css");
|
||||
var styles = {
|
||||
reactAccordion: 'reactAccordion_b579c085',
|
||||
container: 'container_b579c085',
|
||||
row: 'row_b579c085',
|
||||
column: 'column_b579c085',
|
||||
'ms-Grid': 'ms-Grid_b579c085',
|
||||
title: 'title_b579c085',
|
||||
subTitle: 'subTitle_b579c085',
|
||||
description: 'description_b579c085',
|
||||
button: 'button_b579c085',
|
||||
label: 'label_b579c085'
|
||||
};
|
||||
export default styles;
|
||||
/* tslint:enable */
|
||||
//# sourceMappingURL=ReactAccordion.module.scss.js.map
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"file":"ReactAccordion.module.scss.js","sourceRoot":"","sources":["../../../../src/webparts/reactAccordion/components/ReactAccordion.module.scss.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,CAAC,6BAA6B,CAAC,CAAC;AACvC,IAAM,MAAM,GAAG;IACb,cAAc,EAAE,yBAAyB;IACzC,SAAS,EAAE,oBAAoB;IAC/B,GAAG,EAAE,cAAc;IACnB,MAAM,EAAE,iBAAiB;IACzB,SAAS,EAAE,kBAAkB;IAC7B,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,mBAAmB;IAC7B,WAAW,EAAE,sBAAsB;IACnC,MAAM,EAAE,iBAAiB;IACzB,KAAK,EAAE,gBAAgB;CACxB,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,mBAAmB"}
|
|
@ -1,58 +0,0 @@
|
|||
.accordion {
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.accordion__item+.accordion__item {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.accordion__button {
|
||||
background-color: #f4f4f4;
|
||||
color: #444;
|
||||
cursor: pointer;
|
||||
padding: 18px;
|
||||
text-align: left;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.accordion__button:hover {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
.accordion__button:before {
|
||||
display: inline-block;
|
||||
content: '';
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
margin-right: 12px;
|
||||
border-bottom: 2px solid currentColor;
|
||||
border-right: 2px solid currentColor;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
.accordion__button[aria-expanded='true']::before,
|
||||
.accordion__button[aria-selected='true']::before {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.accordion__panel {
|
||||
padding: 20px;
|
||||
width: 95%;
|
||||
animation: fadein 0.35s ease-in;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
@keyframes fadein {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
|
@ -1,7 +0,0 @@
|
|||
define([], function() {
|
||||
return {
|
||||
"PropertyPaneDescription": "",
|
||||
"BasicGroupName": "Settings",
|
||||
"DescriptionFieldLabel": "Accordion Section"
|
||||
}
|
||||
});
|
|
@ -1 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?><App xmlns="http://schemas.microsoft.com/sharepoint/2012/app/manifest" Name="Accordion Section FAQ Builder" ProductID="bf6fa974-fd40-45a3-80e9-e826abe025b9" Version="1.6.0.0" SharePointMinVersion="16.0.0.0" IsClientSideSolution="true" SkipFeatureDeployment="true"><Properties><Title>Accordion Section FAQ Builder</Title></Properties></App>
|
|
@ -1 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?><Feature xmlns="http://schemas.microsoft.com/sharepoint/" Title="Client Side Assets" Description="A feature that help deploy client side component assets to SharePoint Online." Id="ae903959-8188-4f0c-ba22-d89bf9329c3b" Version="1.0.0.0" Scope="Web" Hidden="FALSE"></Feature>
|
|
@ -1 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?><AppPartConfig xmlns="http://schemas.microsoft.com/sharepoint/2012/app/partconfiguration"><Id>c0f1c601-0691-46f4-a6e3-e2cc655d6530</Id></AppPartConfig>
|
Before Width: | Height: | Size: 3.0 KiB |
Before Width: | Height: | Size: 1.4 KiB |
|
@ -1,203 +0,0 @@
|
|||
define([], function () {
|
||||
return {
|
||||
'SiteBreadcrumbLabel': 'Website Brotkrume',
|
||||
'ListViewGroupEmptyLabel': 'Leer',
|
||||
'WebPartTitlePlaceholder': 'Webpart Titel',
|
||||
'WebPartTitleLabel': 'Titel hinzufügen',
|
||||
'DateTime': {
|
||||
'L_RelativeDateTime_AFewSecondsFuture': 'In wenigen Sekunden',
|
||||
'L_RelativeDateTime_AFewSeconds': 'Vor wenigen Sekunden',
|
||||
'L_RelativeDateTime_AboutAMinuteFuture': 'In ungefähr einer Minute',
|
||||
'L_RelativeDateTime_AboutAMinute': 'Vor ungefähr einer Minute',
|
||||
'L_RelativeDateTime_XMinutesFuture': 'In {0} Minute||In {0} Minuten',
|
||||
'L_RelativeDateTime_XMinutes': 'Vor {0} Minute||Vor {0} Minuten',
|
||||
'L_RelativeDateTime_XMinutesFutureIntervals': '1||2-',
|
||||
'L_RelativeDateTime_XMinutesIntervals': '1||2-',
|
||||
'L_RelativeDateTime_AboutAnHourFuture': 'In ungefähr einer Stunde',
|
||||
'L_RelativeDateTime_AboutAnHour': 'Vor ungefähr einer Stunde',
|
||||
'L_RelativeDateTime_Tomorrow': 'Morgen',
|
||||
'L_RelativeDateTime_Yesterday': 'Gestern',
|
||||
'L_RelativeDateTime_TomorrowAndTime': 'Morgen um {0}',
|
||||
'L_RelativeDateTime_YesterdayAndTime': 'Gestern um {0}',
|
||||
'L_RelativeDateTime_XHoursFuture': 'In {0} Stunde||In {0} Stunden',
|
||||
'L_RelativeDateTime_XHours': 'Vor {0} Stunde||Vor {0} Stunden',
|
||||
'L_RelativeDateTime_XHoursFutureIntervals': '1||2-',
|
||||
'L_RelativeDateTime_XHoursIntervals': '1||2-',
|
||||
'L_RelativeDateTime_DayAndTime': '{0} at {1}',
|
||||
'L_RelativeDateTime_XDaysFuture': '{0} Tag ab jetzt||{0} Tage ab jetzt',
|
||||
'L_RelativeDateTime_XDays': 'Vor {0} Tag||Vor {0} Tagen',
|
||||
'L_RelativeDateTime_XDaysFutureIntervals': '1||2-',
|
||||
'L_RelativeDateTime_XDaysIntervals': '1||2-',
|
||||
'L_RelativeDateTime_Today': 'Heute'
|
||||
},
|
||||
'SendEmailTo': 'Email senden an {0}',
|
||||
'StartChatWith': 'Chat starten mit {0}',
|
||||
'Contact': 'Kontakt',
|
||||
'UpdateProfile': 'Aktualisiere Dein Profil',
|
||||
'TaxonomyPickerNoTerms': 'Ausdruckssatz enthält keine Ausdrücke',
|
||||
'TaxonomyPickerExpandTitle': 'Ausdruckssatz erweitern',
|
||||
'TaxonomyPickerMenuTermSet': 'Ausdruckssatz Menü',
|
||||
'TaxonomyPickerInLabel': 'in',
|
||||
'TaxonomyPickerTermSetLabel': 'Ausdruckssatz',
|
||||
peoplePickerComponentTooltipMessage: 'People Picker',
|
||||
peoplePickerComponentErrorMessage: 'Benutzerauswahl ist ein Pflichtfeld',
|
||||
peoplePickerSuggestionsHeaderText: 'Vorgeschlagene Benutzer',
|
||||
peoplePickerLoadingText: 'Laden',
|
||||
PeoplePickerSearchText: 'Fetching users',
|
||||
PeoplePickerGroupNotFound: 'Gruppe konnte nicht gefunden werden.',
|
||||
ListItemPickerSelectValue: 'Wähle Wert',
|
||||
mapsErrorMessage: 'Beim Laden von Karten ist ein Fehler aufgetreten',
|
||||
mapsLoadingText: 'Laden',
|
||||
mapsSearchButtonText: 'Suche',
|
||||
mapsTitlePrefix: 'Karte von',
|
||||
genericNoResultsFoundText: 'Kein Ergebnis gefunden',
|
||||
ListViewFilterLabel: 'Filter',
|
||||
ListItemAttachmentsActionDeleteIconTitle: 'Löschen',
|
||||
ListItemAttachmentsactionDeleteTitle: 'Löschen',
|
||||
ListItemAttachmentsfileDeletedMsg: 'Datei {0} gelöscht',
|
||||
ListItemAttachmentsfileDeleteError: 'Fehler beim Löschen der Datei: {0}, Grund: {1}',
|
||||
ListItemAttachmentserrorLoadAttachments: 'Fehler beim Laden der Anhänge, Grund: {0}',
|
||||
ListItemAttachmentsconfirmDelete: 'Sind Sie sich sicher, dass Sie die Anlage {0} in den Papierkorb verschieben möchten ?',
|
||||
ListItemAttachmentsdialogTitle: 'Listenelement-Anhang',
|
||||
ListItemAttachmentsdialogOKbuttonLabel: 'Ok',
|
||||
ListItemAttachmentsdialogCancelButtonLabel: 'Abbrechen',
|
||||
ListItemAttachmentsdialogOKbuttonLabelOnDelete: 'Löschen',
|
||||
ListItemAttachmentsuploadAttachmentDialogTitle: 'Anlage hinzufügen',
|
||||
ListItemAttachmentsuploadAttachmentButtonLabel: 'Anlage hinzufügen',
|
||||
ListItemAttachmentsuploadAttachmentErrorMsg: 'Die Datei {0} wurde nicht hinzugefügt, Grund: {1}',
|
||||
ListItemAttachmentsCommandBarAddAttachmentLabel: 'Anlage hinzufügen',
|
||||
ListItemAttachmentsloadingMessage: 'Datei wird hochgeladen ...',
|
||||
ListItemAttachmentslPlaceHolderIconText: 'Listenelement-Anhang',
|
||||
ListItemAttachmentslPlaceHolderDescription: 'Bitte Anlage hinzufügen',
|
||||
ListItemAttachmentslPlaceHolderButtonLabel: 'Hinzufügen',
|
||||
DatePickerMonthLongJanuary: 'Januar',
|
||||
DatePickerMonthShortJanuary: 'Jan',
|
||||
DatePickerMonthLongFebruary: 'Februar',
|
||||
DatePickerMonthShortFebruary: 'Feb',
|
||||
DatePickerMonthLongMarch: 'März',
|
||||
DatePickerMonthShortMarch: 'Mar',
|
||||
DatePickerMonthLongApril: 'April',
|
||||
DatePickerMonthShortApril: 'Apr',
|
||||
DatePickerMonthLongMay: 'Mai',
|
||||
DatePickerMonthShortMay: 'Mai',
|
||||
DatePickerMonthLongJune: 'Juni',
|
||||
DatePickerMonthShortJune: 'Jun',
|
||||
DatePickerMonthLongJuly: 'Juli',
|
||||
DatePickerMonthShortJuly: 'Jul',
|
||||
DatePickerMonthLongAugust: 'August',
|
||||
DatePickerMonthShortAugust: 'Aug',
|
||||
DatePickerMonthLongSeptember: 'September',
|
||||
DatePickerMonthShortSeptember: 'Sept',
|
||||
DatePickerMonthLongOctober: 'Oktober',
|
||||
DatePickerMonthShortOctober: 'Okt',
|
||||
DatePickerMonthLongNovember: 'November',
|
||||
DatePickerMonthShortNovember: 'Nov',
|
||||
DatePickerMonthLongDecember: 'Dezember',
|
||||
DatePickerMonthShortDecember: 'Dez',
|
||||
DatePickerDayLongSunday: 'Sonntag',
|
||||
DatePickerDayShortSunday: 'So.',
|
||||
DatePickerDayLongMonday: 'Montag',
|
||||
DatePickerDayShortMonday: 'Mo.',
|
||||
DatePickerDayLongTuesday: 'Dienstag',
|
||||
DatePickerDayShortTuesday: 'Di.',
|
||||
DatePickerDayLongWednesday: 'Mittwoch',
|
||||
DatePickerDayShortWednesday: 'Mi.',
|
||||
DatePickerDayLongThursday: 'Donnerstag',
|
||||
DatePickerDayShortThursday: 'Do.',
|
||||
DatePickerDayLongFriday: 'Freitag',
|
||||
DatePickerDayShortFriday: 'Fr.',
|
||||
DatePickerDayLongSaturday: 'Samstag',
|
||||
DatePickerDayShortSaturday: 'Sa.',
|
||||
DatePickerGoToToday: 'Heute',
|
||||
DatePickerIsRequiredErrorMessage: '',
|
||||
DatePickerInvalidInputErrorMessage: '',
|
||||
DatePickerIsOutOfBoundsErrorMessage: '',
|
||||
DateTimePickerDate: 'Datum',
|
||||
DateTimePickerTime: 'Uhrzeit',
|
||||
DateTimePickerTimeSeparator: ':',
|
||||
DateTimePickerHourValueInvalid: 'Falscher Stundenwert',
|
||||
HeaderNormalText: 'Normaler Text',
|
||||
HeaderH2: 'Überschrift 1',
|
||||
HeaderH3: 'Überschrift 2',
|
||||
HeaderH4: 'Überschrift 3',
|
||||
HeaderBlockQuote: 'Zitat',
|
||||
AlignLeft: 'linksbündig',
|
||||
AlignCenter: 'zentriert',
|
||||
AlignRight: 'rechtsbündig',
|
||||
AlignJustify: 'Blocksatz',
|
||||
ListBullet: 'Aufzählungszeichen',
|
||||
ListNumbered: 'Nummerierung',
|
||||
StyleTitle: 'Schriftart',
|
||||
BoldTitle: 'Fett (Strg+B)',
|
||||
ItalicTitle: 'Kursiv (Strg+I)',
|
||||
UnderlineTitle: 'Unterstrichen(Strg+U)',
|
||||
AlignTitle: 'Ausrichtung',
|
||||
ListTitle: 'Liste',
|
||||
LinkTitle: 'Hyperlink',
|
||||
MoreTitle: 'Mehr',
|
||||
FormattingPaneTitle: 'Text Formattierung',
|
||||
CloseButton: 'Schließen',
|
||||
InsertLinkTitle: 'Link einfügen',
|
||||
AddressFieldLabel: 'Adresse',
|
||||
TextToDisplayLabel: 'Anzeigetext',
|
||||
SaveButtonLabel: 'Speichern',
|
||||
CancelButtonLabel: 'Abbrechen',
|
||||
RemoveLinkLabel: 'Link entfernen',
|
||||
ParagraphSectionTitle: 'Absatz',
|
||||
HyperlinkSectionTitle: 'Hyperlink',
|
||||
UndoTitle: 'Rückgängig',
|
||||
RedoTitle: 'Wiederholen',
|
||||
ClearFormattingTitle: 'Löschen',
|
||||
FontStyleTitle: 'Schriftart',
|
||||
FontSizeTitle: 'Schriftgröße',
|
||||
StrikethroughTitle: 'durchgestrichen',
|
||||
SuperscriptTitle: 'hochgestellt',
|
||||
SubscriptTitle: 'tiefgestellt',
|
||||
FontColorLabel: 'Schriftfarbe',
|
||||
AutomaticFontColor: 'Automatisch',
|
||||
HighlightColorLabel: 'Texthervorhebungsfarbe',
|
||||
NoColorHighlightColor: 'Keine Farbe',
|
||||
IncreaseIndentTitle: 'Einzug vergrößern',
|
||||
DecreaseIndentTitle: 'Einzug verkleinern',
|
||||
ThemeColorsGroupName: 'Themenfarbe',
|
||||
HighlightColorsGroupName: 'Highlightfarben',
|
||||
StandardColorsGroupName: 'Standardfarben',
|
||||
ThemeColorDarker: 'Thema dunkler',
|
||||
ThemeColorDark: 'Thema dunkel',
|
||||
ThemeColorDarkAlt: 'Thema dunkler alternativ',
|
||||
ThemeColorPrimary: 'Primäre Themafarbe',
|
||||
ThemeColorSecondary: 'Sekundäre Themafarbe',
|
||||
ThemeColorTertiary: 'Tertiäre Themafarbe',
|
||||
ThemeColorNeutralSecondary: 'Sekundäre neutrale Themafarbe',
|
||||
ThemeColorNeutralPrimaryAlt: 'Primäre alternative neutrale Themafarbe',
|
||||
ThemeColorNeutralPrimary: 'Primäre neutrale Themafarbe',
|
||||
ThemeColorNeutralDark: 'Neutrale dunkle Themafarbe',
|
||||
HighlightColorYellow: 'Gelb',
|
||||
HighlightColorGreen: 'Grün',
|
||||
HighlightColorAqua: 'Aqua',
|
||||
HighlightColorMagenta: 'Magenta',
|
||||
HighlightColorBlue: 'Blau',
|
||||
HighlightColorRed: 'Rot',
|
||||
HighlightColorDarkblue: 'Dunkelblau',
|
||||
HighlightColorTeal: 'Blaugrün',
|
||||
HighlightColorDarkgreen: 'Dunkelgrün',
|
||||
HighlightColorPurple: 'Lila',
|
||||
HighlightColorMaroon: 'Braun',
|
||||
HighlightColorGold: 'Gold',
|
||||
HighlightColorDarkgrey: 'Dunkelgrau',
|
||||
HighlightColorGrey: 'Grau',
|
||||
HighlightColorBlack: 'Schwarz',
|
||||
StandardColorDarkred: 'Dunkelrot',
|
||||
StandardColorRed: 'Rot',
|
||||
StandardColorOrange: 'Orange',
|
||||
StandardColorYellow: 'Gelb',
|
||||
StandardColorLightgreen: 'Hellgrün',
|
||||
StandardColorGreen: 'Grün',
|
||||
StandardColorLightblue: 'Hellblau',
|
||||
StandardColorBlue: 'Blau',
|
||||
StandardColorDarkblue: 'Dunkelblau',
|
||||
StandardColorPurple: 'Lila'
|
||||
};
|
||||
});
|
||||
|
||||
//# sourceMappingURL=de-de.js.map
|
|
@ -1,203 +0,0 @@
|
|||
define([], function () {
|
||||
return {
|
||||
'SiteBreadcrumbLabel': 'Website breadcrumb',
|
||||
'ListViewGroupEmptyLabel': 'Empty',
|
||||
'WebPartTitlePlaceholder': 'Web part title',
|
||||
'WebPartTitleLabel': 'Add a title',
|
||||
"DateTime": {
|
||||
"L_RelativeDateTime_AFewSecondsFuture": "In a few seconds",
|
||||
"L_RelativeDateTime_AFewSeconds": "A few seconds ago",
|
||||
"L_RelativeDateTime_AboutAMinuteFuture": "In about a minute",
|
||||
"L_RelativeDateTime_AboutAMinute": "About a minute ago",
|
||||
"L_RelativeDateTime_XMinutesFuture": "In {0} minute||In {0} minutes",
|
||||
"L_RelativeDateTime_XMinutes": "{0} minute ago||{0} minutes ago",
|
||||
"L_RelativeDateTime_XMinutesFutureIntervals": "1||2-",
|
||||
"L_RelativeDateTime_XMinutesIntervals": "1||2-",
|
||||
"L_RelativeDateTime_AboutAnHourFuture": "In about an hour",
|
||||
"L_RelativeDateTime_AboutAnHour": "About an hour ago",
|
||||
"L_RelativeDateTime_Tomorrow": "Tomorrow",
|
||||
"L_RelativeDateTime_Yesterday": "Yesterday",
|
||||
"L_RelativeDateTime_TomorrowAndTime": "Tomorrow at {0}",
|
||||
"L_RelativeDateTime_YesterdayAndTime": "Yesterday at {0}",
|
||||
"L_RelativeDateTime_XHoursFuture": "In {0} hour||In {0} hours",
|
||||
"L_RelativeDateTime_XHours": "{0} hour ago||{0} hours ago",
|
||||
"L_RelativeDateTime_XHoursFutureIntervals": "1||2-",
|
||||
"L_RelativeDateTime_XHoursIntervals": "1||2-",
|
||||
"L_RelativeDateTime_DayAndTime": "{0} at {1}",
|
||||
"L_RelativeDateTime_XDaysFuture": "{0} day from now||{0} days from now",
|
||||
"L_RelativeDateTime_XDays": "{0} day ago||{0} days ago",
|
||||
"L_RelativeDateTime_XDaysFutureIntervals": "1||2-",
|
||||
"L_RelativeDateTime_XDaysIntervals": "1||2-",
|
||||
"L_RelativeDateTime_Today": "Today"
|
||||
},
|
||||
"SendEmailTo": "Send an email to {0}",
|
||||
"StartChatWith": "Start a chat with {0}",
|
||||
"Contact": "Contact",
|
||||
"UpdateProfile": "Update your profile",
|
||||
"TaxonomyPickerNoTerms": "Term set does not contain any terms",
|
||||
"TaxonomyPickerExpandTitle": "Expand this Term Set",
|
||||
"TaxonomyPickerMenuTermSet": "Menu for Term Set",
|
||||
"TaxonomyPickerInLabel": "in",
|
||||
"TaxonomyPickerTermSetLabel": "Term Set",
|
||||
peoplePickerComponentTooltipMessage: "People Picker",
|
||||
peoplePickerComponentErrorMessage: "Required Field",
|
||||
peoplePickerSuggestionsHeaderText: 'Suggested People',
|
||||
peoplePickerLoadingText: 'Loading',
|
||||
PeoplePickerSearchText: 'Fetching users',
|
||||
PeoplePickerGroupNotFound: "Group could not be found.",
|
||||
genericNoResultsFoundText: 'No results found',
|
||||
ListItemPickerSelectValue: 'Select value',
|
||||
ListItemAttachmentsActionDeleteIconTitle: 'Delete',
|
||||
ListItemAttachmentsactionDeleteTitle: 'Delete',
|
||||
ListItemAttachmentsfileDeletedMsg: 'File {0} deleted',
|
||||
ListItemAttachmentsfileDeleteError: 'Error on delete file: {0}, reason {1}',
|
||||
ListItemAttachmentserrorLoadAttachments: 'Error on load list item attachment, reason: {0}',
|
||||
ListItemAttachmentsconfirmDelete: 'Are you sure you want send the attachment {0} to the site recycle bin?',
|
||||
ListItemAttachmentsdialogTitle: 'List Item Attachment',
|
||||
ListItemAttachmentsdialogOKbuttonLabel: 'OK',
|
||||
ListItemAttachmentsdialogCancelButtonLabel: 'Cancel',
|
||||
ListItemAttachmentsdialogOKbuttonLabelOnDelete: 'Delete',
|
||||
ListItemAttachmentsuploadAttachmentDialogTitle: 'Add Attachment',
|
||||
ListItemAttachmentsuploadAttachmentButtonLabel: 'Add Attachment',
|
||||
ListItemAttachmentsuploadAttachmentErrorMsg: 'The file {0} not attached, reason: {1}',
|
||||
ListItemAttachmentsCommandBarAddAttachmentLabel: 'Add Attachment',
|
||||
ListItemAttachmentsloadingMessage: 'Uploading file ...',
|
||||
ListItemAttachmentslPlaceHolderIconText: 'List Item Attachment',
|
||||
ListItemAttachmentslPlaceHolderDescription: 'Please Add Attachment',
|
||||
ListItemAttachmentslPlaceHolderButtonLabel: 'Add',
|
||||
mapsErrorMessage: 'There was an error while loading the map',
|
||||
mapsLoadingText: 'Loading',
|
||||
mapsSearchButtonText: 'Search',
|
||||
mapsTitlePrefix: 'Map of',
|
||||
ListViewFilterLabel: "Filter the list",
|
||||
HeaderNormalText: "Normal text",
|
||||
HeaderH2: "Heading 1",
|
||||
HeaderH3: "Heading 2",
|
||||
HeaderH4: "Heading 3",
|
||||
HeaderBlockQuote: "Pull quote",
|
||||
AlignLeft: "Align left",
|
||||
AlignCenter: "Center",
|
||||
AlignRight: "Align right",
|
||||
AlignJustify: "Justify",
|
||||
ListBullet: "Bulleted list",
|
||||
ListNumbered: "Numbered list",
|
||||
StyleTitle: "Style",
|
||||
BoldTitle: "Bold (Ctrl+B)",
|
||||
ItalicTitle: "Italic (Ctrl+I)",
|
||||
UnderlineTitle: "Underline (Ctrl+U)",
|
||||
AlignTitle: "Align",
|
||||
ListTitle: "List",
|
||||
LinkTitle: "Hyperlink",
|
||||
MoreTitle: "More",
|
||||
FormattingPaneTitle: "Text formatting",
|
||||
CloseButton: "Close",
|
||||
InsertLinkTitle: "Insert link",
|
||||
AddressFieldLabel: "Address",
|
||||
TextToDisplayLabel: "Text to display",
|
||||
SaveButtonLabel: "Save",
|
||||
CancelButtonLabel: "Cancel",
|
||||
RemoveLinkLabel: "Remove link",
|
||||
ParagraphSectionTitle: "Paragraph",
|
||||
HyperlinkSectionTitle: "Hyperlink",
|
||||
UndoTitle: "Undo (Ctrl+Z)",
|
||||
RedoTitle: "Redo (Ctrl+Y)",
|
||||
ClearFormattingTitle: "Clear all formatting",
|
||||
FontStyleTitle: "Font style",
|
||||
FontSizeTitle: "Font size",
|
||||
StrikethroughTitle: "Strikethrough",
|
||||
SuperscriptTitle: "Superscript",
|
||||
SubscriptTitle: "Subscript",
|
||||
FontColorLabel: "Font Color",
|
||||
AutomaticFontColor: "Automatic",
|
||||
HighlightColorLabel: "Highlight color",
|
||||
NoColorHighlightColor: "No color",
|
||||
IncreaseIndentTitle: "Increase indent",
|
||||
DecreaseIndentTitle: "Decrease indent",
|
||||
ThemeColorsGroupName: "Theme colors",
|
||||
HighlightColorsGroupName: "Highlight colors",
|
||||
StandardColorsGroupName: "Standard colors",
|
||||
ThemeColorDarker: "Theme darker",
|
||||
ThemeColorDark: "Theme dark",
|
||||
ThemeColorDarkAlt: "Theme dark alternate",
|
||||
ThemeColorPrimary: "Theme primary",
|
||||
ThemeColorSecondary: "Theme secondary",
|
||||
ThemeColorTertiary: "Neutral tertiary",
|
||||
ThemeColorNeutralSecondary: "Neutral secondary",
|
||||
ThemeColorNeutralPrimaryAlt: "Neutral primary alternate",
|
||||
ThemeColorNeutralPrimary: "Neutral primary",
|
||||
ThemeColorNeutralDark: "Neutral dark",
|
||||
HighlightColorYellow: "Yellow",
|
||||
HighlightColorGreen: "Green",
|
||||
HighlightColorAqua: "Aqua",
|
||||
HighlightColorMagenta: "Magenta",
|
||||
HighlightColorBlue: "Blue",
|
||||
HighlightColorRed: "Red",
|
||||
HighlightColorDarkblue: "Dark blue",
|
||||
HighlightColorTeal: "Teal",
|
||||
HighlightColorDarkgreen: "Dark green",
|
||||
HighlightColorPurple: "Purple",
|
||||
HighlightColorMaroon: "Maroon",
|
||||
HighlightColorGold: "Gold",
|
||||
HighlightColorDarkgrey: "Dark grey",
|
||||
HighlightColorGrey: "Grey",
|
||||
HighlightColorBlack: "Black",
|
||||
StandardColorDarkred: "Dark red",
|
||||
StandardColorRed: "Red",
|
||||
StandardColorOrange: "Orange",
|
||||
StandardColorYellow: "Yellow",
|
||||
StandardColorLightgreen: "Light green",
|
||||
StandardColorGreen: "Green",
|
||||
StandardColorLightblue: "Light blue",
|
||||
StandardColorBlue: "Blue",
|
||||
StandardColorDarkblue: "Dark blue",
|
||||
StandardColorPurple: "Purple",
|
||||
DatePickerMonthLongJanuary: "January",
|
||||
DatePickerMonthShortJanuary: "Jan",
|
||||
DatePickerMonthLongFebruary: "February",
|
||||
DatePickerMonthShortFebruary: "Feb",
|
||||
DatePickerMonthLongMarch: "March",
|
||||
DatePickerMonthShortMarch: "Mar",
|
||||
DatePickerMonthLongApril: "April",
|
||||
DatePickerMonthShortApril: "Apr",
|
||||
DatePickerMonthLongMay: "May",
|
||||
DatePickerMonthShortMay: "May",
|
||||
DatePickerMonthLongJune: "June",
|
||||
DatePickerMonthShortJune: "Jun",
|
||||
DatePickerMonthLongJuly: "July",
|
||||
DatePickerMonthShortJuly: "Jul",
|
||||
DatePickerMonthLongAugust: "August",
|
||||
DatePickerMonthShortAugust: "Aug",
|
||||
DatePickerMonthLongSeptember: "September",
|
||||
DatePickerMonthShortSeptember: "Sept",
|
||||
DatePickerMonthLongOctober: "October",
|
||||
DatePickerMonthShortOctober: "Oct",
|
||||
DatePickerMonthLongNovember: "November",
|
||||
DatePickerMonthShortNovember: "Nov",
|
||||
DatePickerMonthLongDecember: "December",
|
||||
DatePickerMonthShortDecember: "Dec",
|
||||
DatePickerDayLongSunday: "Sunday",
|
||||
DatePickerDayShortSunday: "Sun",
|
||||
DatePickerDayLongMonday: "Monday",
|
||||
DatePickerDayShortMonday: "Mon",
|
||||
DatePickerDayLongTuesday: "Tuesday",
|
||||
DatePickerDayShortTuesday: "Tue",
|
||||
DatePickerDayLongWednesday: "Wednesday",
|
||||
DatePickerDayShortWednesday: "Wed",
|
||||
DatePickerDayLongThursday: "Thursday",
|
||||
DatePickerDayShortThursday: "Thu",
|
||||
DatePickerDayLongFriday: "Friday",
|
||||
DatePickerDayShortFriday: "Fri",
|
||||
DatePickerDayLongSaturday: "Saturday",
|
||||
DatePickerDayShortSaturday: "Sat",
|
||||
DatePickerGoToToday: "Today",
|
||||
DatePickerIsRequiredErrorMessage: "",
|
||||
DatePickerInvalidInputErrorMessage: "",
|
||||
DatePickerIsOutOfBoundsErrorMessage: "",
|
||||
DateTimePickerDate: "Date",
|
||||
DateTimePickerTime: "Time",
|
||||
DateTimePickerTimeSeparator: ":",
|
||||
DateTimePickerHourValueInvalid: "Incorrect hour value"
|
||||
};
|
||||
});
|
||||
|
||||
//# sourceMappingURL=en-us.js.map
|
|
@ -1,208 +0,0 @@
|
|||
define([], function () {
|
||||
return {
|
||||
PeoplePickerGroupNotFound: "Groupe introuvable.",
|
||||
ListViewFilterLabel: "Filtrer",
|
||||
PeoplePickerSearchText: "Recherche d'utilisateurs",
|
||||
peoplePickerComponentTooltipMessage: "Sélecteur de personnes",
|
||||
peoplePickerComponentErrorMessage: "Champ obligatoire",
|
||||
peoplePickerSuggestionsHeaderText: "Personnes suggérées",
|
||||
genericNoResultsFoundText: "Aucun résultat trouvé",
|
||||
peoplePickerLoadingText: "Chargement",
|
||||
SiteBreadcrumbLabel: "Fil d'Ariane",
|
||||
ListViewGroupEmptyLabel: "Vide",
|
||||
WebPartTitlePlaceholder: "Titre du composant WebPart",
|
||||
WebPartTitleLabel: "Ajouter un titre",
|
||||
// DateTime: IDateTimeStrings;
|
||||
SendEmailTo: "Envoyer un email à {0}",
|
||||
StartChatWith: "Démarrer une discussion avec {0}",
|
||||
Contact: "Contact",
|
||||
UpdateProfile: "Mettre à jour votre profil",
|
||||
// Taxonomy picker
|
||||
TaxonomyPickerNoTerms: "L'ensemble de termes ne contient aucun terme",
|
||||
TaxonomyPickerExpandTitle: "Développer cet ensemble de termes",
|
||||
TaxonomyPickerMenuTermSet: "Menu pour l'ensemble de termes",
|
||||
TaxonomyPickerInLabel: "dans",
|
||||
TaxonomyPickerTermSetLabel: "Ensemble de termes",
|
||||
ListItemPickerSelectValue: "Sélectionnez une valeur",
|
||||
ListItemAttachmentsActionDeleteIconTitle: "Supprimer",
|
||||
ListItemAttachmentsactionDeleteTitle: "Supprimer",
|
||||
ListItemAttachmentsfileDeletedMsg: "Fichier {0} supprimé",
|
||||
ListItemAttachmentsfileDeleteError: "Erreur lors de la suppression du fichier : {0}, cause : {1}",
|
||||
ListItemAttachmentserrorLoadAttachments: "Erreur lors du chargement de la pièce jointe, cause : {0}",
|
||||
ListItemAttachmentsconfirmDelete: "Voulez-vous vraiment envoyer la pièce jointe {0} à la Corbeille du site ?",
|
||||
ListItemAttachmentsdialogTitle: "Pièce jointe",
|
||||
ListItemAttachmentsdialogOKbuttonLabel: "OK",
|
||||
ListItemAttachmentsdialogCancelButtonLabel: "Annuler",
|
||||
ListItemAttachmentsdialogOKbuttonLabelOnDelete: "Supprimer",
|
||||
ListItemAttachmentsuploadAttachmentDialogTitle: "Ajouter une pièce jointe",
|
||||
ListItemAttachmentsuploadAttachmentButtonLabel: "Ajouter une pièce jointe",
|
||||
ListItemAttachmentsuploadAttachmentErrorMsg: "Le fichier {0} n'a pas pu être ajouté en tant que pièce jointe, cause : {1}",
|
||||
ListItemAttachmentsCommandBarAddAttachmentLabel: "Ajouter une pièce jointe",
|
||||
ListItemAttachmentsloadingMessage: "Téléchargement du fichier...",
|
||||
ListItemAttachmentslPlaceHolderIconText: "Pièce jointe",
|
||||
ListItemAttachmentslPlaceHolderDescription: "Ajouter des pièces jointes",
|
||||
ListItemAttachmentslPlaceHolderButtonLabel: "Ajouter",
|
||||
//Maps
|
||||
mapsErrorMessage: "Une erreur s'est produite lors du chargement de la carte",
|
||||
mapsLoadingText: "Chargement",
|
||||
mapsSearchButtonText: "Rechercher",
|
||||
mapsTitlePrefix: "Carte de",
|
||||
// RichText
|
||||
HeaderNormalText: "Texte normal",
|
||||
HeaderH2: "Titre 1",
|
||||
HeaderH3: "Titre 2",
|
||||
HeaderH4: "Titre 3",
|
||||
HeaderBlockQuote: "Citation",
|
||||
AlignLeft: "Aligner à gauche",
|
||||
AlignCenter: "Centrer",
|
||||
AlignRight: "Aligner à droite",
|
||||
AlignJustify: "Justifier",
|
||||
ListBullet: "Liste à puces",
|
||||
ListNumbered: "Liste numérotée",
|
||||
StyleTitle: "Style",
|
||||
BoldTitle: "Gras (Ctrl+B)",
|
||||
ItalicTitle: "Italique (Ctrl+I)",
|
||||
UnderlineTitle: "Souligné (Ctrl+U)",
|
||||
AlignTitle: "Alignement",
|
||||
ListTitle: "Liste",
|
||||
LinkTitle: "Lien hypertexte",
|
||||
MoreTitle: "Plus",
|
||||
FormattingPaneTitle: "Mise en forme du texte",
|
||||
CloseButton: "Fermer",
|
||||
InsertLinkTitle: "Insertion de lien",
|
||||
AddressFieldLabel: "Adresse",
|
||||
TextToDisplayLabel: "Texte à afficher",
|
||||
SaveButtonLabel: "Enregistrer",
|
||||
CancelButtonLabel: "Annuler",
|
||||
RemoveLinkLabel: "Supprimer le lien",
|
||||
ParagraphSectionTitle: "Paragraphe",
|
||||
HyperlinkSectionTitle: "Lien hypertexte",
|
||||
UndoTitle: "Annuler (Ctrl+Z)",
|
||||
RedoTitle: "Rétablir (Ctrl+Y)",
|
||||
ClearFormattingTitle: "Effacer toute la mise en forme",
|
||||
FontStyleTitle: "Style de police",
|
||||
FontSizeTitle: "Taille de police",
|
||||
StrikethroughTitle: "Barré",
|
||||
SuperscriptTitle: "Exposant",
|
||||
SubscriptTitle: "Indice",
|
||||
FontColorLabel: "Couleur de police",
|
||||
AutomaticFontColor: "Automatique",
|
||||
HighlightColorLabel: "Couleur de surlignage",
|
||||
NoColorHighlightColor: "Aucune couleur",
|
||||
IncreaseIndentTitle: "Augmenter le retrait",
|
||||
DecreaseIndentTitle: "Diminuer le retrait",
|
||||
ThemeColorsGroupName: "Couleurs du thème",
|
||||
HighlightColorsGroupName: "Couleurs de surlignage",
|
||||
StandardColorsGroupName: "Couleurs standards",
|
||||
ThemeColorDarker: "Thème plus foncé",
|
||||
ThemeColorDark: "Thème foncé",
|
||||
ThemeColorDarkAlt: "Couleur alternative du thème foncé",
|
||||
ThemeColorPrimary: "Première couleur du thème",
|
||||
ThemeColorSecondary: "Deuxième couleur du thème",
|
||||
ThemeColorTertiary: "Troisième couleur du thème",
|
||||
ThemeColorNeutralSecondary: "Couleur neutre secondaire",
|
||||
ThemeColorNeutralPrimaryAlt: "Alternative à la couleur neutre principale",
|
||||
ThemeColorNeutralPrimary: "Couleur neutre principale",
|
||||
ThemeColorNeutralDark: "Couleur neutre foncé",
|
||||
HighlightColorYellow: "Jaune",
|
||||
HighlightColorGreen: "Vert",
|
||||
HighlightColorAqua: "Cyan",
|
||||
HighlightColorMagenta: "Magenta",
|
||||
HighlightColorBlue: "Bleu",
|
||||
HighlightColorRed: "Rouge",
|
||||
HighlightColorDarkblue: "Bleu foncé",
|
||||
HighlightColorTeal: "Bleu-vert",
|
||||
HighlightColorDarkgreen: "Vert foncé",
|
||||
HighlightColorPurple: "Violet",
|
||||
HighlightColorMaroon: "Marron",
|
||||
HighlightColorGold: "Or",
|
||||
HighlightColorDarkgrey: "Gris foncé",
|
||||
HighlightColorGrey: "Gris",
|
||||
HighlightColorBlack: "Noir",
|
||||
StandardColorDarkred: "Rouge foncé",
|
||||
StandardColorRed: "Rouge",
|
||||
StandardColorOrange: "Orange",
|
||||
StandardColorYellow: "Jaune",
|
||||
StandardColorLightgreen: "Vert clair",
|
||||
StandardColorGreen: "Vert",
|
||||
StandardColorLightblue: "Bleu clait",
|
||||
StandardColorBlue: "Bleu",
|
||||
StandardColorDarkblue: "Bleu foncé",
|
||||
StandardColorPurple: "Violet",
|
||||
// DateTime picker
|
||||
DatePickerMonthLongJanuary: "Janvier",
|
||||
DatePickerMonthShortJanuary: "Janv.",
|
||||
DatePickerMonthLongFebruary: "Février",
|
||||
DatePickerMonthShortFebruary: "Févr.",
|
||||
DatePickerMonthLongMarch: "Mars",
|
||||
DatePickerMonthShortMarch: "Mars",
|
||||
DatePickerMonthLongApril: "Avril",
|
||||
DatePickerMonthShortApril: "Avr.",
|
||||
DatePickerMonthLongMay: "Mai",
|
||||
DatePickerMonthShortMay: "Mai",
|
||||
DatePickerMonthLongJune: "Juin",
|
||||
DatePickerMonthShortJune: "Juin",
|
||||
DatePickerMonthLongJuly: "Juillet",
|
||||
DatePickerMonthShortJuly: "Juill.",
|
||||
DatePickerMonthLongAugust: "Août",
|
||||
DatePickerMonthShortAugust: "Août",
|
||||
DatePickerMonthLongSeptember: "Septembre",
|
||||
DatePickerMonthShortSeptember: "Sept.",
|
||||
DatePickerMonthLongOctober: "Octobre",
|
||||
DatePickerMonthShortOctober: "Oct.",
|
||||
DatePickerMonthLongNovember: "Novembre",
|
||||
DatePickerMonthShortNovember: "Nov.",
|
||||
DatePickerMonthLongDecember: "Décembre",
|
||||
DatePickerMonthShortDecember: "Déc.",
|
||||
DatePickerDayLongSunday: "Dimanche",
|
||||
DatePickerDayShortSunday: "Dim",
|
||||
DatePickerDayLongMonday: "Lundi",
|
||||
DatePickerDayShortMonday: "Lun",
|
||||
DatePickerDayLongTuesday: "Mardi",
|
||||
DatePickerDayShortTuesday: "Mar",
|
||||
DatePickerDayLongWednesday: "Mercredi",
|
||||
DatePickerDayShortWednesday: "Mer",
|
||||
DatePickerDayLongThursday: "Jeudi",
|
||||
DatePickerDayShortThursday: "Jeu",
|
||||
DatePickerDayLongFriday: "Vendredi",
|
||||
DatePickerDayShortFriday: "Ven",
|
||||
DatePickerDayLongSaturday: "Samedi",
|
||||
DatePickerDayShortSaturday: "Sam",
|
||||
DatePickerGoToToday: "Aujourd'hui",
|
||||
DatePickerIsRequiredErrorMessage: "",
|
||||
DatePickerInvalidInputErrorMessage: "",
|
||||
DatePickerIsOutOfBoundsErrorMessage: "",
|
||||
DateTimePickerDate: "Date",
|
||||
DateTimePickerTime: "Heure",
|
||||
DateTimePickerTimeSeparator: ":",
|
||||
DateTimePickerHourValueInvalid: "Valeur incorrecte pour l'heure",
|
||||
DateTime: {
|
||||
L_RelativeDateTime_AFewSecondsFuture: "Dans quelques secondes",
|
||||
L_RelativeDateTime_AFewSeconds: "Il y a quelques secondes",
|
||||
L_RelativeDateTime_AboutAMinuteFuture: "Dans environ une minute",
|
||||
L_RelativeDateTime_AboutAMinute: "Il y a environ une minute",
|
||||
L_RelativeDateTime_XMinutesFuture: "Dans {0} minute||Dans {0} minutes",
|
||||
L_RelativeDateTime_XMinutes: "Il y a {0} minute||Il y a {0} minutes",
|
||||
L_RelativeDateTime_XMinutesFutureIntervals: "1||2-",
|
||||
L_RelativeDateTime_XMinutesIntervals: "1||2-",
|
||||
L_RelativeDateTime_AboutAnHourFuture: "Dans environ une heure",
|
||||
L_RelativeDateTime_AboutAnHour: "Il y a environ une heure",
|
||||
L_RelativeDateTime_Tomorrow: "Demain",
|
||||
L_RelativeDateTime_Yesterday: "Hier",
|
||||
L_RelativeDateTime_TomorrowAndTime: "Demain à {0}",
|
||||
L_RelativeDateTime_YesterdayAndTime: "Hier à {0}",
|
||||
L_RelativeDateTime_XHoursFuture: "Dans {0} heure||Dans {0} heures",
|
||||
L_RelativeDateTime_XHours: "Il y a {0} heure||Il y a {0} heures",
|
||||
L_RelativeDateTime_XHoursFutureIntervals: "1||2-",
|
||||
L_RelativeDateTime_XHoursIntervals: "1||2-",
|
||||
L_RelativeDateTime_DayAndTime: "{0} à {1}",
|
||||
L_RelativeDateTime_XDaysFuture: "{0} jour à partir de maintenant || {0} jours à partir de maintenant",
|
||||
L_RelativeDateTime_XDays: "Il y a {0} jour||Il y a {0} jours",
|
||||
L_RelativeDateTime_XDaysFutureIntervals: "1||2-",
|
||||
L_RelativeDateTime_XDaysIntervals: "1||2-",
|
||||
L_RelativeDateTime_Today: "Aujourd'hui"
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
//# sourceMappingURL=fr-fr.js.map
|
|
@ -1,208 +0,0 @@
|
|||
define([], function () {
|
||||
return {
|
||||
PeoplePickerGroupNotFound: "Grupės nepavyko rasti.",
|
||||
ListViewFilterLabel: "Filtruoti",
|
||||
PeoplePickerSearchText: "Ieškoma naudotojų",
|
||||
peoplePickerComponentTooltipMessage: "Pasirinkite naudotojus",
|
||||
peoplePickerComponentErrorMessage: "Privalomas laukas",
|
||||
peoplePickerSuggestionsHeaderText: "Pasiūlymai",
|
||||
genericNoResultsFoundText: "Rezultatų nėra",
|
||||
peoplePickerLoadingText: "Įkeliama",
|
||||
SiteBreadcrumbLabel: "Svetainės navigacijos grandinė",
|
||||
ListViewGroupEmptyLabel: "Nenurodyta",
|
||||
WebPartTitlePlaceholder: "Puslapio dalies antraštė",
|
||||
WebPartTitleLabel: "Pridėti antraštę",
|
||||
// DateTime: IDateTimeStrings;
|
||||
SendEmailTo: "Siųsti el. laišką {0}",
|
||||
StartChatWith: "Pradėti pokalbį su {0}",
|
||||
Contact: "Kontaktas",
|
||||
UpdateProfile: "Atnaujinti profilį",
|
||||
// Taxonomy picker
|
||||
TaxonomyPickerNoTerms: "Terminų rinkinys tuščias",
|
||||
TaxonomyPickerExpandTitle: "Išskleisti terminų rinkinį",
|
||||
TaxonomyPickerMenuTermSet: "Terminų rinkinio meniu",
|
||||
TaxonomyPickerInLabel: "",
|
||||
TaxonomyPickerTermSetLabel: "Terminų rinkinys",
|
||||
ListItemPickerSelectValue: "Pasirinkite reikšmę",
|
||||
ListItemAttachmentsActionDeleteIconTitle: "Naikinti",
|
||||
ListItemAttachmentsactionDeleteTitle: "Naikinti",
|
||||
ListItemAttachmentsfileDeletedMsg: "Failas „{0}“ panaikintas",
|
||||
ListItemAttachmentsfileDeleteError: "Klaida naikinant failą „{0}“: {1}",
|
||||
ListItemAttachmentserrorLoadAttachments: "Nepavyko įkelti elemento priedų infomacijos: {0}",
|
||||
ListItemAttachmentsconfirmDelete: "Ar tikrai norite priedą „{0}“ siųsti į svetainės šiukšlinę?",
|
||||
ListItemAttachmentsdialogTitle: "Elemento priedai",
|
||||
ListItemAttachmentsdialogOKbuttonLabel: "Gerai",
|
||||
ListItemAttachmentsdialogCancelButtonLabel: "Atšaukti",
|
||||
ListItemAttachmentsdialogOKbuttonLabelOnDelete: "Naikinti",
|
||||
ListItemAttachmentsuploadAttachmentDialogTitle: "Įkelti priedą",
|
||||
ListItemAttachmentsuploadAttachmentButtonLabel: "Įkelti priedą",
|
||||
ListItemAttachmentsuploadAttachmentErrorMsg: "Failo „{0}“ įkelti nepavyko: {1}",
|
||||
ListItemAttachmentsCommandBarAddAttachmentLabel: "Įkelti priedą",
|
||||
ListItemAttachmentsloadingMessage: "Failas siunčiamas...",
|
||||
ListItemAttachmentslPlaceHolderIconText: "Elemento priedai",
|
||||
ListItemAttachmentslPlaceHolderDescription: "Įkelkite elemento priedų",
|
||||
ListItemAttachmentslPlaceHolderButtonLabel: "Pridėti",
|
||||
//Maps
|
||||
mapsErrorMessage: "Įkeliant žemėlapį įvyko klaida",
|
||||
mapsLoadingText: "Įkeliama",
|
||||
mapsSearchButtonText: "Paieška",
|
||||
mapsTitlePrefix: "Žemėlapis",
|
||||
// RichText
|
||||
HeaderNormalText: "Paprastas tekstas",
|
||||
HeaderH2: "1 antraštė",
|
||||
HeaderH3: "2 antraštė",
|
||||
HeaderH4: "3 antraštė",
|
||||
HeaderBlockQuote: "Dėmesį atkreipianti citata",
|
||||
AlignLeft: "Lygiuoti kairėje",
|
||||
AlignCenter: "Centre",
|
||||
AlignRight: "Lygiuoti dešinėje",
|
||||
AlignJustify: "Abipusė lygiuotė",
|
||||
ListBullet: "Sąrašas su ženkleliais",
|
||||
ListNumbered: "Numeruotas sąrašas",
|
||||
StyleTitle: "Stilius",
|
||||
BoldTitle: "Paryškintasis (Ctrl+B)",
|
||||
ItalicTitle: "Pasvirasis (Ctrl+I)",
|
||||
UnderlineTitle: "Pabrauktasis (Ctrl+U)",
|
||||
AlignTitle: "Lygiuotė",
|
||||
ListTitle: "Sąrašas",
|
||||
LinkTitle: "Hipersaitas",
|
||||
MoreTitle: "Daugiau",
|
||||
FormattingPaneTitle: "Teksto formatavimas",
|
||||
CloseButton: "Uždaryti",
|
||||
InsertLinkTitle: "Įterpti saitą",
|
||||
AddressFieldLabel: "Adresas",
|
||||
TextToDisplayLabel: "Rodytinas tekstas",
|
||||
SaveButtonLabel: "Įrašyti",
|
||||
CancelButtonLabel: "Atšaukti",
|
||||
RemoveLinkLabel: "Šalinti saitą",
|
||||
ParagraphSectionTitle: "Pastraipa",
|
||||
HyperlinkSectionTitle: "Hipersaitas",
|
||||
UndoTitle: "Anuliuoti (Ctrl+Z)",
|
||||
RedoTitle: "Perdaryti (Ctrl+Y)",
|
||||
ClearFormattingTitle: "Valyti visą formatavimą",
|
||||
FontStyleTitle: "Šrifto stilius",
|
||||
FontSizeTitle: "Šrifto dydis",
|
||||
StrikethroughTitle: "Perbraukimas",
|
||||
SuperscriptTitle: "Viršutinis indeksas",
|
||||
SubscriptTitle: "Apatinis indeksas",
|
||||
FontColorLabel: "Šrifto spalva",
|
||||
AutomaticFontColor: "Automatinė",
|
||||
HighlightColorLabel: "Pažymėjimo spalva",
|
||||
NoColorHighlightColor: "Be spalvų",
|
||||
IncreaseIndentTitle: "Didinti įtrauką",
|
||||
DecreaseIndentTitle: "Mažinti įtrauką",
|
||||
ThemeColorsGroupName: "Temos spalvos",
|
||||
HighlightColorsGroupName: "Paryškinimo spalvos",
|
||||
StandardColorsGroupName: "Standartinės spalvos",
|
||||
ThemeColorDarker: "Tamsesnė tema",
|
||||
ThemeColorDark: "Tamsi tema",
|
||||
ThemeColorDarkAlt: "Alternatyvi tamsi tema",
|
||||
ThemeColorPrimary: "Pirminė tema",
|
||||
ThemeColorSecondary: "Antrinė tema",
|
||||
ThemeColorTertiary: "Tretinė tema",
|
||||
ThemeColorNeutralSecondary: "Neutrali antrinė",
|
||||
ThemeColorNeutralPrimaryAlt: "Alternatyvi neutrali pirminė",
|
||||
ThemeColorNeutralPrimary: "Neutrali pirminė",
|
||||
ThemeColorNeutralDark: "Neutrali tamsi",
|
||||
HighlightColorYellow: "Geltona",
|
||||
HighlightColorGreen: "Žalia",
|
||||
HighlightColorAqua: "Melsvai žalsva",
|
||||
HighlightColorMagenta: "Purpurinė",
|
||||
HighlightColorBlue: "Mėlyna",
|
||||
HighlightColorRed: "Raudona",
|
||||
HighlightColorDarkblue: "Tamsiai mėlyna",
|
||||
HighlightColorTeal: "Žalsvai mėlyna",
|
||||
HighlightColorDarkgreen: "Tamsiai žalia",
|
||||
HighlightColorPurple: "Violetinė",
|
||||
HighlightColorMaroon: "Kaštoninė",
|
||||
HighlightColorGold: "Auksas",
|
||||
HighlightColorDarkgrey: "Tamsiai pilka",
|
||||
HighlightColorGrey: "Pilka",
|
||||
HighlightColorBlack: "Juoda",
|
||||
StandardColorDarkred: "Tamsiai raudona",
|
||||
StandardColorRed: "Raudona",
|
||||
StandardColorOrange: "Oranžinė",
|
||||
StandardColorYellow: "Geltona",
|
||||
StandardColorLightgreen: "Šviesiai žalia",
|
||||
StandardColorGreen: "Žalia",
|
||||
StandardColorLightblue: "Šviesiai mėlyna",
|
||||
StandardColorBlue: "Mėlyna",
|
||||
StandardColorDarkblue: "Tamsiai mėlyna",
|
||||
StandardColorPurple: "Violetinė",
|
||||
// DateTime picker
|
||||
DatePickerMonthLongJanuary: "sausis",
|
||||
DatePickerMonthShortJanuary: "saus.",
|
||||
DatePickerMonthLongFebruary: "vasaris",
|
||||
DatePickerMonthShortFebruary: "vas.",
|
||||
DatePickerMonthLongMarch: "kovas",
|
||||
DatePickerMonthShortMarch: "kov.",
|
||||
DatePickerMonthLongApril: "balandis",
|
||||
DatePickerMonthShortApril: "bal.",
|
||||
DatePickerMonthLongMay: "gegužė",
|
||||
DatePickerMonthShortMay: "geg.",
|
||||
DatePickerMonthLongJune: "birželis",
|
||||
DatePickerMonthShortJune: "birž.",
|
||||
DatePickerMonthLongJuly: "liepa",
|
||||
DatePickerMonthShortJuly: "liep.",
|
||||
DatePickerMonthLongAugust: "rugpjūtis",
|
||||
DatePickerMonthShortAugust: "rugp.",
|
||||
DatePickerMonthLongSeptember: "rugsėjis",
|
||||
DatePickerMonthShortSeptember: "rugs.",
|
||||
DatePickerMonthLongOctober: "spalis",
|
||||
DatePickerMonthShortOctober: "spal.",
|
||||
DatePickerMonthLongNovember: "lapkritis",
|
||||
DatePickerMonthShortNovember: "lapkr.",
|
||||
DatePickerMonthLongDecember: "gruodis",
|
||||
DatePickerMonthShortDecember: "gruod.",
|
||||
DatePickerDayLongSunday: "sekmadienis",
|
||||
DatePickerDayShortSunday: "sk",
|
||||
DatePickerDayLongMonday: "pirmadienis",
|
||||
DatePickerDayShortMonday: "pr",
|
||||
DatePickerDayLongTuesday: "antradienis",
|
||||
DatePickerDayShortTuesday: "an",
|
||||
DatePickerDayLongWednesday: "trečiadienis",
|
||||
DatePickerDayShortWednesday: "tr",
|
||||
DatePickerDayLongThursday: "ketvirtadienis",
|
||||
DatePickerDayShortThursday: "kt",
|
||||
DatePickerDayLongFriday: "penktadienis",
|
||||
DatePickerDayShortFriday: "pn",
|
||||
DatePickerDayLongSaturday: "šeštadienis",
|
||||
DatePickerDayShortSaturday: "št",
|
||||
DatePickerGoToToday: "šiandien",
|
||||
DatePickerIsRequiredErrorMessage: "",
|
||||
DatePickerInvalidInputErrorMessage: "",
|
||||
DatePickerIsOutOfBoundsErrorMessage: "",
|
||||
DateTimePickerDate: "Data",
|
||||
DateTimePickerTime: "Laikas",
|
||||
DateTimePickerTimeSeparator: ":",
|
||||
DateTimePickerHourValueInvalid: "Netinkama laiko reikšmė",
|
||||
DateTime: {
|
||||
L_RelativeDateTime_AFewSecondsFuture: "po kelių sekundžių",
|
||||
L_RelativeDateTime_AFewSeconds: "prieš kelias sekundes",
|
||||
L_RelativeDateTime_AboutAMinuteFuture: "maždaug po minutės",
|
||||
L_RelativeDateTime_AboutAMinute: "beveik prieš minutę",
|
||||
L_RelativeDateTime_XMinutesFuture: "po {0} min.",
|
||||
L_RelativeDateTime_XMinutes: "prieš {0} min.",
|
||||
L_RelativeDateTime_XMinutesFutureIntervals: "0-",
|
||||
L_RelativeDateTime_XMinutesIntervals: "0-",
|
||||
L_RelativeDateTime_AboutAnHourFuture: "maždaug po valandos",
|
||||
L_RelativeDateTime_AboutAnHour: "beveik prieš valandą",
|
||||
L_RelativeDateTime_Tomorrow: "rytoj",
|
||||
L_RelativeDateTime_Yesterday: "vakar",
|
||||
L_RelativeDateTime_TomorrowAndTime: "rytoj, {0}",
|
||||
L_RelativeDateTime_YesterdayAndTime: "vakar, {0}",
|
||||
L_RelativeDateTime_XHoursFuture: "po {0} val.",
|
||||
L_RelativeDateTime_XHours: "prieš {0} val.",
|
||||
L_RelativeDateTime_XHoursFutureIntervals: "0-",
|
||||
L_RelativeDateTime_XHoursIntervals: "0-",
|
||||
L_RelativeDateTime_DayAndTime: "{0}, {1}",
|
||||
L_RelativeDateTime_XDaysFuture: "po {0} d.",
|
||||
L_RelativeDateTime_XDays: "prieš {0} d.",
|
||||
L_RelativeDateTime_XDaysFutureIntervals: "0-",
|
||||
L_RelativeDateTime_XDaysIntervals: "0-",
|
||||
L_RelativeDateTime_Today: "šiandien"
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
//# sourceMappingURL=lt-lt.js.map
|
|
@ -1,122 +0,0 @@
|
|||
define([], function () {
|
||||
return {
|
||||
'SiteBreadcrumbLabel': 'Website broodkruimelpad',
|
||||
'ListViewGroupEmptyLabel': 'Leeg',
|
||||
'WebPartTitlePlaceholder': 'Webonderdeel titel',
|
||||
'WebPartTitleLabel': 'Titel ingeven',
|
||||
"DateTime": {
|
||||
"L_RelativeDateTime_AFewSecondsFuture": "Over een paar seconden",
|
||||
"L_RelativeDateTime_AFewSeconds": "Een paar seconden geleden",
|
||||
"L_RelativeDateTime_AboutAMinuteFuture": "Over ongeveer een minuut",
|
||||
"L_RelativeDateTime_AboutAMinute": "Ongeveer een minuut geleden",
|
||||
"L_RelativeDateTime_XMinutesFuture": "In {0} minuut||In {0} minuten",
|
||||
"L_RelativeDateTime_XMinutes": "{0} minuut geleden||{0} minuten geleden",
|
||||
"L_RelativeDateTime_XMinutesFutureIntervals": "1||2-",
|
||||
"L_RelativeDateTime_XMinutesIntervals": "1||2-",
|
||||
"L_RelativeDateTime_AboutAnHourFuture": "In ongeveer een uur",
|
||||
"L_RelativeDateTime_AboutAnHour": "Ongeveer een uur geleden",
|
||||
"L_RelativeDateTime_Tomorrow": "Morgen",
|
||||
"L_RelativeDateTime_Yesterday": "Gisteren",
|
||||
"L_RelativeDateTime_TomorrowAndTime": "Morgen om {0}",
|
||||
"L_RelativeDateTime_YesterdayAndTime": "Gisteren om {0}",
|
||||
"L_RelativeDateTime_XHoursFuture": "In {0} uur||In {0} uur",
|
||||
"L_RelativeDateTime_XHours": "{0} uur geleden||{0} uur geleden",
|
||||
"L_RelativeDateTime_XHoursFutureIntervals": "1||2-",
|
||||
"L_RelativeDateTime_XHoursIntervals": "1||2-",
|
||||
"L_RelativeDateTime_DayAndTime": "{0} om {1}",
|
||||
"L_RelativeDateTime_XDaysFuture": "{0} dag vanaf nu||{0} dagen vanaf nu",
|
||||
"L_RelativeDateTime_XDays": "{0} dag geleden||{0} dagen geleden",
|
||||
"L_RelativeDateTime_XDaysFutureIntervals": "1||2-",
|
||||
"L_RelativeDateTime_XDaysIntervals": "1||2-",
|
||||
"L_RelativeDateTime_Today": "Vandaag"
|
||||
},
|
||||
"SendEmailTo": "Stuur een mail naar {0}",
|
||||
"StartChatWith": "Start een gesprek met {0}",
|
||||
"Contact": "Contacteer",
|
||||
"UpdateProfile": "Profiel aanpassen",
|
||||
"TaxonomyPickerNoTerms": "Termen set heeft geen termen beschikbaar",
|
||||
"TaxonomyPickerExpandTitle": "Vouw de termen set uit",
|
||||
"TaxonomyPickerMenuTermSet": "Menu van de termen set",
|
||||
"TaxonomyPickerInLabel": "in",
|
||||
"TaxonomyPickerTermSetLabel": "Termen set",
|
||||
peoplePickerComponentTooltipMessage: "Personen kiezen",
|
||||
peoplePickerComponentErrorMessage: "Verplicht veld",
|
||||
peoplePickerSuggestionsHeaderText: 'Voorgestelde personen',
|
||||
peoplePickerLoadingText: 'Laden',
|
||||
PeoplePickerSearchText: 'Personen worden opgehaald',
|
||||
PeoplePickerGroupNotFound: "Groep niet gevonden.",
|
||||
ListItemPickerSelectValue: 'Selecteer veld',
|
||||
ListItemAttachmentsActionDeleteIconTitle: 'Verwijderen',
|
||||
ListItemAttachmentsactionDeleteTitle: 'Verwijderen',
|
||||
ListItemAttachmentsfileDeletedMsg: 'Bestand {0} verwijderd',
|
||||
ListItemAttachmentsfileDeleteError: 'Probleem bij het verwijderen van het bestand: {0}, rede {1}',
|
||||
ListItemAttachmentserrorLoadAttachments: 'Probleem bij het laden van de bijlage, rede: {0}',
|
||||
ListItemAttachmentsconfirmDelete: 'Ben je zeker dat je het bestand {0} wilt verwijderen?',
|
||||
ListItemAttachmentsdialogTitle: 'Bijlage van lijstitem',
|
||||
ListItemAttachmentsdialogOKbuttonLabel: 'OK',
|
||||
ListItemAttachmentsdialogCancelButtonLabel: 'Annuleren',
|
||||
ListItemAttachmentsdialogOKbuttonLabelOnDelete: 'Verwijderen',
|
||||
ListItemAttachmentsuploadAttachmentDialogTitle: 'Bijlage toevoegen',
|
||||
ListItemAttachmentsuploadAttachmentButtonLabel: 'Bijlage toevoegen',
|
||||
ListItemAttachmentsuploadAttachmentErrorMsg: 'Het bestand {0} kon niet toegevoegd worden, rede: {1}',
|
||||
ListItemAttachmentsCommandBarAddAttachmentLabel: 'Bijlage toevoegen',
|
||||
ListItemAttachmentsloadingMessage: 'Bestand opladen ...',
|
||||
ListItemAttachmentslPlaceHolderIconText: 'Bijlage van lijstitem',
|
||||
ListItemAttachmentslPlaceHolderDescription: 'Voeg een bijlage toe',
|
||||
ListItemAttachmentslPlaceHolderButtonLabel: 'Toevoegen',
|
||||
mapsErrorMessage: 'Er is een fout opgetreden bij het laden van de kaart',
|
||||
mapsLoadingText: 'Laden',
|
||||
mapsSearchButtonText: 'Zoeken',
|
||||
mapsTitlePrefix: 'Kaart van',
|
||||
genericNoResultsFoundText: 'Geen resultaten gevonden',
|
||||
ListViewFilterLabel: "Filter de lijst",
|
||||
DatePickerMonthLongJanuary: "Januari",
|
||||
DatePickerMonthShortJanuary: "Jan",
|
||||
DatePickerMonthLongFebruary: "Februari",
|
||||
DatePickerMonthShortFebruary: "Feb",
|
||||
DatePickerMonthLongMarch: "Maart",
|
||||
DatePickerMonthShortMarch: "Maa",
|
||||
DatePickerMonthLongApril: "April",
|
||||
DatePickerMonthShortApril: "Apr",
|
||||
DatePickerMonthLongMay: "Mei",
|
||||
DatePickerMonthShortMay: "Mei",
|
||||
DatePickerMonthLongJune: "Juni",
|
||||
DatePickerMonthShortJune: "Jun",
|
||||
DatePickerMonthLongJuly: "Juli",
|
||||
DatePickerMonthShortJuly: "Jul",
|
||||
DatePickerMonthLongAugust: "Augustus",
|
||||
DatePickerMonthShortAugust: "Aug",
|
||||
DatePickerMonthLongSeptember: "September",
|
||||
DatePickerMonthShortSeptember: "Sept",
|
||||
DatePickerMonthLongOctober: "Oktober",
|
||||
DatePickerMonthShortOctober: "Okt",
|
||||
DatePickerMonthLongNovember: "November",
|
||||
DatePickerMonthShortNovember: "Nov",
|
||||
DatePickerMonthLongDecember: "December",
|
||||
DatePickerMonthShortDecember: "Dec",
|
||||
DatePickerDayLongSunday: "Zondag",
|
||||
DatePickerDayShortSunday: "Zon",
|
||||
DatePickerDayLongMonday: "Maandag",
|
||||
DatePickerDayShortMonday: "Maa",
|
||||
DatePickerDayLongTuesday: "Dinsdag",
|
||||
DatePickerDayShortTuesday: "Din",
|
||||
DatePickerDayLongWednesday: "Woensdag",
|
||||
DatePickerDayShortWednesday: "Woe",
|
||||
DatePickerDayLongThursday: "Donderdag",
|
||||
DatePickerDayShortThursday: "Don",
|
||||
DatePickerDayLongFriday: "Vrijdag",
|
||||
DatePickerDayShortFriday: "Vri",
|
||||
DatePickerDayLongSaturday: "Zaterdag",
|
||||
DatePickerDayShortSaturday: "Zat",
|
||||
DatePickerGoToToday: "Vandaag",
|
||||
DatePickerIsRequiredErrorMessage: "",
|
||||
DatePickerInvalidInputErrorMessage: "",
|
||||
DatePickerIsOutOfBoundsErrorMessage: "",
|
||||
DateTimePickerDate: "Dag",
|
||||
DateTimePickerTime: "Tijd",
|
||||
DateTimePickerTimeSeparator: ":",
|
||||
DateTimePickerHourValueInvalid: "Foute uur waarde"
|
||||
};
|
||||
});
|
||||
|
||||
//# sourceMappingURL=nl-nl.js.map
|
|
@ -1,122 +0,0 @@
|
|||
define([], function () {
|
||||
return {
|
||||
'SiteBreadcrumbLabel': 'Цепочка навигации сайта',
|
||||
'ListViewGroupEmptyLabel': 'Не назначено',
|
||||
'WebPartTitlePlaceholder': 'Заголовок веб-части',
|
||||
'WebPartTitleLabel': 'Добавить заголовок',
|
||||
"DateTime": {
|
||||
"L_RelativeDateTime_AFewSecondsFuture": "Через несколько секунд",
|
||||
"L_RelativeDateTime_AFewSeconds": "Несколько секунд назад",
|
||||
"L_RelativeDateTime_AboutAMinuteFuture": "Примерно через минуту",
|
||||
"L_RelativeDateTime_AboutAMinute": "Примерно минуту назад",
|
||||
"L_RelativeDateTime_XMinutesFuture": "Через {0} мин",
|
||||
"L_RelativeDateTime_XMinutes": "{0} мин назад",
|
||||
"L_RelativeDateTime_XMinutesFutureIntervals": "1-",
|
||||
"L_RelativeDateTime_XMinutesIntervals": "1-",
|
||||
"L_RelativeDateTime_AboutAnHourFuture": "Примерно через час",
|
||||
"L_RelativeDateTime_AboutAnHour": "Примерно час назад",
|
||||
"L_RelativeDateTime_Tomorrow": "Завтра",
|
||||
"L_RelativeDateTime_Yesterday": "Вчера",
|
||||
"L_RelativeDateTime_TomorrowAndTime": "Завтра в {0}",
|
||||
"L_RelativeDateTime_YesterdayAndTime": "Вчера в {0}",
|
||||
"L_RelativeDateTime_XHoursFuture": "Через {0} ч",
|
||||
"L_RelativeDateTime_XHours": "{0} ч назад",
|
||||
"L_RelativeDateTime_XHoursFutureIntervals": "1-",
|
||||
"L_RelativeDateTime_XHoursIntervals": "1-",
|
||||
"L_RelativeDateTime_DayAndTime": "{0}, в {1}",
|
||||
"L_RelativeDateTime_XDaysFuture": "Через {0} день||Через {0} дн.",
|
||||
"L_RelativeDateTime_XDays": "{0} день назад||Дней назад: {0}",
|
||||
"L_RelativeDateTime_XDaysFutureIntervals": "1||2-",
|
||||
"L_RelativeDateTime_XDaysIntervals": "1||2-",
|
||||
"L_RelativeDateTime_Today": "Сегодня"
|
||||
},
|
||||
"SendEmailTo": "Отправить сообщение {0}",
|
||||
"StartChatWith": "Начать чат с {0}",
|
||||
"Contact": "Контакт",
|
||||
"UpdateProfile": "Обновить мой профиль",
|
||||
"TaxonomyPickerNoTerms": "Данный набор терминов пуст",
|
||||
"TaxonomyPickerExpandTitle": "Развернуть этот набор терминов",
|
||||
"TaxonomyPickerMenuTermSet": "Меню для набора терминов",
|
||||
"TaxonomyPickerInLabel": "в",
|
||||
"TaxonomyPickerTermSetLabel": "Набор терминов",
|
||||
"peoplePickerComponentTooltipMessage": "Выбор пользователей",
|
||||
"peoplePickerComponentErrorMessage": "Обязательное поле",
|
||||
"peoplePickerSuggestionsHeaderText": "Предложенные варианты",
|
||||
"peoplePickerLoadingText": "Загрузка",
|
||||
"PeoplePickerSearchText": "Получение пользователей",
|
||||
"PeoplePickerGroupNotFound": "Группа не найдена.",
|
||||
"ListItemPickerSelectValue": "Выбрать значение",
|
||||
"mapsErrorMessage": "Во время загрузки карты произошла ошибка",
|
||||
"mapsLoadingText": "Загрузка",
|
||||
"mapsSearchButtonText": "Поиск",
|
||||
"mapsTitlePrefix": "Карта",
|
||||
"genericNoResultsFoundText": "Нет результатов, удовлетворяющих условиям",
|
||||
"ListViewFilterLabel": "Фильтр",
|
||||
ListItemAttachmentsActionDeleteIconTitle: 'Delete',
|
||||
ListItemAttachmentsactionDeleteTitle: 'Delete',
|
||||
ListItemAttachmentsfileDeletedMsg: 'File {0} deleted',
|
||||
ListItemAttachmentsfileDeleteError: 'Error on delete file: {0}, reason {1}',
|
||||
ListItemAttachmentserrorLoadAttachments: 'Error on load list item attachment, reason: {0}',
|
||||
ListItemAttachmentsconfirmDelete: 'Are you sure you want send the attachment {0} to the site recycle bin ?',
|
||||
ListItemAttachmentsdialogTitle: 'List Item Attachment',
|
||||
ListItemAttachmentsdialogOKbuttonLabel: 'OK',
|
||||
ListItemAttachmentsdialogCancelButtonLabel: 'Cancel',
|
||||
ListItemAttachmentsdialogOKbuttonLabelOnDelete: 'Delete',
|
||||
ListItemAttachmentsuploadAttachmentDialogTitle: 'Add Attachment',
|
||||
ListItemAttachmentsuploadAttachmentButtonLabel: 'Add Attachment',
|
||||
ListItemAttachmentsuploadAttachmentErrorMsg: 'The file {0} not attached, reason: {1}',
|
||||
ListItemAttachmentsCommandBarAddAttachmentLabel: 'Add Attachment',
|
||||
ListItemAttachmentsloadingMessage: 'Uploading file ...',
|
||||
ListItemAttachmentslPlaceHolderIconText: 'List Item Attachment',
|
||||
ListItemAttachmentslPlaceHolderDescription: 'Please Add Attachment',
|
||||
ListItemAttachmentslPlaceHolderButtonLabel: 'Add',
|
||||
DatePickerMonthLongJanuary: "Январь",
|
||||
DatePickerMonthShortJanuary: "Янв",
|
||||
DatePickerMonthLongFebruary: "Февраль",
|
||||
DatePickerMonthShortFebruary: "Фев",
|
||||
DatePickerMonthLongMarch: "Март",
|
||||
DatePickerMonthShortMarch: "Мар",
|
||||
DatePickerMonthLongApril: "Апрель",
|
||||
DatePickerMonthShortApril: "Апр",
|
||||
DatePickerMonthLongMay: "Май",
|
||||
DatePickerMonthShortMay: "Май",
|
||||
DatePickerMonthLongJune: "Июнь",
|
||||
DatePickerMonthShortJune: "Июн",
|
||||
DatePickerMonthLongJuly: "Июль",
|
||||
DatePickerMonthShortJuly: "Июл",
|
||||
DatePickerMonthLongAugust: "Август",
|
||||
DatePickerMonthShortAugust: "Авг",
|
||||
DatePickerMonthLongSeptember: "Сентябрь",
|
||||
DatePickerMonthShortSeptember: "Сен",
|
||||
DatePickerMonthLongOctober: "Октябрь",
|
||||
DatePickerMonthShortOctober: "Окт",
|
||||
DatePickerMonthLongNovember: "Ноябрь",
|
||||
DatePickerMonthShortNovember: "Ноя",
|
||||
DatePickerMonthLongDecember: "Декабрь",
|
||||
DatePickerMonthShortDecember: "Дек",
|
||||
DatePickerDayLongSunday: "Воскресенье",
|
||||
DatePickerDayShortSunday: "Вс",
|
||||
DatePickerDayLongMonday: "Понедельник",
|
||||
DatePickerDayShortMonday: "Пн",
|
||||
DatePickerDayLongTuesday: "Вторник",
|
||||
DatePickerDayShortTuesday: "Вт",
|
||||
DatePickerDayLongWednesday: "Среда",
|
||||
DatePickerDayShortWednesday: "Ср",
|
||||
DatePickerDayLongThursday: "Четверг",
|
||||
DatePickerDayShortThursday: "Чт",
|
||||
DatePickerDayLongFriday: "Пятница",
|
||||
DatePickerDayShortFriday: "Пт",
|
||||
DatePickerDayLongSaturday: "Суббота",
|
||||
DatePickerDayShortSaturday: "Сб",
|
||||
DatePickerGoToToday: "Сегодня",
|
||||
DatePickerIsRequiredErrorMessage: "",
|
||||
DatePickerInvalidInputErrorMessage: "",
|
||||
DatePickerIsOutOfBoundsErrorMessage: "",
|
||||
DateTimePickerDate: "Date",
|
||||
DateTimePickerTime: "Time",
|
||||
DateTimePickerTimeSeparator: ":",
|
||||
DateTimePickerHourValueInvalid: "Incorrect hour value"
|
||||
};
|
||||
});
|
||||
|
||||
//# sourceMappingURL=ru-ru.js.map
|
|
@ -1,7 +0,0 @@
|
|||
define([], function() {
|
||||
return {
|
||||
"PropertyPaneDescription": "",
|
||||
"BasicGroupName": "Settings",
|
||||
"DescriptionFieldLabel": "Accordion Section"
|
||||
}
|
||||
});
|
|
@ -1 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?><Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types"><Default Extension="xml" ContentType="text/xml"></Default><Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"></Default><Default Extension="webpart" ContentType="text/xml"></Default><Default Extension="htm" ContentType="text/html"></Default><Default Extension="html" ContentType="text/html"></Default><Default Extension="aspx" ContentType="text/xml"></Default><Default Extension="resx" ContentType="text/xml"></Default><Default Extension="js" ContentType="application/javascript"></Default><Default Extension="json" ContentType="application/json"></Default><Default Extension="png" ContentType="image/png"></Default><Default Extension="jpg" ContentType="image/jpeg"></Default><Default Extension="bmp" ContentType="image/bmp"></Default><Default Extension="gif" ContentType="image/gif"></Default></Types>
|
|
@ -1 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?><Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/manifest-feature" Target="/feature_061da2cd-f680-4da5-ab30-40a8ba1aafd8.xml" Id="r17"></Relationship><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/manifest-clientsideasset" Target="/ClientSideAssets.xml" Id="r18"></Relationship></Relationships>
|
|
@ -1 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?><Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/partconfiguration" Target="/ClientSideAssets.xml.config.xml" Id="r3"></Relationship><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/clientsideasset" Target="/ClientSideAssets/accordionv1-controlstrings_de-de_07a34c4548532bb0f1010620b013e736.js" Id="r4"></Relationship><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/clientsideasset" Target="/ClientSideAssets/accordionv1-controlstrings_en-us_e37091da0d5566e2e16e6c3289d5c831.js" Id="r5"></Relationship><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/clientsideasset" Target="/ClientSideAssets/accordionv1-controlstrings_fr-fr_633ab0ae62c5c0b7783ca9a8c6099a30.js" Id="r6"></Relationship><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/clientsideasset" Target="/ClientSideAssets/accordionv1-controlstrings_lt-lt_d0c5f974d9b26e97b29b3c3873101474.js" Id="r7"></Relationship><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/clientsideasset" Target="/ClientSideAssets/accordionv1-controlstrings_nl-nl_5960f3a21ae1244cee35abb86324e6e6.js" Id="r8"></Relationship><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/clientsideasset" Target="/ClientSideAssets/accordionv1-controlstrings_ru-ru_a8dc923f09b17f43c313cb4fbcf5e2af.js" Id="r9"></Relationship><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/clientsideasset" Target="/ClientSideAssets/accordionv1-reactaccordionwebpartstrings_en-us_b0a7eba2aefefec0c6866d168ad6d85f.js" Id="r10"></Relationship><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/clientsideasset" Target="/ClientSideAssets/react-accordion-web-part_16d8669712c9bdf489af15111200367e.js" Id="r11"></Relationship><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/clientsideasset" Target="/ClientSideAssets/react-accordion-web-part_872f990fafe8cc4862c899093174c795.js" Id="r12"></Relationship><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/clientsideasset" Target="/ClientSideAssets/react-accordion-web-part_b20af2d3c6b0609873d87fa05fc04b12.js" Id="r13"></Relationship><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/clientsideasset" Target="/ClientSideAssets/react-accordion-web-part_f9813e003eba818aca0528e71a2e2f97.js" Id="r14"></Relationship><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/clientsideasset" Target="/ClientSideAssets/061da2cd-f680-4da5-ab30-40a8ba1aafd8_color.png" Id="r15"></Relationship><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/clientsideasset" Target="/ClientSideAssets/061da2cd-f680-4da5-ab30-40a8ba1aafd8_outline.png" Id="r16"></Relationship></Relationships>
|
|
@ -1 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?><Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/partconfiguration" Target="/feature_061da2cd-f680-4da5-ab30-40a8ba1aafd8.xml.config.xml" Id="r1"></Relationship><Relationship Type="http://schemas.microsoft.com/sharepoint/2012/app/relationships/feature-elementmanifest" Target="/061da2cd-f680-4da5-ab30-40a8ba1aafd8/WebPart_061da2cd-f680-4da5-ab30-40a8ba1aafd8.xml" Id="r2"></Relationship></Relationships>
|
|
@ -1 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?><Feature xmlns="http://schemas.microsoft.com/sharepoint/" Title="Dynamic Accordion Section Feature" Description="A feature which activates the Client-Side WebPart named Dynamic Accordion Section" Id="061da2cd-f680-4da5-ab30-40a8ba1aafd8" Version="1.0.0.0" Scope="Web" Hidden="FALSE"></Feature>
|
|
@ -1 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?><AppPartConfig xmlns="http://schemas.microsoft.com/sharepoint/2012/app/partconfiguration"><Id>ad123ed4-20be-4dd3-98ee-c41d85c52199</Id></AppPartConfig>
|
|
@ -35,6 +35,8 @@ export interface IReactAccordionWebPartProps {
|
|||
allowMultipleExpanded: boolean;
|
||||
accordianTitleColumn: string;
|
||||
accordianContentColumn: string;
|
||||
accordianSortColumn: string;
|
||||
isSortDescending: false;
|
||||
}
|
||||
|
||||
export default class ReactAccordionWebPart extends BaseClientSideWebPart<
|
||||
|
@ -65,6 +67,8 @@ export default class ReactAccordionWebPart extends BaseClientSideWebPart<
|
|||
accordionTitle: this.properties.accordionTitle,
|
||||
accordianTitleColumn: this.properties.accordianTitleColumn,
|
||||
accordianContentColumn: this.properties.accordianContentColumn,
|
||||
accordianSortColumn: this.properties.accordianSortColumn,
|
||||
isSortDescending: this.properties.isSortDescending,
|
||||
allowZeroExpanded: this.properties.allowZeroExpanded,
|
||||
allowMultipleExpanded: this.properties.allowMultipleExpanded,
|
||||
displayMode: this.displayMode,
|
||||
|
@ -342,6 +346,17 @@ export default class ReactAccordionWebPart extends BaseClientSideWebPart<
|
|||
options: this.allListColumns,
|
||||
disabled: this.choicesDropdownDisabled,
|
||||
}),
|
||||
PropertyPaneDropdown("accordianSortColumn", {
|
||||
label: "Select the Column for Accordion Sort Rows.",
|
||||
options: this.allListColumns,
|
||||
disabled: this.choicesDropdownDisabled,
|
||||
}),
|
||||
PropertyPaneToggle("isSortDescending", {
|
||||
label: "Sort type",
|
||||
onText: "Descending",
|
||||
offText: "Ascending",
|
||||
disabled: !this.properties.accordianSortColumn
|
||||
}),
|
||||
PropertyPaneToggle("allowZeroExpanded", {
|
||||
label: "Allow zero expanded",
|
||||
checked: this.properties.allowZeroExpanded,
|
||||
|
|
|
@ -7,6 +7,8 @@ export interface IReactAccordionProps {
|
|||
selectedChoice: string;
|
||||
accordianTitleColumn: string;
|
||||
accordianContentColumn: string;
|
||||
accordianSortColumn: string;
|
||||
isSortDescending: boolean;
|
||||
allowZeroExpanded: boolean;
|
||||
allowMultipleExpanded: boolean;
|
||||
displayMode: DisplayMode;
|
||||
|
|
|
@ -46,12 +46,24 @@ export default class ReactAccordion extends React.Component<
|
|||
typeof this.props.selectedChoice !== "undefined" &&
|
||||
this.props.selectedChoice.length > 0
|
||||
) {
|
||||
let query =
|
||||
"<View><Query><Where><Eq><FieldRef Name='" +
|
||||
this.props.columnTitle +
|
||||
"'/><Value Type='Text'>" +
|
||||
this.props.selectedChoice +
|
||||
"</Value></Eq></Where></Query></View>";
|
||||
let orderByQuery = '';
|
||||
if (this.props.accordianSortColumn) {
|
||||
orderByQuery = `<OrderBy>
|
||||
<FieldRef Name='${this.props.accordianSortColumn}' ${this.props.isSortDescending ? 'Ascending="False"' : ''} />
|
||||
</OrderBy>`;
|
||||
}
|
||||
|
||||
let query = `<View>
|
||||
<Query>
|
||||
<Where>
|
||||
<Eq>
|
||||
<FieldRef Name='${this.props.columnTitle}'/>
|
||||
<Value Type='Text'>${this.props.selectedChoice}</Value>
|
||||
</Eq>
|
||||
</Where>
|
||||
${orderByQuery}
|
||||
</Query>
|
||||
</View>`;
|
||||
|
||||
let theAccordianList = sp.web.lists.getById(this.props.listId);
|
||||
theAccordianList
|
||||
|
|
|
@ -0,0 +1,104 @@
|
|||
{
|
||||
"bundles": {
|
||||
"adaptive-card-host-web-part": {
|
||||
"dependencies": [
|
||||
{
|
||||
"componentId": "f9e737b7-f0df-4597-ba8c-3060f82380db",
|
||||
"componentName": "@microsoft/sp-property-pane",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": true
|
||||
},
|
||||
{
|
||||
"componentId": "1c6c9123-7aac-41f3-a376-3caea41ed83f",
|
||||
"componentName": "@microsoft/sp-loader",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "8217e442-8ed3-41fd-957d-b112e841286a",
|
||||
"componentName": "@ms/sp-telemetry",
|
||||
"componentVersion": "0.19.2",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "e40f8203-b39d-425a-a957-714852e33b79",
|
||||
"componentName": "@microsoft/sp-dynamic-data",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "73e1dc6c-8441-42cc-ad47-4bd3659f8a3a",
|
||||
"componentName": "@microsoft/sp-lodash-subset",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "7263c7d0-1d6a-45ec-8d85-d4d1d234171b",
|
||||
"componentName": "@microsoft/sp-core-library",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "01c4df03-e775-48cb-aa14-171ee5199a15",
|
||||
"componentName": "tslib",
|
||||
"componentVersion": "1.10.0",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "2e09fb9b-13bb-48f2-859f-97d6fff71176",
|
||||
"componentName": "@ms/odsp-core-bundle",
|
||||
"componentVersion": "1.1.13",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "78359e4b-07c2-43c6-8d0b-d060b4d577e8",
|
||||
"componentName": "@microsoft/sp-diagnostics",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "1c4541f7-5c31-41aa-9fa8-fbc9dc14c0a8",
|
||||
"componentName": "@microsoft/sp-page-context",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "229b8d08-79f3-438b-8c21-4613fc877abd",
|
||||
"componentName": "@microsoft/load-themed-styles",
|
||||
"componentVersion": "0.1.2",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "c07208f0-ea3b-4c1a-9965-ac1b825211a6",
|
||||
"componentName": "@microsoft/sp-http",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "0d910c1c-13b9-4e1c-9aa4-b008c5e42d7d",
|
||||
"componentName": "react",
|
||||
"componentVersion": "16.9.0",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "aa0a46ec-1505-43cd-a44a-93f3a5aa460a",
|
||||
"componentName": "react-dom",
|
||||
"componentVersion": "16.9.0",
|
||||
"isDirectDependency": false
|
||||
},
|
||||
{
|
||||
"componentId": "467dc675-7cc5-4709-8aac-78e3b71bd2f6",
|
||||
"componentName": "@microsoft/sp-component-base",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": true
|
||||
},
|
||||
{
|
||||
"componentId": "974a7777-0990-4136-8fa6-95d80114c2e0",
|
||||
"componentName": "@microsoft/sp-webpart-base",
|
||||
"componentVersion": "1.12.1",
|
||||
"isDirectDependency": true
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
|
@ -0,0 +1,96 @@
|
|||
{
|
||||
"id": "16f46d20-f1db-4464-9516-7b23db8b069d",
|
||||
"alias": "AdaptiveCardHostWebPart",
|
||||
"componentType": "WebPart",
|
||||
"version": "0.0.1",
|
||||
"manifestVersion": 2,
|
||||
"supportsThemeVariants": true,
|
||||
"requiresCustomScript": false,
|
||||
"supportedHosts": [
|
||||
"SharePointWebPart"
|
||||
],
|
||||
"preconfiguredEntries": [
|
||||
{
|
||||
"groupId": "5c03119e-3074-46fd-976b-c60198311f70",
|
||||
"group": {
|
||||
"default": "Other"
|
||||
},
|
||||
"title": {
|
||||
"default": "Adaptive Card Host"
|
||||
},
|
||||
"description": {
|
||||
"default": "Displays Adaptive Cards within SharePoint"
|
||||
},
|
||||
"iconImageUrl": "data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='96px' height='96px' viewBox='0 0 96 96' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3Eadaptive_cards%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E%3C/defs%3E %3Cg id='assets' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='adaptive_cards'%3E %3Cg id='Group-21'%3E %3Crect id='Rectangle-17-Copy-22' fill='%233A96DD' x='0' y='0' width='96' height='96' rx='48'%3E%3C/rect%3E %3Cg id='Page-1' transform='translate(22.000000, 30.000000)' fill='%23FFFFFF'%3E %3Cg id='Group-3'%3E %3Cpath d='M6.38596491,0.911322807 C2.86091228,0.911322807 0,3.77223509 0,7.29728772 L0,19.9702351 L3.19298246,19.9702351 L3.19298246,7.29728772 C3.19298246,5.53795439 4.62663158,4.10430526 6.38596491,4.10430526 L35.122807,4.10430526 L35.122807,0.911322807 L6.38596491,0.911322807 Z' id='Fill-1'%3E%3C/path%3E %3C/g%3E %3Cpolygon id='Fill-4' points='0 36.0341298 12.922 36.0341298 12.922 32.8411474 5.45042105 32.8411474 15.8052632 22.4894982 13.5478246 20.2320596 3.19298246 30.5837088 3.19298246 23.1632175 0 23.1632175'%3E%3C/polygon%3E %3Cg id='Group-8' transform='translate(35.122807, 0.000000)'%3E %3Cpolygon id='Fill-6' points='3.19298246 0.911322807 3.19298246 4.10430526 10.5144912 4.10430526 0.159649123 14.4591474 2.41708772 16.716586 12.7719298 6.36174386 12.7719298 13.6832526 15.9649123 13.6832526 15.9649123 0.911322807'%3E%3C/polygon%3E %3C/g%3E %3Cpath d='M47.8947368,29.6481649 C47.8947368,31.4106912 46.4610877,32.8411474 44.7017544,32.8411474 L16.1149825,32.8411474 L16.1149825,36.0341298 L44.7017544,36.0341298 C48.226807,36.0341298 51.0877193,33.1732175 51.0877193,29.6481649 L51.0877193,16.8762351 L47.8947368,16.8762351 L47.8947368,29.6481649 Z' id='Fill-9'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E",
|
||||
"properties": {
|
||||
"template": "",
|
||||
"data": "",
|
||||
"dynamicTemplate": {},
|
||||
"useTemplating": false
|
||||
}
|
||||
}
|
||||
],
|
||||
"loaderConfig": {
|
||||
"internalModuleBaseUrls": [
|
||||
"<!-- PATH TO CDN -->"
|
||||
],
|
||||
"entryModuleId": "adaptive-card-host-web-part",
|
||||
"scriptResources": {
|
||||
"adaptive-card-host-web-part": {
|
||||
"type": "path",
|
||||
"path": "adaptive-card-host-web-part.js"
|
||||
},
|
||||
"@microsoft/sp-property-pane": {
|
||||
"type": "component",
|
||||
"id": "f9e737b7-f0df-4597-ba8c-3060f82380db",
|
||||
"version": "1.12.1"
|
||||
},
|
||||
"@microsoft/sp-component-base": {
|
||||
"type": "component",
|
||||
"id": "467dc675-7cc5-4709-8aac-78e3b71bd2f6",
|
||||
"version": "1.12.1"
|
||||
},
|
||||
"@microsoft/sp-core-library": {
|
||||
"type": "component",
|
||||
"id": "7263c7d0-1d6a-45ec-8d85-d4d1d234171b",
|
||||
"version": "1.12.1"
|
||||
},
|
||||
"@microsoft/sp-webpart-base": {
|
||||
"type": "component",
|
||||
"id": "974a7777-0990-4136-8fa6-95d80114c2e0",
|
||||
"version": "1.12.1"
|
||||
},
|
||||
"react": {
|
||||
"type": "component",
|
||||
"id": "0d910c1c-13b9-4e1c-9aa4-b008c5e42d7d",
|
||||
"version": "16.9.0"
|
||||
},
|
||||
"react-dom": {
|
||||
"type": "component",
|
||||
"id": "aa0a46ec-1505-43cd-a44a-93f3a5aa460a",
|
||||
"version": "16.9.0"
|
||||
},
|
||||
"@microsoft/sp-http": {
|
||||
"type": "component",
|
||||
"id": "c07208f0-ea3b-4c1a-9965-ac1b825211a6",
|
||||
"version": "1.12.1"
|
||||
},
|
||||
"AdaptiveCardHostWebPartStrings": {
|
||||
"type": "path",
|
||||
"path": "AdaptiveCardHostWebPartStrings_en-us.js"
|
||||
},
|
||||
"PropertyControlStrings": {
|
||||
"type": "localizedPath",
|
||||
"paths": {
|
||||
"en-US": "PropertyControlStrings_en-us.js",
|
||||
"fr-FR": "PropertyControlStrings_fr-fr.js",
|
||||
"nl-NL": "PropertyControlStrings_nl-nl.js",
|
||||
"no": "PropertyControlStrings_no.js",
|
||||
"ru-RU": "PropertyControlStrings_ru-ru.js",
|
||||
"zh-CN": "PropertyControlStrings_zh-cn.js"
|
||||
},
|
||||
"defaultPath": "PropertyControlStrings_en-us.js"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -0,0 +1,9 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
|
||||
<ClientSideComponentInstance
|
||||
Title="ReferenceInjector"
|
||||
Location="ClientSideExtension.ApplicationCustomizer"
|
||||
ComponentId="038b8074-854b-488f-9d6f-7ecf671a99b8"
|
||||
Properties="{"testMessage":"Test message"}">
|
||||
</ClientSideComponentInstance>
|
||||
</Elements>
|
|
@ -0,0 +1,9 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
|
||||
<CustomAction
|
||||
Title="ReferenceInjector"
|
||||
Location="ClientSideExtension.ApplicationCustomizer"
|
||||
ClientSideComponentId="038b8074-854b-488f-9d6f-7ecf671a99b8"
|
||||
ClientSideComponentProperties="{"testMessage":"Test message"}">
|
||||
</CustomAction>
|
||||
</Elements>
|
|
@ -0,0 +1 @@
|
|||
|
|
@ -0,0 +1,34 @@
|
|||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
|
||||
# Dependency directories
|
||||
node_modules
|
||||
|
||||
# Build generated files
|
||||
dist
|
||||
lib
|
||||
release
|
||||
solution
|
||||
temp
|
||||
*.sppkg
|
||||
|
||||
# Coverage directory used by tools like istanbul
|
||||
coverage
|
||||
|
||||
# OSX
|
||||
.DS_Store
|
||||
|
||||
# Visual Studio files
|
||||
.ntvs_analysis.dat
|
||||
.vs
|
||||
bin
|
||||
obj
|
||||
|
||||
# Resx Generated Code
|
||||
*.resx.ts
|
||||
|
||||
# Styles Generated Code
|
||||
*.scss.ts
|
||||
*.scss.d.ts
|
|
@ -0,0 +1,12 @@
|
|||
{
|
||||
"@microsoft/generator-sharepoint": {
|
||||
"isCreatingSolution": true,
|
||||
"environment": "spo",
|
||||
"version": "1.12.1",
|
||||
"libraryName": "react-at-a-glance",
|
||||
"libraryId": "bd5e0004-6f21-4734-bea0-9a1b4e0937c9",
|
||||
"packageManager": "npm",
|
||||
"isDomainIsolated": false,
|
||||
"componentType": "webpart"
|
||||
}
|
||||
}
|
|
@ -0,0 +1,105 @@
|
|||
# react-at-a-glance
|
||||
|
||||
## Summary
|
||||
|
||||
This sample shows a web part to show the first few sentences of an article in a SharePoint site, so that the article can be looked at a glance.
|
||||
|
||||
The idea is based of the *At a glance* section of a news in the BBC news app (beta).
|
||||
|
||||
### Highlights
|
||||
- Usage of `SPHttpClient` or `PnP JS`
|
||||
- Conditional property enabling
|
||||
- Usage of regex to get the sentences from article content
|
||||
- Usage of Carousel for mobile view
|
||||
- Usage of the width property to control web part views (small or learge)
|
||||
|
||||
## Demo
|
||||
|
||||
### Small section / mobile view
|
||||
|
||||
![demo](./assets/demo.gif)
|
||||
|
||||
## Screenshot of the article in mobile view
|
||||
|
||||
![article-content-mobile](./assets/article-content-mobile.png)
|
||||
|
||||
### Large section / desktop view
|
||||
|
||||
![article-content](./assets/at_a_glance_large.png)
|
||||
|
||||
## Screenshot of the article in desktop
|
||||
|
||||
![article-content-desktop](./assets/article-content-desktop.png)
|
||||
|
||||
## Compatibility
|
||||
|
||||
![SPFx 1.12.1](https://img.shields.io/badge/SPFx-1.12.1-green.svg)
|
||||
![Node.js LTS v14 | LTS v12 | LTS v10](https://img.shields.io/badge/Node.js-LTS%20v14%20%7C%20LTS%20v12%20%7C%20LTS%20v10-green.svg)
|
||||
![SharePoint Online](https://img.shields.io/badge/SharePoint-Online-yellow.svg)
|
||||
![Teams N/A: Untested with Microsoft Teams](https://img.shields.io/badge/Teams-N%2FA-lightgrey.svg "Untested with Microsoft Teams")
|
||||
![Workbench Hosted: Does not work with local workbench](https://img.shields.io/badge/Workbench-Hosted-yellow.svg "Does not work with local workbench")
|
||||
|
||||
|
||||
## 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
|
||||
|
||||
None
|
||||
|
||||
## Solution
|
||||
|
||||
Solution|Author(s)
|
||||
--------|---------
|
||||
react-at-a-glance | [Anoop Tatti](https://github.com/anoopt) ([https://linktr.ee/anoopt](https://linktr.ee/anoopt))
|
||||
|
||||
## Version history
|
||||
|
||||
Version|Date|Comments
|
||||
-------|----|--------
|
||||
1.0|September 07, 2021|Initial release
|
||||
|
||||
## Minimal Path to Awesome
|
||||
|
||||
- Clone this repository
|
||||
- Ensure that you are at the solution folder
|
||||
- in the command-line run:
|
||||
- **npm install**
|
||||
- **gulp serve**
|
||||
- Open a news article
|
||||
- Add `?loadSPFX=true&debugManifestsFile=https://localhost:4321/temp/manifests.js` to the URL
|
||||
- Add the `At a glance` web part to the page
|
||||
|
||||
## Features
|
||||
|
||||
The web part also has properties to show custom text instead of article text. Upto 3 custom sentences can be added in the properties.
|
||||
|
||||
![custom-props](./assets/custom_props.png)
|
||||
|
||||
## 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.**
|
||||
|
||||
## Help
|
||||
|
||||
We do not support samples, but we 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, [create a new issue](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=bug-report.yml&sample=react-at-a-glance&authors=@anoopt&title=react-at-a-glance%20-%20).
|
||||
|
||||
For questions regarding this sample, [create a new question](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=question.yml&sample=react-at-a-glance&authors=@anoopt&title=react-at-a-glance%20-%20).
|
||||
|
||||
Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=suggestion.yml&sample=react-at-a-glance&authors=@anoopt&title=react-at-a-glance%20-%20).
|
||||
|
||||
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-at-a-glance" />
|
After Width: | Height: | Size: 391 KiB |
After Width: | Height: | Size: 61 KiB |
After Width: | Height: | Size: 179 KiB |
After Width: | Height: | Size: 32 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 2.7 MiB |
|
@ -0,0 +1,81 @@
|
|||
[
|
||||
{
|
||||
"name": "pnp-sp-dev-spfx-web-parts-react-at-a-glance",
|
||||
"source": "pnp",
|
||||
"title": "At a Glance",
|
||||
"shortDescription": "This sample shows a web part to show the first few sentences of an article in a SharePoint site, so that the article can be looked at a glance.",
|
||||
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-at-a-glance",
|
||||
"longDescription": [
|
||||
"This sample shows a web part to show the first few sentences of an article in a SharePoint site, so that the article can be looked at a glance.",
|
||||
"The idea is based of the At a glance section of a news in the BBC news app."
|
||||
],
|
||||
"creationDateTime": "2021-09-07",
|
||||
"updateDateTime": "2021-09-07",
|
||||
"products": [
|
||||
"SharePoint",
|
||||
"Office"
|
||||
],
|
||||
"metadata": [
|
||||
{
|
||||
"key": "CLIENT-SIDE-DEV",
|
||||
"value": "React"
|
||||
},
|
||||
{
|
||||
"key": "SPFX-VERSION",
|
||||
"value": "1.12.1"
|
||||
}
|
||||
],
|
||||
"thumbnails": [
|
||||
{
|
||||
"type": "image",
|
||||
"order": 100,
|
||||
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-at-a-glance/assets/demo.gif",
|
||||
"alt": "Preview"
|
||||
},
|
||||
{
|
||||
"type": "image",
|
||||
"order": 100,
|
||||
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-at-a-glance/assets/article-content-desktop.png",
|
||||
"alt": "Preview"
|
||||
},
|
||||
{
|
||||
"type": "image",
|
||||
"order": 100,
|
||||
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-at-a-glance/assets/article-content-mobile.png",
|
||||
"alt": "Preview"
|
||||
},
|
||||
{
|
||||
"type": "image",
|
||||
"order": 100,
|
||||
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-at-a-glance/assets/article-content.png",
|
||||
"alt": "Preview"
|
||||
},
|
||||
{
|
||||
"type": "image",
|
||||
"order": 100,
|
||||
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-at-a-glance/assets/at_a_glance_large.png",
|
||||
"alt": "Preview"
|
||||
},
|
||||
{
|
||||
"type": "image",
|
||||
"order": 100,
|
||||
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-at-a-glance/assets/custom_props.png",
|
||||
"alt": "Preview"
|
||||
}
|
||||
],
|
||||
"authors": [
|
||||
{
|
||||
"gitHubAccount": "anoopt",
|
||||
"pictureUrl": "https://github.com/anoopt.png",
|
||||
"name": "Anoop Tatti"
|
||||
}
|
||||
],
|
||||
"references": [
|
||||
{
|
||||
"name": "Build your first SharePoint client-side web part",
|
||||
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/config.2.0.schema.json",
|
||||
"version": "2.0",
|
||||
"bundles": {
|
||||
"news-glance-web-part": {
|
||||
"components": [
|
||||
{
|
||||
"entrypoint": "./lib/webparts/newsGlance/NewsGlanceWebPart.js",
|
||||
"manifest": "./src/webparts/newsGlance/NewsGlanceWebPart.manifest.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"externals": {},
|
||||
"localizedResources": {
|
||||
"NewsGlanceWebPartStrings": "lib/webparts/newsGlance/loc/{locale}.js",
|
||||
"ControlStrings": "node_modules/@pnp/spfx-controls-react/lib/loc/{locale}.js"
|
||||
}
|
||||
}
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/copy-assets.schema.json",
|
||||
"deployCdnPath": "./release/assets/"
|
||||
}
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/deploy-azure-storage.schema.json",
|
||||
"workingDir": "./release/assets/",
|
||||
"account": "<!-- STORAGE ACCOUNT NAME -->",
|
||||
"container": "react-at-a-glance",
|
||||
"accessKey": "<!-- ACCESS KEY -->"
|
||||
}
|
|
@ -0,0 +1,20 @@
|
|||
{
|
||||
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
|
||||
"solution": {
|
||||
"name": "react-at-a-glance-client-side-solution",
|
||||
"id": "bd5e0004-6f21-4734-bea0-9a1b4e0937c9",
|
||||
"version": "1.0.0.0",
|
||||
"includeClientSideAssets": true,
|
||||
"isDomainIsolated": false,
|
||||
"developer": {
|
||||
"name": "",
|
||||
"websiteUrl": "",
|
||||
"privacyUrl": "",
|
||||
"termsOfUseUrl": "",
|
||||
"mpnId": ""
|
||||
}
|
||||
},
|
||||
"paths": {
|
||||
"zippedPackage": "solution/react-at-a-glance.sppkg"
|
||||
}
|
||||
}
|
|
@ -0,0 +1,10 @@
|
|||
{
|
||||
"$schema": "https://developer.microsoft.com/json-schemas/core-build/serve.schema.json",
|
||||
"port": 4321,
|
||||
"https": true,
|
||||
"initialPage": "https://localhost:5432/workbench",
|
||||
"api": {
|
||||
"port": 5432,
|
||||
"entryPath": "node_modules/@microsoft/sp-webpart-workbench/lib/api/"
|
||||
}
|
||||
}
|
|
@ -0,0 +1,4 @@
|
|||
{
|
||||
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/write-manifests.schema.json",
|
||||
"cdnBasePath": "<!-- PATH TO CDN -->"
|
||||
}
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"$schema": "https://raw.githubusercontent.com/s-KaiNet/spfx-fast-serve/master/schema/config.1.1.schema.json",
|
||||
"cli": {
|
||||
"isLibraryComponent": false
|
||||
},
|
||||
"serve": {
|
||||
"open": false
|
||||
}
|
||||
}
|
|
@ -0,0 +1,24 @@
|
|||
/*
|
||||
* User webpack settings file. You can add your own settings here.
|
||||
* Changes from this file will be merged into the base webpack configuration file.
|
||||
* This file will not be overwritten by the subsequent spfx-fast-serve calls.
|
||||
*/
|
||||
|
||||
// you can add your project related webpack configuration here, it will be merged using webpack-merge module
|
||||
// i.e. plugins: [new webpack.Plugin()]
|
||||
const webpackConfig = {
|
||||
|
||||
}
|
||||
|
||||
// for even more fine-grained control, you can apply custom webpack settings using below function
|
||||
const transformConfig = function (initialWebpackConfig) {
|
||||
// transform the initial webpack config here, i.e.
|
||||
// initialWebpackConfig.plugins.push(new webpack.Plugin()); etc.
|
||||
|
||||
return initialWebpackConfig;
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
webpackConfig,
|
||||
transformConfig
|
||||
}
|
|
@ -0,0 +1,22 @@
|
|||
'use strict';
|
||||
|
||||
const build = require('@microsoft/sp-build-web');
|
||||
|
||||
build.addSuppression(`Warning - [sass] The local CSS class 'ms-Grid' is not camelCase and will not be type-safe.`);
|
||||
|
||||
var getTasks = build.rig.getTasks;
|
||||
build.rig.getTasks = function () {
|
||||
var result = getTasks.call(build.rig);
|
||||
|
||||
result.set('serve', result.get('serve-deprecated'));
|
||||
|
||||
return result;
|
||||
};
|
||||
|
||||
/* fast-serve */
|
||||
const { addFastServe } = require("spfx-fast-serve-helpers");
|
||||
addFastServe(build);
|
||||
/* end of fast-serve */
|
||||
|
||||
build.initialize(require('gulp'));
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
{
|
||||
"name": "react-at-a-glance",
|
||||
"version": "0.0.1",
|
||||
"private": true,
|
||||
"main": "lib/index.js",
|
||||
"scripts": {
|
||||
"build": "gulp bundle",
|
||||
"clean": "gulp clean",
|
||||
"test": "gulp test",
|
||||
"serve": "gulp bundle --custom-serve --max_old_space_size=4096 && fast-serve"
|
||||
},
|
||||
"dependencies": {
|
||||
"@microsoft/sp-core-library": "1.12.1",
|
||||
"@microsoft/sp-lodash-subset": "1.12.1",
|
||||
"@microsoft/sp-office-ui-fabric-core": "1.12.1",
|
||||
"@microsoft/sp-property-pane": "1.12.1",
|
||||
"@microsoft/sp-webpart-base": "1.12.1",
|
||||
"@pnp/sp": "^2.8.0",
|
||||
"@pnp/spfx-controls-react": "3.3.0",
|
||||
"office-ui-fabric-react": "7.156.0",
|
||||
"react": "16.9.0",
|
||||
"react-dom": "16.9.0",
|
||||
"react-multi-carousel": "^2.6.5"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/react": "16.9.36",
|
||||
"@types/react-dom": "16.9.8",
|
||||
"@microsoft/sp-build-web": "1.12.1",
|
||||
"@microsoft/sp-tslint-rules": "1.12.1",
|
||||
"@microsoft/sp-module-interfaces": "1.12.1",
|
||||
"@microsoft/sp-webpart-workbench": "1.12.1",
|
||||
"@microsoft/rush-stack-compiler-3.7": "0.2.3",
|
||||
"gulp": "~4.0.2",
|
||||
"ajv": "~5.2.2",
|
||||
"@types/webpack-env": "1.13.1",
|
||||
"spfx-fast-serve-helpers": "~1.12.0"
|
||||
}
|
||||
}
|
|
@ -1,2 +1 @@
|
|||
// A file is required to be in the root of the /src directory by the TypeScript compiler
|
||||
//# sourceMappingURL=index.js.map
|
|
@ -0,0 +1,6 @@
|
|||
export interface IArticle {
|
||||
title?: string;
|
||||
link?: string;
|
||||
imageUrl?: string;
|
||||
content?: string;
|
||||
}
|
|
@ -0,0 +1,4 @@
|
|||
export interface INewsGlanceCardProps {
|
||||
imageUrl?: string;
|
||||
title?: string;
|
||||
}
|
|
@ -0,0 +1,5 @@
|
|||
export interface INewsGlanceLargeProps {
|
||||
showImage: boolean;
|
||||
imageUrl: string;
|
||||
sentences: string[];
|
||||
}
|
|
@ -0,0 +1,5 @@
|
|||
export interface INewsGlanceSmallProps {
|
||||
showImage: boolean;
|
||||
imageUrl: string;
|
||||
sentences: string[];
|
||||
}
|
|
@ -0,0 +1,4 @@
|
|||
export { IArticle } from './IArticle';
|
||||
export { INewsGlanceLargeProps } from './INewsGlanceLargeProps';
|
||||
export { INewsGlanceSmallProps } from './INewsGlanceSmallProps';
|
||||
export { INewsGlanceCardProps } from './INewsGlanceCardProps';
|
|
@ -0,0 +1,83 @@
|
|||
import { extendFactory } from "@pnp/odata";
|
||||
import { SPRest } from "@pnp/sp";
|
||||
import { Web, IWeb } from "@pnp/sp/webs";
|
||||
import "@pnp/sp/lists";
|
||||
import "@pnp/sp/items";
|
||||
import "@pnp/sp/comments";
|
||||
import { WebPartContext } from "@microsoft/sp-webpart-base";
|
||||
import { IArticle } from "./interfaces";
|
||||
|
||||
declare module "@pnp/sp/webs" {
|
||||
interface IWeb {
|
||||
getArticle: (this: IWeb, id: number) => Promise<IArticle>;
|
||||
}
|
||||
}
|
||||
|
||||
// extend the web factory to add our needed methods
|
||||
extendFactory(Web, {
|
||||
|
||||
getArticle: async function (this: IWeb, id: number): Promise<IArticle> {
|
||||
|
||||
try {
|
||||
const article = await this.lists.getByTitle("Site Pages").items
|
||||
.getById(id)
|
||||
.select("Title", "BannerImageUrl", "FileRef", "CanvasContent1")
|
||||
<{
|
||||
Title: string,
|
||||
BannerImageUrl: {
|
||||
Url: string
|
||||
},
|
||||
FileRef: string,
|
||||
CanvasContent1: string
|
||||
}>();
|
||||
|
||||
return {
|
||||
title: article.Title,
|
||||
link: article.FileRef,
|
||||
imageUrl: article.BannerImageUrl?.Url,
|
||||
content: article.CanvasContent1
|
||||
};
|
||||
} catch (error) {
|
||||
return null;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
let _context: WebPartContext | null = null;
|
||||
let _sp: SPRest | null = null;
|
||||
|
||||
// a method we can use across the application to get a valid sp object, even when
|
||||
// we no longer have access to the context, such as within views. This must be called
|
||||
// the first time from the core ACE class to capture a ref to the context
|
||||
export function getSP(context: WebPartContext = _context): SPRest {
|
||||
|
||||
if (typeof _sp !== "undefined" && _sp !== null) {
|
||||
return _sp;
|
||||
}
|
||||
|
||||
if (_context === null) {
|
||||
_context = context;
|
||||
}
|
||||
|
||||
if (typeof _context === "undefined" || _context === null) {
|
||||
throw Error("You must call getSP passing the context within the Extension class before using it child views.");
|
||||
}
|
||||
|
||||
const sp = new SPRest();
|
||||
|
||||
// setup our sp as needed for this application
|
||||
sp.setup({
|
||||
spfxContext: context,
|
||||
sp: {
|
||||
headers: {
|
||||
"Accept": "application/json;odata=nometadata",
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
_sp = sp;
|
||||
|
||||
return sp;
|
||||
}
|
|
@ -1,40 +1,28 @@
|
|||
{
|
||||
"$schema": "https://developer.microsoft.com/json-schemas/spfx/client-side-web-part-manifest.schema.json",
|
||||
"id": "061da2cd-f680-4da5-ab30-40a8ba1aafd8",
|
||||
"alias": "ReactAccordionWebPart",
|
||||
"componentType": "WebPart",
|
||||
|
||||
// The "*" signifies that the version should be taken from the package.json
|
||||
"version": "*",
|
||||
"manifestVersion": 2,
|
||||
|
||||
// If true, the component can only be installed on sites where Custom Script is allowed.
|
||||
// Components that allow authors to embed arbitrary script code should set this to true.
|
||||
// https://support.office.com/en-us/article/Turn-scripting-capabilities-on-or-off-1f2c515f-5d7e-448a-9fd7-835da935584f
|
||||
"requiresCustomScript": false,
|
||||
"supportedHosts": ["SharePointWebPart", "TeamsTab"],
|
||||
"loadLegacyFabricCss": true,
|
||||
|
||||
"preconfiguredEntries": [{
|
||||
"groupId": "5c03119e-3074-46fd-976b-c60198311f70", // Other
|
||||
"group": {
|
||||
"default": "Other"
|
||||
},
|
||||
"title": {
|
||||
"default": "Dynamic Accordion Section"
|
||||
},
|
||||
"description": {
|
||||
"default": "Collapsible accordion section for displaying list data based on Category and Dynamic selection"
|
||||
},
|
||||
"officeFabricIconFontName": "MusicInCollectionFill",
|
||||
"properties": {
|
||||
"description": "Dynamic React Accordion",
|
||||
"listId": "",
|
||||
"columnTitle": "",
|
||||
"selectedChoice": "",
|
||||
"accordianTitleColumn": "",
|
||||
"accordianContentColumn": "",
|
||||
"allowZeroExpanded": true
|
||||
}
|
||||
}]
|
||||
}
|
||||
{
|
||||
"$schema": "https://developer.microsoft.com/json-schemas/spfx/client-side-web-part-manifest.schema.json",
|
||||
"id": "a869678a-45e9-401b-a58f-46bd4460c175",
|
||||
"alias": "NewsGlanceWebPart",
|
||||
"componentType": "WebPart",
|
||||
|
||||
// The "*" signifies that the version should be taken from the package.json
|
||||
"version": "*",
|
||||
"manifestVersion": 2,
|
||||
|
||||
// If true, the component can only be installed on sites where Custom Script is allowed.
|
||||
// Components that allow authors to embed arbitrary script code should set this to true.
|
||||
// https://support.office.com/en-us/article/Turn-scripting-capabilities-on-or-off-1f2c515f-5d7e-448a-9fd7-835da935584f
|
||||
"requiresCustomScript": false,
|
||||
"supportedHosts": ["SharePointWebPart"],
|
||||
|
||||
"preconfiguredEntries": [{
|
||||
"groupId": "5c03119e-3074-46fd-976b-c60198311f70", // Other
|
||||
"group": { "default": "Other" },
|
||||
"title": { "default": "At a glance" },
|
||||
"description": { "default": "Shows the first n lines of a news article" },
|
||||
"officeFabricIconFontName": "View",
|
||||
"properties": {
|
||||
"showImage": true,
|
||||
"numberOfSentences": 3
|
||||
}
|
||||
}]
|
||||
}
|
|
@ -0,0 +1,153 @@
|
|||
import * as React from 'react';
|
||||
import * as ReactDom from 'react-dom';
|
||||
import { Version } from '@microsoft/sp-core-library';
|
||||
import {
|
||||
IPropertyPaneConfiguration,
|
||||
PropertyPaneTextField,
|
||||
PropertyPaneToggle
|
||||
} from '@microsoft/sp-property-pane';
|
||||
import { BaseClientSideWebPart } from '@microsoft/sp-webpart-base';
|
||||
import { SPHttpClient, SPHttpClientConfiguration, SPHttpClientResponse, ODataVersion, ISPHttpClientConfiguration } from '@microsoft/sp-http';
|
||||
|
||||
import * as strings from 'NewsGlanceWebPartStrings';
|
||||
import NewsGlanceLarge from './components/NewsGlanceLarge';
|
||||
import { IArticle, INewsGlanceLargeProps, INewsGlanceSmallProps } from '../../interfaces';
|
||||
import { getSP } from '../../pnpjs';
|
||||
import NewsGlanceSmall from './components/NewsGlanceSmall';
|
||||
|
||||
export interface INewsGlanceWebPartProps {
|
||||
showImage: boolean;
|
||||
numberOfSentences: number;
|
||||
showStaticContent: boolean;
|
||||
firstContent: string;
|
||||
secondContent: string;
|
||||
thirdContent: string;
|
||||
}
|
||||
|
||||
export default class NewsGlanceWebPart extends BaseClientSideWebPart<INewsGlanceWebPartProps> {
|
||||
|
||||
private imageUrl: string = "";
|
||||
private sentences: string[] = [];
|
||||
|
||||
private async loadDetails(): Promise<void> {
|
||||
|
||||
const spHttpClient: SPHttpClient = this.context.spHttpClient;
|
||||
const currentWebUrl: string = this.context.pageContext.web.absoluteUrl;
|
||||
|
||||
const response = await spHttpClient.get(
|
||||
`${currentWebUrl}/_api/web/lists/getbytitle('Site Pages')/items(${this.context.pageContext.listItem.id})?$select=Title,BannerImageUrl,FileRef,CanvasContent1`,
|
||||
SPHttpClient.configurations.v1);
|
||||
|
||||
const currentPageDetails = await response.json();
|
||||
|
||||
const article: IArticle = {
|
||||
content: currentPageDetails.CanvasContent1,
|
||||
imageUrl: currentPageDetails.BannerImageUrl.Url,
|
||||
link: currentPageDetails.FileRef,
|
||||
title: currentPageDetails.Title
|
||||
};
|
||||
|
||||
this.imageUrl = article.imageUrl;
|
||||
|
||||
if(this.properties.showStaticContent) {
|
||||
|
||||
this.sentences = [
|
||||
this.properties.firstContent,
|
||||
this.properties.secondContent,
|
||||
this.properties.thirdContent
|
||||
];
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
//remove html tags
|
||||
let articleContent = article.content.replace(/(<([^>]+)>)/gi, "");
|
||||
|
||||
//remove any GUIDs
|
||||
articleContent = articleContent.replace(/(\{){0,1}[0-9a-fA-F]{8}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{12}(\}){0,1}/g, "");
|
||||
|
||||
let articleContentSentences: string[] = articleContent.match(/([^ \r\n][^!?\.\r\n]+[\w!?\.]+)/g);
|
||||
this.sentences = articleContentSentences?.slice(0, this.properties.numberOfSentences);
|
||||
}
|
||||
|
||||
|
||||
public async render(): Promise<void> {
|
||||
await this.loadDetails();
|
||||
|
||||
let element: any;
|
||||
|
||||
if (this.width < 400) {
|
||||
element = React.createElement(
|
||||
NewsGlanceSmall,
|
||||
{
|
||||
showImage: this.properties.showImage,
|
||||
imageUrl: this.imageUrl,
|
||||
sentences: this.sentences
|
||||
}
|
||||
);
|
||||
} else {
|
||||
element = React.createElement(
|
||||
NewsGlanceLarge,
|
||||
{
|
||||
showImage: this.properties.showImage,
|
||||
imageUrl: this.imageUrl,
|
||||
sentences: this.sentences
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
ReactDom.render(element, this.domElement);
|
||||
}
|
||||
|
||||
protected onDispose(): void {
|
||||
ReactDom.unmountComponentAtNode(this.domElement);
|
||||
}
|
||||
|
||||
protected get dataVersion(): Version {
|
||||
return Version.parse('1.0');
|
||||
}
|
||||
|
||||
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
||||
return {
|
||||
pages: [
|
||||
{
|
||||
header: {
|
||||
description: "Properties"
|
||||
},
|
||||
groups: [
|
||||
{
|
||||
groupName: "Settings",
|
||||
groupFields: [
|
||||
PropertyPaneToggle('showImage', {
|
||||
label: "Show image"
|
||||
}),
|
||||
PropertyPaneTextField('numberOfSentences', {
|
||||
label: "Number of sentences to get",
|
||||
disabled: this.properties.showStaticContent
|
||||
}),
|
||||
PropertyPaneToggle('showStaticContent', {
|
||||
label: "Show static content"
|
||||
}),
|
||||
PropertyPaneTextField('firstContent', {
|
||||
label: "First summary sentence",
|
||||
multiline: true,
|
||||
disabled: !this.properties.showStaticContent
|
||||
}),
|
||||
PropertyPaneTextField('secondContent', {
|
||||
label: "Second summary sentence",
|
||||
multiline: true,
|
||||
disabled: !this.properties.showStaticContent
|
||||
}),
|
||||
PropertyPaneTextField('thirdContent', {
|
||||
label: "Third summary sentence",
|
||||
multiline: true,
|
||||
disabled: !this.properties.showStaticContent
|
||||
})
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
}
|
||||
}
|
|
@ -0,0 +1,23 @@
|
|||
@import '~office-ui-fabric-react/dist/sass/References.scss';
|
||||
|
||||
|
||||
.newsGlancecard {
|
||||
|
||||
|
||||
.wrapper {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.textWrapper{
|
||||
padding: 10%;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 18px;
|
||||
color: $ms-color-themeLighter;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,22 @@
|
|||
import * as React from 'react';
|
||||
import { INewsGlanceCardProps } from '../../../interfaces';
|
||||
import styles from './NewsGlanceCard.module.scss';
|
||||
|
||||
const NewsGlanceCard: React.FunctionComponent<INewsGlanceCardProps> = (props) => {
|
||||
|
||||
return (
|
||||
<div className={styles.newsGlancecard}>
|
||||
<div className={styles.wrapper}>
|
||||
{
|
||||
props.imageUrl ?
|
||||
<img src={props.imageUrl} className={styles.image} /> :
|
||||
<div className={styles.textWrapper}>
|
||||
<h3 className={styles.title}>{props.title}</h3>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default NewsGlanceCard;
|
|
@ -0,0 +1,50 @@
|
|||
@import '~office-ui-fabric-react/dist/sass/References.scss';
|
||||
|
||||
.newsGlanceLarge {
|
||||
.container {
|
||||
border: 1px solid $ms-color-themeDark;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.glanceTitleContainer {
|
||||
display: flex;
|
||||
margin-bottom: 5px;
|
||||
|
||||
.glanceIcon {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.glanceTitle {
|
||||
margin: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.item {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.leftItem {
|
||||
max-width: 150px;
|
||||
object-fit: contain;
|
||||
align-self: flex-start;
|
||||
}
|
||||
|
||||
.rightItem {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.articleImage {
|
||||
width: 100%;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.ulGlance {
|
||||
list-style: circle;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.liGlance {
|
||||
@include ms-font-l;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,36 @@
|
|||
import * as React from 'react';
|
||||
import styles from './NewsGlanceLarge.module.scss';
|
||||
import { INewsGlanceLargeProps } from '../../../interfaces';
|
||||
import NewsGlanceTitle from './NewsGlanceTitle';
|
||||
|
||||
|
||||
const NewsGlanceLarge: React.FunctionComponent<INewsGlanceLargeProps> = (props) => {
|
||||
|
||||
return (
|
||||
<div className={styles.newsGlanceLarge}>
|
||||
<NewsGlanceTitle title="At a glance" />
|
||||
<div className={styles.container}>
|
||||
{/* <div className={styles.row}> */}
|
||||
{
|
||||
props.showImage &&
|
||||
<div className={`${styles.item} ${styles.leftItem}`}>
|
||||
<img className={styles.articleImage} src={props.imageUrl} />
|
||||
</div>
|
||||
}
|
||||
<div className={`${styles.item} ${styles.rightItem}`}>
|
||||
<ul className={styles.ulGlance}>
|
||||
{
|
||||
props.sentences.map((s) => {
|
||||
return <li className={styles.liGlance}>{s}</li>;
|
||||
})
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
{/* </div> */}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
};
|
||||
|
||||
export default NewsGlanceLarge;
|
|
@ -0,0 +1,22 @@
|
|||
@import '~office-ui-fabric-react/dist/sass/References.scss';
|
||||
|
||||
.newsGlanceSmall {
|
||||
|
||||
.container {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.carouselItem {
|
||||
background-color: $ms-color-themeDark;
|
||||
// display: flex;
|
||||
min-height: 150px;
|
||||
height: 98%;
|
||||
// justify-content: center;
|
||||
}
|
||||
|
||||
.carouselDotList {
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
}
|
|
@ -0,0 +1,64 @@
|
|||
import * as React from 'react';
|
||||
import { INewsGlanceSmallProps } from '../../../interfaces';
|
||||
import NewsGlanceCard from './NewsGlanceCard';
|
||||
import styles from './NewsGlanceSmall.module.scss';
|
||||
// import { Carousel, CarouselButtonsDisplay, CarouselButtonsLocation, CarouselIndicatorShape } from "@pnp/spfx-controls-react/lib/Carousel";
|
||||
import Carousel from "react-multi-carousel";
|
||||
import "react-multi-carousel/lib/styles.css";
|
||||
import NewsGlanceTitle from './NewsGlanceTitle';
|
||||
|
||||
const NewsGlanceSmall: React.FunctionComponent<INewsGlanceSmallProps> = (props) => {
|
||||
|
||||
let imageElement: JSX.Element =
|
||||
<div className={`${styles.carouselItem}`}>
|
||||
<NewsGlanceCard imageUrl={props.imageUrl} />
|
||||
</div>;
|
||||
let sentenceElements: JSX.Element[] =
|
||||
props.sentences.map((s) => {
|
||||
return <div className={`${styles.carouselItem}`} >
|
||||
<NewsGlanceCard title={s} />
|
||||
</div>;
|
||||
});
|
||||
|
||||
const responsive = {
|
||||
desktop: {
|
||||
breakpoint: { max: 3000, min: 1024 },
|
||||
items: 1
|
||||
},
|
||||
tablet: {
|
||||
breakpoint: { max: 1024, min: 464 },
|
||||
items: 1
|
||||
},
|
||||
mobile: {
|
||||
breakpoint: { max: 464, min: 0 },
|
||||
items: 1
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div className={styles.newsGlanceSmall}>
|
||||
<NewsGlanceTitle title="At a glance" />
|
||||
{/* <Carousel
|
||||
buttonsLocation={CarouselButtonsLocation.center}
|
||||
buttonsDisplay={CarouselButtonsDisplay.buttonsOnly}
|
||||
contentContainerStyles={styles.container}
|
||||
isInfinite={false}
|
||||
indicatorShape={CarouselIndicatorShape.circle}
|
||||
interval={null}
|
||||
element={props.showImage ? [imageElement, ...sentenceElements] : [...sentenceElements]}>
|
||||
</Carousel> */}
|
||||
<Carousel
|
||||
responsive={responsive}
|
||||
containerClass={styles.container}
|
||||
showDots={true}
|
||||
renderDotsOutside={true}
|
||||
dotListClass={styles.carouselDotList}
|
||||
removeArrowOnDeviceType={['mobile', 'tablet', 'desktop']}>
|
||||
{props.showImage && imageElement}
|
||||
{sentenceElements}
|
||||
</Carousel>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default NewsGlanceSmall;
|