Eiendomsinfo

<link rel="stylesheet" href="https://lamp.koding.as/overdragelser/styles/bootstrap.css"> <link rel="stylesheet" href="https://lamp.koding.as/overdragelser/styles/vendor.css"> <link rel="stylesheet" href="https://lamp.koding.as/overdragelser/styles/main.css"> <style> html body .eiendom[max-width="650px"] .container { width: auto; } html body .eiendom[max-width="650px"] h1 a { font-size: 19px; } html body .eiendom[max-width="650px"] .leaflet-container+.container>.row .rightPicker p { font-size: 16px; } html body .eiendom[max-width="650px"] .col-sm-6 { width: 80%; } </style> <section ng-cloak="" class="eiendom embeddable" multi-app="true"> <div class="embed" title="Kopier embedkode"></div> <div ng-controller="ListingsCtrl" ng-init="find('ranablad', false, 0)"> <div id="map" class="embeddable"> <div class="embed" title="Kopier embedkode"></div> <leaflet markers="markers" center="rana" height="{{ isFrontPageModule &amp;&amp; '270px' || '375px' }}" layers="layers" defaults="defaults"></leaflet> <div class="container"> <div class="row"> <div class="col-sm-5 col-sm-offset-7 rightPicker"> <h1><a href="" ng-href="{{baseHref}}" target="_parent" id="top">Eiendomsoverdragelser</a></h1> <p>En oversikt over siste overdragelser og tinglysninger i Rana og omegn.</p> <div class="sortby"> <h5>Sorter etter:</h5> <div class="btn-group" role="group" aria-label="..."> <button type="button" class="btn btn-default active" ng-click="sortMapBy('date')" ng-class="byDate ? 'btn btn-default active' : 'btn btn-default'">&nbsp; Dato &nbsp; </button> <button type="button" class="btn btn-default" ng-click="sortMapBy('price')" ng-class="!byDate ? 'btn btn-default active' : 'btn btn-default'"> &nbsp; Pris &nbsp; </button> </div> </div> <div class="ddown" dropdown=""> <h5>Velg område:</h5> <a href="" class="btn btn-default active" dropdown-toggle="" id="dropdownMenu1" ng-click="filter()"> <span ng-bind="selectedPlace">Alle</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li ng-repeat="place in places"> <a role="menuitem" tabindex="-1" href="" ng-click="filter($event)" ng-bind="place"></a> </li> </ul> </div> <p class="all"><a href="" ng-href="{{baseHref}}" target="_parent" ng-show=" isOnlyMap || isFrontPageModule">Se hele oversikten</a></p> </div> </div> <div class="fpButtons"> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-6"> <div id="listingDetails" class="embeddable"> <div class="embed" title="Kopier embedkode"></div> <div class="row" id="listing"> <div class="col-sm-9"> <h2><a href="" ng-href="{{baseHref}}/#!/{{place.id}}" ng-bind="selectedMarker.address"></a></h2> </div> <div class="col-sm-3"> <p ng-bind="selectedMarker.formattedDate" class="date"></p> </div> </div> <p class="gnrInfo"><span ng-bind="selectedMarker.gnrBnr"></span><span ng-show="selectedMarker.gnrBnr">, </span>i <span ng-bind="selectedMarker.municipality"></span>.</p> <p class="price large">Solgt for <span ng-bind="selectedMarker.price | currency: 'kr' : 0"></span>.</p> <p class="lead" ng-bind="selectedMarker.infoText"></p> <blockquote> <div> <div ng-class="{'lower' : higherArea == true }" class="percentage"><span ng-bind="percentageFromArea"></span>%</div> <p>{{ higherArea &amp;&amp; 'Lavere' || 'Høyere' }} pris sammenlignet med andre overdragelser i <strong ng-bind="selectedMarker.municipality"></strong>. Gjennomsnittlig pris i <span ng-bind="selectedMarker.municipality"></span> er <span class="price" ng-bind="avgPriceInArea | currency: 'kr' : 0"></span>.</p> </div> </blockquote> <div class="row"> <div class="col-sm-12"> <div class="adWrapper board480"> <div class="adMarker above"><span>annonse</span></div> <hr> <div class="ad"> <div> <iframe width="480" height="150" scrolling="No" frameborder="0" marginheight="0" marginwidth="0" src="https://adserver.adtech.de/adiframe/3.0/1361/4914764/0/3151/ADTECH;target=_blank;grp=[group]"> </iframe> </div> </div> </div> </div> </div> <blockquote> <div> <div ng-class="{'lower' : higherAll == true }" class="percentage"><span ng-bind="percentageFromAll"></span>%</div> <p>{{ higherAll &amp;&amp; 'Lavere' || 'Høyere' }} pris sammenlignet med <strong>alle overdragelser</strong>. Gjennomsnittlig pris i alle områder er <span class="price" ng-bind="avgPriceInAll | currency: 'kr' : 0"></span>.</p> </div> </blockquote> </div> <div id="prevSales" class="embeddable"> <div class="embed" title="Kopier embedkode"></div> <h5>Prisutvikling, <span ng-bind="selectedMarker.address"></span></h5> <p ng-show="noPriceHistory">Ingen prishistorikk på denne eiendommen.</p> <highchart id="development" config="chartConfig"></highchart> <h5 ng-show="!noPriceHistory">Tidligere salg</h5> <div class="prevSales"> <div ng-repeat="sale in previousSales"> <div ng-bind="sale.formattedDate" class="col-xs-3"></div> <div> - &nbsp;&nbsp; <a href="" ng-href="{{baseHref}}/#!/{{sale.id}}">Solgt for <span ng-bind="sale.price | currency: 'kr' : 0"></span></a></div> </div> </div> </div> <div id="similarListings"> <div class="row" ng-show="!isMobile"> <div class="col-sm-12"> <div class="adWrapper board480"> <div class="adMarker above"><span>annonse</span></div> <hr> <div class="ad"> <div> <iframe width="480" height="150" scrolling="No" frameborder="0" marginheight="0" marginwidth="0" src="https://adserver.adtech.de/adiframe/3.0/1361/4914769/0/3151/ADTECH;target=_blank;grp=[group]"> </iframe> </div> </div> </div> </div> </div> <h5>Lignende eiendommer:</h5> <div class="row"> <div class="col-xs-6" ng-repeat="similar in similarPropertiesFirstRow"> <div class="panel panel-default"> <div class="panel-body"> <h4><a href="" ng-href="{{baseHref}}/#!/{{similar.id}}" ng-bind="similar.address"></a></h4> <p>Solgt for <span ng-bind="similar.price | currency: 'kr' : 0"></span> den <em ng-bind="similar.formattedDate"></em>, i <span ng-bind="similar.municipality"></span>.</p> </div> </div> </div> </div> <div class="row"> <div class="col-xs-6" ng-repeat="similar in similarPropertiesSecondRow"> <div class="panel panel-default"> <div class="panel-body"> <h4><a href="" ng-href="{{baseHref}}/#!/{{similar.id}}" ng-bind="similar.address"></a></h4> <p>Solgt for <span ng-bind="similar.price | currency: 'kr' : 0"></span> den <em ng-bind="similar.formattedDate"></em>, i <span ng-bind="similar.municipality"></span>.</p> </div> </div> </div> </div> </div> </div> <div class="col-sm-6"> <div id="search"> <h5>Søk etter adresse:</h5> <form class="form-horizontal search" role="form"> <angucomplete-alt id="ex1" placeholder="Søk adresse.." pause="400" selected-object="selectedSearchMarker" remote-url="https://eiendomsinfo.koding.as/addresses?m=1828,1832,1833,1834,1835,1836&amp;callback=JSON_CALLBACK&amp;addr=" title-field="search" min-length="1" description-field="postalCode" input-class="form-control"></angucomplete-alt> </form> <div class="row" ng-show="!isMobile"> <div class="col-sm-12"> <div class="adWrapper board480 height400"> <div class="adMarker above"><span>annonse</span></div> <hr> <div class="ad"> <div> <iframe width="480" height="400" scrolling="No" frameborder="0" marginheight="0" marginwidth="0" src="https://adserver.adtech.de/adiframe/3.0/1361/4203979/0/4950/ADTECH;target=_blank;grp=[group]"> </iframe> </div> </div> </div> </div> </div> </div> <div id="byDate" class="embeddable"> <div class="embed" title="Kopier embedkode"></div> <h5>Siste overdragelser:</h5> <div class="list"> <div class="row" ng-repeat="place in markersByDate"> <div class="subhead col-md-3 col-xs-3" ng-bind="place.formattedDate" ng-class="{ 'hidden' : place.hidden == true }"></div> <div class="col-md-9 col-xs-9" ng-class="{ 'col-md-offset-3 col-xs-offset-3' : place.offset == true }"> <a href="" ng-href="{{baseHref}}/#!/{{place.id}}" ng-bind="place.address"></a>, <span ng-bind="place.municipality"></span></div> </div> </div> </div> <div id="byPrice" class="embeddable"> <div class="embed" title="Kopier embedkode"></div> <h5>Dyreste overdragelser:</h5> <div class="list"> <div class="row" ng-repeat="place in markersByPrice"> <div class="subhead col-md-3 col-xs-3" ng-bind="place.price | currency: '' : 0" ng-class="{ 'hidden' : place.hidden == true }"></div> <div class="col-md-9 col-xs-9" ng-class="{ 'col-md-offset-3 col-xs-offset-3' : place.offset == true }"> <a href="" ng-href="{{baseHref}}/#!/{{place.id}}" ng-bind="place.address"></a>, <span ng-bind="place.municipality"></span></div> </div> </div> </div> </div> </div> </div> </div> </section> <script src="https://maps.google.com/maps/api/js?v=3.2&amp;key=AIzaSyCaQjiH2UNlN_ruRTbFEvx0qzWwb2z6ubo"></script> <script src="https://lamp.koding.as/overdragelser/scripts/load.js"></script>