Created
February 3, 2015 20:02
-
-
Save jmfayard/e06ee55a198591a92301 to your computer and use it in GitHub Desktop.
immobilienscout24
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="grid-item desk-one-fourth lap-one-third palm-one-whole"> | |
| <figure class="one-whole border border-darkblue shortlist-item" data-bind="event: { mouseout: $root.entries.mouseout, mouseover: $root.entries.mouseover}"> | |
| <div class="shortlist-item--header show-status__buttons" data-bind="css: {'show-status__buttons': (entry.hasStatusButtons), 'show-status__buttons_by_default': (entry.hasStatusButtons && entry.showTooltip)}"> | |
| <figcaption class="padding-xs" data-bind="css: entry.realEstate.state == 'ACTIVE' ? '' : 'inactive' "> | |
| <div> | |
| <h3 class="font-white margin-bottom-none padding-xs"><span data-bind="css: entry.tag.icon" class="fa font-xl margin-right-s fa-star"></span><!--ko text: entry.tag.label-->Gemerkt<!--/ko--></h3> | |
| </div> | |
| </figcaption> | |
| <div class="overflow-hidden shortlist-item--image__wrapper" style="height:170px;"> | |
| <!-- ko if: tag.date --> | |
| <div class="shortlist-item--status__information one-whole padding-vertical-xs"> | |
| <span class="shortlist-item--status" data-bind="text: tag.date">06. NOV 14</span> | |
| <!-- ko if: entry.tag.state === "REAL_ESTATE_NOT_VISITED" --><!-- /ko --> | |
| </div> | |
| <!-- /ko --> | |
| <!-- ko if: entry.realEstate.state != "ACTIVE" --><!-- /ko --> | |
| <!-- ko if: entry.pictureUrl --> | |
| <img src="https://pictureis24-a.akamaihd.net/pic/orig01/N/335/872/840/335872840-0.jpg/ORIG/legacy_thumbnail/223x174/format/jpg?47807831" class="block one-whole" data-bind="attr: { src: entry.pictureUrl }, css: entry.realEstate.state == 'ACTIVE' ? '' : 'inactive' "> | |
| <!-- /ko --> | |
| <!-- ko if: !entry.pictureUrl --><!-- /ko --> | |
| </div> | |
| <div class="shortlist-item--status__buttons"> | |
| <div class="shortlist-item--status__buttons--wrapper"> | |
| <div class="font-center padding-top-xs" data-bind="foreach: entry.tag.links"> | |
| <a href="http://www.immobilienscout24.de/expose/77839999?expand=contactform&ns_campaign=10-02321&icmp=10-02321&ns_mchannel=internal&ns_source=sky&ns_linkname=mietegemerkt_kontakt" class="button-white button--two-lines eight-tenths margin-xs font-s vertical-center" data-bind="attr: {href: $data.href}"><span class="fa font-brandorange font-m fa-user" data-bind="css: $data.icon"></span><div class="font-s nine-tenths font-left padding-left-s"><!-- ko text: $data.label -->Nehmen Sie Kontakt auf<!-- /ko --></div> | |
| </a> | |
| <a href="http://www.immobilienscout24.de/meinkonto/profil/erstellen?ns_campaign=10-02634&icmp=10-02634&ns_mchannel=internal&ns_source=sky&ns_linkname=miete_gemerkt_push" class="button-white button--two-lines eight-tenths margin-xs font-s vertical-center" data-bind="attr: {href: $data.href}"><span class="fa font-brandorange font-m fa-calendar" data-bind="css: $data.icon"></span><div class="font-s nine-tenths font-left padding-left-s"><!-- ko text: $data.label -->Stellen Sie sich beim Anbieter vor.<!-- /ko --></div> | |
| </a> | |
| <a href="http://www.immobilienscout24.de/suchagent/gesuche?ns_campaign=10-02323&icmp=10-02323&ns_mchannel=internal&ns_source=sky&ns_linkname=mietegemerkt_suchanzeige" class="button-white button--two-lines eight-tenths margin-xs font-s vertical-center" data-bind="attr: {href: $data.href}"><span class="fa font-brandorange font-m fa-users" data-bind="css: $data.icon"></span><div class="font-s nine-tenths font-left padding-left-s"><!-- ko text: $data.label -->Schalten Sie zusätzlich eine persönliche Suchanzeige.<!-- /ko --></div> | |
| </a> | |
| </div> | |
| <div class="padding-vertical-s padding-horizontal-l shortlist-item--status__buttons--remove"> | |
| <a href="#" class="font-regular" data-bind="click: $root.entries.removeEntry"><span class="fa fa-trash-o font-m"></span> Entfernen</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="shortlist-item--body" data-bind="css: entry.realEstate.state == 'ACTIVE' ? '' : 'inactive' "> | |
| <a data-bind="disableLink: entry.realEstate.state != 'ACTIVE', attr: {href: 'http://www.immobilienscout24.de/expose/' + entry.exposeId}" class="unstyled block" href="http://www.immobilienscout24.de/expose/77839999"> | |
| <div class="padding-s"> | |
| <h3 class="font-ellipsis font-ellipsis-two font-m" data-bind="text: title">Gemütliche Wohnung in ruhiger Lage in Prenzlauer Berg!</h3> | |
| <p class="font-ellipsis fineprint shortlist-item--address"> | |
| <!-- ko if: entry.address --> | |
| <!--ko text: entry.address-->10439 Berlin<!--/ko--> | |
| <!-- /ko --> | |
| <!-- ko if: !entry.address --><!-- /ko --> | |
| </p> | |
| </div> | |
| <div class="grid padding-bottom-s padding-horizontal-s shortlist-item--attributes"> | |
| <dl class="grid-item four-twelfths padding-right-xs"> | |
| <dt class="font-ellipsis font-headline font-m" data-bind="text: entry.attr1 ? (entry.attr1.value + ' ' + entry.attr1.postfix) : ' '">600 €</dt> | |
| <dd class="fineprint font-xs" data-bind="text: entry.attr1 ? entry.attr1.label : ' '">Miete/Monat</dd> | |
| </dl> | |
| <!-- ko if: entry.attr2 --> | |
| <dl class="grid-item four-twelfths border-left border-lightblue padding-horizontal-xs"> | |
| <dt class="font-ellipsis font-headline font-m" data-bind="text: entry.attr2.value + ' ' + entry.attr2.postfix">2 </dt> | |
| <dd class="fineprint font-xs" data-bind="text: entry.attr2.label">Zimmer</dd> | |
| </dl> | |
| <!-- /ko --> | |
| <!-- ko if: entry.attr3 --> | |
| <dl class="grid-item four-twelfths border-left border-lightblue padding-horizontal-xs"> | |
| <dt class="font-ellipsis font-headline font-m" data-bind="text: entry.attr3.value + ' ' + entry.attr3.postfix">50 m²</dt> | |
| <dd class="fineprint font-xs" data-bind="text: entry.attr3.label">Wohnfläche</dd> | |
| </dl> | |
| <!-- /ko --> | |
| </div> | |
| </a> | |
| </div> | |
| <!-- ko if: entry.realEstate.state == "ACTIVE" --> | |
| <footer class="padding-s"> | |
| <div class=""> | |
| <a data-bind="attr: {href: 'http://www.immobilienscout24.de/expose/' + exposeId + '?expand=note&noteEditMode=true'}" class="font-s float-left" href="http://www.immobilienscout24.de/expose/77839999?expand=note&noteEditMode=true"> | |
| <span class="fa fa-pencil font-brandorange padding-right-xs"></span> | |
| </a> | |
| <a data-bind="attr: {href: 'http://www.immobilienscout24.de/expose/' + exposeId + '?expand=note&noteEditMode=true'}, css: entry.note ? 'shortlist-note-text-link font-s' : ''" class=" float-left eight-tenths" href="http://www.immobilienscout24.de/expose/77839999?expand=note&noteEditMode=true"> | |
| <span class="font-ellipsis font-ellipsis-two"><!-- | |
| --><!-- ko if: !entry.note --><span class="font-s">Notizen hinzufügen</span><!-- /ko --><!-- | |
| --><!-- ko if: entry.note --><!-- /ko --><!-- | |
| --></span> | |
| </a> | |
| </div> | |
| <div class="float-right"> | |
| <!-- ko if: entry.rating --><!-- /ko --> | |
| </div> | |
| </footer> | |
| <!-- /ko --> | |
| <!-- ko if: entry.realEstate.state != "ACTIVE" --><!-- /ko --> | |
| <!-- ko if: entry.showTooltip --><!-- /ko --> | |
| </figure> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment