-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (51 loc) · 2.23 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta -->
<meta charset="UTF-8" />
<title>Covey Matrix</title>
<!-- Styles -->
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link rel="stylesheet" href="styles/index.css">
<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
<!-- Scripts -->
<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<script src="https://github.com/Asana/node-asana/releases/download/v0.15.1/asana-min.js"></script>
<script src="https://unpkg.com/vue-router"></script>
</head>
<body >
<script type="text/x-template" id="quadrant-template">
<div class="quadrant" v-bind:style="{ backgroundColor: color }">
<div class="color">
<div class="litem" v-for="item in tasks" v-bind:class="{ item }" >
<i class="far fa-check-circle close-btn" @click="closeTask(item)"></i> <a v-bind:href="item.url" target="_blank">{{item.name}}</a>
</div>
</div>
</div>
</script>
<div id="wrapper" class="app">
<div id="header">
<i class="fas fa-sign-out-alt icon-toolbar pull-left" v-on:click="logout"> </i>
<div > <h1>Covey Matrix</h1></div>
<i class="fas fa-sync-alt icon-toolbar pull-right" v-on:click="loadTasks"> </i>
</div>
<div class="grid-nodata loader " v-if="!displayData.isInited"></div>
<div class="content grid-data" v-if="displayData.isInited">
<table>
<tr>
<td> <quadrant index="1" :color="colors[0].hex" :tasks="displayData.items[0]" ></quadrant></td>
<td> <quadrant index="2" :color="colors[1].hex" :tasks="displayData.items[1]" ></quadrant></td>
</tr>
<tr>
<td> <quadrant index="3" :color="colors[2].hex" :tasks="displayData.items[2]" ></quadrant></td>
<td> <quadrant index="4" :color="colors[3].hex" :tasks="displayData.items[3]" ></quadrant></td>
</tr>
</table>
</div>
</div>
</div>
<!-- Scripts -->
<script src="/scripts/components.js"></script>
<script src="/scripts/index.js"></script>
</body>
</html>