Mini Kabibi Habibi
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--During development turn off caching-->
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
<title></title>
<!-- Office UI Fabric for look and feel. Visit http://dev.office.com/fabric for more info-->
<link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/1.0/fabric.min.css">
<link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/1.0/fabric.components.min.css">
<!--IE-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.4/bluebird.min.js"></script>
<!--JQuery-->
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<!--MSAL.js-->
<script type="text/javascript" src="https://alcdn.msauth.net/browser/2.19.0/js/msal-browser.min.js"></script>
<!--Office.js-->
<!--
Prod: https://appsforoffice.microsoft.com/lib/beta/hosted/office.debug.js
Edog: https://appsforoffice.edog.officeapps.live.com/lib/beta/hosted/office.debug.js
Unpkg: https://unpkg.com/@microsoft/office-js@1.1.49-custom.16/dist/office.debug.js
-->
<script src="https://appsforoffice.microsoft.com/lib/beta/hosted/office.debug.js" type="text/javascript"></script>
<script src="addin.js" type="text/javascript"></script>
</head>
<body>
<div class="ms-Label">Actions:</div>
<button class="ms-Button" id="getAuthContext" disabled>
<span class="ms-Button-icon">
<i class="ms-Icon ms-Icon--plus"></i>
</span>
<span class="ms-Button-label">Get Auth Context</span>
<span class="ms-Button-description">Get Auth Context</span>
</button>
<button class="ms-Button" id="getAccessToken1" disabled>
<span class="ms-Button-icon">
<i class="ms-Icon ms-Icon--plus"></i>
</span>
<span class="ms-Button-label">Get Access Token</span>
<span class="ms-Button-description">Get Access Token</span>
</button>
<button class="ms-Button" id="getAccessToken2" disabled>
<span class="ms-Button-icon">
<i class="ms-Icon ms-Icon--plus"></i>
</span>
<span class="ms-Button-label">Get Access Token (Popup)</span>
<span class="ms-Button-description">Get Access Token (Popup)</span>
</button>
<button class="ms-Button" id="getAccessToken3" disabled>
<span class="ms-Button-icon">
<i class="ms-Icon ms-Icon--plus"></i>
</span>
<span class="ms-Button-label">Get Access Token (ForceRefresh)</span>
<span class="ms-Button-description">Get Access Token (ForceRefresh)</span>
</button>
<button class="ms-Button" id="getAccessToken4" disabled>
<span class="ms-Button-icon">
<i class="ms-Icon ms-Icon--plus"></i>
</span>
<span class="ms-Button-label">Get Access Token (Popup + ForceRefresh)</span>
<span class="ms-Button-description">Get Access Token (Popup + ForceRefresh)</span>
</button>
<div class="ms-Label">Resource:</div>
<input type="text" style="width:100%" class="ms-TextField" id="resourceInput" value="https://officeapps.live.com" />
<div class="ms-Label">Auth Context:</div>
<textarea id="authText" style="width:100%; height:100px;">{auth context}</textarea>
<div class="ms-Label">Token:</div>
<textarea id="tokenText" style="width:100%; height:100px;">{token}</textarea>
</body>
</html>