From cff16efbf5b8440bf376818f0fb00f59522dbc3a Mon Sep 17 00:00:00 2001 From: sava Date: Fri, 27 Mar 2020 23:29:16 +0100 Subject: [PATCH] gjestebok --- it1/bibliotek/bibliotek.js | 10 +----- it1/bibliotek/index.html | 2 +- it1/css/gjestebok.css | 4 +++ it1/gjestebok/gjestebok.js | 44 +++++++++++++++++++++++++ it1/gjestebok/index.html | 38 +++++++++++++++++++++ it1/index.html | 3 ++ it1/{bibliotek => js/converters}/bok.js | 2 +- it1/js/converters/kommentar.js | 30 +++++++++++++++++ 8 files changed, 122 insertions(+), 11 deletions(-) create mode 100644 it1/css/gjestebok.css create mode 100644 it1/gjestebok/gjestebok.js create mode 100644 it1/gjestebok/index.html rename it1/{bibliotek => js/converters}/bok.js (99%) create mode 100644 it1/js/converters/kommentar.js diff --git a/it1/bibliotek/bibliotek.js b/it1/bibliotek/bibliotek.js index ab07645..0054aee 100644 --- a/it1/bibliotek/bibliotek.js +++ b/it1/bibliotek/bibliotek.js @@ -2,9 +2,7 @@ var db = firebase.firestore() var list = function(user) { - // db.collection('bibliotek').doc("8ZBX5gmIaRwQBCjgLLg0").get().then(function(doc){console.log(doc.data())}) - // db.collection('bibliotek').get().then(function(query){query.forEach(function(doc){console.log(doc.data())})}) - db.collection('bibliotek') + db.collection("bibliotek") .withConverter(bookConverter) .get() .then(function(query) { @@ -52,9 +50,3 @@ firebase.auth().onAuthStateChanged(function(user) { list(user) }) -/* -$(document).ready(function() { - list(firebase.auth().currentUser) -}) -*/ - diff --git a/it1/bibliotek/index.html b/it1/bibliotek/index.html index a76ecb3..f537469 100644 --- a/it1/bibliotek/index.html +++ b/it1/bibliotek/index.html @@ -11,7 +11,7 @@ - + diff --git a/it1/css/gjestebok.css b/it1/css/gjestebok.css new file mode 100644 index 0000000..31a9f3d --- /dev/null +++ b/it1/css/gjestebok.css @@ -0,0 +1,4 @@ + +#kommentar { + font-size: 1.1rem; +} diff --git a/it1/gjestebok/gjestebok.js b/it1/gjestebok/gjestebok.js new file mode 100644 index 0000000..978d8ac --- /dev/null +++ b/it1/gjestebok/gjestebok.js @@ -0,0 +1,44 @@ + +var db = firebase.firestore() + +var list = function() { + db.collection('gjestebok') + .withConverter(commentConverter) + .get() + .then(function(query) { + html = '
' + query.forEach(function(doc) { + book = doc.data() + html += book.toHtml() + }) + $('#kommentarer').html(html) + }).catch(function(error) { + $('#kommentarer').html('

Kunne ikke hente bøker!


'+error+'

') + $('#kommentarer').css('color', 'red') + }) +} + +var add = function() { + db.collection("gjestebok") + .withConverter(commentConverter) + .add(new Comment( + $('#navn')[0].value, + $('#melding')[0].value + )).then(function() { + $('#status').html('

La til melding med navn '+$('#navn')[0].value+'!

') + $('#status').css('color', 'green') + list() + }).catch(function() { + $('#status').html('

Problem med å legge til melding med navn '+$('#navn')[0].value+'!

') + $('#status').css('color', 'red') + }) +} + +list() + +/* +$(document).ready(function() { + list(firebase.auth().currentUser) +}) +*/ + diff --git a/it1/gjestebok/index.html b/it1/gjestebok/index.html new file mode 100644 index 0000000..4130664 --- /dev/null +++ b/it1/gjestebok/index.html @@ -0,0 +1,38 @@ + + + + Firebase basert gjestebok + + + + + + + + + + + + + + +
+
+
+
+
+
+
+
+ Legg til +
+
+

 

+
+ +
+
+
+ + + \ No newline at end of file diff --git a/it1/index.html b/it1/index.html index e9a8eab..5dd435c 100644 --- a/it1/index.html +++ b/it1/index.html @@ -18,6 +18,9 @@

Denne siden inneholder ting jeg har laget med firebase i IT1!