{"id":11222,"date":"2024-05-22T13:10:00","date_gmt":"2024-05-22T11:10:01","guid":{"rendered":"https:\/\/www.studentbostader.se\/?page_id=11222"},"modified":"2024-06-24T14:58:58","modified_gmt":"2024-06-24T12:58:58","slug":"living-together","status":"publish","type":"page","link":"https:\/\/www.studentbostader.se\/en\/stay-with-us\/move-in-guide\/living-together\/","title":{"rendered":"Living together"},"content":{"rendered":"<section x-data=\"handleChecklist()\" x-init=\"initChecklist(); $nextTick(shouldScrollTo);\" class=\"alignfull step-by-step-menu order-last lg:order-first\">\n<div class=\"filter-checklist-block flex flex-col wp-block-hero mb-0\">\n        <div class=\"align wp-block-step-by-step-checklist-menu bg-harmoniskGreen60 text-sm px-12 alignfull mb-0 flex-row bg-harmoniskGreen40 md:justify-between lg:flex\">\n        <div class=\"h-20 back-to-overview-menu-item mt-4 pr-12 flex-row flex-none lg:mt-0 hover:bg-harmoniskGreen60 hidden lg:flex\">\n            <div class=\"h-full w-full block mt-4 lg:inline-block lg:mt-0 hover:bg-harmoniskGreen60 pl-4\">\n                <div class=\"h-full w-full flex flex-row justify-center items-center\">\n                    <div class=\"rounded-full bg-white flex items-center justify-center checklist-nav-step-button z-10\">\n                        <a class=\"w-full no-underline flex items-center justify-center\" href=\"https:\/\/www.studentbostader.se\/en\/stay-with-us\/move-in-guide\/\">\n                            <span class=\"rounded-full bg-checklistDoneGreen flex items-center justify-center\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.studentbostader.se\/app\/themes\/studentbostader\/dist\/images\/arrow-left.png\" class=\"w-3 inline-block\" alt=\"\"\/>\n                            <\/span>\n                        <\/a>\n                    <\/div>\n                    <a class=\"ml-6 w-full no-underline\" href=\"https:\/\/www.studentbostader.se\/en\/stay-with-us\/move-in-guide\/\">Overview<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"h-20 w-12 mt-4 flex-row flex-none lg:mt-0 hover:bg-harmoniskGreen60 hidden lg:inline-block\">\n            <div class=\"h-full w-full flex-row justify-center items-center hidden lg:flex\" @click=\"scrollToLeft()\">\n                <i class=\"fa fa-fw fa-lg fa-angle-left\" aria-hidden=\"true\"><\/i>\n            <\/div>\n        <\/div>\n        <nav class=\"flex-row flex-nowrap overflow-x-auto hide-scroll-bar h-20 hidden lg:flex scroll-smooth\" id=\"stepbystep-horizontal-nav\">\n            <div class=\"h-full block alignwide lg:flex hide-scroll-bar lg:items-center\">\n                <div class=\"h-full flex-row hide-scroll-bar hidden lg:flex\">\n                    <template x-for=\"(item, index) in visibleItems\">\n                        <div :class=\"{ 'should-scroll-to' : currentPage(item.url, index) }\">\n                            <template x-if=\"item.visible\">\n                                <div :class=\"{ 'bg-harmoniskGreen60': currentPage(item.url, index) }\" class=\"flex-shrink-0 w-64 h-full block mt-4 lg:inline-block lg:mt-0 hover:bg-harmoniskGreen60 px-4\">\n                                    <div class=\"h-full w-full flex flex-row justify-center items-center\">\n                                        <div class=\"rounded-full bg-white flex items-center justify-center checklist-nav-step-button z-10\">\n                                            <div x-show=\"item.iscomplete\" class=\"rounded-full bg-checklistDoneGreen flex items-center justify-center\" @click=\"toggleCompletion(index)\" x-cloak>\n                                                <img decoding=\"async\" src=\"https:\/\/www.studentbostader.se\/app\/themes\/studentbostader\/dist\/images\/check.png\" class=\"w-3 inline-block\" alt=\"\"\/>\n                                            <\/div>\n                                            <div x-show=\"!item.iscomplete &#038;&#038; currentPage(item.url)\" class=\"rounded-full bg-checklistDoneGreen flex items-center justify-center\" @click=\"toggleCompletion(index)\" x-cloak><\/div>\n                                            <div x-show=\"!item.iscomplete &#038;&#038; !currentPage(item.url)\" class=\"rounded-full bg-checklistTodoGreen flex items-center justify-center\" @click=\"toggleCompletion(index)\" x-cloak><\/div>\n                                        <\/div>\n                                        <a class=\"ml-6 w-full no-underline\" x-bind:href=\"item.url\" x-text=\"item.title\"><\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/template>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/div>\n        <\/nav>\n        <div class=\"h-20 w-12 mt-4 lg:mt-0 hover:bg-harmoniskGreen60 hidden lg:inline-block\">\n            <div class=\"h-full w-12 flex-row justify-center items-center hidden lg:flex\" @click=\"scrollToRight()\">\n                <i class=\"fa fa-fw fa-lg fa-angle-right\" aria-hidden=\"true\"><\/i>\n            <\/div>\n        <\/div>\n\n        <div class=\"inner my-20 lg:hidden mb-0 pb-12\">\n            <h2 class=\"mt-8 related-articles-heading\"><\/h2>\n            <div class=\"flex flex-wrap lg:-mx-5\" x-cloak>\n                <ul class=\"checklist-navigation list-none leading-checklistNav\">\n                    <li class=\"flex flex-row h-14\">\n                        <div class=\"rounded-full bg-white flex items-center justify-center h-8 w-8 mt-2 mr-4 checklist-nav-step-button z-10\">\n                            <div class=\"rounded-full bg-checklistDoneGreen flex items-center justify-center h-6 w-6\">\n                                <img decoding=\"async\" src=\"https:\/\/www.studentbostader.se\/app\/themes\/studentbostader\/dist\/images\/arrow-left.png\" class=\"w-3 inline-block\" alt=\"\"\/>\n                            <\/div>\n                        <\/div>\n                        <a href=\"https:\/\/www.studentbostader.se\/en\/stay-with-us\/move-in-guide\/\">Overview<\/a>\n                    <\/li>\n                    <template x-for=\"(item, index) in visibleItems\">\n                            <li class=\"flex flex-row h-14\">\n                                <div class=\"rounded-full bg-white flex items-center justify-center h-8 w-8 mt-2 mr-4 checklist-nav-step-button z-10\">\n                                    <div x-show=\"item.iscomplete\" class=\"rounded-full bg-checklistDoneGreen flex items-center justify-center\" @click=\"toggleCompletion(index)\" x-cloak>\n                                        <img decoding=\"async\" src=\"https:\/\/www.studentbostader.se\/app\/themes\/studentbostader\/dist\/images\/check.png\" class=\"w-3 inline-block\" alt=\"\"\/>\n                                    <\/div>\n                                    <div x-show=\"!item.iscomplete &#038;&#038; currentPage(item.url)\" class=\"rounded-full bg-checklistDoneGreen flex items-center justify-center\" @click=\"toggleCompletion(index)\" x-cloak><\/div>\n                                    <div x-show=\"!item.iscomplete &#038;&#038; !currentPage(item.url)\" class=\"rounded-full bg-checklistTodoGreen flex items-center justify-center\" @click=\"toggleCompletion(index)\" x-cloak><\/div>\n                                <\/div>\n                                <a x-bind:href=\"item.url\" x-text=\"item.title\"><\/a>\n                            <\/li>\n                    <\/template>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n<\/section>\n<script>\n    function handleChecklist() {\n        const pageId = 11159;\n        const pageSavedAt = 1772098704;\n        const scrollableDiv = document.getElementById('stepbystep-horizontal-nav');\n\n        return {\n            items: JSON.parse(localStorage.getItem('checklist'+pageId+pageSavedAt)) ?? [],\n            backendItems: [],\n            visibleItems: [],\n            activeFilters: [],\n            nextItem: null,\n\n            initChecklist() {\n                this.visibleItems = this.items.filter(item => item.visible);\n\n                this.visibleItems.forEach((item) => {\n                    if (item.url.endsWith(window.location.pathname)) {\n                        if (this.items.length > item.id+1) {\n                            this.nextItem = this.items[item.id + 1];\n                        }\n                    }\n                });\n\n                if (!this.nextItem) {\n                    this.items.forEach((item) => {\n                        if (item.url.endsWith(window.location.pathname)) {\n                            if (this.items.length > item.id+1) {\n                                this.nextItem = this.items[item.id+1];\n                            }\n                        }\n                    });\n                }\n            },\n            shouldScrollTo() {\n                const shouldScrollTo = document.getElementsByClassName('should-scroll-to');\n                if (shouldScrollTo.length !== 0) {\n                    shouldScrollTo[0].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' });\n                }\n            },\n            toggleCompletion(id) {\n                this.visibleItems[id].iscomplete = !this.visibleItems[id].iscomplete;\n\n                this.items.forEach((item) => {\n                    if (item.url.endsWith(this.visibleItems[id].relative_url)) {\n                        item.iscomplete = this.visibleItems[id].iscomplete;\n                    }\n                });\n\n                localStorage.setItem('checklist'+pageId+pageSavedAt, JSON.stringify(this.items));\n            },\n            findImage(item) {\n                if (!item) {\n                    return;\n                }\n\n                return this.backendItems.find(backendItem => backendItem.title === item.title).image;\n            },\n            scrollToLeft() {\n                scrollableDiv.scrollBy({\n                    left: -100,\n                    top: 0,\n                    behavior: 'smooth'\n                });\n            },\n            scrollToRight() {\n                scrollableDiv.scrollBy({\n                    left: 100,\n                    top: 0,\n                    behavior: 'smooth'\n                });\n            },\n            currentPage(url, index = null) {\n                const isCurrentPage = url.endsWith(window.location.pathname);\n\n                return isCurrentPage;\n            }\n        }\n    }\n<\/script>\n\n\n\n<h1 class=\"wp-block-heading\">Living together<\/h1>\n\n\n\n<figure class=\"wp-block-image size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.studentbostader.se\/app\/uploads\/2021\/10\/manniskor-glada-1024x576.jpg\" alt=\"glada studenter spelar kort\" class=\"wp-image-4383\" srcset=\"https:\/\/www.studentbostader.se\/app\/uploads\/2021\/10\/manniskor-glada-1024x576.jpg 1024w, https:\/\/www.studentbostader.se\/app\/uploads\/2021\/10\/manniskor-glada-1920x1080.jpg 1920w, https:\/\/www.studentbostader.se\/app\/uploads\/2021\/10\/manniskor-glada-768x432.jpg 768w, https:\/\/www.studentbostader.se\/app\/uploads\/2021\/10\/manniskor-glada-1536x864.jpg 1536w, https:\/\/www.studentbostader.se\/app\/uploads\/2021\/10\/manniskor-glada-2048x1152.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Keeping common areas clean and tidy is much easier if everyone helps out with the chores, especially in the kitchen and with waste management. As residents of the corridor, you have the main responsibility for making sure the cleaning gets done. The cleaning company is there to supplement your efforts, not to do the main cleaning. Each corridor might have different routines and schedules, so talk to each other and find a system that works for you.<\/p>\n\n\n<section x-data=\"handleNextStep()\" x-init=\"initNextStep\" class=\"alignfull step-by-step-next-step mt-16 mb-0 hidden lg:flex\">\n    <template x-if=\"nextItem !== null\">\n        <div class=\"filter-checklist-block flex flex-col alignfull mb-0\">\n                            <div class=\"align wp-block-step-by-step-checklist-next-step bg-harmoniskGreen60 text-sm px-12 wp-block-hero alignfull mb-0 flex-row bg-checklistTodoGreen order-last md:order-first md:justify-center lg:flex py-16\">\n                    <a x-bind:href=\"nextItem.url\" class=\"text-base next-step-link no-underline hover:no-underline\">\n                        <div class=\"flex flex-row justify-center items-center next-step-content\">\n                            <div class=\"inner pr-16 hidden lg:flex w-1\/2 flex-col\">\n                                <h2 class=\"mt-8 related-articles-heading\" x-text=\"nextItem.title\"><\/h2>\n                                <p x-text=\"nextItem.nudge_text\" class=\"text-base\"><\/p>\n                                <span class=\"text-base mt-3 underline\">Till n\u00e4sta steg<\/span>\n                            <\/div>\n                            <div class=\"w-1\/2 align-middle\">\n                                <img :src=\"findImage(nextItem)\" class=\"w-full\" alt=\"\"\/>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                    <\/div>\n    <\/template>\n<\/section>\n<script>\n    function handleNextStep() {\n        const pageId = 11159;\n        const pageSavedAt = 1772098704;\n\n        return {\n            items: JSON.parse(localStorage.getItem('checklist'+pageId+pageSavedAt)) ?? [],\n            backendItems: [],\n            visibleItems: [],\n            nextItem: null,\n\n            initNextStep() {\n                this.visibleItems = this.items.filter(item => item.visible);\n\n                this.visibleItems.forEach((item, key) => {\n                    if (item.url.endsWith(window.location.pathname)) {\n                        if (this.items.length > item.id+1) {\n                            this.nextItem = this.visibleItems[key + 1];\n                        }\n                    }\n                });\n\n                if (!this.nextItem) {\n                    this.backendItems.forEach((item) => {\n                        if (item.url.endsWith(window.location.pathname)) {\n                            if (this.backendItems.length > item.id+1) {\n                                this.nextItem = this.backendItems[item.id + 1];\n                            }\n                        }\n                    });\n                }\n            },\n\n            findImage(item) {\n                if (!item) {\n                    return;\n                }\n\n                return this.backendItems.find(backendItem => backendItem.title === item.title).image;\n            },\n        }\n    }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Living together Keeping common areas clean and tidy is much easier if everyone helps out with the chores, especially in the kitchen and with waste management. As residents of the corridor, you have the main responsibility for making sure the cleaning gets done. The cleaning company is there to supplement your efforts, not to do&hellip; <a href=\"https:\/\/www.studentbostader.se\/en\/stay-with-us\/move-in-guide\/living-together\/\">Till hela texten<\/a><\/p>\n","protected":false},"author":9,"featured_media":4384,"parent":11159,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_relevanssi_hide_post":"on","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"Uteslut fr\u00e5n Relevanssi index","wds_primary_page_categories":0,"footnotes":""},"page_categories":[],"class_list":["post-11222","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.studentbostader.se\/en\/wp-json\/wp\/v2\/pages\/11222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.studentbostader.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.studentbostader.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.studentbostader.se\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.studentbostader.se\/en\/wp-json\/wp\/v2\/comments?post=11222"}],"version-history":[{"count":0,"href":"https:\/\/www.studentbostader.se\/en\/wp-json\/wp\/v2\/pages\/11222\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.studentbostader.se\/en\/wp-json\/wp\/v2\/pages\/11159"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.studentbostader.se\/en\/wp-json\/wp\/v2\/media\/4384"}],"wp:attachment":[{"href":"https:\/\/www.studentbostader.se\/en\/wp-json\/wp\/v2\/media?parent=11222"}],"wp:term":[{"taxonomy":"page_categories","embeddable":true,"href":"https:\/\/www.studentbostader.se\/en\/wp-json\/wp\/v2\/page_categories?post=11222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}