Erklärvideo Mieternation Deutschland Die Deutschen wohnen lieber zur Miete, als sich eine Wohnung zu kaufen. Warum das so ist, erklärt unser Video. </div> </div> </div> </div> </div> </div> </p> <!-- $$object.objbuttons$$ --> <!-- $$object.wrapperend$$ --> <aside class="red-mm-aside artikelspalte teaserXL w(851px)" role="complementary"> <!-- $$object.wrapperstart$$ --> <!-- $$object.objectanchor$$ --> <div class="box author"> <p > Copyright: Goethe-Institut e. V., Internet-Redaktion<br /> April 2018 </p> <p><a href="mailto:internet-redaktion@goethe.de">Haben Sie noch Fragen zu diesem Artikel? Schreiben Sie uns!</a></p> </div> <div class="box services"> <ul class="list-services"> <li class="kommentare"><a href=""><span id="cmtcount-18-21261496">0</span> <span class="cmtlabel">Kommentare</span></a></li> <!-- Social Media --> <li class="box social"> <div class="socialShare"></div> <ul class="list-linkliste"> <li><a href="https://www.goethe.de/ins/ca/de/dat.html" target="_blank">Informationen zum Datenschutz</a></li> </ul> <!-- Button popups --> <div id="smb" class="popup socialMedia default"> <div class="popupHdlContainer"> <h3>Informationen zu<br />Social-Media-Diensten</h3> </div> <h2>Wir wollen Ihre Privatsphäre schützen</h2> <p> Eine Website, die solche Buttons enthält, übermittelt ohne Ihre Zustimmung personenbezogene Daten an die betreffenden sozialen Netzwerke. Der Button muss dazu nicht von Ihnen gedrückt worden sein. Das widerspricht den deutschen Datenschutzbestimmungen.<br />Um Ihre Privatsphäre zu schützen, verwendet das Goethe-Institut eine sogenannte 2-Klick Lösung. Diese wird in ähnlicher Form von zahlreichen Website-Betreibern eingesetzt und ist sehr einfach zu bedienen. </p> <h2>Artikel auf goethe.de weiterempfehlen</h2> <p>So funktioniert die 2-Klick Lösung: Wenn Sie sich auf goethe.de aufhalten, ist die Empfehlungsfunktion der Buttons als Standard inaktiv. Durch wenige Klicks haben Sie die Möglichkeit, das zu ändern:</p> <p>1. Mit dem ersten Klick öffnet sich ein erklärendes Fenster.</p> <p>2. Mit dem zweiten Klick können Sie Ihre Zustimmung geben, dass die Empfehlungsfunktion der sozialen Netzwerke aktiviert wird.</p> </div> </li> <li class="drucken"><a href="javascript:window.print();" alt="Artikel drucken" title="Artikel drucken">Artikel drucken</a></li> </ul> </div> <script> var codenameList = ""; function showTeasersForCategory(categoryname, categoryid) { var location = encodeURI(window.location.href); var parentLocation = location.substring(0, location.lastIndexOf("/")) + ".html"; var codename = findCodenameForId(categoryid); var locationWithTag = ""; if (codename.length != 0) { locationWithTag = parentLocation + "#" + codename; } else if (categoryid == 0) { locationWithTag = '#'; } else { locationWithTag = parentLocation + "#" + categoryname.replace(/ /g, ''); } window.location.href = locationWithTag; } function findCodenameForId(catid) { var codenameListSplitted = codenameList.split(","); var length = codenameListSplitted.length; for (var i = 0; i < length; i++) { var catIDCodename = codenameListSplitted[i]; var splitted = catIDCodename.split("$"); var tempCatID = splitted[0]; var tempCodename = splitted[1]; if (tempCatID == catid.toString()) { if (tempCodename.length != 0) return tempCodename; return ""; } } return ""; } </script> <!-- $$object.objbuttons$$ --> <!-- $$object.wrapperend$$ --> <!-- $$customhtml:services$$ --> <!-- $$customhtml:relatedteasers$$ --> </aside> <!-- instance variable debugging: uselangfamilies: 0 closedthread: 0 newcommentstatus: 3 --> <div class="kommentar-container"> <div id="commenting" class="comments kommentarContainer" rel="157" data-tabrelID="comments-18-21261496"><a name="comments"></a> <ul class="komHDL"> <li> <h3> <span id="commentcount-18-21261496" class="cmt-num-posts" v-if="comment_count != 0" v-html="comment_count"></span> Kommentare </h3> </li> <li class="komAktion"> <a href="#" class="gotocommentform">Kommentieren</a> <span class="trenner">|</span> <a class="gotolast" href="Javascript:void(0);" onclick="">Zum neuesten Kommentar</a> </li> </ul> <comment-block v-for="comment in itemCountInRow(currentPage)" :key="comment.cm_id" :comment="comment"> </comment-block> <div class="komSchreiben"> <div id="cmt-reply" class="cmt-reply kommentarSchreiben lrg"> <a name="newcomment"></a> <ul class="komHDL"> <li><h3>Kommentieren</h3></li> <li v-if="!logged_in" class="komAktion"><button class="standard btnBlau login" id="anmeldungKommentare"><a href="#">Anmelden</a></button></li> </ul> <template v-if="items.length > itemsLimitPerPage"> <div class="komSeiten" v-if="items.length > itemsLimitPerPage"> <span id="pagination1" class="anzahlSeiten"> <a v-if="currentPage != 1" href="javascript:void(0);" @click="onPageNumberClick($event, 1)"><<</a> <a v-if="currentPage != 1" href="javascript:void(0);" @click="onPageNumberClick($event, currentPage-1)"><</a> <template v-for="page in pageCount"> <span class="aktuelleSeite" v-if="currentPage == page" title="">{{page}}</span><template v-if="currentPage == page && currentPage != pageCount"> | </template> <a href="javascript:void(0);" v-if="currentPage != page" @click="onPageNumberClick($event, page)" title="">{{page}}</a><template v-if="currentPage != page && page != pageCount"> | </template> </template> <a v-if="currentPage != pageCount" href="javascript:void(0);" @click="onPageNumberClick($event, currentPage + 1)">></a> <a v-if="currentPage != pageCount" href="javascript:void(0);" @click="onPageNumberClick($event, pageCount)">>></a> </span> </div> </template> <form action="#" class="newcommentform" id="newcommentform" @submit.prevent="insertComment()" method="post"> <input type="hidden" name="parent_ID" value="0"> <textarea name="comment" id="comment-area-box" class="komSchreiben" placeholder="Ihr Beitrag" rows="4" autocomplete="off"></textarea> <div class="komSchreibenFooter"> <button class="standard btnBlau submit" role="button" type="submit">Veröffentlichen</button> </div> </form> </div> </div> </div> <script type="text/x-template>" id="comment_items"> <div :id="'cmt-'+comment.cm_id" class="cmt-cmt kommentar"> <a name="comment"></a> <span class="komUserBild-c scaledImage"> <img width="81" height="81" class="komUserBild" alt="" :src="comment.imgname"> </span> <p class="komUser"> <span class="komUserName">{{comment.name}}</span> <span class="icons cmt-actions"> <a v-if="comment.allow_delete == 1" @click="setupFancyBox(0,comment.cm_id)" title="delete comment" class="tooltipKommentar del icon-delete" :id="'del-'+comment.cm_id" data-placement="top" data-toggle="tooltip" href="javascript:void(0);" data-original-title="Kommentar löschen"><span>Kommentar löschen</span></a> <a v-if="comment.allow_report == 1" @click="setupFancyBox(2,comment.cm_id)" class="tooltipKommentar report icon-report kommentarPopUp" data-placement="top" data-toggle="tooltip" href="javascript:void(0);" data-original-title="Kommentar melden"><span>Kommentar melden</span></a> <a v-if="comment.allow_edit == 1" @click="setupFancyBox(1,comment.cm_id)" title="edit comment" class="tooltipKommentar edit icon-edit" :id="'edit-'+comment.cm_id" data-placement="top" data-toggle="tooltip" href="javascript:void(0);" data-original-title="Kommentar bearbeiten"><span>Kommentar bearbeiten</span></a> </span> </p> <blockquote v-if="comment.quoted_comment != null && comment.quoted_comment != ''" class="komZitat kurz"> <span class="komSpace"></span> <p class="komUserZitat"> <span class="komUserName">{{comment.quoted_user_label}}</span> </p> <p class="zitat" v-html="comment.quoted_comment"></p> </blockquote> <div :id="'cmt-message-'+comment.cm_id" class="cmt-message"> <div id="cmt-subject" class="cmt-subject">{{comment.subject}}</div> <p :id="'cmt-text-'+comment.cm_id" v-html="comment.cm"></p> </div> <div class="komFooter cmt-actions"> <time :datetime="comment.date"><span :title="comment.date">{{comment.date}}</span></time> <button class="komAntwortBtn quote" :id="'cmt-quote-'+comment.cm_id+'-'+comment.user_id"><a href="#">Antworten</a></button> </div> <div :id="'kommentarBearbeiten-'+comment.cm_id" class="popup cmt-edit-form" style="display: none"> <div class="popupHdlContainer"> <h1>Kommentar bearbeiten</h1> <form class="kommentarBearbeiten" @submit.prevent="updateComment(comment.cm_id)"> <textarea name="comment" :id="'update-comment-box-'+comment.cm_id" rows="6" class="komSchreiben komAntwort"></textarea> <div class="komSchreibenFooter rechts"> <button class="standard btnGrau cancel" @click="cancel" type="button" role="button">Abbrechen</button> <button class="standard btnBlau send" role="button" type="submit">Absenden</button> </div> </form> </div> </div> <div :id="'kommentarLoeschen-'+comment.cm_id" class="popup cmt-del-confirm" style="display: none"> <div class="popupHdlContainer"> <h1>Beitrag löschen</h1> <p class="kommentarLoeschen">Sind Sie sicher, dass Sie Ihren Beitrag endgültig löschen möchten?</p> <form class="kommentarBearbeiten" @submit.prevent="changeCommentStatus(9,comment.cm_id)"> <div class="komSchreibenFooter rechts"> <button class="standard btnGrau cancel" @click="cancel" type="button" role="button">Abbrechen</button> <button class="standard btnBlau confirm" type="submit" role="button">Löschen</button> </div> </form> </div> </div> <div :id="'kommentarMelden-'+comment.cm_id" class="popup" style="display: none"> <div class="popupHdlContainer"> <h1>Missbrauch melden</h1> </div> <p class="kommentarMelden">Wenn Sie diesen Text für problematisch halten, können Sie hier die Gründe dafür angeben. Unser Community-Management wird sich dann darum kümmern. </p> <form class="kommentarMelden" name="reportform" id="reportform" @submit.prevent="reportComment(comment.cm_id,comment.user_id)"> <input type="hidden" name="guilang_ID" > <h2>Beanstandeter Kommentar</h2> <blockquote class="komZitat kurz"> <p class="komUserZitat"><span class="komUserName">{{comment.name}}</span> <a href="" class="gotoinstance"></a></p> <p class="zitat" v-html="comment.cm"></p> <span class="mehrAnzeigen more"><a href="">[mehr]</a></span> </blockquote> <h2>Begründung</h2> <textarea name="messagetext" :id="'messagetext-'+comment.cm_id+'-'+comment.user_id" rows="4" class="komSchreiben komAntwort"></textarea> <div class="komSchreibenFooter rechts"> <button type="button" class="standard btnGrau cancel" @click="cancel" role="button">Abbrechen</button> <button type="submit" id="send" class="standard btnBlau" role="button">Absenden</button> </div> </form> </div> </div> </script> <script src="/resources/relaunch/js/commenting_c5.js" defer></script> <script> var stCmtTxt = {"sEnterComment":"Bitte gib einen Kommentartext ein.","sRecordHideCheck":"Willst du diesen Kommentar wirklich ausblenden?","sQuote":"Zitat","sCommentHiddenByCM":"Dieser Kommentar wurde vom Community Management ausgeblendet.","sComments":"Kommentare","sCommentHiddenByUser":"Dieser Kommentar wurde vom Nutzer ausgeblendet.","sMore":"mehr","sComment":"Kommentar"}; window["_configData_" + 21261496] = {"selfurl":"https://www.goethe.de/ins/ca/de/kul/loe/cfo/liv/21261496.html","object_ID":21261496,"objectlabel":"Mieternation Deutschland","site_ID":201586,"uselangfamilies":"0","pagenavititle":"Mieternation Deutschland","closedthread":"0","lang_ID":2,"newcommentstatus":"3","instance_ID":5922935}; </script> <script src="/resources/relaunch/js/image/images.js" defer></script> <script> function initComments(){ const isPaschApplication = false; const environtment = "www"; const closeThread = 0; const appInput = {"SITE_ID":201586,"USELANGFAMILIES":"0","APPNAME":"goethe","LIMITCHARACTER":100,"INSTANCE_ID":5922935,"SELFURL":"https://www.goethe.de/ins/ca/de/kul/loe/cfo/liv/21261496.html","DATE_ACTIVATE":"","OBJECTLABEL":"Mieternation Deutschland","OBJECT_ID":21261496,"DATE_DEACTIVATE":"","PAGENAVITITLE":"Mieternation Deutschland","CLOSEDTHREAD":"0","LANG_ID":2,"APIPATH":"/rest/commenting_c5/commenting_c5/","NEWCOMMENTSTATUS":"3"}; Vue.component('comment-block', { template: "#comment_items", props: ['comment'], methods: { updateComment: function(id){ let newComment = ""; if(isPaschApplication){ this.addId(id); //due to the bug fix of vuejs: https://github.com/vuejs/vue/pull/6611 var pTag = $('#cmt-text-'+id).children().first(); var textAreaInsidePTag = $('<textarea></textarea>'); if(pTag.length !== 0){ newComment = pTag.html(); }else{ newComment = $("#cmt-message-" + id).find(".ql-editor").html();//In the case that use hit edit button, then cancel, then hit edit again, the ptag is removed somehow } if(this.stripHtmlTags(newComment).length > 100){ alert('Maximale Zeichenanzahl überschritten'); setTimeout(function () { $(".trigger-submit.is-loading").removeClass('is-loading'); }, 100); return; } //handle edit with empty comment if(this.stripHtmlTags(newComment).length == 0){ return; } this.setupPaschEditComment('cmt-'+id); }else{ newComment = $("#update-comment-box-"+id).val() } $.ajax({ dataType: "json", type: "POST", url:"/rest/commenting_c5/commenting_c5/updateComment", data: { commentId : id, langId: 2, comment: newComment, configData: JSON.stringify(_configData_21261496), maxCharacter: 100 } }).done(function (res){ if(isPaschApplication){ pTag.append(textAreaInsidePTag); window.toggleCommentEdit('cmt-'+id); if (!$("#" + pTag.attr("id")).length) { pTag = $('#cmt-message-'+id).children().first(); } pTag.html(res.formatedText); } }).fail(function (err){ /** * The text area inside is removed too soon, then build.js cannot get the textarea inside * a dirty walk aroud: take the textarea then add it again after vuejs removed it. */ if(err.responseText === "MAX_CHAR_EXCEEDED"){ alert("Maximale Zeichenanzahl überschritten"); } if(err.responseText === "EMPTY_COMMENT"){ alert("Bitte hinterlasse ein Kommentar um den Beitrag zu veröffentlichen!"); } if(isPaschApplication){ pTag.append(textAreaInsidePTag); window.toggleCommentEdit('cmt-'+id); } }); this.comment.cm = newComment; if(!isPaschApplication){ $.fancybox.close();//only Goethe commenting has popup to close } }, deleteComment: function (id){ window.submitCommentDelete = id => { console.log(`Submitted comment deletion of comment ID "${id}".`); } this.changeCommentStatus(9, id); }, //action: 1: edit, 0: delete, 2: report setupFancyBox: function (action, id){ if(action === 1){ var sComment = $('#cmt-text-'+id).html(); sComment.replace(/<br\s*[\/]?>/gi, "\n") $.fancybox.open($('#kommentarBearbeiten-'+id),{ afterShow: function() { $('.cmt-edit-form textarea').val(sComment); } }); }else if(action === 0){ $.fancybox.open($('#kommentarLoeschen-'+id)); }else if(action === 2){ $.fancybox.open($('#kommentarMelden-'+id)); } }, changeCommentStatus: function (status, id){ $.ajax({ dataType: "json", type: "POST", url:"/rest/commenting_c5/commenting_c5/changeStatus", data: { commentId : id, langId: 2, status: status, //9: delete, 4: report(flagged) configData: JSON.stringify(_configData_21261496) } }).done(); if(!isPaschApplication){ $.fancybox.close(); } //TODO need to check the delete status first if(status === 9){ this.$el.parentNode.removeChild(this.$el);//remove the element at client side after doing that successfully with the api. } }, reportComment: function (cm_id, user_id){ var reportComment = $("#messagetext-"+cm_id+'-'+user_id).val(); var label = $("#cmt-text-"+cm_id).text(); $.ajax({ dataType: "json", type: "POST", url:"/rest/commenting_c5/commenting_c5/reportComment", data: { reportedUser_Id : user_id, message : reportComment, label : label, related_ID : cm_id, langId: 2, configData: JSON.stringify(_configData_21261496) } }).done(); $.fancybox.close(); //todo need to check the delete status first if(status === 9){ this.$el.parentNode.removeChild(this.$el);//remove the element at client side after doing that successfully with the api. } }, //only works with Goethe comment since it uses fancybox cancel: function (){ $.fancybox.close(); }, getMetadata: function(comment){ if(comment.file_metadata != undefined){ return JSON.parse(comment.file_metadata); }else{ return []; } }, generatePictureTags: function(comment){ if(comment.file_metadata != undefined){ var pictureTagsStr = ''; let metadataArr = JSON.parse(comment.file_metadata); var imageTypes = ['jpg', 'jpeg', 'gif', 'png']; for(meta of metadataArr){ let metaJson = JSON.parse(meta); if(!imageTypes.includes(metaJson.meta_extension)){ continue; } //since we have a problem with file name in PAS-475, so the file name will be [UUID].[file extension], the file name info is still stored in DB let imgURL = `/services/securefiles/index.cfm?UUID=${metaJson.meta_file_UUID}&app=pasch&module=commenting&filename=${metaJson.meta_file_name}`; let image = setImage(url=imgURL); image.length=1;//only one image image.UUID = metaJson.meta_file_UUID; image.name = metaJson.meta_file_name; image.width = metaJson.meta_original_width; image.height = metaJson.meta_original_height; let picturetag = getPictureTag(image = image, imageWidth=image.width, scaled = true, quadratic = false, withTitle = true, title = metaJson.meta_file_name, alt = metaJson.meta_file_name, sizes="(min-width: 1024px) 330px, (min-width: 760px) 694px, calc(100vw - 64px)", channel = "r", additionalTagPropertiesString = `height="${image.height}"`, lazyload = true, mediaQueries = ['(min-width: 992px)','(max-width: 991.98px)'], imageObjects=[""], "pasch"); if(picturetag != ''){ pictureTagsStr += `<li data-id="${metaJson.meta_file_UUID}">${picturetag}</li>`; }else{ pictureTagsStr += picturetag; } } return pictureTagsStr; }else{ return ""; } }, getAvailableFileTypes: function (comment) { var fileMetas = this.getMetadata(comment); var types = []; const imageTypes = ["jpg", "jpeg", "png", "gif"]; const videoTypes = ["avi", "mp4", "mov", "wmv"]; const powerpointTypes = ["ppt", "pptx"]; for(type of fileMetas){ if(imageTypes.includes(JSON.parse(type).meta_extension.toLowerCase())){ types.push('image'); }else if(videoTypes.includes(JSON.parse(type).meta_extension.toLowerCase())){ types.push('video'); }else if(powerpointTypes.includes(JSON.parse(type).meta_extension.toLowerCase())){ types.push('powerpoint'); }else if(JSON.parse(type).meta_extension.toLowerCase() === 'mp3'){ types.push('audio'); }else if(JSON.parse(type).meta_extension.toLowerCase() === 'pdf'){ types.push('PDF'); }else if(JSON.parse(type).meta_extension.toLowerCase() === 'docx'){ types.push('docx'); } } return [...new Set(types)];//return unique set of file types }, getLoginState: function (){ if(document.getElementById('login') !== null){ return 1; }else{ return 0; } }, addId: function (id){ //set id for the auto generated textarea from 4thmotion so the update API can work $('#cmt-message-'+id).children().first().children().attr('id', 'update-comment-box-'+id); }, removeFile: function (ids, cm_id){ var stringIds = ''; for(id of ids){ stringIds += '"' + id + '"'; stringIds += ','; } stringIds = stringIds.slice(0, -1); console.log(stringIds); $.ajax({ dataType: "json", type: "POST", url:"/rest/commenting_c5/commenting_c5/updateFileList", data: { ids : stringIds, langId: 2, commentId : cm_id, configData: JSON.stringify(_configData_21261496) } }).done(); }, setupPaschEditComment: function (id){ window.submitCommentEdit = (id, newComment = false) => { const comment = document.getElementById(id) const files = comment?.querySelectorAll('li[data-id]') const ids = [...files].map(file => file.dataset.id) console.log(`Comment "${id}" has been edited. Each list item of a file has a "data-id" attribute. These IDs are still present after saving.`) console.log(ids) this.removeFile(ids, id.replace('cmt-', ''));//ids are remaining files if (newComment) { console.log('Comment has been edited:') console.log(newComment) } } }, formatedQuote: function (quote) { return quote.replaceAll("[QUOTE]", "'"); }, stripHtmlTags: function(html) { return html.replace(/<[^>]*>/g, ''); } } }); new Vue({ el: "#commenting", data: { items: [], comment_count: 0, logged_in : false, currentPage: 1, itemsPerPage: [], itemsLimitPerPage: 0, pages: [], commentsLoaded: false }, computed:{ pageCount:function(){ return Math.ceil(this.items.length / this.itemsLimitPerPage); }, initPages: function(){ return this.totalPages(); }, disableCommentBlock: function () { var disableComment = false; var now = new Date().toLocaleString("en-US", { timeZone: "Europe/Berlin" });//Server time in Germany var dateTimeActivate = ''; var dateTimeDeactivate = ''; var dateTimeDeactivateGermanFormat = ''; var dateTimeActivateGermanFormat = ''; if(closeThread == 1){ disableComment = true; }else{ if(appInput.DATE_DEACTIVATE !== ""){ dateTimeDeactivate = appInput.DATE_DEACTIVATE; if(dateTimeDeactivate.split(/\.| /).length == 4){ // Split the input string and rearrange the components const [day, month, year, time] = dateTimeDeactivate.split(/\.| /); const [hour, minute] = time.split(':'); // JavaScript's Date object uses 0-based months, so subtract 1 from the parsed month dateTimeDeactivateGermanFormat = new Date(year, month - 1, day, hour, minute); }else{ dateTimeDeactivateGermanFormat = dateTimeDeactivate; } } if(appInput.DATE_ACTIVATE !== ""){ dateTimeActivate = appInput.DATE_ACTIVATE; if(dateTimeActivate.split(/\.| /).length == 4){ // Split the input string and rearrange the components const [day, month, year, time] = dateTimeActivate.split(/\.| /); const [hour, minute] = time.split(':'); // JavaScript's Date object uses 0-based months, so subtract 1 from the parsed month dateTimeActivateGermanFormat = new Date(year, month - 1, day, hour, minute); }else{ dateTimeActivateGermanFormat = dateTimeActivate; } } if (dateTimeDeactivateGermanFormat !== null && dateTimeDeactivateGermanFormat !== '' && dateTimeActivateGermanFormat !== null && dateTimeActivateGermanFormat !== '') { if(Date.parse(dateTimeDeactivateGermanFormat) > Date.parse(dateTimeActivateGermanFormat) && Date.parse(now) > Date.parse(dateTimeDeactivateGermanFormat)){ disableComment = true; } if(Date.parse(dateTimeDeactivateGermanFormat) < Date.parse(dateTimeActivateGermanFormat) && Date.parse(now) > Date.parse(dateTimeDeactivateGermanFormat) && Date.parse(now) < Date.parse(dateTimeActivateGermanFormat)){ disableComment = true; } }else{ if (dateTimeDeactivateGermanFormat !== null && dateTimeDeactivateGermanFormat !== ''){ if(Date.parse(now) > Date.parse(dateTimeDeactivateGermanFormat)){ disableComment = true; } } } } return disableComment; } }, methods: { itemCountInRow:function(index){ if(index === 0){ return this.items; }else{ return this.items.slice((index - 1) * this.itemsLimitPerPage, index * this.itemsLimitPerPage) } }, onPageNumberClick: function(e, pageNumber) { this.currentPage = pageNumber; var commentingElement = document.getElementById("commenting"); if (commentingElement) commentingElement.scrollIntoView({ behavior: "smooth"}); this.totalPages(); }, totalPages: function () { let totalPages = Math.ceil(this.items.length / this.itemsLimitPerPage); for(let index = 1; index <= totalPages; index++){ let page = {}; page.pageNum = index; this.pages.push(page); } this.renderPagination(this.currentPage); return this.pages; }, renderPagination: function(currentPage) { let _pages = []; let head = 4; let tail = 3; for(let index = 1; index <= this.pageCount; index++){ let page = {}; page.pageNum = index; if(currentPage < head){ tail += head - currentPage; }else{ if(this.pageCount - currentPage < 2){ if(currentPage != this.pageCount){ head+= this.pageCount - currentPage; }else{ head+= 2; } } } if(currentPage == index){ page.cssClass = "aktuelleSeite is-active"; page.cssText = "display: inline-block !important"; }else if((currentPage > index && currentPage - index < head) || (index > currentPage && index - currentPage < tail)){ page.cssText = "display: inline-block !important"; }else{ page.cssText = "display: none !important"; } _pages.push(page); head = 4; tail = 3; } count = 0; Vue.set(this, "pages", _pages); }, getComments: function(){ return $.ajax({ dataType: "json", type: "POST", url:"/rest/commenting_c5/commenting_c5/getComments?app=goethe", data: { langId: 2, configData: JSON.stringify(_configData_21261496) } }) }, firstLoad: function (){ this.getComments().done(this.afterFirstLoad); }, afterFirstLoad: function (result){ this.checkLogin(result.currentuser_ID); if(result.currentuser_ID !== 0){ this.logged_in = true; } if(environtment === 'www'){ // if (GI_SSO.properties.userLoggedIn && (GI_SSO.properties.currentUser.USERNAME == "" || typeof GI_SSO.properties.currentUser.USERNAME == "undefined")) { // GI_SSO.showSetUsernameForm(); // return; // } } if(result.comment_count === 0){ this.showCommentSection(); return; } if(isPaschApplication){ this.items = (result.objects && result.objects.reverse()) || [];// display the newest comments first for Pasch }else{ this.items = result.objects || []; } this.itemsLimitPerPage = result.item_per_page; this.comment_count = result.comment_count || 0; $('#cmtcount-18-'+21261496).text(this.comment_count); var cmIdParam = this.getCommentIdFromParam(); if(cmIdParam != ""){ var index = 0; for(var i = 0; i < result.objects.length; i ++){ if(result.objects[i].cm_id == cmIdParam){ index = i; } } if(result.objects.length % this.itemsLimitPerPage != 0){ this.currentPage = parseInt(result.objects.length / this.itemsLimitPerPage) + 1; }else{ this.currentPage = parseInt(result.objects.length / this.itemsLimitPerPage); } } this.showCommentSection(); }, scrollToAnchor: function(anchor){ var tag = $("#"+anchor+""); $('html,body').animate({scrollTop: tag.offset()},'slow'); }, getCommentIdFromParam : function (){ var searchParams = new URLSearchParams(window.location.search); if(searchParams.has('comment_ID')){ return searchParams.get('comment_ID'); }else{ return ""; } }, insertComment: function(){ if ($('.newcommentform textarea[name="comment"]').val() === ''){ alert("Bitte gib einen Kommentartext ein."); }else{ this.addComment().done(this.afterFirstLoad); $('#comment-area-box').val(''); if ($('#commenting' + ' .newcommentform blockquote').length > 0){ $('#commenting' + ' .newcommentform blockquote').remove(); } } }, //Add and get new comment list addComment: function(){ var comment = $("#comment-area-box").val(); let quotedComment = $("#newcommentform").find('textarea[name=quotedcomment]').val() != "undefined" ? $("#newcommentform").find('textarea[name=quotedcomment]').val() : ""; let quotedCommentID = $("#newcommentform").find('input[name=quotedcomment_ID]').val() != "undefined" ? $("#newcommentform").find('input[name=quotedcomment_ID]').val() : ""; let quotedUserID = $("#newcommentform").find('input[name=quoteduser_ID]').val() != "undefined" ? $("#newcommentform").find('input[name=quoteduser_ID]').val() : ""; var fileList = $('#newcommentform').find('span[class="name"]').toArray(); var sharefile = 0; if (document.getElementById("shareFile") !== null) { if(document.getElementById("shareFile").checked){ sharefile = 1; } } var files = ''; var nameList = ''; if(comment === ''){ alert('Comment is empty'); return done(); } if(this.stripHtmlTags(comment).length > 100){ alert('Maximale Zeichenanzahl überschritten'); return; } if(fileList.length > 0){ //pattern ["id1|title1|size1|mimetype1|originalwidth1|originalheight1;id2|title2|size2|mimetype2|originalwidth2|originalheight2"] fileList.forEach(el => { files += `${el.getAttribute('id')}`; files += '|'; files += `${el.getAttribute('title')}`; files += '|'; files += `${el.getAttribute('data-size')}`; files += '|'; files += `${el.getAttribute('data-mimetype')}`; files += '|'; files += `${el.getAttribute('data-original-width')}`; files += '|'; files += `${el.getAttribute('data-original-height')}`; files += ';'; }); files = files.slice(0, -1);//remove the last ';' } event.preventDefault(); return $.ajax({ dataType: "json", type: "POST", url:"/rest/commenting_c5/commenting_c5/addComment", data: { langId: 2, comment: comment, quotedcomment_ID: quotedCommentID, quoteduser_ID: quotedUserID, quotedcomment: quotedComment, configData: JSON.stringify(_configData_21261496), fileData : files, appname: 'goethe', shareFile: sharefile, maxCharacter: 100 }, success: (res) => { if(isPaschApplication){ if($(".reply-wrapper")){ $(".reply-wrapper").remove(); $('input[name=quotedcomment_ID]').val(''); $('input[name=quoteduser_ID]').val(''); } window._resetDropZone(); } console.log('Done adding comment'); }, error: (err) => { if(err.responseText === "MAX_CHAR_EXCEEDED"){ alert("Maximale Zeichenanzahl überschritten"); } if(err.responseText === "EMPTY_COMMENT"){ alert("Bitte hinterlasse ein Kommentar um den Beitrag zu veröffentlichen!"); } console.log(err); } }) }, stripHtmlTags: function(html) { return html.replace(/<[^>]*>/g, ''); }, checkLogin: function (id){ var element = document.createElement('p'); element.setAttribute('hidden', 'true'); if(id !== 0){ element.setAttribute('id', 'login'); this.removeFlag(); $('#commenting').append(element); }else{ element.setAttribute('id', 'notlogin'); this.removeFlag(); $('#commenting').append(element); } }, removeFlag: function () { if(document.getElementById('login') != null){ document.getElementById('login').remove(); } if(document.getElementById('notlogin') != null){ document.getElementById('notlogin').remove(); } }, setAllowedUploadFiles: function(){ return ""; }, checkLoginForCommentField: function(){ if(document.getElementById('login') !== null){ return 1; }else{ return 0; } // return GI_SSO.properties.userLoggedIn; }, showCommentSection: function(){ this.commentsLoaded = true; //rederict user to set nickname page if it's empty $("#commentSection").removeClass("d-none"); } }, created: function(){ this.firstLoad(); // this.scrollToAnchor("cmt-" + this.getCommentIdFromParam());//scroll to the commentID }, updated: function (){ //get the naturalWidth and naturalHeight then set for data-pswp-width and data-pswp-height when each image is loaded $('img').one('load',function() { if(this.id !== '' && this.id.startsWith('img-')){ let realId = this.id.replace('img-', ''); let elem = document.getElementById(`${this.id.replace('img-', '')}`); let li = document.querySelector('[data-id="'+realId+'"]'); let width = elem.childNodes[0].naturalWidth; let height = elem.childNodes[0].naturalHeight; li.classList.remove("d-none");//only display the <li> once the image is finished loading. To avoid open the image in photoswiper with the wrong size elem.setAttribute('data-pswp-width', width); elem.setAttribute('data-pswp-height', height); } }).each(function() { if(this.complete) { $(this).trigger('load'); // For jQuery >= 3.0 } }); let imageLists = document.getElementsByClassName('image-list'); for(imageList of imageLists){ if(imageList.lastChild !== null){ // imageList.lastChild.children[1].style.marginBottom = '0px'; } } if(isPaschApplication){ if(localStorage.getItem("anchor") !== null && localStorage.getItem("anchor") !== ""){ var commentingElement = document.getElementById(localStorage.getItem("anchor")); if (commentingElement) commentingElement.scrollIntoView({ behavior: "smooth"}); event.preventDefault() localStorage.removeItem("anchor"); } if (typeof window._initPhotoswipe() === "function") window._initPhotoswipe(); else console.warn("_initPhotoswipe function is missing"); if (typeof window._initQuillEditor() === "function"){ window._initQuillEditor(); } else{ console.warn("_initQuillEditor() function is missing"); } } } }); } $(document).ready(function(){ initComments(); if (document.getElementById("comment_block") !== null) { document.getElementById("comment_block").style=""; } }); window.onload = function (){ if (typeof _initPhotoswipe === "function") window._initPhotoswipe(); else console.warn("_initPhotoswipe function is missing"); } </script> </div> </div> <script type="text/javascript"> var excludedArticleId = '21261496'; </script> </article> </div> </div> <div class="row"> <div class="span24 seitenIcons"> <a class="nachOben" href="#top"><span>Top<span class="icon-double-arrow-up"></span></span></a> </div> </div> </div> <div class="container full-width-container has-border"> </div> <div class="container footer" role="contentinfo"> <footer> <p class="hide">Service-Navigation:</p> <div class="serviceNavigation" role="navigation"> <span class="copyright">© 2024 Goethe-Institut</span> <ul> <li > <a href="../../../../../de/imp.html">Impressum</a> </li> <li > <a href="../../../../../de/dat.html">Datenschutz</a> </li> <li > <a href="javascript:UC_UI.showSecondLayer(); void 0">Privatsphäre-Einstellungen</a> </li> <li > <a href="../../../../../de/nut.html">Nutzungsbedingungen</a> </li> <li > <a href="../../../../../de/rss.html">RSS</a> </li> <li > <a href="../../../../../de/som.html">Soziale Medien</a> </li> <li class="last"> <a href="../../../../../de/new.html">Newsletter</a> </li> </ul> </div> <nav class="footerNavigation"> <p class="hide">Übersicht Navigationsbereich:</p> <ul class="navigation"> <li><p class="footer-hdl webfont-medium"><a href="../../../../../de/spr.html">Deutsche Sprache</a></p></li> <li><a href="../../../../../de/spr/kur.html">Deutschkurse</a></li> <li><a href="../../../../../de/spr/prf.html">Deutschprüfungen</a></li> <li><a href="../../../../../de/spr/unt.html">Deutsch unterrichten</a></li> <li><a href="../../../../../de/spr/ueb.html">Kostenlos Deutsch üben</a></li> <li><a href="../../../../../de/spr/eng.html">Unser Engagement für Deutsch</a></li> <li><a href="../../../../../de/spr/wdl.html">Warum Deutsch lernen?</a></li> </ul><ul class="navigation"> <li><p class="footer-hdl webfont-medium"><a href="../../../../../de/kul.html">Kultur</a></p></li> <li><a href="../../../../../de/kul/ges.html">Gesellschaft</a></li> <li><a href="../../../../../de/kul/kue.html">Künste</a></li> <li><a href="../../../../../de/kul/met.html">Medien & Technologie</a></li> <li><a href="../../../../../de/kul/lit.html">Literatur</a></li> <li><a href="../../../../../de/kul/flm.html">Film</a></li> <li><a href="../../../../../de/kul/kuf.html">Kulturförderung</a></li> </ul><ul class="navigation"> <li><p class="footer-hdl webfont-medium"><a href="../../../../../de/ver.cfm">Veranstaltungen</a></p></li> </ul><ul class="navigation"> <li><p class="footer-hdl webfont-medium"><a href="../../../../../de/ueb.html">Über uns</a></p></li> <li><a href="../../../../../de/ueb/auf.html">Aufgaben und Ziele</a></li> <li><a href="../../../../../de/ueb/60j.html">Geschichte</a></li> <li><a href="../../../../../de/ueb/kar.html">Karriere</a></li> <li><a href="../../../../../de/ueb/foe.html">Partner und Förderer</a></li> </ul><ul class="navigation"> <li><p class="footer-hdl webfont-medium"><a href="../../../../../de/sta.html">Standorte</a></p></li> <li><a href="../../../../../de/sta/mon.html">Montreal</a></li> <li><a href="../../../../../de/sta/ott.html">Ottawa</a></li> <li><a href="../../../../../de/sta/tor.html">Toronto</a></li> <li><a href="../../../../../de/sta/koo.html">Kooperationspartner</a></li> <!-- closing --> </ul> </nav> </footer> </div> <script> (function(f){ if (typeof onDocumentReady === 'function') onDocumentReady(f) else if (typeof $ === 'function') $(f) else f() })(function() { (function() {$('.socialShare').socialShare({ 'services' : { 'facebook' : { 'status' : socialShareDataCF.facebookStatus, 'text' : 'Facebook', 'logo' : 'images/logo_facebook.png', }, 'twitter' : { 'status' : socialShareDataCF.twitterStatus, 'text' : 'Twitter', 'logo' : 'images/logo_twitter.png', }, 'vkontakte' : { 'status' : socialShareDataCF.vkontakteStatus, 'text' : 'VKontakte', 'logo' : 'images/logo_vkontakte.png', } }, 'url' : socialShareDataCF.url, 'title' : socialShareDataCF.title, 'image' : socialShareDataCF.imagePath, 'description' : socialShareDataCF.description, 'deactivation_div' : '.socialDeactivated', 'activation_div' : '.socialActivated', 'domain' : socialShareDataCF.basicServerName, 'language' : socialShareDataCF.language, 'shariffscriptpath' : socialShareDataCF.resourcepath + "js/shariff/shariff.complete.js", 'backend_url' : "https://www.goethe.de/rest/socialmedia/proxy/getShares/?", 'shariff_data_orientation' : socialShareDataCF.dataOrientation });})(); }); </script> <!-- $$customhtml:footerScriptTags$$ --> <script> <!-- $$customhtml:footerJS$$ --> onWindowLoad(function() { <!-- $$customhtml:footerJSWindow$$ --> }); onDocumentReady(function() { <!-- $$customhtml:footerJSDocument$$ --> }); </script> <script> var GI_SSO_SETTINGS = {"app":"goethe","locale":"de","loginIframe":"https://login.goethe.de/cas/login?service=https://cmspub.goethe.de/services/sso/cas/","lang":2.0,"i18n":{"signupSuccess":"Ihre Registrierung war erfolgreich","signupSuccessHint":"Sie können sich jetzt anmelden.","userLoggedInText":"Mein Goethe.de - [username]","login":"Mein Goethe.de – Anmelden","loginCommentingHint":"Melden Sie sich an, um kommentieren zu können."}}; </script> <!-- Job Posting Meta --> <!-- $$customhtml:metadata_jobposting$$ --> </div> </body> </html>