Web-Notes/index.html at master · Olivier-Daire/Web-Notes · 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
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
<!doctype html>
<html lang="fr">
<head>
  	<meta charset="utf-8">
	<title>WEB NOTES</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
	<!-- <link rel="stylesheet" type="text/css" href="lib/jQuery-Tags-Input/jquery.tagsinput.css" /> -->
	<link type="text/css" rel="stylesheet" href="lib/materialize/css/materialize.css"  media="screen,projection"/>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

	<header>

		<div class="navbar-fixed z-depth-1">
		    <nav class="indigo darken-1">
		    	<div class="container">
			      	<div class="nav-wrapper">
				          	<a href="#!" class="brand-logo"><h1>WEB NOTES</h1></a>
				          	<div class="right side-nav">
				          		<button id="search" class="dropdown-button" data-activates="dropdown2"><i class="small mdi-action-search"></i></button>
				          		<div id="dropdown2" class="dropdown-content">
									<div class="input-field">
										<input id="search-input" type="text">
							    		<label for="search-input">Search</label>
									</div>
								</div>
				            	<button id="sort" title="Sort by date"><i class="small mdi-content-sort"></i></button>
								<button id="search-by-tag"  title="Search by tag" class="dropdown-button" data-activates="dropdown1"><i class="small mdi-action-label-outline"></i></button>
								<!-- <ul id="dropdown1" class="dropdown-content">
									You have currently no notes with a tag, add tags to your notes !
								</ul> -->
								<button id="dropbox-export" title="Export to Dropbox"><i class="small mdi-file-cloud-upload"></i></button>
								<button id="dropbox-import" title="Import from Dropbox"><i class="small mdi-file-cloud-download"></i></button>
								<button id="delete" title="Delete all notes"><i class="small mdi-action-delete"></i></button>
				          	</div>
			    	</div>
		    	</div>
			</nav>
		</div>

	</header>


	<main>

		<div class="container">
			<div class="row">


		    </div>

		 	<button id="new-note" class="btn-floating btn-large waves-effect waves-light pink z-depth-2"><i class="mdi-content-add"></i></button>
		</div>

	</main>

	<footer>
		<div class="container center-align">
			Web Notes - copyright 2015
		</div>
	</footer>

	<script type="text/javascript" src="js/config.js"></script>
	<script type="text/javascript" src="lib/materialize/js/materialize.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<!-- <script src="lib/jQuery-Tags-Input/jquery.tagsinput.js"></script> -->
	<script src="http://connect.soundcloud.com/sdk.js"></script>
	<script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="thas943csc5s4tu"></script>
	<script type="text/javascript">
		var noteManager = new noteManager({
		 defaultSort: 'newer' // older
		});
		noteManager.init();

/*		$('.tags').tagsInput({
		 'height': 'auto',
		 'width' : 'auto',
		});*/

		$(".dropdown-button").dropdown({
	      inDuration: 300,
	      outDuration: 225,
	      constrain_width: false, // Does not change width of dropdown to that of the activator
	      hover: false, // Activate on click
	      alignment: "left", // Aligns dropdown to left or right edge (works with constrain_width)
	      gutter: 0, // Spacing from edge
	      belowOrigin: true,
	    });
	</script>

</body>
</html>