-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathindex.html
100 lines (94 loc) · 6.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Essential JS 2 for JavaScript (ES5) - Webmail</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<meta name="description" content="Essential JS 2 for JavaScript - Web Mail - This demo explores a mailbox user interface which was inspired by the Outlook Office 365 application" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="author" content="Syncfusion" />
<link rel="shortcut icon" href="favicon.ico" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-base/styles/fabric.css" rel="stylesheet">
<link href="/node_modules/@syncfusion/ej2-navigations/styles/appbar/fabric.css" rel="stylesheet">
<link href="/node_modules/@syncfusion/ej2-navigations/styles/sidebar/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-navigations/styles/h-scroll/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-navigations/styles/treeview/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-navigations/styles/accordion/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-navigations/styles/toolbar/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-navigations/styles/context-menu/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-layouts/styles/splitter/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-layouts/styles/avatar/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-icons/styles/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-buttons/styles/button/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-buttons/styles/check-box/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-inputs/styles/input/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-lists/styles/list-view/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-popups/styles/dialog/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-popups/styles/popup/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-popups/styles/spinner/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-popups/styles/tooltip/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-dropdowns/styles/drop-down-base/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-dropdowns/styles/drop-down-list/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-dropdowns/styles/auto-complete/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-dropdowns/styles/multi-select/fabric.css" rel="stylesheet" type="text/css" />
<link href="/node_modules/@syncfusion/ej2-dropdowns/styles/mention/fabric.css" rel="stylesheet" type="text/css" />
<link href='styles/Outlook Icons/style.css' rel='stylesheet' />
<link href='styles/css/outlook.css' rel='stylesheet' />
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-signals/1.0.0/js-signals.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crossroads/0.12.0/crossroads.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/hasher/1.2.0/hasher.min.js"></script>
<script type="text/javascript">
if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
document.write('<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.5/bluebird.min.js"><\/script>');
}
</script>
</head>
<body>
<div class='outlook-container'>
<div id="appbar" style="font-size: 0; white-space: nowrap; line-height: normal">
<div style="display: table-cell">
<div class='home-btn'>
<span class='ej-icon-Bento' style='font-size: 18px;'></span>
</div>
<div style='margin-left: 15px;display: inline-block'>
<h1 class='home-btn-text'>Webmail</h1>
</div>
</div>
<div style="display: table-cell; width: 100%; text-align: center">
</div>
<div id="notification-div" class="header-right-pane">
<div style="pointer-events: none;">
<button id='btnNotification' style="min-width: 52px"></button>
</div>
</div>
<div id="settings-div" class="header-right-pane">
<div style="pointer-events: none;">
<button id='btnSettings' style="min-width: 52px"></button>
</div>
</div>
<div id="about-div" class="header-right-pane">
<div style="pointer-events: none;">
<button id='btnAbout' style="min-width: 52px"></button>
</div>
</div>
<div id="profile-div" class="header-right-pane">
<div style="pointer-events: none;">
<button id="btnLoginName" class="btn-profile e-control e-btn e-lib btn-shadow-hide" style="min-width: 88px;font-weight: normal">Andrew Fuller</button>
</div>
<div style="margin-right: 5px; pointer-events: none;">
<span class="e-avatar e-avatar-large e-avatar-circle" style="background-image: url('./styles/images/1.png');height: 40px; width: 40px;"></span>
</div>
</div>
</div>
<div id="content-area" style="height: 100%">
</div>
</div>
<script src="dist/ej2.min.js"></script>
<script src="src/home/datasource.js" type="text/javascript"></script>
<script src="src/home/readingpane.js" type="text/javascript"></script>
<script src="src/home/newmail.js" type="text/javascript"></script>
<script src="src/home/home.js" type="text/javascript"></script>
<script src="src/common/index.js" type="text/javascript"></script>
</body>
</html>