Initial commit voor Outlook plugin
This commit is contained in:
43
src/taskpane/taskpane.html
Normal file
43
src/taskpane/taskpane.html
Normal file
@@ -0,0 +1,43 @@
|
||||
<!-- 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>
|
||||
Reference in New Issue
Block a user