task-manager/index.html at master · alaordev/task-manager · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Gerenciador de Tarefas</title>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="mobile-web-app-capable" content="yes">
	<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
	<link rel="icon" type="image/png" href="img/favicon/favicon-32x32.png" sizes="32x32">
	<link rel="icon" type="image/png" href="img/favicon/favicon-16x16.png" sizes="16x16">
	<link rel="manifest" href="img/favicon/manifest.json">
	<link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#5bbad5">
	<link rel="shortcut icon" href="img/favicon/favicon.ico">
	<meta name="msapplication-config" content="img/favicon/browserconfig.xml">
	<meta name="theme-color" content="#ffffff">
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons">
	<!--<link rel="stylesheet" type="text/css" href="css/addtohomescreen.css"
	<script src="js/addtohomescreen.js"></script>
	<script>
	addToHomescreen();
	</script>-->
</head>
<body>
	<div id="app">
		<h1>Gerenciador de Tarefas</h1>
		<h2>- utilizando vue.js/webstorage/sw -</h2>
		<input type="text" id="task_description" placeholder="Informe a tarefa" v-model="task_description" onkeyup="return getKeyPress(event);"/><!--
		--><button id="add_edit_task" v-on:click="addTask">Adicionar Tarefa</button>
			<div id="count">
				<div id="count_done">
					Concluídas<br/>
					<button class="clear_count" v-on:click="clearCount('done')">Limpar</button>
					{{count.done}}
				</div><!--
				--><div id="count_delete">
					Deletadas<br/>
					{{count.deleted}}
					<button class="clear_count" v-on:click="clearCount('deleted')">Limpar</button>
				</div><br/>
				<div id="helper">
					<i class="material-icons">live_help</i>
					<div id="box">As informações de tarefas concluídas/deletadas são exclusivamente armazenadas no navegador atual que estiver utilizando, portanto, acessar por outro navegador ou outra máquina resultará em outras informações que ficarão vinculadas à ele. Você pode "resetar" a contagem tanto das tarefas concluídas, quanto das deletadas clicando em "limpar".</div>
				</div>
			</div>

			<task-item v-for="(task, index) in tasks" v-bind:task="task" v-on:edit="editTask(index)" v-on:done="doneTask(index)" v-on:delete="deleteTask(index)"></task-item>

	</div>
	<footer>DESENVOLVIDO POR ALAOR JR</footer>

<script type="text/javascript" src="js/vue.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>