<iframe></noscript> <script type="text/javascript" src="https://dl.episerver.net/13.5.10/epi-util/find.js"></script> <script type="text/javascript"> if(typeof FindApi === 'function'){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();} </script> <div id="app" v-cloak> <header class="header theme-dark-purple" id="header"> <div class="header__wrapper"> <div class="header__main"> <div class="header-logo"> <a href="/"> <img src="/Areas/WTC/Content/img/wtc_logo-alla-svart.svg" class="convert-svg" /> </a> </div> <div class="header__main-nav navigation-overflow"> <div class="navigation__scroll navigation__scroll--left"><span></span></div> <div class="header__main-nav-wrapper"> <ul class="primary-navigation scroll-element"> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Vårt koncept</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Vårt koncept</h3> <a href="/vart-koncept" class="wtc-btn regular white"><span>Vårt koncept</span></a> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Vårt koncept</h4> <ul> <li class=""> <a href="/vart-koncept/coworking"> <strong>Coworking</strong> <span></span> </a> </li> <li class=""> <a href="/vart-koncept/kontorshotell"> <strong>Kontorshotell</strong> <span></span> </a> </li> <li class=""> <a href="/vart-koncept/kontorslokal"> <strong>Kontorslokal</strong> <span></span> </a> </li> </ul> </div> <div class="secondary-navigation__group"> <h4>Detta ingår</h4> <ul> <li class=""> <a href="/service"> <strong>Service</strong> <span>Service</span> </a> </li> <li class=""> <a href="/klubb"> <strong>Klubb</strong> <span>Klubb</span> </a> </li> <li class=""> <a href="/evenemang"> <strong>Evenemang</strong> <span>Evenemang</span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Våra orter</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Våra orter</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Våra orter</h4> <ul> <li class=""> <a href="/vara-fastigheter/malmo"> <strong>Malmö</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/lund"> <strong>Lund</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/helsingborg"> <strong>Helsingborg</strong> <span></span> </a> </li> </ul> </div> <div class="secondary-navigation__group"> <h4>Malmö</h4> <ul> <li class=""> <a href="/vara-fastigheter/malmo/jungmansgatan"> <strong>Jungmansgatan</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/malmo/skeppsgatan"> <strong>Skeppsgatan</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/malmo/propellergatan"> <strong>Propellergatan</strong> <span></span> </a> </li> </ul> </div> <div class="secondary-navigation__group"> <h4>Lund</h4> <ul> <li class=""> <a href="/vara-fastigheter/lund/hedvig-mollers-gata-12"> <strong>Hedvig Möllers Gata 12</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/lund/hedvig-mollers-gata-5"> <strong>Hedvig Möllers Gata 5</strong> <span></span> </a> </li> </ul> </div> <div class="secondary-navigation__group"> <h4>Helsingborg</h4> <ul> <li class=""> <a href="/vara-fastigheter/helsingborg/broderna-pihls-grand"> <strong>Bröderna Pihls Gränd</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Konferens</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Konferens</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Konferens</h4> <ul> <li class=""> <a href="/konferenslokaler/malmo"> <strong>Malmö</strong> <span></span> </a> </li> <li class=""> <a href="/konferenslokaler/lund"> <strong>Lund</strong> <span></span> </a> </li> <li class=""> <a href="/konferenslokaler/helsingborg"> <strong>Helsingborg</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">För hyresgäster</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>För hyresgäster</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>För hyresgäster</h4> <ul> <li class=""> <a href="/for-hyresgaster"> <strong>Hyresgästinfo</strong> <span></span> </a> </li> <li class=""> <a href="/evenemang"> <strong>Evenemang</strong> <span></span> </a> </li> <li class=""> <a href="/klubb/medlemsformaner"> <strong>Medlemsförmåner</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <a href="/inspiration">Inspiration</a> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Om oss</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Om oss</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Om oss</h4> <ul> <li class=""> <a href="/om-oss/om-wtc"> <strong>Om World Trade Center</strong> <span></span> </a> </li> <li class=""> <a href="/om-oss/hallbara-kontor"> <strong>Hållbara kontor</strong> <span></span> </a> </li> <li class=""> <a href="/om-oss/press-och-media"> <strong>Press och media</strong> <span></span> </a> </li> <li class=""> <a href="/om-oss/en-del-av-granitor"> <strong>En del av Granitor</strong> <span></span> </a> </li> <li class=""> <a href="/om-oss/jobba-hos-oss"> <strong>Jobba hos oss</strong> <span>Jobba hos oss</span> </a> </li> <li class=""> <a href="/om-oss/kontakta-oss"> <strong>Kontakta oss</strong> <span></span> </a> </li> <li class=""> <a href="https://www.wtcmalmolundhelsingborg.com/"> <strong>About us</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> </ul> </div> <div class="navigation__scroll navigation__scroll--right"><span></span></div> </div> <div class="header__cta"> <a href="/lediga-kontor" class="sub-header__button">Lediga kontor</a> </div> <div class="header-search"> <form action="/sok" method="get"> <input type="search" class="header-search__input" id="searchInput" name="q" /> <label for="searchInput" class="header-search__label"> <span class="header-search__label-button"></span> </label> </form> </div> <div class="languages"> <a href="#" class="languages__toggler"> <div class="language-icon"> <img src="/Areas/WTC/Content/img/globe-icon.svg" alt="" class="convert-svg" /> </div> </a> <ul class="languages-switcher"> <li> <a href="https://www.wtcmalmolundhelsingborg.com/">English</a> </li> <li> <span class="is-current-language">Svenska</span> </li> </ul> </div> <div class="header__mobile-toggle"><span></span></div> </div> </div> </header> <div class="intro-block event-item-intro container-fluid dark"> <div class="col-lg-12 col-xxl-10"> <div class="row"> <div class="intro-block-text col-xs-12 col-md-6 col-xl-3 offset-xl-1"> <h4>2024-06-04</h4> <h1> Webbinarie - Hur kan AI effektivisera ditt jobb? </h1> <div class="intro-block-content offset-xl-1"> <p> Vår hyresgäst Per Fallgren från företaget Mölnlycke Healthcare har bland annat forskat inom artificiell intelligens. Han kommer tisdagen den 4 juni klockan 11:30-12:30 att ge dig digital inspiration på hur du kan använda AI i vardagen. Per kommer också att prata om generativ AI vilket är grunden i ChatGPT och bildskapande. Han kommer också att ge tips på "prompting" och hur teknologin kan göra ditt jobb effektivare. </p> <div class="intro__share-links"> <a href="#" class="intro__share-link favorite" :class="{'is-favorited' : $root.isFavorite()}" @click.prevent="[$root.toggleFavorite(), track('Evenemang CTA', 'Spara som favorit')]"><img class="favorite-icon-filled" src="/Areas/WTC/Content/img/favourite-icon-filled.svg" /><img class="favorite-icon-hollowed" src="/Areas/WTC/Content/img/favourite-icon.svg" />Spara favorit</a> <ia-modal class="intro__share-link share" url="/api/wtc/ia" page-id="143874" dialog-type="share-event" @tracking="track('Evenemang CTA', 'Dela/Tipsa');"> <img src="/Areas/WTC/Content/img/share-2.svg" alt="" />Dela / Tipsa </ia-modal> </div> </div> </div> <div class="intro-block-addon-holder col-xs-12 col-md-6 col-xl-7 offset-xl-1"> <div class="product-shelf-image intro-block-image"> <picture> <source srcset="/globalassets/qbank/gp-ai-chatgpt-11203c7679666e7035c45bc54e75d4bb0d252.jpg?width=930&format=jpg&quality=75, /globalassets/qbank/gp-ai-chatgpt-11203c7679666e7035c45bc54e75d4bb0d252.jpg?width=1860&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/gp-ai-chatgpt-11203c7679666e7035c45bc54e75d4bb0d252.jpg?width=700&format=jpg&quality=75, /globalassets/qbank/gp-ai-chatgpt-11203c7679666e7035c45bc54e75d4bb0d252.jpg?width=1400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/gp-ai-chatgpt-11203c7679666e7035c45bc54e75d4bb0d252.jpg?width=579&format=jpg&quality=75, /globalassets/qbank/gp-ai-chatgpt-11203c7679666e7035c45bc54e75d4bb0d252.jpg?width=1158&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/gp-ai-chatgpt-11203e7b95967fed6641b7fcafc7ff5e0f5bb.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/gp-ai-chatgpt-11203e7b95967fed6641b7fcafc7ff5e0f5bb.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/gp-ai-chatgpt-11203e7b95967fed6641b7fcafc7ff5e0f5bb.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/gp-ai-chatgpt-11203e7b95967fed6641b7fcafc7ff5e0f5bb.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/gp-ai-chatgpt-11203c7679666e7035c45bc54e75d4bb0d252.jpg?width=579&format=jpg&quality=75" alt="Om hur AI kan effektivisera ditt arbete" loading="lazy"> </picture> </div> </div> </div> </div> </div> <div class="text-block event-text-block container-fluid with-addon"> <div class="row justify-content-center"> <div class="col-lg-12 col-xxl-10"> <div class="row"> <div class="text-block-text col-xs-12 col-md-6 col-xl-5 offset-xl-2"> <div id="text-block-content"> <p> <p>Du kommer att få inspiration och tips på hur man kan använda AI i vardagen. AI är ett brett ämne så i denna föreläsning kommer vi fokusera på bland annat generativ AI, vilket ligger till grund för ChatGPT och bildskapande samt tips på "promting" och hur teknologin kan effektivisera ditt arbete.</p> <p><em>Anmäl dig senast den 31 maj.</em></p> <p>Väl mött digitalt!</p> </p> </div> </div> <div class="text-block-addon-holder event-addon-holder col-xs-12 col-md-6 col-xl-4 offset-xl-1"> <div class="text-block-addon"> <div class="text-block-addon-body"> <h4>Föreläsare</h4> </div> <div class="lecturer"> Per Fallgren, Mölnlycke Healthcare. Klicka för att läsa mer om innehållet! </div> <div class="lecturer-title"> Webbinarie om AI. Viktigt! Vid anmälan, skriv "Anmälan till AI" </div> <footer class="events-grid-meta"> <div class="events-grid-meta-item"> <div class="events-grid-meta-item__icon"> <svg id="Group_6288" data-name="Group 6288" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 22.5"> <path id="Path_3559" data-name="Path 3559" class="cls-1" d="M8.5,0C3.8,0,0,3,0,8.3S8.5,22.5,8.5,22.5,17,13.5,17,8.3C17,3,13.2,0,8.5,0Zm0,19.4q-1.2-1.35-2.7-3.3C2.5,11.6,2,9.2,2,8.3A6.025,6.025,0,0,1,3.8,3.7,6.771,6.771,0,0,1,8.5,2a7.212,7.212,0,0,1,4.7,1.6A6.1,6.1,0,0,1,15,8.3c0,1-.5,3.3-3.9,7.9C10.2,17.4,9.2,18.6,8.5,19.4Z" /> <path id="Path_3560" data-name="Path 3560" class="cls-1" d="M8.5,6A2.5,2.5,0,1,0,11,8.5,2.476,2.476,0,0,0,8.5,6Zm0,3A.5.5,0,1,1,9,8.5.472.472,0,0,1,8.5,9Z" /> </svg> </div> <div class="events-grid-meta-item__value">Webbinarie. Anmäl dig senast 31 maj!</div> </div> <div class="events-grid-meta-item"> <div class="events-grid-meta-item__icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"> <path id="shape_1_" class="cls-1" d="M11,22A11,11,0,1,1,22,11,10.954,10.954,0,0,1,11,22Zm0-1.956A9.044,9.044,0,1,0,1.956,11,9.024,9.024,0,0,0,11,20.044ZM10.811,5.51a.978.978,0,0,1,1.956,0V11.5a.739.739,0,0,1-.367.733L7.877,15.777a1.112,1.112,0,0,1-1.344-.122,1.006,1.006,0,0,1,.122-1.467l4.156-3.178V5.51Z" /> </svg> </div> <div class="events-grid-meta-item__value">Klockan 11:30-12:30</div> </div> </footer> <a href="mailto:konferens@wtcmalmo.se" class="wtc-btn" target="event" onclick="track('Evenemang CTA', 'Registrera');"><span>Registrera</span></a> </div> </div> </div> </div> </div> </div> <main class="main-body"> </main> <div class="sub-header__cta sub-header__cta--mobile"> <span> <a href="/lediga-kontor" class="sub-header__button">Lediga kontor</a> </span> </div> <footer> <div class="top-banner"> <div class="container"> <a href="/"> <img src="/Areas/WTC/Content/img/wtc_logo-alla-svart.svg" class="convert-svg" /> </a> <div class="language-switcher"> <a href="https://www.wtcmalmolundhelsingborg.com/">English</a> <span class="is-current-language">Svenska</span> </div> </div> </div> <div class="footer-holder"> <div class="container"> <div class="row" data-equal-btns> <div class="col-md-12 footer-menu-columns"> <div class="footer-menu-column"> <h3><a href="/vart-koncept">Vårt koncept</a></h3> <h4>Vårt koncept</h4> <ul> <li><a href="/vart-koncept/coworking">Coworking</a></li> <li><a href="/vart-koncept/kontorshotell">Kontorshotell</a></li> <li><a href="/vart-koncept/kontorslokal">Kontorslokal</a></li> </ul> <h4>Detta ingår</h4> <ul> <li><a href="/service">Service</a></li> <li><a href="/klubb">Klubb</a></li> <li><a href="/evenemang">Evenemang</a></li> </ul> </div> <div class="footer-menu-column"> <h3><a href="/lediga-kontor">Våra orter</a></h3> <h4>Våra orter</h4> <ul> <li><a href="/vara-fastigheter/malmo">Malmö</a></li> <li><a href="/vara-fastigheter/lund">Lund</a></li> <li><a href="/vara-fastigheter/helsingborg">Helsingborg</a></li> </ul> <h4>Malmö</h4> <ul> <li><a href="/vara-fastigheter/malmo/jungmansgatan">Jungmansgatan</a></li> <li><a href="/vara-fastigheter/malmo/skeppsgatan">Skeppsgatan</a></li> <li><a href="/vara-fastigheter/malmo/propellergatan">Propellergatan</a></li> </ul> <h4>Lund</h4> <ul> <li><a href="/vara-fastigheter/lund/hedvig-mollers-gata-12">Hedvig Möllers Gata 12</a></li> <li><a href="/vara-fastigheter/lund/hedvig-mollers-gata-5">Hedvig Möllers Gata 5</a></li> </ul> <h4>Helsingborg</h4> <ul> <li><a href="/vara-fastigheter/helsingborg/broderna-pihls-grand">Bröderna Pihls Gränd</a></li> </ul> </div> <div class="footer-menu-column"> <h3><a href="/konferenslokaler/malmo">Konferens</a></h3> <h4>Konferens</h4> <ul> <li><a href="/konferenslokaler/malmo">Malmö</a></li> <li><a href="/konferenslokaler/lund">Lund</a></li> <li><a href="/konferenslokaler/helsingborg">Helsingborg</a></li> </ul> </div> <div class="footer-menu-column"> <h3><a href="/for-hyresgaster">För hyresgäster</a></h3> <h4>För hyresgäster</h4> <ul> <li><a href="/for-hyresgaster">Hyresgästinfo</a></li> <li><a href="/evenemang">Evenemang</a></li> <li><a href="/klubb/medlemsformaner">Medlemsförmåner</a></li> </ul> </div> <div class="footer-menu-column"> <h3>Inspiration</h3> <ul><li><a href="/inspiration">Inspiration</a></li></ul> </div> <div class="footer-menu-column"> <h3><a href="/om-oss/om-wtc">Om oss</a></h3> <h4>Om oss</h4> <ul> <li><a href="/om-oss/om-wtc">Om World Trade Center</a></li> <li><a href="/om-oss/hallbara-kontor">Hållbara kontor</a></li> <li><a href="/om-oss/press-och-media">Press och media</a></li> <li><a href="/om-oss/en-del-av-granitor">En del av Granitor</a></li> <li><a href="/om-oss/jobba-hos-oss">Jobba hos oss</a></li> <li><a href="/om-oss/kontakta-oss">Kontakta oss</a></li> <li><a href="https://www.wtcmalmolundhelsingborg.com/">About us</a></li> </ul> </div> <div class="footer-menu-column contact-column"> <h3>Kontakt</h3> <div class="contact-info-container"> <ul class="contact-info"> <li> <svg id="Group_6288" data-name="Group 6288" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 22.5"> <path id="Path_3559" data-name="Path 3559" class="cls-1" d="M8.5,0C3.8,0,0,3,0,8.3S8.5,22.5,8.5,22.5,17,13.5,17,8.3C17,3,13.2,0,8.5,0Zm0,19.4q-1.2-1.35-2.7-3.3C2.5,11.6,2,9.2,2,8.3A6.025,6.025,0,0,1,3.8,3.7,6.771,6.771,0,0,1,8.5,2a7.212,7.212,0,0,1,4.7,1.6A6.1,6.1,0,0,1,15,8.3c0,1-.5,3.3-3.9,7.9C10.2,17.4,9.2,18.6,8.5,19.4Z" /> <path id="Path_3560" data-name="Path 3560" class="cls-1" d="M8.5,6A2.5,2.5,0,1,0,11,8.5,2.476,2.476,0,0,0,8.5,6Zm0,3A.5.5,0,1,1,9,8.5.472.472,0,0,1,8.5,9Z" /> </svg> <span>Jungmansgatan 12, 211 11 Malmö</span> </li> <li class="phone"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.554 20.555"> <g id="phone-talking" transform="translate(-1.215 -2.546)"> <g id="phone-talking-2" data-name="phone-talking"> <path id="shape" class="cls-1" d="M18.115,21.092A1,1,0,0,0,19,20.41l.718-2.153a1,1,0,0,0-.242-1.023L17.646,15.4a1,1,0,0,0-1.23-.145l-1.7,1.039a3,3,0,0,1-3.689-.436L8.454,13.282a3,3,0,0,1-.436-3.689L9.057,7.9a1,1,0,0,0-.145-1.23L7.082,4.839A1,1,0,0,0,6.058,4.6l-2.153.718a1,1,0,0,0-.682.884C3.1,8.167,4.467,11.79,8.5,15.819S16.148,21.218,18.115,21.092Zm.129,2c-2.727.176-6.751-1.443-11.162-5.854S1.052,8.8,1.228,6.071A3,3,0,0,1,3.273,3.418L5.426,2.7a3,3,0,0,1,3.07.725l1.829,1.829a3,3,0,0,1,.436,3.689l-1.039,1.7a1,1,0,0,0,.145,1.23l2.578,2.578a1,1,0,0,0,1.23.145l1.7-1.039a3,3,0,0,1,3.689.436l1.829,1.829a3,3,0,0,1,.725,3.07L20.9,21.042A3,3,0,0,1,18.244,23.087Z" /> </g> </g> </svg> <a href="tel:+46 40 627 11 00">+46 40 627 11 00</a> </li> <li class="email"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 16"> <g id="mail" transform="translate(-1 -4)"> <g id="mail-2" data-name="mail"> <path id="shape" class="cls-1" d="M23,8.978Q23,9,23,9.023V16a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V9.023Q1,9,1,8.978V8A4,4,0,0,1,5,4H19a4,4,0,0,1,4,4v.978Zm-2-.722V8a2,2,0,0,0-2-2H5A2,2,0,0,0,3,8v.256l8.344,4.474a5.4,5.4,0,0,0,1.347,0Zm0,2.088-8.138,4.441a3,3,0,0,1-1.724,0L3,10.344V16a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2Z" /> </g> </g> </svg> <a href="mailto:info@wtcmalmo.se">info@wtcmalmo.se</a> </li> <li> <a href="/cookies">Integritets- och cookiepolicy</a> </li> <li> <a id="ot-sdk-btn" class="ot-sdk-show-settings">Cookie-inställningar</a> </li> </ul> </div> </div> </div> </div> </div> <div class="member-of-midroc-image"> <a href="/om-oss/en-del-av-granitor"><img src="/siteassets/logotyper/wtc_member_of_granitor_sv.png" alt="" /></a> </div> </div> </footer> <div class="footer-navigation"> <div class="footer-navigation-item footer-navigation-item--scroll"><a href="#">Scrolla till toppen <img src="/Areas/WTC/Content/img/footer-arrow-right.svg" alt="" /></a></div> <div class="footer-navigation-item footer-navigation-item--next"><a href="https://www.wtcmalmolundhelsingborg.se/evenemang">Gå vidare till: Evenemang <img src="/Areas/WTC/Content/img/footer-arrow-right.svg" alt="" /></a></div> </div> </div> <script type="text/x-template" id="ia-modal-template"> <span> <a href="#" :class="attrs" @click.prevent="showModal = true" :title="title"><slot></slot></a> <transition name="modal" v-if="showModal"> <div class="ia-modal ia-modal-mask modal" :class="{'ia-modal-mask-startpage':startpage}" ref="modal"> <div class="modal-dialog" :class="{'modal-lg': isPropertyOrObject }"> <div class="modal-content"> <div class="modal-header ia-modal-header"> <slot name="header"> <h5 class="modal-title" v-html="ia.pageHeader"></h5> <a href="#" class="ia-modal-close" aria-label="CLOSE" data-dismiss="modal" @click.stop.prevent="showModal = false"> <span aria-hidden="true">×</span> </a> </slot> </div> <div class="modal-body ia-modal-body"> <slot name="body"> <div class="container"> <div class="row"> <div :class="{'col-md-8 col-sm-12 order-last order-md-first' : isPropertyOrObject, 'col-12': !isPropertyOrObject }"> <form @submit.prevent="post" class="needs-validation" novalidate> <template v-if="ia.dialogType == 'project-follow'"> <div v-html="ia.title"></div> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'share' || ia.dialogType == 'share-event'"> <p v-html="ia.title"></p> <div class="form-group"> <label for="email" class="ia-modal-input" :class="{ 'form-group--error': $v.ia.email.$error }"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="message" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Meddelande till mottagaren</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'share-favorites'"> <p v-html="ia.title"></p> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="message" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Meddelande till mottagaren</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'auto' && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="requests" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Önskemål och frågor</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="expanded" v-if="expanded"> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="callMe"> Jag vill bli uppringd av en uthyrare <input type="checkbox" class="form-check-input" v-model="ia.callMe" id="callMe" /> <span class="checkmark"></span> </label> </div> <div class="form-group" :class="{ 'form-group--error': $v.ia.phone.$error }"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span v-if="ia.callMe" class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.cities" v-model="ia.city"></custom-select> </div> <div class="form-group"> <label for="size" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message2" key="message2"></textarea> <span class="ia-modal-label">Önskad lokalstorlek</span> <span v-if="$v.ia.message2.$dirty" class="form-success"></span> </label> </div> <div class="required-text"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="booking"> Jag är intresserad av att boka en visning <input class="form-check-input" id="booking" type="checkbox" v-model="ia.booking" key="booking" /> <span class="checkmark"></span> </label> </div> </div> <button class="ia-modal-btn ia-modal-collapse" @click="expanded = true" type="button" v-if="!expanded"> <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-left" alt="" /> Har ni mer specifika krav eller önskemål? <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-right" alt="" /> </button> </template> <template v-if="isPropertyOrObject && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="requests-and-questions" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Önskemål och frågor</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> <div class="form-group"> <label for="name" class="ia-modal-input"> <input class="form-control ia-modal-form" type="text" placeholder=" " id="name" v-model="ia.name" key="name" /> <span class="ia-modal-label">Namn</span> <span v-if="$v.ia.name.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="callMe"> Jag vill bli uppringd av en uthyrare <input type="checkbox" class="form-check-input" v-model="ia.callMe" id="callMe" /> <span class="checkmark"></span> </label> </div> <div class="form-group" :class="{ 'form-group--error': $v.ia.phone.$error }"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span v-if="ia.callMe" class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="booking"> Jag är intresserad av att boka en visning <input class="form-check-input" id="booking" type="checkbox" v-model="ia.booking" key="booking" /> <span class="checkmark"></span> </label> </div> </template> <template v-if="ia.dialogType == 'conference' && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input" :class="{ 'form-group--error': $v.ia.email.$error }"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="name" class="ia-modal-input"> <input class="form-control ia-modal-form" type="text" placeholder=" " id="name" v-model="ia.name" key="name" /> <span class="ia-modal-label">Namn</span> <span v-if="$v.ia.name.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="expanded" v-if="expanded"> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.cities" v-model="ia.city"></custom-select> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.conferencePeoples" v-model="ia.peopleCount"></custom-select> </div> <div class="form-group"> <label for="other-request" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message2" key="message"></textarea> <span class="ia-modal-label">Övriga önskemål - T ex tid, förtäring</span> <span v-if="$v.ia.message2.$dirty" class="form-success"></span> </label> </div> <div class="required-text"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="member"> Jag är hyresgäst i World Trade Center <input class="form-check-input" type="checkbox" id="member" v-model="ia.isMember" key="member" /> <span class="checkmark"></span> </label> </div> </div> <button class="ia-modal-btn ia-modal-collapse" @click.stop.prevent="expanded = true" type="button" v-if="!expanded"> <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-left" alt="" /> Har ni mer specifika krav eller önskemål? <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-right" alt="" /> </button> </template> <div class="error-summary-group" v-if="$v.ia.$error || ia.errorMessage"> <ul class="error-summary"> <li v-if="!$v.ia.email.required"> Ange en e-postadress </li> <li v-if="!$v.ia.email.email"> Ange en giltig e-postadress </li> <li v-if="!$v.ia.phone.required"> Ange ett telefonnummer </li> <li v-if="!$v.ia.phone.number"> Ange ett giltigt telefonnummer </li> <li v-if="ia.errorMessage"> <blockquote> {{ ia.errorMessage }} </blockquote> </li> </ul> </div> <div class="success-summary-group" v-if="ia.successMessage && submitStatus == 'completed'"> <ul class="success-summary"> <li>{{ ia.successMessage }}</li> </ul> </div> <div class="form-footer ia-modal-footer"> <p v-if="ia.policyUrl"> När du kontaktar oss sparas de uppgifter som du anger i formuläret. Anledningen till varför vi sparar dessa uppgifter är för att vi ska kunna behandla dina frågor och synpunkter. Läs mer om hur vi behandlar dina personuppgifter och vilka rättigheter du har på <a :href="ia.policyUrl" class="policy-link" target="policy">vår integritets- och cookiepolicysida</a> </p> <button class="btn ia-modal-btn ia-modal-send" type="submit" :disabled="loading || submitStatus == 'invalid'"> <img :src="getSubmitImage" class="ia-modal-send-img" alt="" /> {{ getSubmitStatusText }}<span v-show="loading">...</span> </button> </div> <input type="text" v-model="honeypot" class="hidden" /> </form> </div> <!-- col-8 --> <div class="col-md-4 col-sm-12" align="center" v-if="isPropertyOrObject"> <div class="ia-modal-sidebar"> <div class="ia-modal-sidebar-header"> <h3>Jag vill veta mer om</h3> </div><!-- header--> <div class="ia-modal-title"> <div class="ia-modal-sidebar-image-wrapper"> <img v-if="ia.propertyImageUrl" :src="ia.propertyImageUrl" alt="" /> </div> <h1>{{ia.propertyName }}</h1> <h3>{{ ia.propertyCity }}<span v-if="ia.propertyLocation"> - {{ ia.propertyLocation }}</span></h3> </div><!-- title --> <div class="row ia-modal-sidebar-info" v-if="ia.dialogType == 'object'"> <div class="col-6 divider"> <h2>{{ ia.objectSpace }}</h2> <span>(kvadratmeter)</span> </div><!-- col-6 --> <div class="col-6"> <h2>{{ ia.objectPeople }}</h2> <span>(antal personer)</span> </div><!-- col-6 --> </div><!-- row --> <div class="ia-modal-sidebar-footer" v-if="ia.objectFloor"> <h3>VÅNINGSPLAN</h3> <span>{{ ia.objectFloor }}</span> <p>{{ ia.objectQuote }}</p> </div><!-- footer --> </div> </div> </div> </div> </slot> </div> </div> </div> </div> </transition> </span> </script> <script type="text/x-template" id="custom-select-template"> <div class="wtc-dropdown" :class="{'open' : expanded }" @click.stop.prevent="setExpanded(!expanded)" tabindex="0"> <span class="current">{{selectedText}}</span> <div class="list"> <ul> <li v-if="emptyText" class="option" :class="{'selected' : !value}" tabindex="-1" @click.stop.prevent="setValue(null)">{{ emptyText }}</li> <li v-for="(item, index) in items" class="option" :class="{'selected' : value == (item.id || item)}" :tabindex="index" @click.stop.prevent="setValue(item)">{{ item.text || item }}</li> </ul> </div> </div> </script> <script src="/Bundles/EpiCrateScripts?v=My6kavj2JIgWmKbe9zHtJpl3VHXZi8oO1wvyE3t2xF01"></script> <script src="/Bundles/WTCScripts?v=kgC2uMc0cayYFdtPs-KyeneAkdnZq22Sboi7Y2AaCp01"></script> <script>(function ($, d) { $.each(readyQ, function (i, f) { $(f) }); $.each(bindReadyQ, function (i, f) { $(d).bind("ready", f) }) })(jQuery, document)</script> <script type="text/javascript"> window.PageEditing = { PageIsInEditMode:false }; (function () { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = '//maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyCHHj_hXSbYvU8sn9e5vcZCjTa-zg5pGPE&callback=google_maps_initialize&language=sv-SE&libraries=places'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); function google_maps_initialize() { $(document).trigger("google-maps-initialize"); } initVue('143874', 'Ta bort alla favoriter?'); </script> </body> </html>