From b2e2a80f9bc7ffe6496959dcef71ca1f5f094864 Mon Sep 17 00:00:00 2001
From: clemens <git@clemensklug.de>
Date: Tue, 31 May 2016 13:21:46 +0200
Subject: [PATCH] sanitized DOM

---
 caddy.json | 479 +++++++++++++++++++++++++----------------------------
 index.html |   4 +-
 main.js    |  80 ++++-----
 3 files changed, 270 insertions(+), 293 deletions(-)

diff --git a/caddy.json b/caddy.json
index 15f08c2..d9a4acc 100644
--- a/caddy.json
+++ b/caddy.json
@@ -1,261 +1,238 @@
 [
-{"sitename":"wiai","sites":[
   {
-    "image": "pictures/board.png",
-    "button": "btn-primary",
-    "link": "https://www.wiai.de/board",
-    "name": "Forum"
-  },
-        {
-    "image": "pictures/otrs.png",
-    "button": "btn-primary",
-    "link": "https://otrs.wiai.de/",
-    "name": "OTRS"
-  },
-  
-    {
-    "image": "pictures/klausuren.png",
-    "button": "btn-primary",
-    "link": "https://klausuren.wiai.de/",
-    "name": "Klausuren"
-  },
-  
-    {
-    "image": "pictures/limesurvey.png",
-    "button": "btn-primary",
-    "link": "https://survey.wiai.de/",
-    "name": "Limesurvey"
-  },
-  
-  {
-    "image": "pictures/git.png",
-    "button": "btn-primary",
-    "link": "https://git.wiai.de",
-    "name": "Git"
-  },
-  
-  {
-    "image": "pictures/etherpad.png",
-    "button": "btn-primary",
-    "link": "https://pad.wiai.de",
-    "name": "Etherpad"
-  },
-  
-  {
-    "image": "pictures/platzhalter.jpg",
-    "button": "btn-primary",
-    "link": "https://calc.wiai.de",
-    "name": "Ethercalc"
-  },
-  
-  {
-    "image": "pictures/roofis.png",
-    "button": "btn-primary",
-    "link": "https://suche.wiai.de",
-    "name": "Roofis"
-  },
-  
-    {
-    "image": "pictures/strichliste.png",
-    "button": "btn-primary",
-    "link": "https://pay.wiai.de/",
-    "name": "Strichliste"
-  },
-  
-    {
-    "image": "pictures/fslogo.png",
-    "button": "btn-primary",
-    "link": "https://www.wiai.de/dashboard/",
-    "name": "wiai.de"
-  },
-  
-    {
-    "image": "pictures/fslogo.png",
-    "button": "btn-primary",
-    "link": "https://www.uni-bamberg.de/wiai/fs/",
-    "name": "FS - Homepage"
-  },
-  
-    {
-    "image": "pictures/mitglieder.png",
-    "button": "btn-primary",
-    "link": "https://intern.wiai.de/extras/wiai.php",
-    "name": "Mitglieder"
-  },
-  
-    {
-    "image": "pictures/redmine.png",
-    "button": "btn-primary",
-    "link": "https://redmine.wiai.de/",
-    "name": "Redmine"
-  },
-  
-    {
-    "image": "pictures/platzhalter.jpg",
-    "button": "btn-primary",
-    "link": "https://intern.wiai.de/list-pads/",
-    "name": "Pad List"
-  }
-]  
-},
-
-{"sitename":"admin","sites":[
-  {
-    "image": "pictures/email.png",
-    "button": "btn-primary",
-    "link": "https://mailex.uni-bamberg.de",
-    "name": "Email Account FS"
-  },
-        {
-    "image": "pictures/typo3.png",
-    "button": "btn-primary",
-    "link": "http://www.uni-bamberg.de/typo3",
-    "name": "Uni-Typo3 Login"
-  },
-  
-    {
-    "image": "pictures/phpmyadmin.png",
-    "button": "btn-primary",
-    "link": "https://phpmyadmin.wiai.de",
-    "name": "PHPMyAdmin"
-  },
-  
-    {
-    "image": "pictures/limesurvey.png",
-    "button": "btn-primary",
-    "link": "https://survey.wiai.de/admin/",
-    "name": "Limesurvey Admin"
-  },
-  
-    {
-    "image": "pictures/schluessel.png",
-    "button": "btn-primary",
-    "link": "https://intern.wiai.de/extras/wiaikeys.php",
-    "name": "Wiai-Schlüsselliste"
-  },
-  
+    "sitename": "wiai",
+    "sites": [
       {
-    "image": "pictures/schluessel.png",
-    "button": "btn-primary",
-    "link": "https://intern.wiai.de/extras/sowikeys.php",
-    "name": "Sowi-Schlüsselliste"
-  }
-]  
-},
-
-{"sitename":"links","sites":[
-  {
-    "image": "pictures/uni_logo.png",
-    "button": "btn-primary",
-    "link": "http://www.uni-bamberg.de/",
-    "name": "Uni Homepage"
-  },
-        {
-    "image": "pictures/feki.png",
-    "button": "btn-primary",
-    "link": "http://www.feki.de",
-    "name": "Feki.de"
-  },
-  
-    {
-    "image": "pictures/platzhalter.jpg",
-    "button": "btn-primary",
-    "link": "http://www.uni-bamberg.de/leistungen/studium/online_dienste",
-    "name": "Online Dienste"
-  },
-  
-    {
-    "image": "pictures/platzhalter.jpg",
-    "button": "btn-primary",
-    "link": "https://fn2stud.zuv.uni-bamberg.de/FN2AUTH/FN2AuthServlet?op=Login",
-    "name": "FlexNow2"
-  },
-  
-    {
-    "image": "pictures/vc.png",
-    "button": "btn-primary",
-    "link": "http://vc.uni-bamberg.de/moodle",
-    "name": "Virtueller Campus"
-  },
-        {
-    "image": "pictures/platzhalter.jpg",
-    "button": "btn-primary",
-    "link": "http://www.uni-bamberg.de/auslandsamt",
-    "name": "Auslandsamt"
-  },
-  
-    {
-    "image": "pictures/platzhalter.jpg",
-    "button": "btn-primary",
-    "link": "http://univis.uni-bamberg.de/",
-    "name": "Univis"
-  },
-
+        "image": "pictures/board.png",
+        "button": "btn-primary",
+        "link": "https://www.wiai.de/board",
+        "name": "Forum"
+      },
       {
-    "image": "pictures/platzhalter.jpg",
-    "button": "btn-primary",
-    "link": "https://www.uni-bamberg.de/ub",
-    "name": "Uni Bib"
+        "image": "pictures/otrs.png",
+        "button": "btn-primary",
+        "link": "https://otrs.wiai.de/",
+        "name": "OTRS"
+      },
+      {
+        "image": "pictures/klausuren.png",
+        "button": "btn-primary",
+        "link": "https://klausuren.wiai.de/",
+        "name": "Klausuren"
+      },
+      {
+        "image": "pictures/limesurvey.png",
+        "button": "btn-primary",
+        "link": "https://survey.wiai.de/",
+        "name": "Limesurvey"
+      },
+      {
+        "image": "pictures/git.png",
+        "button": "btn-primary",
+        "link": "https://git.wiai.de",
+        "name": "Git"
+      },
+      {
+        "image": "pictures/etherpad.png",
+        "button": "btn-primary",
+        "link": "https://pad.wiai.de",
+        "name": "Etherpad"
+      },
+      {
+        "image": "pictures/platzhalter.jpg",
+        "button": "btn-primary",
+        "link": "https://calc.wiai.de",
+        "name": "Ethercalc"
+      },
+      {
+        "image": "pictures/roofis.png",
+        "button": "btn-primary",
+        "link": "https://suche.wiai.de",
+        "name": "Roofis"
+      },
+      {
+        "image": "pictures/strichliste.png",
+        "button": "btn-primary",
+        "link": "https://pay.wiai.de/",
+        "name": "Strichliste"
+      },
+      {
+        "image": "pictures/fslogo.png",
+        "button": "btn-primary",
+        "link": "https://www.wiai.de/dashboard/",
+        "name": "wiai.de"
+      },
+      {
+        "image": "pictures/fslogo.png",
+        "button": "btn-primary",
+        "link": "https://www.uni-bamberg.de/wiai/fs/",
+        "name": "FS - Homepage"
+      },
+      {
+        "image": "pictures/mitglieder.png",
+        "button": "btn-primary",
+        "link": "https://intern.wiai.de/extras/wiai.php",
+        "name": "Mitglieder"
+      },
+      {
+        "image": "pictures/redmine.png",
+        "button": "btn-primary",
+        "link": "https://redmine.wiai.de/",
+        "name": "Redmine"
+      },
+      {
+        "image": "pictures/platzhalter.jpg",
+        "button": "btn-primary",
+        "link": "https://intern.wiai.de/list-pads/",
+        "name": "Pad List"
+      }
+    ]
   },
-  
-    {
-    "image": "pictures/email.png",
-    "button": "btn-primary",
-    "link": "https://mailex.uni-bamberg.de/",
-    "name": "Stud. Email"
-  },
-  
-    {
-    "image": "pictures/platzhalter.jpg",
-    "button": "btn-primary",
-    "link": "http://www.studierendenvertretung-bamberg.de/",
-    "name": "Stud. Vertretung"
-  },
-  
-    {
-    "image": "pictures/essen.png",
-    "button": "btn-primary",
-    "link": "https://www.studentenwerk-wuerzburg.de/bamberg/essen-trinken/sonderspeiseplaene.html",
-    "name": "Essen ERBA"
-  },
-  
-    {
-    "image": "pictures/essen.png",
-    "button": "btn-primary",
-    "link": "https://www.studentenwerk-wuerzburg.de/essen-trinken/speiseplaene/plan/show/feldkirchenstrasse-bamberg.html",
-    "name": "Mensaplan"
-  }
-]  
-},
-
-{"sitename":"sowi","sites":[
   {
-    "image": "pictures/platzhalter.jpg",
-    "button": "btn-primary",
-    "link": "https://www.uni-bamberg.de/sowi/fs",
-    "name": "Sowi Homepage"
+    "sitename": "admin",
+    "sites": [
+      {
+        "image": "pictures/email.png",
+        "button": "btn-primary",
+        "link": "https://mailex.uni-bamberg.de",
+        "name": "Email Account FS"
+      },
+      {
+        "image": "pictures/typo3.png",
+        "button": "btn-primary",
+        "link": "http://www.uni-bamberg.de/typo3",
+        "name": "Uni-Typo3 Login"
+      },
+      {
+        "image": "pictures/phpmyadmin.png",
+        "button": "btn-primary",
+        "link": "https://phpmyadmin.wiai.de",
+        "name": "PHPMyAdmin"
+      },
+      {
+        "image": "pictures/limesurvey.png",
+        "button": "btn-primary",
+        "link": "https://survey.wiai.de/admin/",
+        "name": "Limesurvey Admin"
+      },
+      {
+        "image": "pictures/schluessel.png",
+        "button": "btn-primary",
+        "link": "https://intern.wiai.de/extras/wiaikeys.php",
+        "name": "Wiai-Schlüsselliste"
+      },
+      {
+        "image": "pictures/schluessel.png",
+        "button": "btn-primary",
+        "link": "https://intern.wiai.de/extras/sowikeys.php",
+        "name": "Sowi-Schlüsselliste"
+      }
+    ]
   },
-        {
-    "image": "pictures/mitglieder.png",
-    "button": "btn-primary",
-    "link": "https://intern.wiai.de/extras/sowi.php",
-    "name": "Mitglieder Sowi"
+  {
+    "sitename": "links",
+    "sites": [
+      {
+        "image": "pictures/uni_logo.png",
+        "button": "btn-primary",
+        "link": "http://www.uni-bamberg.de/",
+        "name": "Uni Homepage"
+      },
+      {
+        "image": "pictures/feki.png",
+        "button": "btn-primary",
+        "link": "http://www.feki.de",
+        "name": "Feki.de"
+      },
+      {
+        "image": "pictures/platzhalter.jpg",
+        "button": "btn-primary",
+        "link": "http://www.uni-bamberg.de/leistungen/studium/online_dienste",
+        "name": "Online Dienste"
+      },
+      {
+        "image": "pictures/platzhalter.jpg",
+        "button": "btn-primary",
+        "link": "https://fn2stud.zuv.uni-bamberg.de/FN2AUTH/FN2AuthServlet?op=Login",
+        "name": "FlexNow2"
+      },
+      {
+        "image": "pictures/vc.png",
+        "button": "btn-primary",
+        "link": "http://vc.uni-bamberg.de/moodle",
+        "name": "Virtueller Campus"
+      },
+      {
+        "image": "pictures/platzhalter.jpg",
+        "button": "btn-primary",
+        "link": "http://www.uni-bamberg.de/auslandsamt",
+        "name": "Auslandsamt"
+      },
+      {
+        "image": "pictures/platzhalter.jpg",
+        "button": "btn-primary",
+        "link": "http://univis.uni-bamberg.de/",
+        "name": "Univis"
+      },
+      {
+        "image": "pictures/platzhalter.jpg",
+        "button": "btn-primary",
+        "link": "https://www.uni-bamberg.de/ub",
+        "name": "Uni Bib"
+      },
+      {
+        "image": "pictures/email.png",
+        "button": "btn-primary",
+        "link": "https://mailex.uni-bamberg.de/",
+        "name": "Stud. Email"
+      },
+      {
+        "image": "pictures/platzhalter.jpg",
+        "button": "btn-primary",
+        "link": "http://www.studierendenvertretung-bamberg.de/",
+        "name": "Stud. Vertretung"
+      },
+      {
+        "image": "pictures/essen.png",
+        "button": "btn-primary",
+        "link": "https://www.studentenwerk-wuerzburg.de/bamberg/essen-trinken/sonderspeiseplaene.html",
+        "name": "Essen ERBA"
+      },
+      {
+        "image": "pictures/essen.png",
+        "button": "btn-primary",
+        "link": "https://www.studentenwerk-wuerzburg.de/essen-trinken/speiseplaene/plan/show/feldkirchenstrasse-bamberg.html",
+        "name": "Mensaplan"
+      }
+    ]
   },
-  
-    {
-    "image": "pictures/limesurvey.png",
-    "button": "btn-primary",
-    "link": "https://survey.wiai.de/",
-    "name": "Limesurvey"
-  },
-  
-    {
-    "image": "pictures/schluessel.png",
-    "button": "btn-primary",
-    "link": "https://intern.wiai.de/extras/sowikeys.php",
-    "name": "Sowi-Schlüsselliste"
+  {
+    "sitename": "sowi",
+    "sites": [
+      {
+        "image": "pictures/platzhalter.jpg",
+        "button": "btn-primary",
+        "link": "https://www.uni-bamberg.de/sowi/fs",
+        "name": "Sowi Homepage"
+      },
+      {
+        "image": "pictures/mitglieder.png",
+        "button": "btn-primary",
+        "link": "https://intern.wiai.de/extras/sowi.php",
+        "name": "Mitglieder Sowi"
+      },
+      {
+        "image": "pictures/limesurvey.png",
+        "button": "btn-primary",
+        "link": "https://survey.wiai.de/",
+        "name": "Limesurvey"
+      },
+      {
+        "image": "pictures/schluessel.png",
+        "button": "btn-primary",
+        "link": "https://intern.wiai.de/extras/sowikeys.php",
+        "name": "Sowi-Schlüsselliste"
+      }
+    ]
   }
-]  
-}
-
 ]
diff --git a/index.html b/index.html
index 6e7e6c0..ff8a88d 100644
--- a/index.html
+++ b/index.html
@@ -40,9 +40,7 @@
     </div>
     <div class="container">
 
-       <ul id="content">
-
-       </ul>
+       <div id="content"/>
 </div>
 
 </div><!--/.container-->
diff --git a/main.js b/main.js
index f4eea28..044ebbe 100644
--- a/main.js
+++ b/main.js
@@ -3,51 +3,53 @@ jQuery.fn.extend({
         var self = $(this);
         $.ajax({
             url: dataurl,
-            async:true,
-            contentType:"application/json",
+            async: true,
+            contentType: "application/json",
             dataType: "json",
-            success: function(data){
-				$.each(data, function(key, attributes2){
-               var sitename = attributes2.sitename;
-			   var site_div = $("<div>"); 
-			   var site_title = $("<h1>");
-			   $(site_title).text = sitename;
-			   $(site_title).appendTo(site_div);
-					$.each(attributes2.sites, function(key, attributes){
-                 var my_link = (typeof attributes['link'] != 'undefined') ? attributes['link'] : "";
-                 var my_button = (typeof attributes['button'] != 'undefined') ? attributes['button'] : "";
-                 var my_name = (typeof attributes['name'] != 'undefined') ? attributes['name'] : "";
-                 var my_image = ((typeof attributes['image'] != 'undefined') && (attributes['image'] == "empty")) ? my_name : attributes['image'];
+            success: function (data) {
+                $.each(data, function (key, attributes2) {
+                    var sitename = attributes2.sitename;
+                    var site_div = $("<div>");
+                    $(site_div).attr('id', sitename);
+                    var site_list = $("<ul>");
+                    $.each(attributes2.sites, function (key, attributes) {
+                        var my_link = (typeof attributes['link'] != 'undefined') ? attributes['link'] : "";
+                        var my_button = (typeof attributes['button'] != 'undefined') ? attributes['button'] : "";
+                        var my_name = (typeof attributes['name'] != 'undefined') ? attributes['name'] : "";
+                        var my_image = ((typeof attributes['image'] != 'undefined') && (attributes['image'] == "empty")) ? my_name : attributes['image'];
 
-                 var new_div = $("<li>");
+                        var new_div = $("<li>");
                         var new_anchor = $("<a>");
                         $(new_anchor).attr("href", my_link);
-						$(new_anchor).attr("target", "_blank");
+                        $(new_anchor).attr("target", "_blank");
                         $(new_anchor).addClass("btn");
                         $(new_anchor).addClass(my_button);
                         $(new_anchor).attr("style", "height:150px");
-                            if ((typeof my_image != 'undefined') && (my_image != "empty")) {
-                                var new_content = $("<span>");
-                                if (my_image != my_name) {
-                                     $(new_anchor).html(my_name);
-                                     new_content = $("<img>");
-                                     $(new_content).addClass("img-responsive");
-                                     $(new_content).attr("src", my_image);
-                                }else{
-                                    var new_br = $("<br>");
-                                    $(new_br).appendTo(new_anchor);
-                                    new_content = $("<div>");
-                                    $(new_content).attr("style", "width:100px;height:100px");
-                                    $(new_content).html(my_name);
-                                }
-                                $(new_content).appendTo(new_anchor);
+                        if ((typeof my_image != 'undefined') && (my_image != "empty")) {
+                            var new_content = $("<span>");
+                            if (my_image != my_name) {
+                                $(new_anchor).html(my_name);
+                                new_content = $("<img>");
+                                $(new_content).addClass("img-responsive");
+                                $(new_content).attr("src", my_image);
+                            } else {
+                                var new_br = $("<br>");
+                                $(new_br).appendTo(new_anchor);
+                                new_content = $("<div>");
+                                $(new_content).attr("style", "width:100px;height:100px");
+                                $(new_content).html(my_name);
                             }
+                            $(new_content).appendTo(new_anchor);
+                        }
                         $(new_anchor).appendTo(new_div);
                         console.log(new_div);
-                    $(new_div).appendTo(site_div);
-                });$(site_div).appendTo(self);
-            });}
-        });       
+                        $(new_div).appendTo(site_list);
+                    });
+                    $(site_list).appendTo(site_div);
+                    $(site_div).appendTo(self);
+                });
+            }
+        });
     }
 });
 
@@ -56,17 +58,17 @@ jQuery.fn.extend({
         var self = $(this);
         $.ajax({
             url: "vcf/api.php",
-            async:true,
-            contentType:"text/html",
+            async: true,
+            contentType: "text/html",
             dataType: "html",
-            success: function(data){
+            success: function (data) {
                 $(self).html(data);
             }
         });
     }
 });
 
-$(document).ready(function(){
+$(document).ready(function () {
     $("#content").linklist();
     $("#impressum").impress();
 });