-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
118 lines (114 loc) · 4.26 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html>
<head>
<title>Edge PWA Test</title>
<meta http-equiv="cache-control" content="max-age=0">
<meta http-equiv="origin-trial" content="Ai/Vs7ezIDOmS2TjHIh1hCW8gIh+FTQf02svH775astQk8s504kQoricNWBiABuWUMliHDyAESyL7a/vAnig1wkAAAB1eyJvcmlnaW4iOiJodHRwczovL2VkZ2Vwd2FvbmUuYXp1cmV3ZWJzaXRlcy5uZXQ6NDQzIiwiZmVhdHVyZSI6IkZpbGVIYW5kbGluZyIsImV4cGlyeSI6MTYzNDA4MzE5OSwiaXNTdWJkb21haW4iOnRydWV9">
<link rel="manifest" href="./manifest.json"></manifest>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="favicon.ico">
<script src="share.js"></script>
<script src="badging.js"></script>
<script src="simple-text-reader/filehandler.js"></script>
<script src="related_apps.js"></script>
<script src="script.js"></script>
</head>
<body bgcolor="#E6E6FA">
<div><b>1. Custom Taskbar 1: (NoDrag Zone)</b>
<i class="material-icons">cloud</i>
<i class="material-icons">favorite</i>
<i class="material-icons">attachment</i>
  Edge PWA Test 
<input id="search_box" type="text" placeholder="search value" style="width: 250px;">
</div>
<div>
<h3>2. Activation test</3>
<div class="activation_type" id="browser" >
<div>browser navigation</div>
</div>
<div class="activation_type" id="launch" >
<div>App Launch activation</div>
</div>
<div class="activation_type" id="share" >
<div>Share target activation</div>
<div id="shared_from"></div>
</div>
<div class="activation_type" id="file" >
<div>File handler activation</div>
<button id='file_save_click'>Try Save</button>
<div class="filetype" id="file_handler" contenteditable="true"></div>
</div>
</div>
<div>
<h3>3. Navigator.share test</h3>
<div>
<table>
<tbody><tr><td>Title:</td>
<td><input type="checkbox" id="title_checkbox" checked="" disabled></td>
<td><input id="title" value="Title" size="40"></td>
</tr>
<tr><td>Text:</td>
<td><input type="checkbox" id="text_checkbox" checked=""></td>
<td><input id="text" value="The shared text" size="40"></td>
</tr>
<tr><td>URL:</td>
<td><input type="checkbox" id="url_checkbox" checked=""></td>
<td><input id="url" value="https://www.contoso.com" size="40"></td>
</tr>
<tr><td>Files:</td>
<td><!--Without column 2, the whole table is small on mobile.--></td>
<td><input id="files" type="file" multiple=""></td>
</tr>
</tbody>
</table>
<p>
<input id="share-gesture" type="button" value="Share">
<input id="share-no-gesture" type="button" value="Share without user gesture">
</p>
<p>
<div id="output">Log: </div>
</p>
</div>
</div>
<div>
<h3>4. Badge notification test</h3>
<p id='notSupported' class='hidden'>
<b>Not Supported</b>
This browser doesn't appear to support the badging API.
</p>
<p>
<b>Note:</b>
" In order for this demo to work, it must be an installed
Progressive Web App.
"
</p>
<label for="badgeVal" class="badge-button">Badge value</label>
<input type="number" id="badgeVal" class="badge-button" placeholder="number" min="0" value="13" >
<br>
<button id='butSet' type='button' class="badge-button"> Set </button>
<button id='butClear' type='button' class="badge-button"> Clear </button>
</div>
<div>
<h3>5. getInsatlledRelatedApps test</h3>
<p>
<b>related_applications list in the manifest.json</b>
<did id='gIRA_list'/>
</p>
<p>
<p style="display: flex">
<b>Please download and install the app </b>
<button id='download-relatedApp' style="margin-left: 20px;">Download App</button>
</p>
<button id="relatedApp_button">Call getInsatlledRelatedApps</button>
<div id="filtered_app"></div>
</p>
</div>
<div>
<h3>6. file Activation</h3>
<p>
<a href="./simple-text-editor/">simple text editor</button>
</p>
</div>
</body>
</html>