honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'dev'

This commit is contained in:
VesaJuvonen 2019-05-13 19:13:13 +03:00
parent 5dca7cb216 ef0fffe82f
commit 51c228f46d
6 changed files with 586 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
samples/react-calendar/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "react-calendar", "name": "react-calendar",
"version": "0.0.1", "version": "1.0.0",
"private": true, "private": true,
"engines": { "engines": {
"node": ">=0.10.0" "node": ">=0.10.0"

1
samples/react-calendar/src/controls/Event/event.tsx
View File

@ -167,7 +167,6 @@ export class Event extends React.Component<IEventProps, IEventState> {
const end = moment(endDateTime, 'YYYY/MM/DD HH:mm').toLocaleString(); const end = moment(endDateTime, 'YYYY/MM/DD HH:mm').toLocaleString();
eventData.end = new Date(end); eventData.end = new Date(end);
debugger;
// get Geolocation // get Geolocation
eventData.geolocation = { Latitude: this.latitude, Longitude: this.longitude }; eventData.geolocation = { Latitude: this.latitude, Longitude: this.longitude };

544
samples/react-calendar/src/services/spservices.ts
View File

@ -13,7 +13,7 @@ import * as moment from 'moment';
import { SiteUser } from "@pnp/sp/src/siteusers"; import { SiteUser } from "@pnp/sp/src/siteusers";
import { IUserPermissions } from './IUserPermissions'; import { IUserPermissions } from './IUserPermissions';
import { dateAdd } from "@pnp/common"; import { dateAdd } from "@pnp/common";
import { escape } from '@microsoft/sp-lodash-subset';
const ADMIN_ROLETEMPLATE_ID = "62e90394-69f5-4237-9190-012177145e10"; // Global Admin TemplateRoleId const ADMIN_ROLETEMPLATE_ID = "62e90394-69f5-4237-9190-012177145e10"; // Global Admin TemplateRoleId
// Class Services // Class Services
@ -60,7 +60,12 @@ export default class spservices {
siteTimeZoneDaylightBias = siteRegionalSettings.Information.DaylightBias; siteTimeZoneDaylightBias = siteRegionalSettings.Information.DaylightBias;
// Formula to calculate the number of hours need to get UTC Date. // Formula to calculate the number of hours need to get UTC Date.
numberHours = (siteTimeZoneBias / 60) + (siteTimeZoneDaylightBias / 60) - currentDateTimeOffSet; // numberHours = (siteTimeZoneBias / 60) + (siteTimeZoneDaylightBias / 60) - currentDateTimeOffSet;
if ( siteTimeZoneBias >= 0 ){
numberHours = ((siteTimeZoneBias / 60) - currentDateTimeOffSet) + siteTimeZoneDaylightBias/60 ;
}else {
numberHours = ((siteTimeZoneBias / 60) - currentDateTimeOffSet) ;
}
} }
catch (error) { catch (error) {
return Promise.reject(error); return Promise.reject(error);
@ -235,10 +240,12 @@ export default class spservices {
let userPermissions: IUserPermissions = undefined; let userPermissions: IUserPermissions = undefined;
try { try {
const web = new Web(siteUrl); const web = new Web(siteUrl);
hasPermissionAdd = await web.lists.getById(listId).currentUserHasPermissions(PermissionKind.AddListItems); const userEffectivePermissions = await web.lists.getById(listId).effectiveBasePermissions.get();
hasPermissionEdit = await web.lists.getById(listId).currentUserHasPermissions(PermissionKind.EditListItems); // chaeck user permissions
hasPermissionDelete = await web.lists.getById(listId).currentUserHasPermissions(PermissionKind.DeleteListItems); hasPermissionAdd = sp.web.lists.getById(listId).hasPermissions(userEffectivePermissions, PermissionKind.AddListItems);
hasPermissionView = await web.lists.getById(listId).currentUserHasPermissions(PermissionKind.ViewListItems); hasPermissionEdit =sp.web.lists.getById(listId).hasPermissions(userEffectivePermissions, PermissionKind.EditListItems);
hasPermissionDelete =sp.web.lists.getById(listId).hasPermissions(userEffectivePermissions, PermissionKind.DeleteListItems);
hasPermissionView = sp.web.lists.getById(listId).hasPermissions(userEffectivePermissions, PermissionKind.ViewListItems);
userPermissions = { hasPermissionAdd: hasPermissionAdd, hasPermissionEdit: hasPermissionEdit, hasPermissionDelete: hasPermissionDelete, hasPermissionView: hasPermissionView }; userPermissions = { hasPermissionAdd: hasPermissionAdd, hasPermissionEdit: hasPermissionEdit, hasPermissionDelete: hasPermissionDelete, hasPermissionView: hasPermissionView };
} catch (error) { } catch (error) {
return Promise.reject(error); return Promise.reject(error);
@ -394,10 +401,10 @@ export default class spservices {
events.push({ events.push({
id: event.ID, id: event.ID,
title: event.Title, title: await this.deCodeHtmlEntities(event.Title),
Description: event.Description, Description: event.Description,
// start: moment(event.EventDate).utc().toDate().setUTCMinutes(this.siteTimeZoneOffSet), // start: moment(event.EventDate).utc().toDate().setUTCMinutes(this.siteTimeZoneOffSet),
start: new Date(moment(event.EventDate).subtract(siteTimeZoneHoursToUTC, 'hour').toISOString()), start: new Date(moment(event.EventDate).subtract((siteTimeZoneHoursToUTC), 'hour').toISOString()),
// end: new Date(moment(event.EndDate).toLocaleString()), // end: new Date(moment(event.EndDate).toLocaleString()),
end: new Date(moment(event.EndDate).subtract(siteTimeZoneHoursToUTC, 'hour').toISOString()), end: new Date(moment(event.EndDate).subtract(siteTimeZoneHoursToUTC, 'hour').toISOString()),
location: event.Location, location: event.Location,
@ -467,4 +474,525 @@ export default class spservices {
return Promise.reject(error); return Promise.reject(error);
} }
} }
public async enCodeHtmlEntities(string: string) {
const HtmlEntitiesMap = {
"'": "&apos;",
"<": "&lt;",
">": "&gt;",
" ": "&nbsp;",
"¡": "&iexcl;",
"¢": "&cent;",
"£": "&pound;",
"¤": "&curren;",
"¥": "&yen;",
"¦": "&brvbar;",
"§": "&sect;",
"¨": "&uml;",
"©": "&copy;",
"ª": "&ordf;",
"«": "&laquo;",
"¬": "&not;",
"®": "&reg;",
"¯": "&macr;",
"°": "&deg;",
"±": "&plusmn;",
"²": "&sup2;",
"³": "&sup3;",
"´": "&acute;",
"µ": "&micro;",
"¶": "&para;",
"·": "&middot;",
"¸": "&cedil;",
"¹": "&sup1;",
"º": "&ordm;",
"»": "&raquo;",
"¼": "&frac14;",
"½": "&frac12;",
"¾": "&frac34;",
"¿": "&iquest;",
"À": "&Agrave;",
"Á": "&Aacute;",
"Â": "&Acirc;",
"Ã": "&Atilde;",
"Ä": "&Auml;",
"Å": "&Aring;",
"Æ": "&AElig;",
"Ç": "&Ccedil;",
"È": "&Egrave;",
"É": "&Eacute;",
"Ê": "&Ecirc;",
"Ë": "&Euml;",
"Ì": "&Igrave;",
"Í": "&Iacute;",
"Î": "&Icirc;",
"Ï": "&Iuml;",
"Ð": "&ETH;",
"Ñ": "&Ntilde;",
"Ò": "&Ograve;",
"Ó": "&Oacute;",
"Ô": "&Ocirc;",
"Õ": "&Otilde;",
"Ö": "&Ouml;",
"×": "&times;",
"Ø": "&Oslash;",
"Ù": "&Ugrave;",
"Ú": "&Uacute;",
"Û": "&Ucirc;",
"Ü": "&Uuml;",
"Ý": "&Yacute;",
"Þ": "&THORN;",
"ß": "&szlig;",
"à": "&agrave;",
"á": "&aacute;",
"â": "&acirc;",
"ã": "&atilde;",
"ä": "&auml;",
"å": "&aring;",
"æ": "&aelig;",
"ç": "&ccedil;",
"è": "&egrave;",
"é": "&eacute;",
"ê": "&ecirc;",
"ë": "&euml;",
"ì": "&igrave;",
"í": "&iacute;",
"î": "&icirc;",
"ï": "&iuml;",
"ð": "&eth;",
"ñ": "&ntilde;",
"ò": "&ograve;",
"ó": "&oacute;",
"ô": "&ocirc;",
"õ": "&otilde;",
"ö": "&ouml;",
"÷": "&divide;",
"ø": "&oslash;",
"ù": "&ugrave;",
"ú": "&uacute;",
"û": "&ucirc;",
"ü": "&uuml;",
"ý": "&yacute;",
"þ": "&thorn;",
"ÿ": "&yuml;",
"Œ": "&OElig;",
"œ": "&oelig;",
"Š": "&Scaron;",
"š": "&scaron;",
"Ÿ": "&Yuml;",
"ƒ": "&fnof;",
"ˆ": "&circ;",
"˜": "&tilde;",
"Α": "&Alpha;",
"Β": "&Beta;",
"Γ": "&Gamma;",
"Δ": "&Delta;",
"Ε": "&Epsilon;",
"Ζ": "&Zeta;",
"Η": "&Eta;",
"Θ": "&Theta;",
"Ι": "&Iota;",
"Κ": "&Kappa;",
"Λ": "&Lambda;",
"Μ": "&Mu;",
"Ν": "&Nu;",
"Ξ": "&Xi;",
"Ο": "&Omicron;",
"Π": "&Pi;",
"Ρ": "&Rho;",
"Σ": "&Sigma;",
"Τ": "&Tau;",
"Υ": "&Upsilon;",
"Φ": "&Phi;",
"Χ": "&Chi;",
"Ψ": "&Psi;",
"Ω": "&Omega;",
"α": "&alpha;",
"β": "&beta;",
"γ": "&gamma;",
"δ": "&delta;",
"ε": "&epsilon;",
"ζ": "&zeta;",
"η": "&eta;",
"θ": "&theta;",
"ι": "&iota;",
"κ": "&kappa;",
"λ": "&lambda;",
"μ": "&mu;",
"ν": "&nu;",
"ξ": "&xi;",
"ο": "&omicron;",
"π": "&pi;",
"ρ": "&rho;",
"ς": "&sigmaf;",
"σ": "&sigma;",
"τ": "&tau;",
"υ": "&upsilon;",
"φ": "&phi;",
"χ": "&chi;",
"ψ": "&psi;",
"ω": "&omega;",
"ϑ": "&thetasym;",
"ϒ": "&Upsih;",
"ϖ": "&piv;",
"–": "&ndash;",
"—": "&mdash;",
"‘": "&lsquo;",
"’": "&rsquo;",
"‚": "&sbquo;",
"“": "&ldquo;",
"”": "&rdquo;",
"„": "&bdquo;",
"†": "&dagger;",
"‡": "&Dagger;",
"•": "&bull;",
"…": "&hellip;",
"‰": "&permil;",
"′": "&prime;",
"″": "&Prime;",
"‹": "&lsaquo;",
"›": "&rsaquo;",
"‾": "&oline;",
"⁄": "&frasl;",
"€": "&euro;",
"ℑ": "&image;",
"℘": "&weierp;",
"ℜ": "&real;",
"™": "&trade;",
"ℵ": "&alefsym;",
"←": "&larr;",
"↑": "&uarr;",
"→": "&rarr;",
"↓": "&darr;",
"↔": "&harr;",
"↵": "&crarr;",
"⇐": "&lArr;",
"⇑": "&UArr;",
"⇒": "&rArr;",
"⇓": "&dArr;",
"⇔": "&hArr;",
"∀": "&forall;",
"∂": "&part;",
"∃": "&exist;",
"∅": "&empty;",
"∇": "&nabla;",
"∈": "&isin;",
"∉": "&notin;",
"∋": "&ni;",
"∏": "&prod;",
"∑": "&sum;",
"−": "&minus;",
"∗": "&lowast;",
"√": "&radic;",
"∝": "&prop;",
"∞": "&infin;",
"∠": "&ang;",
"∧": "&and;",
"∨": "&or;",
"∩": "&cap;",
"∪": "&cup;",
"∫": "&int;",
"∴": "&there4;",
"∼": "&sim;",
"≅": "&cong;",
"≈": "&asymp;",
"≠": "&ne;",
"≡": "&equiv;",
"≤": "&le;",
"≥": "&ge;",
"⊂": "&sub;",
"⊃": "&sup;",
"⊄": "&nsub;",
"⊆": "&sube;",
"⊇": "&supe;",
"⊕": "&oplus;",
"⊗": "&otimes;",
"⊥": "&perp;",
"⋅": "&sdot;",
"⌈": "&lceil;",
"⌉": "&rceil;",
"⌊": "&lfloor;",
"⌋": "&rfloor;",
"⟨": "&lang;",
"⟩": "&rang;",
"◊": "&loz;",
"♠": "&spades;",
"♣": "&clubs;",
"♥": "&hearts;",
"♦": "&diams;"
};
var entityMap = HtmlEntitiesMap;
string = string.replace(/&/g, '&amp;');
string = string.replace(/"/g, '&quot;');
for (var key in entityMap) {
var entity = entityMap[key];
var regex = new RegExp(key, 'g');
string = string.replace(regex, entity);
}
return string;
}
public async deCodeHtmlEntities(string: string) {
const HtmlEntitiesMap = {
"'": "&#39;",
"<": "&lt;",
">": "&gt;",
" ": "&nbsp;",
"¡": "&iexcl;",
"¢": "&cent;",
"£": "&pound;",
"¤": "&curren;",
"¥": "&yen;",
"¦": "&brvbar;",
"§": "&sect;",
"¨": "&uml;",
"©": "&copy;",
"ª": "&ordf;",
"«": "&laquo;",
"¬": "&not;",
"®": "&reg;",
"¯": "&macr;",
"°": "&deg;",
"±": "&plusmn;",
"²": "&sup2;",
"³": "&sup3;",
"´": "&acute;",
"µ": "&micro;",
"¶": "&para;",
"·": "&middot;",
"¸": "&cedil;",
"¹": "&sup1;",
"º": "&ordm;",
"»": "&raquo;",
"¼": "&frac14;",
"½": "&frac12;",
"¾": "&frac34;",
"¿": "&iquest;",
"À": "&Agrave;",
"Á": "&Aacute;",
"Â": "&Acirc;",
"Ã": "&Atilde;",
"Ä": "&Auml;",
"Å": "&Aring;",
"Æ": "&AElig;",
"Ç": "&Ccedil;",
"È": "&Egrave;",
"É": "&Eacute;",
"Ê": "&Ecirc;",
"Ë": "&Euml;",
"Ì": "&Igrave;",
"Í": "&Iacute;",
"Î": "&Icirc;",
"Ï": "&Iuml;",
"Ð": "&ETH;",
"Ñ": "&Ntilde;",
"Ò": "&Ograve;",
"Ó": "&Oacute;",
"Ô": "&Ocirc;",
"Õ": "&Otilde;",
"Ö": "&Ouml;",
"×": "&times;",
"Ø": "&Oslash;",
"Ù": "&Ugrave;",
"Ú": "&Uacute;",
"Û": "&Ucirc;",
"Ü": "&Uuml;",
"Ý": "&Yacute;",
"Þ": "&THORN;",
"ß": "&szlig;",
"à": "&agrave;",
"á": "&aacute;",
"â": "&acirc;",
"ã": "&atilde;",
"ä": "&auml;",
"å": "&aring;",
"æ": "&aelig;",
"ç": "&ccedil;",
"è": "&egrave;",
"é": "&eacute;",
"ê": "&ecirc;",
"ë": "&euml;",
"ì": "&igrave;",
"í": "&iacute;",
"î": "&icirc;",
"ï": "&iuml;",
"ð": "&eth;",
"ñ": "&ntilde;",
"ò": "&ograve;",
"ó": "&oacute;",
"ô": "&ocirc;",
"õ": "&otilde;",
"ö": "&ouml;",
"÷": "&divide;",
"ø": "&oslash;",
"ù": "&ugrave;",
"ú": "&uacute;",
"û": "&ucirc;",
"ü": "&uuml;",
"ý": "&yacute;",
"þ": "&thorn;",
"ÿ": "&yuml;",
"Œ": "&OElig;",
"œ": "&oelig;",
"Š": "&Scaron;",
"š": "&scaron;",
"Ÿ": "&Yuml;",
"ƒ": "&fnof;",
"ˆ": "&circ;",
"˜": "&tilde;",
"Α": "&Alpha;",
"Β": "&Beta;",
"Γ": "&Gamma;",
"Δ": "&Delta;",
"Ε": "&Epsilon;",
"Ζ": "&Zeta;",
"Η": "&Eta;",
"Θ": "&Theta;",
"Ι": "&Iota;",
"Κ": "&Kappa;",
"Λ": "&Lambda;",
"Μ": "&Mu;",
"Ν": "&Nu;",
"Ξ": "&Xi;",
"Ο": "&Omicron;",
"Π": "&Pi;",
"Ρ": "&Rho;",
"Σ": "&Sigma;",
"Τ": "&Tau;",
"Υ": "&Upsilon;",
"Φ": "&Phi;",
"Χ": "&Chi;",
"Ψ": "&Psi;",
"Ω": "&Omega;",
"α": "&alpha;",
"β": "&beta;",
"γ": "&gamma;",
"δ": "&delta;",
"ε": "&epsilon;",
"ζ": "&zeta;",
"η": "&eta;",
"θ": "&theta;",
"ι": "&iota;",
"κ": "&kappa;",
"λ": "&lambda;",
"μ": "&mu;",
"ν": "&nu;",
"ξ": "&xi;",
"ο": "&omicron;",
"π": "&pi;",
"ρ": "&rho;",
"ς": "&sigmaf;",
"σ": "&sigma;",
"τ": "&tau;",
"υ": "&upsilon;",
"φ": "&phi;",
"χ": "&chi;",
"ψ": "&psi;",
"ω": "&omega;",
"ϑ": "&thetasym;",
"ϒ": "&Upsih;",
"ϖ": "&piv;",
"–": "&ndash;",
"—": "&mdash;",
"‘": "&lsquo;",
"’": "&rsquo;",
"‚": "&sbquo;",
"“": "&ldquo;",
"”": "&rdquo;",
"„": "&bdquo;",
"†": "&dagger;",
"‡": "&Dagger;",
"•": "&bull;",
"…": "&hellip;",
"‰": "&permil;",
"′": "&prime;",
"″": "&Prime;",
"‹": "&lsaquo;",
"›": "&rsaquo;",
"‾": "&oline;",
"⁄": "&frasl;",
"€": "&euro;",
"ℑ": "&image;",
"℘": "&weierp;",
"ℜ": "&real;",
"™": "&trade;",
"ℵ": "&alefsym;",
"←": "&larr;",
"↑": "&uarr;",
"→": "&rarr;",
"↓": "&darr;",
"↔": "&harr;",
"↵": "&crarr;",
"⇐": "&lArr;",
"⇑": "&UArr;",
"⇒": "&rArr;",
"⇓": "&dArr;",
"⇔": "&hArr;",
"∀": "&forall;",
"∂": "&part;",
"∃": "&exist;",
"∅": "&empty;",
"∇": "&nabla;",
"∈": "&isin;",
"∉": "&notin;",
"∋": "&ni;",
"∏": "&prod;",
"∑": "&sum;",
"−": "&minus;",
"∗": "&lowast;",
"√": "&radic;",
"∝": "&prop;",
"∞": "&infin;",
"∠": "&ang;",
"∧": "&and;",
"∨": "&or;",
"∩": "&cap;",
"∪": "&cup;",
"∫": "&int;",
"∴": "&there4;",
"∼": "&sim;",
"≅": "&cong;",
"≈": "&asymp;",
"≠": "&ne;",
"≡": "&equiv;",
"≤": "&le;",
"≥": "&ge;",
"⊂": "&sub;",
"⊃": "&sup;",
"⊄": "&nsub;",
"⊆": "&sube;",
"⊇": "&supe;",
"⊕": "&oplus;",
"⊗": "&otimes;",
"⊥": "&perp;",
"⋅": "&sdot;",
"⌈": "&lceil;",
"⌉": "&rceil;",
"⌊": "&lfloor;",
"⌋": "&rfloor;",
"⟨": "&lang;",
"⟩": "&rang;",
"◊": "&loz;",
"♠": "&spades;",
"♣": "&clubs;",
"♥": "&hearts;",
"♦": "&diams;"
};
var entityMap = HtmlEntitiesMap;
for (var key in entityMap) {
var entity = entityMap[key];
var regex = new RegExp(entity, 'g');
string = string.replace(regex, key);
}
string = string.replace(/&quot;/g, '"');
string = string.replace(/&amp;/g, '&');
return string;
}
} }

10
samples/react-calendar/src/webparts/calendar/components/Calendar.module.scss
View File

@ -38,10 +38,11 @@
border-style: 'solid'; border-style: 'solid';
border-width: 1.3px; border-width: 1.3px;
border-color: #e6e6e6; border-color: #e6e6e6;
height: 40px; height:auto;
justify-content: 'center'; justify-content: 'center';
display: 'flex'; display: 'flex';
align-items: 'top'; align-items: 'top';
} }
.eventStyle{ .eventStyle{
@ -55,12 +56,15 @@
} }
.DocumentCardTitle { .DocumentCardTitle {
font-weight: 'bold'; font-weight: $ms-font-weight-semibold;
height: '100%'; height: '100%';
text-overflow: ellipsis;
display: 'flex';
justify-content: 'center';
} }
.DocumentCardTitleTime{ .DocumentCardTitleTime{
padding-top: 10px;
justify-content: 'center'; justify-content: 'center';
display: 'flex'; display: 'flex';
align-items: 'top'; align-items: 'top';

1
samples/react-calendar/src/webparts/calendar/components/Calendar.tsx
View File

@ -202,7 +202,6 @@ export default class Calendar extends React.Component<ICalendarProps, ICalendarS
: :
<span className={styles.DocumentCardTitleTime}>{moment(event.start).format('dddd')} </span> <span className={styles.DocumentCardTitleTime}>{moment(event.start).format('dddd')} </span>
} }
<span className={styles.DocumentCardTitleTime}>{moment(event.start).format('HH:mm')}H - {moment(event.end).format('HH:mm')}H</span> <span className={styles.DocumentCardTitleTime}>{moment(event.start).format('HH:mm')}H - {moment(event.end).format('HH:mm')}H</span>
<Icon iconName='MapPin' className={styles.locationIcon} style={{ color: event.color }} /> <Icon iconName='MapPin' className={styles.locationIcon} style={{ color: event.color }} />
<DocumentCardTitle <DocumentCardTitle

6
samples/react-script-editor/README.md
View File

@ -118,11 +118,9 @@ Version|Date|Comments
- `gulp serve` - `gulp serve`
### Deploy ### Deploy
* Set CDN path in config\write-manifest.json to where you want to host the web part * gulp clean
* E.g.: https://&lt;tenant&gt;.sharepoint.com/sites/CDN/SiteAssets/SPFx/&lt;partname&gt; * gulp bundle --ship
* gulp --ship
* gulp package-solution --ship * gulp package-solution --ship
* Copy contents of temp\deploy to the CDN folder
* Upload .sppkg file from sharepoint\solution to your tenant App Catalog * Upload .sppkg file from sharepoint\solution to your tenant App Catalog
* E.g.: https://&lt;tenant&gt;.sharepoint.com/sites/AppCatalog/AppCatalog * E.g.: https://&lt;tenant&gt;.sharepoint.com/sites/AppCatalog/AppCatalog
* Add the web part to a site collection, and test it on a page * Add the web part to a site collection, and test it on a page