some nice additions

it1/css/form.css

@@ -1,10 +1,4 @@
 
-#content {
-    margin: 2vh;
-    margin-left: 13vw;
-    margin-right: 42.0vw;
-}
-
 .top {
     margin-top: 9vh;
 }

it1/css/gjestebok.css

@@ -1,4 +1,5 @@
 
 #kommentar {
     font-size: 1.1rem;
+    word-wrap: break-word;
 }

it1/gjestebok/gjestebok.js

@@ -9,7 +9,7 @@ var list = function() {
             html = '<br/>'
             query.forEach(function(doc) {
                 book = doc.data()
-                html += book.toHtml()
+                html += book.toHtml(firebase.auth().currentUser)
             })
             $('#kommentarer').html(html)
         }).catch(function(error) {
@@ -34,11 +34,14 @@ var add = function() {
         })
 }
 
+var remove = function(id) {
+    db.collection("gjestebok").doc(id)
+        .delete().then(function() {
+            list()
+        }).catch(function(error) {
+            alert("Error removing document: ", error)
+        })
+}
+
 list()
 
-/*
-$(document).ready(function() {
-    list(firebase.auth().currentUser)
-})
-*/
-

it1/js/converters/kommentar.js

@@ -1,14 +1,16 @@
 
 class Comment {
-    constructor(name, message) {
+    constructor(name, message, id=0) {
         this.name = name,
-        this.message = message
+        this.message = message,
+        this.cfid = id
     }
     toString() {
         return this.name+': '+this.message
     }
-    toHtml() {
-        return '<p id="kommentar">'+this.name+': '+this.message+'</p>'
+    toHtml(user) {
+        return '<p id="kommentar">'+this.name+': '+this.message
+            +(user?' &nbsp; <a class="btn btn-primary" href="javascript: remove(\''+this.cfid+'\')">Slett</a>':'')+'</p>'
     }
 }
 
@@ -23,7 +25,8 @@ commentConverter = {
         const data = snapshot.data(options)
         return new Comment(
             data.navn,
-            data.melding
+            data.melding,
+            snapshot.id
         )
     }
 }

it1/main.css

@@ -4,7 +4,13 @@ body {
     color: rgb(218, 215, 210);
 }
 
-li.right > ul { /* TODO: FIX! */
+#content {
+    margin: 2vh;
+    margin-left: 13vw;
+    margin-right: 42.0vw;
+}
+
+li.right > ul {
     align-content: right;
 }