Video explicativo Alemania – un país de inquilinos Los alemanes prefieren vivir de alquiler en vez de comprar una vivienda. Nuestro video explica por qué. </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 > Traducción: Augusto Gely Alonso<br /> Copyright: Goethe-Institut e. V., Internet-Redaktion<br /> abril 2018 </p> <p><a href="mailto:internet-redaktion@goethe.de">¿Tiene alguna pregunta sobre este artículo? ¡Escríbanos!</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">Comentarios</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/es/es/dat.html" target="_blank">Información de protección de datos</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="Imprimir artículo" title="Imprimir artículo">Imprimir artículo</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> Comentarios </h3> </li> <li class="komAktion"> <a href="#" class="gotocommentform">Comentario</a> <span class="trenner">|</span> <a class="gotolast" href="Javascript:void(0);" onclick="">Ir al comentario más reciente</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>Comentario</h3></li> <li v-if="!logged_in" class="komAktion"><button class="standard btnBlau login" id="anmeldungKommentare"><a href="#">Registrarse</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="Su entrada" rows="4" autocomplete="off"></textarea> <div class="komSchreibenFooter"> <button class="standard btnBlau submit" role="button" type="submit">Publicar</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="Borrar comentario"><span>Borrar comentario</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="Notificar este comentario"><span>Notificar este comentario</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="Editar comentario"><span>Editar comentario</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="#">Responder</a></button> </div> <div :id="'kommentarBearbeiten-'+comment.cm_id" class="popup cmt-edit-form" style="display: none"> <div class="popupHdlContainer"> <h1>Editar comentario</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">Cancelar</button> <button class="standard btnBlau send" role="button" type="submit">Enviar</button> </div> </form> </div> </div> <div :id="'kommentarLoeschen-'+comment.cm_id" class="popup cmt-del-confirm" style="display: none"> <div class="popupHdlContainer"> <h1>Borrar entrada</h1> <p class="kommentarLoeschen">¿Está seguro de que quiere cancelar permanentemente este comentario?</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">Cancelar</button> <button class="standard btnBlau confirm" type="submit" role="button">Borrar</button> </div> </form> </div> </div> <div :id="'kommentarMelden-'+comment.cm_id" class="popup" style="display: none"> <div class="popupHdlContainer"> <h1>Reportar abuso</h1> </div> <p class="kommentarMelden">Si usted considera que este texto es problemático, puede escribir sus razones aquí. Nuestra administración de la comunidad tomará nota de este asunto y se ocupará del mismo.</p> <form class="kommentarMelden" name="reportform" id="reportform" @submit.prevent="reportComment(comment.cm_id,comment.user_id)"> <input type="hidden" name="guilang_ID" > <h2>Reclamo sobre comentario</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="">[más]</a></span> </blockquote> <h2>Explicación</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">Cancelar</button> <button type="submit" id="send" class="standard btnBlau" role="button">Enviar</button> </div> </form> </div> </div> </script> <script src="/resources/relaunch/js/commenting_c5.js" defer></script> <script> var stCmtTxt = {"sEnterComment":"Por favor ingrese un comentario.","sRecordHideCheck":"¿Está seguro que quiere ocultar permanentemente este comentario?","sQuote":"Cita","sCommentHiddenByCM":"Este comentario ha sido ocultado por la administración de la comunidad virtual.","sComments":"Comentarios","sCommentHiddenByUser":"Este comentario ha sido ocultado por el usuario.","sMore":"más","sComment":"Comentario"}; window["_configData_" + 21261496] = {"selfurl":"https://www.goethe.de/ins/es/es/kul/sup/liv/21261496.html","object_ID":21261496,"objectlabel":"Alemania – un país de inquilinos","site_ID":201615,"uselangfamilies":"0","pagenavititle":"Alemania – Un país de inquilinos","closedthread":"0","lang_ID":4,"newcommentstatus":"3","instance_ID":5929338}; </script> <script src="/resources/relaunch/js/image/images.js" defer></script> <script> function initComments(){ const isPaschApplication = false; const closeThread = 0; const appInput = {"SITE_ID":201615,"USELANGFAMILIES":"0","APPNAME":"goethe","LIMITCHARACTER":100,"INSTANCE_ID":5929338,"SELFURL":"https://www.goethe.de/ins/es/es/kul/sup/liv/21261496.html","DATE_ACTIVATE":"","OBJECTLABEL":"Alemania – un país de inquilinos","OBJECT_ID":21261496,"DATE_DEACTIVATE":"","PAGENAVITITLE":"Alemania – Un país de inquilinos","CLOSEDTHREAD":"0","LANG_ID":4,"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: 4, 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: 4, 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: 4, 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: 4, 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: [] }, 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"); 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: 4, 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; } // this.logged_in = GI_SSO.properties.userLoggedIn;//Having issue with sso that this value is always false eventhough the user logged in if(result.comment_count === 0){ this.showCommentSection(); return; } if(isPaschApplication){ this.items = 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("Por favor ingrese un comentario."); }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: 4, 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(){ $("#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")); 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> <!-- $$object.wrapperstart$$ --> <a id="i6433054"></a> <div class="w(719px) m-lr-a link-c Mt(40px) Mb(40px)"> <p><a class="vkzurueck" href="../../../../es/kul/sup/liv.html" target="_self">Volver a nuestro especial Ciudad #habitable</a></p> </div> <!-- $$object.objbuttons$$ --> <!-- $$object.wrapperend$$ --> </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">Servicio de navegación:</p> <div class="serviceNavigation" role="navigation"> <span class="copyright">© 2024 Goethe-Institut</span> <ul> <li > <a href="../../../../es/imp.html">Aviso legal</a> </li> <li > <a href="../../../../es/dat.html">Política de protección de datos</a> </li> <li > <a href="javascript:UC_UI.showSecondLayer(); void 0">Ajustes de privacidad</a> </li> <li > <a href="../../../../es/nut.html">Condiciones de uso</a> </li> <li > <a href="../../../../es/rss.html">RSS</a> </li> <li > <a href="../../../../es/som.html">Redes sociales</a> </li> <li class="last"> <a href="../../../../es/new.html">Boletines de noticias</a> </li> </ul> </div> <nav class="footerNavigation"> <p class="hide">Resumen del área de navegación:</p> <ul class="navigation"> <li><p class="footer-hdl webfont-medium"><a href="../../../../es/spr.html">Idioma alemán</a></p></li> <li><a href="../../../../es/spr/kur.html">Cursos de alemán</a></li> <li><a href="../../../../es/spr/onl.html">Cursos online</a></li> <li><a href="../../../../es/spr/prf.html">Exámenes de alemán</a></li> <li><a href="../../../../es/spr/unt.html">Enseñar alemán</a></li> <li><a href="../../../../es/spr/ueb.html">Practicar alemán gratis y disfrutando</a></li> <li><a href="../../../../es/spr/eng.html">Nuestro compromiso con el alemán</a></li> <li><a href="../../../../es/spr/wdl.html">¿Por qué aprender alemán?</a></li> <li><a href="../../../../es/spr/mag.html">Magazin Sprache</a></li> </ul><ul class="navigation"> <li><p class="footer-hdl webfont-medium"><a href="../../../../es/kul.html">Cultura</a></p></li> <li><a href="../../../../es/kul/art.html">Vivir la cultura en formato digital</a></li> <li><a href="../../../../es/kul/eur.html">Europa en el mundo</a></li> <li><a href="../../../../es/kul/per.html">Perspectivas del futuro</a></li> <li><a href="../../../../es/kul/ser.html">Servicio</a></li> <li><a href="../../../../es/kul/res.html">Programa de residencias</a></li> </ul><ul class="navigation"> <li><p class="footer-hdl webfont-medium"><a href="../../../../es/ver.cfm">Eventos</a></p></li> </ul><ul class="navigation"> <li><p class="footer-hdl webfont-medium"><a href="../../../../es/ueb.html">Acerca de nosotros</a></p></li> <li><a href="../../../../es/ueb/auf.html">Tareas y objetivos</a></li> <li><a href="../../../../es/ueb/foe.html">Amigos Goethe-Institut </a></li> <li><a href="../../../../es/ueb/kar.html">Carrera profesional</a></li> </ul><ul class="navigation"> <li><p class="footer-hdl webfont-medium"><a href="../../../../es/sta.html">Sedes</a></p></li> <li><a href="../../../../es/sta/bcn.html">Barcelona</a></li> <li><a href="../../../../es/sta/mad.html">Madrid</a></li> <li><a href="../../../../es/sta/koo.html">Entidades colaboradoras</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":"es","loginIframe":"https://login.goethe.de/cas/login?service=https://cmspub.goethe.de/services/sso/cas/","lang":4.0,"i18n":{"signupSuccess":"Ihre Registrierung war erfolgreich","signupSuccessHint":"Ahora puede iniciar su sesión.","userLoggedInText":"Mein Goethe.de - [username]","login":"Mein Goethe.de – Registrarse","loginCommentingHint":"Tiene que registrarse para poder comentar."}}; </script> <!-- Job Posting Meta --> <!-- $$customhtml:metadata_jobposting$$ --> </div> </body> </html>