g2

help/Example.html

@@ -0,0 +1,59 @@
+<!doctype html>
+<html>
+<head>
+<link rel="stylesheet" href="../lib/basic.css">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<body>
+<overlay onclose="alert('hello');" id="overlay1">test</overlay>
+
+<div class="header_bar_1">
+	<div>
+		test1
+	</div>
+	<div>
+		test2
+	</div>
+	<div>
+		<button class="profile"></button>
+	</div>
+</div>
+<div class="header_bar_1_placeholder"></div>
+
+<content>
+test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
+test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
+test<br>test<br>test<br>test<br>test<br>test<br>test<br>test
+<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
+test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
+test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
+test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
+test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
+</content>
+
+<script src="../auth.js"></script>
+<script src="../lib/basic.js"></script>
+<script>
+
+showOverlay("overlay1");
+
+//setTimeout(() => hideOverlay("overlay1"), 3000);
+
+async function main() {
+	const couchDB = new CouchDB();
+	await couchDB.set("login", {
+		"username": "bla",
+		"password": "bla"
+	});
+
+	const data = await couchDB.get("login");
+	console.log(JSON.stringify(data));
+	//Gibt { "username": "bla", "password": "bla" } wieder
+}
+main();
+
+</script>
+
+</body>
+</html>

help/documentation.md

@@ -0,0 +1,51 @@
+##How to import
+
+<link rel="stylesheet" href="./lib/basic.css">
+<script src="./auth.js"></script>
+<script src="./lib/basic.js"></script>
+
+##Overlays
+
+[Erstelle ein element mit <overlay></overla> in html und vergebe eine id. Um das overlay anzuzeigen, rufe showOverlay mit der id auf]
+function showOverlay(string id);
+
+[Schließe das overlay mit der id]
+function hideOverlay(string id);
+
+##CouchDB
+
+//Klasse zum Interagieren mit CouchDB
+//Erstelle eine neue CouchDB-Klasse mit new CouchDB();
+class CouchDB {
+	[Überprüfe, ob CouchDB online ist. (Wird sowieso automatisch gemacht, wenn get, set oder createDB verwendet wird)]
+	async checkOnlineStatus();
+	
+	[Erstellt die Datenbank. (Wird auch automatisch gemacht, wenn man get oder set verwendet)]
+	async createDB();
+	
+	[Bekomme das Objekt, was in der Datenbank unter der id gespeichert wurde]
+	async get(string id);
+	[Setze ein Objekt, was in der Datenbank gespeichert wird (Bedenke: Du musst ein Objekt angeben, alles andere (string, array) wird nicht genommen)]
+	async set(string id, object content, boolean replace = true);
+}
+
+Hinweise:
+- Du brauchst eigentlich nur get oder set (weil alles andere automatisch gemacht wird)
+- Wenn CouchDB offline oder online geht, während das html file läuft, musst du manuell checkOnlineStatus() aufrufen, um den Status zu aktualisieren
+	-> Oder einfach die Seite neuladen :/
+- Vergiss nicht auth.js einzubinden!!! sonst 💥
+
+**Beispiel:**
+async function main() {
+	const couchDB = new CouchDB();
+	await couchDB.set("login", {
+		"username": "bla",
+		"password": "bla"
+	});
+
+	const data = await couchDB.get("login");
+	console.log(JSON.stringify(data));
+	//Gibt { "username": "bla", "password": "bla" } wieder
+}
+main();
+