Forum Discussion
Employee Birthday Calendar Web Part
Hello dotunman210.
Please create on list of birthdays an Index by column "Birthday" is need to sort and filter birthdays.
I found that the webApiPermissions required to use Graph API was missing on webPart. and is that the problem.
I changed and create a new package. sppkg. Please Install the new sppkg,
https://sitenanuvem-my.sharepoint.com/:u:/g/personal/joao_j_mendes_sitenanuvem_pt/Ebl4y_iQ619Ppfq55rCS-m4BdEHGAaZ3VQEejwbbZ4Hxzw?e=u4Ztsh
and deploy you will see the consent panel and a message to inform to go to manage api management to aprove the API permissions.
go to:
SharePoint Admin Center - https://xxxx-admin.sharePoint.com and change to new . SharePoint admin center and go to :
API management and aprove the permissions that are in pending status.
Soon I will update a detailed documentation and new code and package on REPO.
Thank you.
João José Mendes, thanks, see my screeshots below.
Console log 1Console Log 2List Setting DefinitionList Item DefinitionBirthday - Date onlyDisplay Name Column - title
Hello dotunman210.
Please create on list of birthdays an Index by column "Birthday" is need to sort and filter birthdays.
I found that the webApiPermissions required to use Graph API was missing on webPart. and is that the problem.
I changed and create a new package. sppkg. Please Install the new sppkg,
https://sitenanuvem-my.sharepoint.com/:u:/g/personal/joao_j_mendes_sitenanuvem_pt/Ebl4y_iQ619Ppfq55rCS-m4BdEHGAaZ3VQEejwbbZ4Hxzw?e=u4Ztsh
and deploy you will see the consent panel and a message to inform to go to manage api management to aprove the API permissions.
go to:
SharePoint Admin Center - https://xxxx-admin.sharePoint.com and change to new . SharePoint admin center and go to :
API management and aprove the permissions that are in pending status.
Soon I will update a detailed documentation and new code and package on REPO.
Thank you.
João José Mendes Can you please share the updated link to download the nupkg file?
Hello Sir,
I got this message when I try the link.
I would like to add this webpart to my intranet.
Thanks in advance.
ThanksJoão José Mendes
I am concerned that I get this when I press F12 in the browser
Warning Using this tool exposes you to potential security threats that may cause other users to access your personal Office 365 data (documents, emails, conversations, and more). Make sure you trust the person or organization that has asked you to access this tool before continuing. Learn more here: https://technet.microsoft.com/en-us/library/bb794823.aspx- Please create an Index on list by column Birthday.
- WebPart does not render:
Something went wrong
If the problem persists, contact the site administrator and give them the information in Technical Details.
TECHNICAL DETAILS
[SPLoaderError.loadComponentError]:
***Failed to load component "e629ef30-a9ec-4713-b39a-2cfa8b323902" (BirthdaysWebPart). Original error: ***Manifest not found for component id "0d910c1c-13b9-4e1c-9aa4-b008c5e42d7d" and version "16.8.6".
***INNERERROR:
***Manifest not found for component id "0d910c1c-13b9-4e1c-9aa4-b008c5e42d7d" and version "16.8.6".
***CALLSTACK:
Error
at t [as constructor] (https://spoprod-a.akamaihd.net/files/sp-client-prod_2019-06-28.011/sp-pages-assembly_en-us_a0d4d2b534576bc5e1bd120c4f0eacaa.js:45:29877)
at new t (https://spoprod-a.akamaihd.net/files/sp-client-prod_2019-06-28.011/sp-pages-assembly_en-us_a0d4d2b534576bc5e1bd120c4f0eacaa.js:169:74253)
at Function.e.buildErrorWithVerboseLog (https://spoprod-a.akamaihd.net/files/sp-client-prod_2019-06-28.011/sp-pages-assembly_en-us_a0d4d2b534576bc5e1bd120c4f0eacaa.js:169:86503)
at Function.e.buildLoadComponentError (https://spoprod-a.akamaihd.net/files/sp-client-prod_2019-06-28.011/sp-pages-assembly_en-us_a0d4d2b534576bc5e1bd120c4f0eacaa.js:169:82534)
at https://spoprod-a.akamaihd.net/files/sp-client-prod_2019-06-28.011/sp-pages-assembly_en-us_a0d4d2b534576bc5e1bd120c4f0eacaa.js:169:103929 - Please can we get a actual sppkg file. Would this be Tenant-Neutral?
Hello,
Can someone share the latest sppkg file?
I am using sharepoint 2019 on premise and i have no idea how to build a sppkg.
Thx.
João José Mendes, I have followed through your instructions thoroughly, I have even index the birthday column, but I cannot approve the API management pending dependencies. See snapshot below what it says even though I am a Global admin. Kindly assist with an updated birthday sppkg version and how to solve this error. Thanks in advance.
API error
João José Mendes, thanks, after the Global Admin role has being granted and API management approval request has being granted. All is now ok.
Just one more thing, where do I remove the image background in the birthdays items showing up in my page webpart?
yes, I have approved the web api rights,
Here are the full console messages
Thank you!
did you approved the web api rights in new central admin ?
can you print all messages from the beginning of console ?
Thank you João José Mendes
I have deployed the updated file to the app catalog, however, the web part still does not fetch the data for over here.
The image below is a screen grab of the error in the page's console.
probably you only have sharePoint admin role ....
Please go to Office 365 Admin .> users - select the user and check the roles added to the user ...
João José Mendes, Thanks to your reply, am new to this admin center thing, How do I know I have access? I think I can register apps in azure App Registration panel, I can access admin center, this links https://portal.azure.com/, https://xxx-admin.sharepoint.com etc
you must have tenant global administrator role to approve web API permissions. please check if you have the right permissions.
João José Mendes, thanks to your reply, I first of all downloaded and added the spkg app to my app catalog, checked the deployed option and now went to the API management to approve. Below is what I am seeing, any advice at this stage.
Here the link . https://sitenanuvem-my.sharepoint.com/:u:/g/personal/joao_j_mendes_sitenanuvem_pt/Ebl4y_iQ619Ppfq55rCS-m4BdEHGAaZ3VQEejwbbZ4Hxzw?e=0AUUX4
Thank you.
João José Mendes, I tried this link but it says has expired, can you please re-paste the link so we can download and tryout? I think memunati also requested for it.
Thanks
Thank you for your replies so far, I have not been able to get it to work. Please, could you resend the link to the updated sppkg file? This link has expired now and I'm unable to download it.
João José Mendes Yup just saw this,now it's in Approved group also.
You are an awesome, after this Birthday webpart is working fine.
Can you do same for work anniversary webpart means instead of "Birthdate" we are using "Hire date" to show employees work anniversary but problem is currently we are using list because there is no web part is available for that.
Can you give me hint? How to show employees upcoming work anniversaries on modern site??
Byw thanks for your all support and specially for your awesome birthday webpart.
- Please verify if the permission needed already approved. In the approved group.
Thanks João José Mendes Thanks for prompt response and sending latest code.
I have deployed latest package from your DEV repository so now i can see Graph API under "API management" but when i'm going to approve these i'm facing the below issue.
I'm not able to approve all these 4, let me know your view regarding this.
The code was update with WebApiPermission required to web part work. If you want the code please try to download again from DEV repository.
https://github.com/SharePoint/sp-dev-fx-webparts/tree/dev/samples/react-birthdays
here the link for the latest sppkg.
https://sitenanuvem-my.sharepoint.com/:u:/g/personal/joao_j_mendes_sitenanuvem_pt/Ebl4y_iQ619Ppfq55rCS-m4BdEHGAaZ3VQEejwbbZ4Hxzw?e=W9Qdfe
thank you.
This link is expired now and i'm not able to download latest code, is this latest code or that code will work fine which i downloaded from GitHub.
https://sitenanuvem-my.sharepoint.com/:u:/g/personal/joao_j_mendes_sitenanuvem_pt/Ebl4y_iQ619Ppfq55rCS-m4BdEHGAaZ3VQEejwbbZ4Hxzw?e=u4Ztsh
