2018-04-09 20:12:02 +02:00

85 lines
3.5 KiB
JavaScript

function onClick(obj) {
obj.toggle()
}
jQuery.fn.extend({
linklist: function (kwargs) {
var self = $(this);
$.ajax({
url: dataurl,
async: true,
contentType: "application/json",
dataType: "json",
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>");
var nav = $("<span>");
$(nav).attr("class", "btn btn-primary");
$(nav).click(function () {
onClick(site_div)
});
$(nav).text(sitename);
nav.appendTo($(".lead"));
$.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_anchor = $("<a>");
$(new_anchor).attr("href", my_link);
$(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);
}
$(new_anchor).appendTo(new_div);
console.log(new_div);
$(new_div).appendTo(site_list);
});
$(site_list).appendTo(site_div);
$(site_div).appendTo(self);
});
}
});
}
});
jQuery.fn.extend({
impress: function (kwargs) {
var self = $(this);
$.ajax({
url: "vcf/api.php",
async: true,
contentType: "text/html",
dataType: "html",
success: function (data) {
$(self).html(data);
}
});
}
});
$(document).ready(function () {
$("#content").linklist();
$("#impressum").impress();
});