Notes
Notes - notes.io |
<svg width="561px" height="574px" viewBox="0 0 561 574" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
<title>EY_Logo_Beam_White_Yellow_C_CMYK</title>
<defs>
<polygon id="path-1" points="0.06 0.974 560.394 0.974 560.394 574 0.06 574">
</polygon>
</defs>
<g id="EY_Logo_Beam_White_Yellow_C_CMYK" stroke="none" stroke-width="1" fill="none"
fill-rule="evenodd">
<polyline id="Fill-1" fill="#FFFFFE"
points="89.916 462.031 192.417 462.031 192.417 402.511 89.916 402.511 89.916 355.734 203.304 355.734 165.685 290.537 4.903 290.537 4.903 574 231.667 574 231.667 508.803 89.916 508.803 89.916 462.031">
</polyline>
<g id="Group-5">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-3"></g>
<polyline id="Fill-2" fill="#FFFFFE" mask="url(#mask-2)"
points="382.589 290.537 334.439 383.042 286.405 290.537 192.411 290.537 291.452 462.031 291.452 574 376.206 574 376.206 462.031 475.378 290.537 382.589 290.537">
</polyline>
<polyline id="Fill-4" fill="#FBD020" mask="url(#mask-2)"
points="560.394 0.974 0 205.505 560.394 106.511 560.394 0.974">
</polyline>
</g>
</g>
</svg>
</span>
</a>
</div>
<span class="motif-header-app-name">Fabric Low Code Platform</span>
</div>
<div class="rightSideTopHeader">
<div class="motif-row motif-middle-xs motif-between-xs motif-header-search-content-wrapper">
<div class="motif-header-icons-placeholder">
<!--Help Dropwdown Start-->
<div class="motif-dropdown motif-dropdown-open d-flex justify-content-center align-items-center" id="helpDiv" data-motif-dropdown="true">
<div class="motif-dropdown-trigger">
<button id="dropdown-trigger-help" aria-label="help" aria-expanded="true"
aria-haspopup="true" aria-controls="dropdown-help" type="button"
class="motif-icon-button " data-motif-icon-button="true">
<span class="motif-icon" title="" data-motif-icon="true">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11 18H13V16H11V18ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM12 6C9.79 6 8 7.79 8 10H10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 12 11 11.75 11 15H13C13 12.75 16 12.5 16 10C16 7.79 14.21 6 12 6Z"
fill="white" />
</svg>
</span>
</button>
</div>
<div class="motif-dropdown-menu Custom-Dropdown-Container-Class"
x-placement="bottom-right" id="dropdown-help" role="menu"
aria-labelledby="dropdown-trigger-help" style="display: none; top: 100%;width:250px;">
<a href="#" onclick="openFeedbackEmail();">
<button id='feedBackBtn' role="menuitem"
class="motif-dropdown-item Custom-dropdown-button-class" tabindex="-1"
data-motif-dropdown-item="true" style="width: 100% !important;">
<span class="motif-icon" title="For any queries/feedback please write to us" data-motif-icon="true" id="feedBackIcon" style="display:flex;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24">
<path
d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z">
</path>
</svg>
</span>
Feedback
</button></a>
<button onclick="successModal()" id='helpBtn' role="menuitem"
class="motif-dropdown-item Custom-dropdown-button-class" tabindex="-1"
data-motif-dropdown-item="true" style="width: 100% !important;">
<span class="motif-icon" title="" data-motif-icon="true" id="helpIcon" style="display:flex;">
<svg width="24" height="24" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11 18H13V16H11V18ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM12 6C9.79 6 8 7.79 8 10H10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 12 11 11.75 11 15H13C13 12.75 16 12.5 16 10C16 7.79 14.21 6 12 6Z"
/>
</svg>
</span>
Help
</button>
{% editable snippets 'appstoremodal' type: 'html' %}
</div>
</div>
<!--Help Dropwdown End-->
<!--Profile Dropwdown Start-->
<div class="motif-dropdown motif-dropdown-open " id="ProfileViewDiv" data-motif-dropdown="true">
<div class="motif-dropdown-trigger">
{% assign words = user.fullname | split: " " %}
{% assign initials = "" %}
{% if words.size > 0 %}
{% assign initials = words[0] | slice: 0,1 %}
{% endif %}
{% if words.size > 1 %}
{% assign initials = initials | append: words[words.size - 1] | slice: 0,1 %}
{% endif %}
{% assign initials = initials | upcase %}
<button id="dropdown-trigger-2" aria-label="Profile" aria-expanded="true"
aria-haspopup="true" aria-controls="dropdown-2" type="button"
class="motif-icon-button " data-motif-icon-button="true">
<motif-avatar _ngcontent-ywp-c105="" data-motif-avatar="" size="medium"
class="motif-avatar size-medium login-avatar" _nghost-ywp-c103="">
<span _ngcontent-ywp-c103="" style="background: rgb(146, 43, 115);" role="img" class="username motif-avatar-initials">{{ initials }}</span>
<div id='divProfIcon'/>
</motif-avatar>
</button>
</div>
<div class="motif-dropdown-menu Custom-Dropdown-Container-Class"
x-placement="bottom-right" id="dropdown-Profile" role="menu"
aria-labelledby="dropdown-trigger-2" style="display: none; top: 100%;width: 250px">
{% assign username=user.fullname | escape %}
<a href="https://lowcodeappstore-poc.powerappsportals.com/profile-custom">
<button role="menuitem" id="ProfileBtn" class="motif-dropdown-item Custom-dropdown-button-class"
tabindex="-1" data-motif-dropdown-item="true" style="font-weight: 600;width: 100% !important;word-break: break-word;white-space: break-spaces;">
<span id="ProfNameIcon" class="motif-icon " title=""
data-motif-icon="true">{{ username | default: resx['Default_Profile_name'] }}</span>
</button>
</a>
<a id="external-link" href="https://powerplatformapp-store.powerappsportals.com/AppsManagement">
<button role="menuitem" class="motif-dropdown-item Custom-dropdown-button-class"
tabindex="-1" data-motif-dropdown-item="true" style="width:100% !important;">
Administration
<span class="motif-icon " title=""
data-motif-icon="true" style="padding-left: 10px;"> <svg width="22" height="22" viewBox="0 0 18 18" style="width:21px;height:21px" fill="none" xmlns="http://www.w3.org/2000/svg" id="IconChangeColor"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 13C12.5523 13 13 12.5523 13 12V3C13 2.44771 12.5523 2 12 2H3C2.44771 2 2 2.44771 2 3V6.5C2 6.77614 2.22386 7 2.5 7C2.77614 7 3 6.77614 3 6.5V3H12V12H8.5C8.22386 12 8 12.2239 8 12.5C8 12.7761 8.22386 13 8.5 13H12ZM9 6.5C9 6.5001 9 6.50021 9 6.50031V6.50035V9.5C9 9.77614 8.77614 10 8.5 10C8.22386 10 8 9.77614 8 9.5V7.70711L2.85355 12.8536C2.65829 13.0488 2.34171 13.0488 2.14645 12.8536C1.95118 12.6583 1.95118 12.3417 2.14645 12.1464L7.29289 7H5.5C5.22386 7 5 6.77614 5 6.5C5 6.22386 5.22386 6 5.5 6H8.5C8.56779 6 8.63244 6.01349 8.69139 6.03794C8.74949 6.06198 8.80398 6.09744 8.85143 6.14433C8.94251 6.23434 8.9992 6.35909 8.99999 6.49708L8.99999 6.49738" fill="#ffffff" id="mainIconPathAttribute"></path> </svg>
</span>
</button>
</a>
<button id='btnLogout' role="menuitem" class="motif-dropdown-item Custom-dropdown-button-class"
tabindex="-1" data-motif-dropdown-item="true" style="width:100% !important;"><span class="motif-icon " title=""
data-motif-icon="true" style="margin-left: -3px;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" style="width:21px;height:21px">
<path d="M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"></path>
</svg>
</span>
Logout
</button>
</div>
</div>
<!--Profile Dropwdown End-->
</div>
</div>
</header>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
var idleTime = 0;
$(document).ready(function () {
// Increment the idle time counter every minute.
var idleInterval = setInterval(timerIncrement, 60000); // 1 minute
// Zero the idle timer on mouse movement.
$(this).mousemove(function (e) {
idleTime = 0;
});
$(this).keypress(function (e) {
idleTime = 0;
});
});
function timerIncrement() {
idleTime = idleTime + 1;
if (idleTime > 59) { // 60 minutes
redirectMethod('/logout/');
}
}
javascript
Copy code
function redirectMethod(url) {
window.location.href = url;
}
const logoutButton = document.getElementById("btnLogout");
logoutButton.addEventListener("click", (e) => {
e.preventDefault();
// Clear local storage, session storage, and caches
window.localStorage.clear();
localStorage.clear();
sessionStorage.clear();
caches.delete;
// Log out from Azure AD
const logoutUrl = "https://login.microsoftonline.com/{tenantId}/oauth2/logout?post_logout_redirect_uri={redirectUri}&client_id={clientId}";
const redirectUri = encodeURIComponent("https://lowcodeappstore-poc.powerappsportals.com/logout");
const tenantId = "5b973f99-77df-4beb-b27d-aa0c70b8482c";
const clientId = "11983323-a9c4-44ac-a1cc-e02e2d70782b";
const logoutRedirectUrl = logoutUrl.replace("{tenantId}", tenantId).replace("{redirectUri}", redirectUri).replace("{clientId}", clientId);
window.location.assign(logoutRedirectUrl);
});
// Help
function EyHelpFun(){
window.open("https://explore.eyfabric.ey.com/eydx/community/area/Explore-Portal-on-EY-Fabric?contentName=index&path=Support%20Model&type=folder", "_blank");
}
// End Help
const topMenuProfileBtn = document.getElementById("ProfileViewDiv");
const dropdownNameProfile = document.getElementById("dropdown-Profile");
const topMenuHelpBtn = document.getElementById("helpDiv");
const dropdownNameHelp = document.getElementById("dropdown-help");
//topMenuHelpBtn.addEventListener("click", function(){
//helpClickHandler(dropdownNameHelp);}, false);
topMenuHelpBtn.addEventListener("mouseover", function(){
dropdownClickHandler(dropdownNameHelp);}, false);
topMenuHelpBtn.addEventListener("mouseout", function(){
dropdownClickHandler(dropdownNameHelp);}, false);
topMenuProfileBtn.addEventListener("mouseover", function(){
dropdownClickHandler(dropdownNameProfile);}, false);
topMenuProfileBtn.addEventListener("mouseout", function(){
dropdownClickHandler(dropdownNameProfile);}, false);
const dropdownClickHandler = (dropdownName) => {
const y = dropdownName;
if (y.style.display === "none") {
y.style.display = "inline";
} else {
y.style.display = "none";
}
}
const topTakeTourBtn = document.getElementById("takeTourBtn");
const topFeedBackBtn = document.getElementById("feedBackBtn");
const topHelpBtn = document.getElementById("helpBtn");
topTakeTourBtn.addEventListener("click", function(){
helpMenuClickHandler("take-tour");}, false);
topFeedBackBtn.addEventListener("click", function(){
helpMenuClickHandler("feedback");}, false);
topHelpBtn.addEventListener("click", function(){
helpMenuClickHandler("help");}, false);
// dropdown navbar
// const helpMenuClickHandler = (dropdownName) => {
// const menuItemName = dropdownName;
// if (menuItemName === "take-tour") {
// window.open("https://explore.eyfabric.ey.com/tour", "_blank");
// } else if(menuItemName === "feedback"){
// window.open("https://exploreportaloneyfabric.ideas.aha.io/portal_session/new", "_blank");
// }else if(menuItemName === "help"){
// window.open("https://explore.eyfabric.ey.com/eydx/community/area/Explore-Portal-on-EY-Fabric?contentName=index&path=Support%20Model&type=folder", "_blank");
// }
// }
// Administration button for admin role
$(document).ready(function(){
var loggedInUserRole = '{{ user.roles }}';
// you will get all the roles in above variable as string
//check that user has role or not
if (loggedInUserRole.indexOf("Administrators") >= 0) {
$("#external-link").show();
// you can manage your content here
}
else
{
$("#external-link").hide();
// you can manage your content here
}
});
// End of Administration button for admin role
function successModal(){
// debugger;
$('#divModalHeaderNew').html('Help');
$('#divModalContentNew').html('<i>Low-Code Power Platform App Store is a collection of resources and examples that showcase the design and functionality of custom business applications, built on Power Platform by Low-Code Services Team. You can find different apps, screen design, layouts, filters, naviation, branding and more. Need assistance? Contact our team : <u>[email protected]</u></i>');
// $('#createNewAnchorNew').html('Ok');
$('#btnModelCloseNew').hide();
$("#createNewAnchorNew").unbind("click").bind("click", function(){
window.location.href="/";
});
var modal=document.getElementById("divEYModal21");
modal.style.display = "block";
}
// MAIL FEEDBACK:
function openFeedbackEmail() {
var recipient = '[email protected]';
var subject = 'Feedback: Low Code Services Look Book';
var body = '';
var mailtoLink = 'mailto:' + encodeURIComponent(recipient) +
'?subject=' + encodeURIComponent(subject) +
'&body=' + encodeURIComponent(body);
window.location.href = mailtoLink;
}
</script>
<script src="https://kit.fontawesome.com/5578b9d046.js" crossorigin="anonymous"></script>
<style>
.rightSideTopHeader .motif-header-icons-placeholder .motif-icon-button:focus
{
background-color: #2e2e38;
}
</style>
</body> </html> What is this code doing please explain. This was in the header template of a web template in power pages
|
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
