44 lines
1.7 KiB
HTML
44 lines
1.7 KiB
HTML
<!-- Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT License. -->
|
|
<!-- This file shows how to design a first-run page that provides a welcome screen to the user about the features of the add-in. -->
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Contoso Task Pane Add-in</title>
|
|
|
|
<!-- Office JavaScript API -->
|
|
<script type="text/javascript" src="https://appsforoffice.microsoft.com/lib/1.1/hosted/office.js"></script>
|
|
|
|
<!-- For more information on Fluent UI, visit https://developer.microsoft.com/fluentui#/. -->
|
|
<link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/11.0.0/css/fabric.min.css"/>
|
|
|
|
<!-- Template styles -->
|
|
<link href="taskpane.css" rel="stylesheet" type="text/css" />
|
|
</head>
|
|
|
|
<body class="ms-font-m ms-welcome ms-Fabric">
|
|
<header class="ms-welcome__header">
|
|
<h1 class="ms-font-su" style="color: white;">OVAS</h1>
|
|
</header>
|
|
<main style="color: white;" id="app-body" class="ms-welcome__main" style="display: none;">
|
|
<ul class="ms-List ms-welcome__features">
|
|
<li class="ms-ListItem">
|
|
<i class="ms-Icon ms-Icon--Ribbon ms-font-xl"></i>
|
|
<span class="ms-font-m">Zoek bijbehorende bestellingen efficient vanuit Outlook</span>
|
|
</li>
|
|
</ul>
|
|
<button class="run-button" id="run">
|
|
<span id="btn-text">Zoek naar bestellingen</span>
|
|
<div class="loader" id="loader"></div>
|
|
</button>
|
|
<p><label id="item-subject"></label></p>
|
|
<div id="results"></div>
|
|
</main>
|
|
</body>
|
|
|
|
</html>
|