From f6f6d7b799ffbff041970bcc008812d81bdaf718 Mon Sep 17 00:00:00 2001
From: scapharnaum <scapharnaum@sans-uage.fr>
Date: Wed, 3 Mar 2021 16:10:03 +0100
Subject: [PATCH] images.de.md

---
 .../05.install/10.images/images.de.md         | 79 +++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 pages/01.administrate/05.install/10.images/images.de.md

diff --git a/pages/01.administrate/05.install/10.images/images.de.md b/pages/01.administrate/05.install/10.images/images.de.md
new file mode 100644
index 00000000..7da3a80a
--- /dev/null
+++ b/pages/01.administrate/05.install/10.images/images.de.md
@@ -0,0 +1,79 @@
+---
+title: Vorinstallierte Images
+template: docs
+taxonomy:
+    category: docs
+routes:
+  default: '/images'
+---
+
+<span class="javascriptDisclaimer">
+Für diese Seite muss JavaScript aktiviert sein, damit sie korrekt angezeigt werden kann :s.
+<br/>
+<br/>
+</span>
+
+N B : Auch wenn das Image nicht der neuesten Version von YunoHost entspricht, können Sie es dennoch verwenden und anschließend ein Systemupdate durchführen.
+
+<div class="hardware-image">
+<div id="cards-list">
+</div>
+</div>
+
+<script type="text/template" id="image-template">
+<div id="{id}" class="card panel panel-default">
+        <div class="panel-body text-center">
+            <h3>{name}</h3>
+            <div class="card-comment">{comment}</div>
+            <div class="card-desc text-center">
+<img src="/user/images/{image}" height=100 style="vertical-align:middle">
+            </div>
+        </div>
+        <div class="annotations flex-container">
+            <div class="flex-child annotation"><a href="{file}.sha256sum">[fa=barcode] Checksum</a></div>
+            <div class="flex-child annotation"><a href="{file}.sig">[fa=tag] Signature</a></div>
+        </div>
+        <div class="btn-group" role="group">
+            <a href="{file}" target="_BLANK" type="button" class="btn btn-info col-sm-12">[fa=download] Download <small>{version}</small></a>
+        </div>
+</div>
+</script>
+
+<script>
+/*
+###############################################################################
+  Script that loads the infos from JavaScript and creates the corresponding
+  cards
+###############################################################################
+*/
+$(document).ready(function () {
+
+    $(".javascriptDisclaimer").hide();
+
+    console.log("in load");
+    $.getJSON('https://build.yunohost.org/images.json', function (images) {
+        $.each(images, function(k, infos) {
+            // Fill the template
+            html = $('#image-template').html()
+             .replace('{id}', infos.id)
+             .replace('{name}', infos.name)
+             .replace('{comment}', infos.comment || "&nbsp;")
+             .replace('{image}', infos.image)
+             .replace('{version}', infos.version);
+
+            if (infos.file.startsWith("http"))
+                html = html.replace(/{file}/g, infos.file);
+            else
+                html = html.replace(/{file}/g, "https://build.yunohost.org/"+infos.file);
+
+            if ((typeof(infos.has_sig_and_sums) !== 'undefined') && infos.has_sig_and_sums == false)
+            {
+                var $html = $(html);
+                $html.find(".annotations").html("&nbsp;");
+                html = $html[0];
+            }
+            $('#cards-list').append(html);
+        });
+    });
+});
+</script>