Chapter 12 updates [wip]

Author: tib

Chapter 12/myProject/Package.swift

@@ -18,6 +18,9 @@ let package = Package(
         .package(url: "https://github.com/lukaskubanek/LoremSwiftum", from: "2.2.1"),
         .package(name: "MyProjectApi", path: "../MyProjectApi"),
         .package(url: "https://github.com/binarybirds/spec", from: "1.1.0"),
+        .package(url: "https://github.com/binarybirds/content-api", from: "1.0.0"),
+        .package(url: "https://github.com/binarybirds/view-kit", from: "1.2.0-rc"),
+        .package(url: "https://github.com/binarybirds/leaf-foundation", from: "1.0.0-beta"),
     ],
     targets: [
         .target(name: "App", dependencies: [
@@ -28,6 +31,9 @@ let package = Package(
             .product(name: "LiquidLocalDriver", package: "liquid-local-driver"),
             .product(name: "LoremSwiftum", package: "LoremSwiftum"),
             .product(name: "MyProjectApi", package: "MyProjectApi"),
+            .product(name: "ContentApi", package: "content-api"),
+            .product(name: "ViewKit", package: "view-kit"),
+            .product(name: "LeafFoundation", package: "leaf-foundation"),
             .product(name: "Vapor", package: "vapor"),
         ],
         exclude: [

Chapter 12/myProject/Public/javascript/admin.js

@@ -14,6 +14,36 @@ function confirmDelete(path, id) {
     }
 }
 
+function chooseImage() {
+    document.getElementById('imageDelete').value = false;
+    document.getElementById('image').click();
+}
+function removeImage() {
+    document.getElementById('image').value = null;
+    document.getElementById('imageDelete').value = true;
+    const element = document.getElementById('uploaded-image');
+    if (element !== null) {
+        element.parentNode.removeChild(element);
+    }
+}
+
+const imageElement = document.getElementById("image")
+if (imageElement !== null) {
+    imageElement.onchange = function(event) {
+        const file = event.target.files[0];
+        const blobURL = URL.createObjectURL(file);
+        let element = document.getElementById('uploaded-image');
+        if (element === null) {
+            var newElement = document.createElement("img");
+            newElement.id = 'uploaded-image';
+            const sibling = document.getElementById('choose-button');
+            sibling.parentNode.insertBefore(newElement, sibling);
+            element = newElement
+        }
+        element.src = blobURL;
+    }
+}
+
 document.addEventListener("keydown", function(e) {
     if ( (window.navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey) && e.keyCode == 83 ) {
         e.preventDefault();