-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·123 lines (109 loc) · 5.11 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
119
120
121
122
123
<!DOCTYPE html>
<html lang="fr" ng-app="SynciNote">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico" />
<title>SynciNote</title>
<!--CSS -->
<link href='//fonts.googleapis.com/css?family=Lato|Montserrat' rel='stylesheet' type='text/css'>
<link href="css/vendor/bootstrap.min.css" rel="stylesheet">
<link href="css/vendor/font-awesome.min.css" rel="stylesheet">
<link href="css/vendor/epiceditor/epiceditor.css" rel="stylesheet">
<link href="css/dist/main.css" rel="stylesheet">
<!-- JS Librairies -->
<script src="js/vendor/angular.min.js"></script>
<script src="js/vendor/angular-animate.min.js"></script>
<script src="js/vendor/angular-route.min.js"></script>
<script src="js/vendor/jquery.min.js"></script>
<script src="js/vendor/jquery-mobilebrowser.min.js"></script>
<script src="js/vendor/jquery.cookie.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/vendor/moment-with-langs.min.js"></script>
<script src="js/vendor/epiceditor.min.js"></script>
<!-- Dropbox API -->
<script src="//www.dropbox.com/static/api/dropbox-datastores-1.0-latest.js" type="text/javascript"></script>
<!-- App Core JS -->
<script src="app/app.js"></script>
<script src="app/controllers/headbar.js"></script>
<script src="app/controllers/notes.js"></script>
<script src="app/controllers/tasks.js"></script>
<script src="app/directives.js"></script>
<script src="app/services.js"></script>
</head>
<body class="login-opened" ng-class="{ mobile : mobile == true }">
<div class="app">
<div class="headbar" ng-controller="headbarCtrl">
<a href="" class="task-toggle active" task-toggle ng-show="! mobile"><span class="fa fa-check-square-o"></span></a>
<a href="#/" class="inline" ng-show="isEditorActive() && mobile" ng-click="activateList()"><span class="fa fa-arrow-left"></span></a>
<span class="brand" ng-show="! mobile">SYNCINOTE</span>
<span class="brand inline" ng-show="mobile">SYCN</span>
<a href="#" class="pull-right" ng-click="activateTask()" ng-show="mobile"><span class="fa fa-check-square-o"></span></a>
</div>
<div class="wide-container">
<div class="tasks module" ng-controller="tasksCtrl">
<div class="head">
<span class="title">Liste des tâches</span>
<a href="" class="pull-right" ng-click="clear(true)"><span class="fa fa-trash-o"></span></a>
</div>
<div class="add">
<form name="taskForm" ng-submit="save()" novalidate>
<input type="text" name="name" ng-model="name" placeholder="Ajouter une tâche" autocomplete="off" required/>
</form>
</div>
<div class="list-container">
<div class="list">
<div class="sync" ng-show="sync == 0">Synchronisation en cours</div>
<div class="empty" ng-show="tasks.length == 0 && firstSync == true">Aucune tâche</div>
<div class="task" ng-repeat="task in tasks" ng-click="check(task)" ng-class="{done: task.done}">
{{ task.name }}
</div>
</div>
</div>
</div>
<div class="notes-list module" ng-controller="notesListCtrl">
<div class="head">
<span class="title">Notes</span>
<input type="text" class="search pull-right" ng-model="search" placeholder="Recherche">
<a href="#/notes/add" class="add pull-right" ng-click="id = 0"><span class="fa fa-plus"></span></a>
</div>
<div class="list-container">
<div class="list">
<div class="sync" ng-show="sync == 0">Synchronisation en cours</div>
<div class="empty" ng-show="notes.length == 0 && sync > 0">Aucune note</div>
<div ng-repeat="note in notes | filter : search" ng-click="open(note.id)" ng-class="{ active : note.id == getNoteId() }" class="note">
<h1 class="title">{{ note.title }}</h1>
<div class="content">{{ note.content | limitTo:300 }}{{ note.content.length > 300 ? '…' : '' }}</div>
</div>
</div>
</div>
</div> <!-- /notes-list -->
<div class="notes-editor module">
<div class="editor" ng-view>
<div class="empty">Aucune note ouverte</div>
</div>
</div> <!-- /notes-editor -->
</div> <!-- /wide-container -->
</div> <!-- /app -->
<div class="login active">
<div class="login-overlay">
<div class="login-modal">
<div class="header">
<span class="brand">SynciNote</span>
</div>
<div class="content">
<p>Bienvenue sur SynciNote. Pour commencer à utiliser à l'application, synchroniser votre compte Dropbox !</p>
<p class="button"><button class="btn btn-dropbox" ng-click="client.authenticate();"><span class="fa fa-dropbox"></span> Autoriser l'application</button></p>
</div>
</div>
</div>
</div> <!-- /login -->
<div class="loading">
<h1>SYNCINOTE</h1>
<div class="spinner"></div>
</div>
</body>
</html>