277 lines
8.4 KiB
JavaScript
277 lines
8.4 KiB
JavaScript
|
|
|
|
/* ideeSpeichern();
|
|
function ideeSpeichern(titel, inhalt) {
|
|
|
|
let url = "system/ideeSpeichern.php";
|
|
let formData = new FormData();
|
|
formData.append('titel', titel);
|
|
formData.append('inhalt', inhalt);
|
|
fetch(url,
|
|
{
|
|
body: formData,
|
|
method: "post",
|
|
})
|
|
.then((response) => {
|
|
return response.json();
|
|
})
|
|
.then((markerData) => {
|
|
|
|
|
|
|
|
|
|
}
|
|
.catch(function(error) {
|
|
console.log("error: " + error.message);
|
|
});
|
|
}
|
|
|
|
*/
|
|
|
|
// submit kommentar nicht seite neu laden
|
|
|
|
$(document).ready(function(){
|
|
$("#kommentarform").submit(function(e) {
|
|
console.log("Submitted")
|
|
e.preventDefault(); // avoid to execute the actual submit of the form.
|
|
});
|
|
})
|
|
|
|
// idee laden
|
|
|
|
|
|
|
|
function ideeAnzeigen(data) {
|
|
|
|
document.getElementById("idee").innerHTML = "";
|
|
document.querySelectorAll('.loeschen').forEach(e => e.remove());
|
|
let titelErstellen = document.createElement("h1");
|
|
let titelInhalt = document.createTextNode(data.titel);
|
|
titelErstellen.appendChild(titelInhalt);
|
|
titelErstellen.classList.add("loeschen");
|
|
document.getElementById('idee').appendChild(titelErstellen);
|
|
|
|
let inhaltErstellen = document.createElement("p");
|
|
let inhaltInhalt = document.createTextNode(data.inhalt);
|
|
inhaltErstellen.appendChild(inhaltInhalt);
|
|
inhaltErstellen.classList.add("loeschen");
|
|
document.getElementById('idee').appendChild(inhaltErstellen);
|
|
|
|
let likesErstellen = document.createElement("p");
|
|
let likes = document.createTextNode(data.likes + " Likes");
|
|
likesErstellen.appendChild(likes);
|
|
likesErstellen.classList.add("loeschen");
|
|
document.getElementById('idee').appendChild(likesErstellen);
|
|
|
|
let bild = document.createElement("img");
|
|
bild.src = data.bild;
|
|
bild.classList.add("ideeBilder");
|
|
bild.classList.add("loeschen");
|
|
document.getElementById('idee').appendChild(bild);
|
|
console.log(data);
|
|
|
|
|
|
|
|
|
|
let herz = document.createElement("img");
|
|
herz.src= "../images/herz-0.png";
|
|
herz.classList.add("herz");
|
|
herz.classList.add("loeschen");
|
|
document.getElementById('idee').appendChild(herz);
|
|
herz.addEventListener('click', function() {
|
|
herz.src= "../images/herz-1.png";
|
|
|
|
$.post('system/addLike.php/?id=' + data.id, {}).done(function(response){
|
|
$("#mypar").html(response.amount);
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
kommentarErstellen(data.id);
|
|
|
|
let kommentare_container = document.createElement("div")
|
|
kommentare_container.setAttribute("id", "kommentare_container");
|
|
document.getElementById('idee').appendChild(kommentare_container);
|
|
|
|
|
|
|
|
kommentareAnzeigen(data.id);
|
|
|
|
|
|
};
|
|
|
|
|
|
// kommentar formular likesErstellen
|
|
|
|
function kommentarErstellen(idee_id) {
|
|
console.log(idee_id);
|
|
|
|
|
|
let formular = document.createElement("form");
|
|
formular.classList.add("formular");
|
|
formular.setAttribute("action", "https://751068-4.web.fhgr.ch/system/kommentarSpeichern.php");
|
|
formular.setAttribute("method", "post");
|
|
formular.setAttribute("id", "kommentarform");
|
|
document.getElementById("idee").appendChild(formular);
|
|
|
|
let text_label = document.createElement("label");
|
|
text_label.setAttribute("for", "text");
|
|
|
|
let text_input = document.createElement("input");
|
|
text_input.setAttribute("type", "text");
|
|
text_input.setAttribute("name", "text")
|
|
|
|
let submit_input = document.createElement("input");
|
|
submit_input.setAttribute("type", "submit");
|
|
submit_input.setAttribute("value", "Kommentar posten");
|
|
|
|
let id = document.createElement("input");
|
|
id.setAttribute("type", "hidden");
|
|
id.setAttribute("name", "idee_id")
|
|
id.value = idee_id;
|
|
|
|
document.getElementById("kommentarform").appendChild(text_label);
|
|
document.getElementById("kommentarform").appendChild(text_input);
|
|
document.getElementById("kommentarform").appendChild(submit_input);
|
|
document.getElementById("kommentarform").appendChild(id);
|
|
|
|
$("#kommentarform").submit(function(e){
|
|
|
|
let form = $(this);
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "https://751068-4.web.fhgr.ch/system/kommentarSpeichern.php",
|
|
data: form.serialize(),
|
|
})
|
|
e.preventDefault();
|
|
document.getElementById("kommentare_container").innerHTML = "";
|
|
|
|
kommentareAnzeigen(idee_id);
|
|
});
|
|
};
|
|
|
|
/* function installWidgetPreviewMultiple(widget, list) {
|
|
widget.onChange(function(fileGroup) {
|
|
list.empty()
|
|
if (fileGroup) {
|
|
$.when.apply(null, fileGroup.files()).done(function() {
|
|
$.each(arguments, function(i, fileInfo) {
|
|
var src = fileInfo.cdnUrl + '-/scale_crop/160x160/center/'
|
|
|
|
list.append($('<div/>', {class: '_item'}).append([$('<img/>', {src: src}), fileInfo.name]))
|
|
})
|
|
})
|
|
}
|
|
})
|
|
}
|
|
$(function() {
|
|
$('.image-preview').each(function() {
|
|
installWidgetPreviewMultiple(uploadcare.MultipleWidget($(this).children('input')), $(this).children('._list'))
|
|
})
|
|
})
|
|
|
|
*/
|
|
|
|
|
|
// Idee formular erstellen
|
|
function formularErstellen(koordianten) {
|
|
|
|
document.getElementById("idee").innerHTML = "";
|
|
|
|
|
|
let formular = document.createElement("form");
|
|
formular.classList.add("formular");
|
|
formular.setAttribute("action", "https://751068-4.web.fhgr.ch/system/ideeSpeichern.php");
|
|
formular.setAttribute("method", "post");
|
|
formular.setAttribute("id", "form");
|
|
document.getElementById("idee").appendChild(formular);
|
|
|
|
let koordinaten_lng = document.createElement("input");
|
|
koordinaten_lng.setAttribute("type", "hidden");
|
|
koordinaten_lng.setAttribute("name", "lng")
|
|
koordinaten_lng.value = koordianten.toJSON().lng;
|
|
|
|
let koordinaten_lat = document.createElement("input");
|
|
koordinaten_lat.setAttribute("type", "hidden");
|
|
koordinaten_lat.setAttribute("name", "lat")
|
|
koordinaten_lat.value = koordianten.toJSON().lat;
|
|
|
|
let titel_label = document.createElement("label");
|
|
titel_label.setAttribute("for", "titel");
|
|
titel_label.innerHTML = "Titel:";
|
|
|
|
let titel_input = document.createElement("input");
|
|
titel_input.setAttribute("type", "text");
|
|
titel_input.setAttribute("name", "titel")
|
|
|
|
let text_label = document.createElement("label");
|
|
text_label.setAttribute("for", "text");
|
|
text_label.innerHTML = "Text:";
|
|
|
|
let text_input = document.createElement("input");
|
|
text_input.setAttribute("type", "text");
|
|
text_input.setAttribute("name", "text")
|
|
|
|
let submit_input = document.createElement("input");
|
|
submit_input.setAttribute("type", "submit");
|
|
submit_input.setAttribute("value", "Formular Absenden");
|
|
|
|
|
|
document.getElementById("form").appendChild(titel_label);
|
|
document.getElementById("form").appendChild(titel_input);
|
|
document.getElementById("form").appendChild(text_label);
|
|
document.getElementById("form").appendChild(text_input);
|
|
document.getElementById("form").appendChild(submit_input);
|
|
document.getElementById("form").appendChild(koordinaten_lat);
|
|
document.getElementById("form").appendChild(koordinaten_lng);
|
|
|
|
document.getElementById("image-upload").innerHTML = '<input type="hidden" role="uploadcare-uploader" data-public-key="3a3c37e85850c6cfe077" data-multiple="true" data-images-only data-public- data-clearable data-tabs="file camera" data-image-shrink: "1024x1024" data-system-dialog="false"/>';
|
|
|
|
// get a widget reference
|
|
const widget = uploadcare.Widget("[role=uploadcare-uploader]", { multiple: true});
|
|
|
|
// listen to the "upload completed" event
|
|
widget.onUploadComplete(fileGroupInfo => {
|
|
// get a information about uploaded group
|
|
// check https://uploadcare.com/docs/file-uploader-api/file-groups/#file-group-info
|
|
|
|
for (var i = 0; i < fileGroupInfo.count; i++) {
|
|
console.log("https://ucarecdn.com/" + fileGroupInfo.uuid + "/nth/" + i + "/-/preview/-/quality/smart/-/format/auto/");
|
|
}
|
|
});
|
|
};
|
|
|
|
|
|
|
|
function kommentareAnzeigen(idee_id){
|
|
|
|
document.getElementById("kommentare_container").innerHTML = "";
|
|
|
|
let url = "system/alleKommentareHolen.php/?id=" + idee_id;
|
|
fetch(url)
|
|
.then((response) => {
|
|
return response.json();
|
|
})
|
|
.then((data) => {
|
|
let k = document.createElement("h3");
|
|
let k_text = document.createTextNode("Kommentare:");
|
|
k.appendChild(k_text);
|
|
k.classList.add("loeschen")
|
|
document.getElementById('kommentare_container').appendChild(k);
|
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
let kommentarErstellen = document.createElement("p");
|
|
let kommentar = document.createTextNode(data[i].k_text);
|
|
kommentarErstellen.appendChild(kommentar);
|
|
kommentarErstellen.classList.add("loeschen");
|
|
document.getElementById('kommentare_container').appendChild(kommentarErstellen);
|
|
}
|
|
})
|
|
.catch(function(error) {
|
|
console.log('Error!: ' + error.message);
|
|
});
|
|
}
|