Weerwoord
Algemeen
Verdieping
Foto's
Uitgelicht
Zoek
Registreer
Aanmelden
Menu
Algemeen
Verdieping
Foto's
Uitgelicht
Links
Zoek
Registreer
Aanmelden
Re : Aktuele Weerbeeld via Streaming Cam
Bericht van: Joris (Mendonk (Gent)) , 12-12-2010 14:05
<a href="http://www.streamby.com/cameras/view/weather-cam-wgd/">View this camera at Streamby.com</a></ifr <a href="#" id="quote-message-div" class="drop-shadow btn btn-default btn-message-action msg-copy-feedback" style="display: none;" onclick="quoteMessageWithSelectedText()"> <i class="fa fa-quote-left" aria-hidden="true"></i> Quote selectie </a> </div> <div id="signaturePlaceholder"> <div class="row"> <div class="col-lg-12"> <div class="text-muted" style="border-top: 1px solid darkgrey; margin-top: 2%; padding-top: 0.5%; font-size: 75%;"> <a href=https://jorissynaeve.i-net.be/WGL>Bezoek Weerstation Gentbrugge-Ledeberg (in opbouw)</a> </div> </div> </div> </div> <div class="row" style="padding-top: 2%; padding-bottom: 2%;"> <div class="col-lg-12 text-right"> <a tabindex="0" role="button" class="btn btn-default" id="toggleSharePopover" title="Deel bericht" style="margin-left: 1%; margin-right: 2%;" > <i class="fa fa-share-alt" aria-hidden="true"></i> </a> <div class="btn-group"> <a href="https://www.weerwoord.be/reply/id/1324742" class="btn btn-default btn-message-action visible-lg-inline"><i class="fa fa-reply" aria-hidden="true"></i> antwoorden</a> <a href="https://www.weerwoord.be/reply/id/1324742/1" class="btn btn-default btn-message-action hidden-lg"><i class="fa fa-reply" aria-hidden="true"></i></a> <a href="#" class="btn btn-default btn-message-action dropdown-toggle msg-report" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </a> <ul class="dropdown-menu dropdown-menu-right"> <li class="small"><a href="/quote/id/1324742/1">Quote bericht</a></li> </ul> </div> <br/><br/><br/> </div> </div> <script> var sendReport = false; var selectedText = ''; function getSharePopoverContent(shareUrl, shareTitle) { var encodedShareUrl = encodeURIComponent(shareUrl); var encodedShareTitle = encodeURIComponent(shareTitle); var encodedShareTextWithUrl = encodeURIComponent(shareTitle + ' ' + shareUrl); var encodedEmailBody = encodeURIComponent(shareTitle + '\n\n' + shareUrl); var shareActions = [ { href: 'https://wa.me/?text=' + encodedShareTextWithUrl, icon: 'fa-whatsapp', label: 'WhatsApp' }, { href: 'https://www.facebook.com/sharer/sharer.php?u=' + encodedShareUrl, icon: 'fa-facebook', label: 'Facebook' }, { href: 'https://twitter.com/intent/tweet?url=' + encodedShareUrl + '&text=' + encodedShareTitle, icon: 'fa-twitter', label: 'X' }, { href: 'mailto:?subject=' + encodedShareTitle + '&body=' + encodedEmailBody, icon: 'fa-envelope', label: 'Email' } ]; // Let op: de popover van Bootstrap 3.4 saneert zijn inhoud. Enkel toegelaten tags // (o.a. a, i, div) en attributen overleven; button, style en data-* worden gestript. // Daarom alles als <a> met CSS-klassen, en de link zelf via de closure hieronder. var content = ['<div class="text-center share-popover-row">']; $.each(shareActions, function (_, shareAction) { var target = shareAction.label === 'Email' ? '' : ' target="_blank" rel="noopener noreferrer"'; content.push( '<a class="btn btn-default btn-sm share-popover-action" title="' + shareAction.label + '"' + ' href="' + shareAction.href + '"' + target + '>' + '<i class="fa ' + shareAction.icon + '" aria-hidden="true"></i>' + '</a>' ); }); content.push( '<a class="btn btn-default btn-sm share-popover-action share-copy-link" href="#"' + ' title="Kopieer link">' + '<i class="fa fa-clipboard" aria-hidden="true"></i>' + '</a>' ); content.push('</div>'); return content.join(''); } function copyTextToClipboard(text, onSuccess, onError) { if (navigator.clipboard && typeof navigator.clipboard.writeText === 'function') { navigator.clipboard.writeText(text).then(onSuccess).catch(onError); return; } var temporaryTextArea = $('<textarea readonly></textarea>'); temporaryTextArea.css({ position: 'absolute', left: '-9999px', top: '0' }); temporaryTextArea.val(text); $('body').append(temporaryTextArea); temporaryTextArea[0].select(); temporaryTextArea[0].setSelectionRange(0, 99999); try { var copySucceeded = document.execCommand('copy'); temporaryTextArea.remove(); if (copySucceeded) { onSuccess(); } else { onError(); } } catch (error) { temporaryTextArea.remove(); onError(); } } function showCopyFeedback($element, message) { // Bewaar de hover-titel: Bootstrap verhuist "title" naar "data-original-title" // en geeft die voorrang op de title-optie, waardoor de melding anders niet zichtbaar wordt. var originalTitle = $element.attr('data-original-title') || $element.attr('title') || ''; $element.tooltip('destroy'); $element.tooltip({ title: message, trigger: 'manual', placement: 'bottom', container: 'body' }); $element.attr('data-original-title', message); $element.tooltip('show'); setTimeout(function () { $element.tooltip('hide'); $element.tooltip('destroy'); $element.removeAttr('data-original-title'); if (originalTitle) { $element.attr('title', originalTitle); } }, 1000); } function enrichPrivateMessageForm(replyToId) { var form = $('form[name="private_message"]'); $(form).find('input[name="replyToId"]').remove(); $(form).append('<input type="hidden" name="replyToId" value=' + replyToId + '>'); } /** * Report a message * @param element * @param messageid * @param reason * @param event */ function reportMessage(element, messageid, reason, event) { event.preventDefault(); if (sendReport == false) { $.ajax({ url: $(element).attr("href"), success: function (data) { $(element).append(' <span class="msg-thanked"><i class="fa fa-check-circle msg-thanked" aria-hidden="true"></i> Ok, gerapporteerd!</span>'); } }); } sendReport = true; } /** * Report a message * @param element * @param messageid * @param reason * @param event */ function reportMessageForWiki(element, messageid, event) { event.preventDefault(); $.ajax({ url: $(element).attr("href"), success: function (data) { $(element).html("<i class=\"fa fa-lightbulb-o\" aria-hidden=\"true\"></i> OK, genomineerd"); $(element).addClass("disabled"); } }); } function renderThankButtonContent(thanked, count) { var icon = "<i class=\"fa fa-star\" aria-hidden=\"true\"></i>"; if (thanked) { return icon + " " + count; } return icon + "<span class=\"hidden-xs\"> Waardevol!</span>"; } /* * Poll handlers. Top-level functions called from inline onclick= attributes, like every * other action in this template -- NOT $(document).on(...) delegation: the desktop path * re-injects this whole template with content.html(data) on every message you open, so a * delegated handler would stack up and fire once per message you had already viewed. */ function pollChosenOptionIds($poll) { return $poll.find('.poll-input:checked').map(function () { return parseInt($(this).val(), 10); }).get(); } function sendPollVote($poll, $trigger, optionIds) { if ($poll.attr('data-loading') === '1' || $poll.attr('data-closed') === '1') { return; } $poll.attr('data-loading', '1'); $.ajax({ url: $poll.attr('data-vote-url'), type: 'POST', data: {optionIds: JSON.stringify(optionIds)}, success: function (data) { renderPollResults($poll, data); }, error: function (xhr) { var message = (xhr.responseJSON && xhr.responseJSON.error) || 'Stemmen mislukt'; showCopyFeedback($trigger, message); }, complete: function () { $poll.attr('data-loading', '0'); } }); } function submitPollVote(element, event) { event.preventDefault(); var $poll = $(element).closest('.poll'); var optionIds = pollChosenOptionIds($poll); if (optionIds.length === 0) { showCopyFeedback($(element), 'Kies eerst een antwoord'); return; } sendPollVote($poll, $(element), optionIds); } function withdrawPollVote(element, event) { event.preventDefault(); // An empty set is how the endpoint spells "withdraw". sendPollVote($(element).closest('.poll'), $(element), []); } function togglePollResults(element, event) { event.preventDefault(); var $poll = $(element).closest('.poll'); $poll.toggleClass('poll--results').toggleClass('poll--voting'); setPollInputsEnabled($poll); } // The ballot is only live in the voting state. Leaving the radios clickable while the // results are on screen looks like the poll is broken: the dot moves, nothing happens. function setPollInputsEnabled($poll) { var frozen = $poll.hasClass('poll--results') || $poll.attr('data-closed') === '1'; $poll.find('.poll-input').prop('disabled', frozen); } // No optimistic update here, unlike the thank button: one vote moves every percentage at // once, and predicting that client-side costs more code than the latency is worth. function renderPollResults($poll, data) { $poll.attr('data-closed', data.closed ? '1' : '0'); $poll.removeClass('poll--voting').addClass('poll--results'); $.each(data.results, function (index, option) { var $option = $poll.find('.poll-option[data-option-id="' + option.id + '"]'); $option.find('.poll-bar').css('width', option.percentage + '%'); $option.find('.poll-count').text(option.votes); $option.find('.poll-percentage').text(option.percentage.toFixed(1).replace('.', ',') + '%'); $option.find('.poll-input').prop('checked', option.chosen); $option.toggleClass('poll-option--chosen', option.chosen); }); $poll.find('.poll-total').text(data.total); setPollInputsEnabled($poll); } function thankUserForMessage(element, event) { event.preventDefault(); var $button = $(element); if ($button.hasClass('disabled') && $button.attr('data-loading') !== '1') { return; } if ($button.attr('data-loading') === '1') { return; } var wasDisabledBeforeRequest = $button.hasClass('disabled'); var previousThanked = parseInt($button.attr('data-thanked'), 10) === 1; var previousCount = parseInt($button.attr('data-count'), 10); if (isNaN(previousCount)) { previousCount = 0; } var optimisticThanked = !previousThanked; var optimisticCount = optimisticThanked ? previousCount + 1 : Math.max(0, previousCount - 1); $button.attr('data-loading', '1'); $button.attr('aria-busy', 'true'); $button.addClass('disabled'); $button.attr('data-thanked', optimisticThanked ? '1' : '0'); $button.attr('data-count', optimisticCount); $button.html(renderThankButtonContent(optimisticThanked, optimisticCount)); $.ajax({ url: $button.attr("href"), success: function (data) { var serverThanked = !data.undo; var serverCount = parseInt(data.registered, 10); if (isNaN(serverCount)) { serverCount = optimisticCount; } $button.attr('data-thanked', serverThanked ? '1' : '0'); $button.attr('data-count', serverCount); $button.html(renderThankButtonContent(serverThanked, serverCount)); }, error: function () { $button.attr('data-thanked', previousThanked ? '1' : '0'); $button.attr('data-count', previousCount); $button.html(renderThankButtonContent(previousThanked, previousCount)); showCopyFeedback($button, 'Opslaan mislukt'); }, complete: function () { $button.attr('data-loading', '0'); $button.removeAttr('aria-busy'); if (!wasDisabledBeforeRequest) { $button.removeClass('disabled'); } } }); } /** * @param element * @param event */ function subscribeToThread(element, event) { event.preventDefault(); $.ajax({ url: $(element).attr("href"), success: function (data) { //noinspection JSUnresolvedVariable if (data.subscribed) { $(element).html("<i class=\"fa fa-bell-slash\" aria-hidden=\"true\"></i><span class=\"hidden-xs\"> Abonnement stoppen</span>"); } else { $(element).html("<i class=\"fa fa-bell\" aria-hidden=\"true\"></i><span class=\"hidden-xs\"> Abonneer</span>"); } } }); } /** * @param element * @param event */ function addMessageAsFavorite(element, event) { event.preventDefault(); $.ajax({ url: $(element).attr("href"), success: function (data) { //noinspection JSUnresolvedVariable if (data.added) { $(element).html('<i class="fa fa-check msg-favorite" aria-hidden="true"></i><span class="hidden-xs"> Favoriet</span>'); $(element).addClass('disabled'); } } }); } function getSelectedText() { if (window.getSelection) { return window.getSelection(); } else if (document.getSelection) { return document.getSelection(); } else { var selection = document.selection && document.selection.createRange(); if (selection.text) { return selection.text; } return false; } return false; } $(document).ready(function () { // Initialize clipboard on each DOM element having the 'clipboard-btn' class var clipboard = new Clipboard('.clipboard-btn'); clipboard.on('success', function (e) { $(e.trigger).tooltip({ delay: {show: 50, hide: 500}, title: 'URL gekopieerd', }); $(e.trigger).tooltip('show'); }); $('#message-content').mouseup(function (event) { var selection = getSelectedText(); if (selection && selection != '') { var x = event.clientX; var y = event.clientY; $('#quote-message-div').css({ 'position': 'fixed', 'left': (x - 20) + 'px', 'top': (y + 20) + 'px', 'z-index': '999' }).show(); selectedText = selection; } else { $('#quote-message-div').hide(); } }); var shareUrl = 'https\u003A\/\/www.weerwoord.be\/m\/1324742'; var shareTitle = 'Re\u0020\u003A\u0020Aktuele\u0020Weerbeeld\u0020via\u0020Streaming\u0020Cam'; var $shareButton = $('#toggleSharePopover'); $shareButton.popover({ html: true, placement: 'top', trigger: 'manual', container: 'body', content: function () { return getSharePopoverContent(shareUrl, shareTitle); } }); $shareButton.on('click', function (event) { event.preventDefault(); event.stopPropagation(); if ($shareButton.attr('aria-describedby')) { $shareButton.popover('hide'); return; } if (navigator.share && typeof navigator.share === 'function') { navigator.share({ title: shareTitle, text: shareTitle, url: shareUrl }).catch(function (error) { if (error && (error.name === 'AbortError' || error.name === 'NotAllowedError')) { return; } $shareButton.popover('show'); }); return; } $shareButton.popover('show'); }); $(document).on('click', '.share-copy-link', function (event) { event.preventDefault(); event.stopPropagation(); var $copyButton = $(this); copyTextToClipboard(shareUrl, function () { showCopyFeedback($copyButton, 'URL gekopieerd'); }, function () { showCopyFeedback($copyButton, 'Kopiëren mislukt'); }); }); $(document).on('click', function (event) { if ($(event.target).closest('#toggleSharePopover, .popover').length === 0) { $shareButton.popover('hide'); } }); $(document).on('click', '.popover', function (event) { event.stopPropagation(); }); $('#scrollbottom').show(); }); function quoteMessageWithSelectedText() { // Hide the quoted text button $('#quote-message-div').hide(); // Go!! var url = '/quotetext/id/1324742'; var form = $('<form action="' + url + '" method="post">' + '<input type="text" name="quotedtext" value="' + selectedText + '" />' + '</form>'); $('body').append(form); form.submit(); } $(document).on('click', '.dropdown-menu', function (e) { e.stopPropagation(); }); </script> <br/> <div class="message-thread"> <div style="margin-left: 0%;" class="message_header"> <h5 class="message_title"> <!--suppress JSUnresolvedFunction (because of part of other templates) --> <a href="https://www.weerwoord.be/m/1324703" class="msg-title"> Aktuele Weerbeeld via Streaming Cam </a> <i class="fa fa-picture-o msg-has-image" aria-hidden="true"></i> <small>(<i class="fa fa-eye" aria-hidden="true"></i> 546) </small> </h5> <small style="font-family: Tahoma, Arial, sans-serif; font-size: 75%;">Wout(Hillegom|ZH|NL) <span class="msg-altitude">(<i class="fa fa-caret-up" aria-hidden="true"></i> 1m)</span> -- 12-12-2010 13:29</small> </div> <div style="margin-left: 3%;" class="message_header msg-current"> <h5 class="message_title"> <!--suppress JSUnresolvedFunction (because of part of other templates) --> <a href="https://www.weerwoord.be/m/1324742" class="msg-title"> Re : Aktuele Weerbeeld via Streaming Cam </a> <small>(<i class="fa fa-eye" aria-hidden="true"></i> 104) </small> </h5> <small style="font-family: Tahoma, Arial, sans-serif; font-size: 75%;">Joris (Mendonk (Gent)) -- 12-12-2010 14:05</small> </div> </div> <div style="position: fixed; right: 0px; top: 40%;" class="visible-xs visible-sm visible-md"> <a href="/m/1324703" class="btn btn-default btn-sm msg-nav-btn" style="margin-top: 2px;"><i class="fa fa-fw fa-chevron-circle-left" aria-hidden="true"></i></a><br/> <a href="/board/1" class="btn btn-default btn-sm msg-nav-btn" style="margin-top: 2px;"> <i class="fa fa-fw fa-list" aria-hidden="true"></i> </a> <br/> </div> <br/><br/> <a href="javascript:void(0);" id="scroll" title="Terug naar boven" style="display: none;" class="btn btn-sm text-center"> <i class="fa fa-fw fa-angle-up" aria-hidden="true"></i> </a> <br/> <a href="javascript:void(0);" id="scrollbottom" title="Naar beneden" class="btn btn-sm text-center"> <i class="fa fa-fw fa-angle-down" aria-hidden="true"></i> </a> </div> <script src="/build/app.js"></script> <script src="/build/runtime.js"></script> <script type="text/javascript"> $(document).ready(function () { $("img").addClass("img-responsive"); initScrollButton(); }); /** * Inspired by https://www.codexworld.com/back-to-top-button-using-jquery-css/ * Shows a scroll-to-top button when user scrolls more than x pixels downwards. */ function initScrollButton() { $(window).scroll(function(){ if ($(this).scrollTop() > 100) { $('#scroll').fadeIn(); } else { $('#scroll').fadeOut(); } if ($(this).scrollTop() < $('#signaturePlaceholder').offset().top - 100) { if (!$('#scrollbottom').is(':visible')) { $('#scrollbottom').fadeIn(); } } else { $('#scrollbottom').fadeOut(); } }); $('#scroll').click(function(){ $("html, body").animate({ scrollTop: 0 }, 600); return false; }); $('#scrollbottom').click(function(){ $("html, body").animate({ scrollTop: $('#signaturePlaceholder').offset().top - 100 }, 600, function() { $('#scrollbottom').fadeOut(); }); return false; }); } </script> <script src="/bundles/fosjsrouting/js/router.js"></script> <script src="/js/routing?callback=fos.Router.setData"></script> <script> $(function () { $('[data-toggle="tooltip"]').tooltip(); var notificationPopover = $("#notification-popover"); notificationPopover.popover({ html: true, container: 'body', // De bel zit nu rechts in de balk; zonder viewport hangt een // popover van ~276px breed over de rechterrand heen. viewport: {selector: 'body', padding: 8}, content: function () { return $("#notification-html-content").html(); } }); // De teller is een pil IN de flow. Hem weghalen terwijl de popover // open staat zou de balk laten verspringen -- precies wat dit ontwerp // wil voorkomen -- dus dat gebeurt pas bij het sluiten. var notificationsMarkedRead = false; notificationPopover.on("show.bs.popover", function () { $(this).addClass("is-active").attr("aria-expanded", "true"); // Bij nul meldingen is er niets te markeren; anders vuurt elke // klik op de altijd zichtbare bel een zinloze UPDATE af. if (!$("#popover-number").text().length) { return; } $.ajax({ url: "/api/mark_all_notifications_read", success: function () { notificationsMarkedRead = true; } }); }); notificationPopover.on("hidden.bs.popover", function () { $(this).removeClass("is-active").attr("aria-expanded", "false"); if (notificationsMarkedRead) { $("#popover-number").empty(); notificationsMarkedRead = false; } }); $('[data-trigger="manual"]').click(function () { $(this).popover('toggle'); }).blur(function () { $(this).popover('hide'); }); // --- Weergave (licht / donker / systeem) --------------------------- // The theme is an account setting, stored in theme_preference and set in // the settings modal. The server stamps it into the <html> tag before // first paint; the only client-side work is resolving 'systeem'. var darkQuery = window.matchMedia('(prefers-color-scheme: dark)'); function resolveTheme(pref) { return pref === 'system' ? (darkQuery.matches ? 'dark' : 'light') : pref; } // Exposed so the settings modal can show the new theme straight after // saving, instead of only on the next page load. Purely visual: the form // POST that precedes it is what actually stores the preference. window.applyTheme = function (pref) { document.documentElement.setAttribute('data-theme-pref', pref); document.documentElement.setAttribute('data-theme', resolveTheme(pref)); }; // Follow the OS live while the preference is 'system'. Only the resolved // value moves; the stored preference stays 'system'. function onSystemThemeChange() { if (document.documentElement.getAttribute('data-theme-pref') === 'system') { document.documentElement.setAttribute('data-theme', resolveTheme('system')); } } if (darkQuery.addEventListener) { darkQuery.addEventListener('change', onSystemThemeChange); } else if (darkQuery.addListener) { darkQuery.addListener(onSystemThemeChange); // Safari < 14 } }); </script> <script> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-794904-2', 'auto'); ga('send', 'pageview'); </script> </body> </html>