Showing source for: https://www.kyrktorget.se/
Duration: 0.256275s
Server: nginx/1.22.1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="HreZgfxBiUYLEpVGvnBQnnkwfaYtLtJfh7yltpM550g" name="google-site-verification">
<!-- CSRF Token -->
<meta content="DX9YPXLn1OFGmmJpPZ2AkrR1fVupCnwIyLb3BcoK" name="csrf-token">
<title>
Kyrktorget.se - Kyrkornas webbplats.
</title>
<!-- Styles -->
<link href="/css/app.css" rel="stylesheet">
<link href="/css/selec2.min.css" rel="stylesheet">
<!-- Scripts -->
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/themes/smoothness/jquery-ui.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/locale/sv.js">
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.0.1/fullcalendar.min.js">
</script>
<link href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.0.1/fullcalendar.min.css" rel="stylesheet">
<link href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.0.1/fullcalendar.print.css" rel="stylesheet">
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js">
</script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.min.js">
</script>
<!-- Type aheaed -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/corejs-typeahead/1.1.1/typeahead.bundle.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/corejs-typeahead/1.1.1/bloodhound.min.js" type="text/javascript">
</script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js">
</script>
<link href="/kyrktorget-logga.png" rel="icon" type="image/png">
<link href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
<script>
window.Laravel = {
"csrfToken": "DX9YPXLn1OFGmmJpPZ2AkrR1fVupCnwIyLb3BcoK"
};
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-20881924-1">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-20881924-1');
</script>
<!-- Facebook Pixel Code -->
<script>
!function(f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function() {
n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s);
}(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '159747514668850');
fbq('track', 'PageView');
</script>
<noscript>
</noscript>
</head>
<body>
<img height="1" src="https://www.facebook.com/tr?id=159747514668850&ev=PageView&noscript=1" style="display:none" width="1">
<!-- End Facebook Pixel Code -->
<script async="" crossorigin="anonymous" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8986694224901758">
</script>
<nav class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<!-- Collapsed Hamburger -->
<button class="navbar-toggle collapsed" data-target="#app-navbar-collapse" data-toggle="collapse" type="button">
<span class="sr-only">
Toggle Navigation
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
</button>
<!-- Branding Image -->
<a class="navbar-brand" href="https://www.kyrktorget.se">
<img src="/images/kyrktorget-logga.png">
</a>
</div>
<div class="collapse navbar-collapse" id="app-navbar-collapse">
<!-- Right Side Of Navbar -->
<ul class="nav navbar-nav navbar-right">
<li>
<a href="https://www.kyrktorget.se">
Hitta församling
</a>
</li>
<li>
<a href="https://www.kyrktorget.se/kalender">
Hitta i kalendern
</a>
</li>
<li>
<a href="https://www.kyrktorget.se/andrum">
Andrum
</a>
</li>
<!-- <li><a href="https://www.kyrktorget.se/radio">Radio</a></li> -->
<li>
<a href="https://www.kyrktorget.se/tv">
TV
</a>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
Tjänster
<span class="caret">
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="/jobb">
Jobbannonser
</a>
</li>
<!-- <li><a href="/page/abonnemang">Abonnemang</a></li>-->
<li>
<a href="/page/appen">
Appen
</a>
</li>
<!-- <li><a href="#">Streaming</a></li> -->
<li>
<a href="/page/sondagskola-play">
Söndagsskola PLAY
</a>
</li>
<li>
<a href="/page/smarta-inkop">
Tolkningsutrustning
</a>
</li>
<li>
<a href="/page/gdpr">
GDPR
</a>
</li>
<!-- <li><a href="/page/under-utveckling">Under utveckling</a></li> -->
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
Om Kyrktorget
<span class="caret">
</span>
</a>
<ul class="dropdown-menu">
<li>
<a href="/page/om-kyrktorget">
Om Kyrktorget
</a>
</li>
<li>
<a href="/page/sa-funkar-det">
Så funkar det
</a>
</li>
<li>
<a href="/page/kontakta-kyrktorget">
Kontakta kyrktorget
</a>
</li>
</ul>
</li>
<li>
<a href="https://www.kyrktorget.se/login">
Logga in
</a>
</li>
<li>
<a href="https://www.kyrktorget.se/new_user">
Skapa användare
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-body main">
<b>
Jag letar efter:
</b>
<br>
<input class="form-control" id="search_text" type="text">
<a href="javascript:void();" onclick="$('#adv_box').toggle()">
Visa fler alternativ
</a>
<div id="adv_box" style="display: none;">
<div>
<b>
En församling som har:
</b>
</div>
<div class="checkbox">
<label>
<input class="searchbox" id="search_1" type="checkbox">
Gudstjänster
</label>
</div>
<div class="checkbox">
<label>
<input class="searchbox" id="search_2" type="checkbox">
Samlingar i hemmen / Hemgrupper
</label>
</div>
<div class="checkbox">
<label>
<input class="searchbox" id="search_3" type="checkbox">
Söndagsskola
</label>
</div>
<div class="checkbox">
<label>
<input class="searchbox" id="search_8" type="checkbox">
Barnverksamhet
</label>
</div>
<div class="checkbox">
<label>
<input class="searchbox" id="search_10" type="checkbox">
Ungdomsaktiviteter
</label>
</div>
<div class="checkbox">
<label>
<input class="searchbox" id="search_6" type="checkbox">
Grundkurs i kristen tro / Alpha
</label>
</div>
<div class="checkbox">
<label>
<input class="searchbox" id="search_4" type="checkbox">
Samlingar på andra språk/tolkning eller verksamhet för nysvenskar
</label>
</div>
<div class="checkbox">
<label>
<input class="searchbox" id="search_12" type="checkbox">
Senior/dagledig
</label>
</div>
<div class="checkbox">
<label>
<input class="searchbox" id="search_11" type="checkbox">
Sång/Kör
</label>
</div>
<div class="checkbox">
<label>
<input class="searchbox" id="search_9" type="checkbox">
Bön
</label>
</div>
<div class="checkbox">
<label>
<input class="searchbox" id="search_13" type="checkbox">
Bibelstudier/Bibelsamtal
</label>
</div>
<div class="checkbox">
<label>
<input class="searchbox" id="search_5" type="checkbox">
Samtalshjälp / Själavård
</label>
</div>
<div class="checkbox">
<label>
<input class="searchbox" id="search_7" type="checkbox">
Streaming
</label>
</div>
</div>
<div style="clear:both; width:100%">
<b>
Annat än församlingar:
</b>
</div>
<div class="checkbox">
<label>
<input class="searchbox" id="search_k" type="checkbox">
Kristen kontakt och vårdverksamhet
</label>
</div>
<div class="checkbox">
<label>
<input class="searchbox" id="search_g" type="checkbox">
Gårdar / Campingar
</label>
</div>
<!-- <div class="checkbox">
<label>
<input type="checkbox" class="searchbox" id="search_a">Artister / Musikgrupper
</label>
</div>
-->
<br style="clear:both;">
<a href="/filter">
<b>
Nytt!
</b>
Hitta församlingar via län och kommun
</a>
</div>
</div>
</div>
<div class="col-md-8">
<div class="panel panel-default">
<div id="map_canvas">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading" id="search_result_text">
</div>
<div class="panel-body" id="search_result">
</div>
</div>
</div>
</div>
</div>
<!-- Scripts -->
<script src="/js/app.js">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js">
</script>
<script src="/js/js.cookies.js">
</script>
<script src="/js/select2.full.min.js">
</script>
<style>
#columns {
column-width : 230px;
column-gap : 15px;
width : 100%;
margin : 20px auto;
-moz-column-count : 6;
-webkit-column-count: 6;
column-count : 6;
}
div#columns figure {
background : #fefefe;
border : 2px solid #fcfcfc;
box-shadow : 0 1px 2px rgba(34, 25, 25, 0.4);
margin : 0 2px 15px;
padding : 15px;
padding-bottom : 10px;
transition : opacity .4s ease-in-out;
display : inline-block;
column-break-inside : avoid;
}
div#columns figure img {
width : 100%;
height : auto;
margin-bottom : 10px;
}
div#columns figure figcaption {
line-height : 1.5;
}
div#columns:hover figure:not(:hover) {
/* opacity : 0.4; */
}
@media screen and (max-width: 750px) {
#columns {
column-gap : 0px;
}
#columns figure {
width : 100%;
}
}
</style>
<!-- START OF THE GOOD STUFF -->
<!-- Load the Google Maps JS API. Your Google maps key will be rendered. -->
<script src="//maps.googleapis.com/maps/api/js?sensor=false&key=AIzaSyDzxuPhwmCzdSSl5_bJBYnP5gzZb7vZt7o&libraries=visualization" type="text/javascript">
</script>
<script src="https://googlemaps.github.io/js-marker-clusterer/src/markerclusterer.js" type="text/javascript">
</script>
<script type="text/javascript">
var xhr;
var geocoder;
var map;
var markerCluster;
var places;
var markers = [];
var bounds = new google.maps.LatLngBounds();
var bound_ok = false;
function initialize() {
geocoder = new google.maps.Geocoder();
var mapOptions = {
center: new google.maps.LatLng(60.910914, 17.697966),
zoom: 5,
mapTypeId: google.maps.MapTypeId.ROADMAP,
maxZoom: 17
};
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
google.maps.event.addDomListener(map, 'bounds_changed', function() {
if ($("#search_text").val() == "") {
fetchPlaces();
}
});
var ss = Cookies.get('search_str');
$('input:checkbox.searchbox').each(function() {
if (ss) {
if (ss.indexOf("_" + $(this).attr('id').replace('search_', '') + "_") >= 0) {
$(this).prop("checked", true);
$('#adv_box').show();
}
}
});
if (navigator.geolocation) {
var positionOption = {
timeout: 10000,
enableHighAccuracy: false,
maximumAge: Infinity
};
navigator.geolocation.getCurrentPosition(function(position) {
initialLocation = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
map.setCenter(initialLocation);
map.setZoom(9);
}, function() {
$.getJSON('https://ipinfo.io/geo', function(response) {
var loc = response.loc.split(',');
initialLocation = new google.maps.LatLng(loc[0], loc[1]);
map.setCenter(initialLocation);
map.setZoom(9);
});
}, positionOption);
}
$('input:checkbox.searchbox').change(function() {
bound_ok = true;
fetchPlaces(this);
});
$('#search_text').on("input", function() {
bound_ok = true;
fetchPlaces(this);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
var times, first_call = true;
function fetchPlaces(th) {
if (!first_call) {
clearTimeout(times);
times = setTimeout(function() {
fetchPlaces2(th);
}, 1000);
} else {
first_call = false;
times = setTimeout(function() {
fetchPlaces2(th);
}, 1);
}
}
var fetchPlaces2 = function(th) {
if (xhr) xhr.abort();
bounds = map.getBounds();
var ne = bounds.getNorthEast();
var sw = bounds.getSouthWest();
var infowindow = new google.maps.InfoWindow({
content: ''
});
var search_str = "0";
var search_str2 = "";
$('input:checkbox.searchbox').each(function() {
search_str += (this.checked ? "," + $(this).attr('id').replace('search_', '') : "");
search_str2 += (this.checked ? "_" + $(this).attr('id').replace('search_', '') + "_" : "");
});
search_str = search_str.replace("0,", "");
Cookies.set('search_str', search_str2);
if ($("#search_a").is(":checked") && $(th).attr('id') == "search_a") {
$('.searchbox').each(function() {
if ($(this).attr('id') != "search_a") {
$(this).prop('checked', false);
}
});
search_str = "a";
Cookies.set('search_str', "_a_");
} else if ($("#search_g").is(":checked") && $(th).attr('id') == "search_g") {
$('.searchbox').each(function() {
$(this).prop('checked', false);
});
$("#search_g").prop('checked', true);
search_str = "g";
Cookies.set('search_str', "_g_");
} else if ($("#search_k").is(":checked") && $(th).attr('id') == "search_k") {
$('.searchbox').each(function() {
$(this).prop('checked', false);
});
$("#search_k").prop('checked', true);
search_str = "k";
Cookies.set('search_str', "_k_");
} else {
if (th) {
$("#search_a").prop('checked', false);
$("#search_g").prop('checked', false);
$("#search_k").prop('checked', false);
}
}
xhr = $.post('/api/gmap/markers', {
_b_lat_max: ne.lat(),
_b_lng_max: ne.lng(),
_b_lat_min: sw.lat(),
_b_lng_min: sw.lng(),
_token: "DX9YPXLn1OFGmmJpPZ2AkrR1fVupCnwIyLb3BcoK",
_str: search_str,
_strtext: $("#search_text").val()
}, function(data, status) {
bounds = new google.maps.LatLngBounds();
var obj = jQuery.parseJSON(data);
$("#search_result").html("");
for (var i = 0, marker; marker = markers[i]; i++) {
marker.setMap(null);
}
markers = [];
points = [];
str_val = '<div class="row" id="columns">';
i = 0;
count = 0;
for (p in obj.result) {
count++;
var place = obj.result[p];
if (place.img != "") {
i++;
str_val += '<figure><a href="' + place.shortname + '"><img src="' + place.img + '" /><figcaption>' + place.title + '</figcaption></a></figure>';
}
tmpLatLng = new google.maps.LatLng(place.lat, place.lng);
points.push(tmpLatLng);
var marker = new google.maps.Marker({
map: map,
position: tmpLatLng,
title: null,
icon: 'https://www.kyrktorget.se/images/spotlight-poi.png'
});
bounds.extend(marker.getPosition());
if (place.shortname != '') bindInfoWindow(marker, map, infowindow, '<b>' + place.title + '</b><br><a href="' + place.shortname + '">Mer information</a>'); else bindInfoWindow(marker, map, infowindow, '<b>' + place.title + '</b><br><a href="/church/' + place.id + '">Mer information</a>');
markers.push(marker);
}
str_val += '</div>';
$("#search_result").html(str_val);
$("#search_result_text").html("Nedan syns ett urval av träffarna.");
var options = {
styles: [{
textColor: 'white',
url: 'images/m1.png',
height: 53,
width: 52
},{
textColor: 'white',
url: 'images/m2.png',
height: 55,
width: 56
},{
textColor: 'white',
url: 'images/m3.png',
height: 65,
width: 66
},{
textColor: 'white',
url: 'images/m4.png',
height: 77,
width: 78
},{
textColor: 'white',
url: 'images/m5.png',
height: 89,
width: 90
}],
imagePath: 'images/m',
maxZoom: 8
};
if (markerCluster) {
markerCluster.clearMarkers();
if (markers.length < 1000) {
markerCluster.setMaxZoom(1);
markerCluster.repaint();
}
}
if (markers.length > 1000) {
markerCluster = new MarkerClusterer(map, markers, options);
markerCluster.setMaxZoom(8);
}
if ($("#search_text").val() != "") {
map.fitBounds(bounds);
}
if (markers.length == 0) {
map.setCenter(new google.maps.LatLng(62.910914, 17.697966));
map.setZoom(4);
}
if (bound_ok && markers.length < 2000) {
}
});
};
var bindInfoWindow = function(marker, map, infowindow, html) {
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(html);
infowindow.open(map, marker);
});
};
</script>
</body>
</html>