Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html><html lang="en"><head><script>window.JSW_CONFIG={apiUrl:"/api/",googleMapsKey:"AIzaSyAoZCVQ4EytIXG6CYFTQZegWTXbhuuk3HI"}</script><script>window._trackJs={token:"95adadfc12ea41adb497ebcb6c097e6f"}</script><script src="https://d2zah9y47r7bi2.cloudfront.net/releases/current/tracker.js"></script><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta charset="utf-8"/><title>Vidende</title><link rel="icon" href="./favicon.png" sizes="96x96"><link rel="shortcut icon" href="/favicon.ico"><link href="/main.773c5dcb271244516266dfe0e2d511ad.css" rel="stylesheet"><link href="/main.css" rel="stylesheet"></head><body><div id="app"></div><script type="text/javascript" src="/main.d50cd5ef17a9c751a620x.js"></script></body></html>
This file has been truncated, but you can view the full file.
// WWH
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
#EXTM3U
#EXTINF:-1 tvg-id="skynews.uk" tvg-name="VIP Sky News SD" tvg-logo="http://picon.helixhosting.ninja/31063.png" group-title="UK NEWS NETWORKS",VIP Sky News SD
http://stellartv.xyz:83/live/2292922459/3eM0k8gHv3/304003.ts
#EXTINF:-1 tvg-id="BBCNews.uk" tvg-name="UK BBC News" tvg-logo="http://picon.helixhosting.ninja/0.png" group-title="UK NEWS NETWORKS",UK BBC News
http://stellartv.xyz:83/live/2292922459/3eM0k8gHv3/20962.ts
#EXTINF:-1 tvg-id="BBC1.uk" tvg-name="UK BBC One HD" tvg-logo="http://picon.helixhosting.ninja/70.png" group-title="UK ENTERTAINMENT",UK BBC One HD
http://stellartv.xyz:83/live/2292922459/3eM0k8gHv3/67140.ts
#EXTINF:-1 tvg-id="bbc1.uk" tvg-name="UK BBC ONE" tvg-logo="http://picon.helixhosting.ninja/1957.png" group-title="UK ENTERTAINMENT",UK BBC ONE
http://stellartv.xyz:83/live/2292922459/3eM0k8gHv3/168364.ts
#EXTINF:-1 tvg-id="bbc1northernireland.uk" tvg-name="UK BBC One Northern Ireland" tvg-logo="http://picon.helixhosting.ninja/1946.png" group-title="UK ENTERTAINMENT",UK BBC One No
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Data Responsive SVG Map</title>
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/main.css"/>
</head>
<!--...-->
<div class="container">
<div svg-map></div>
<!-- ↓ Add this ↓ -->
<div class="scale">
<div ng-repeat="n in [0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1.0]"
ng-style="{backgroundColor:'{{n | map_colour}}'}">{{n}}
</div>
</div>
<!--...-->
angular.module('SvgMapApp', [])
.controller('MainCtrl', ['$scope', function ($scope) {
var states = ["AL", "AK", "AS", "AZ", "AR", "CA", "CO", "CT", "DE", "DC", "FM", "FL", "GA", "GU", "HI", "ID", "IL",
"IN", "IA", "KS", "KY", "LA", "ME", "MH", "MD", "MA", "MI", "MN", "MS", "MO", "MT", "NE", "NV", "NH", "NJ", "NM",
"NY", "NC", "ND", "MP", "OH", "OK", "OR", "PW", "PA", "PR", "RI", "SC", "SD", "TN", "TX", "UT", "VT", "VI", "VA",
"WA", "WV", "WI", "WY"];
$scope.createDummyData = function () {
var dataTemp = {};
angular.forEach(states, function (state, key) {
dataTemp[state] = {value: Math.random()}
angular.module('SvgMapApp').directive('svgMap', ['$compile', function ($compile) {
return {
restrict: 'A',
templateUrl: 'img/Blank_US_Map.svg',
link: function (scope, element, attrs) {
var regions = element[0].querySelectorAll('.state');
angular.forEach(regions, function (path, key) {
var regionElement = angular.element(path);
regionElement.attr("region", "");
regionElement.attr("dummy-data", "dummyData");
// ...
element.attr("ng-click", "regionClick()");
element.attr("ng-attr-fill", "{{dummyData[elementId].value | map_colour}}"); //<--- THIS BIT!
element.removeAttr("region");
// ...
angular.module('SvgMapApp').directive('svgMap', ['$compile', function ($compile) {
return {
restrict: 'A',
templateUrl: 'img/Blank_US_Map.svg',
link: function (scope, element, attrs) {
var regions = element[0].querySelectorAll('.state');
angular.forEach(regions, function (path, key) {
var regionElement = angular.element(path);
regionElement.attr("region", "");
regionElement.attr("dummy-data", "dummyData");
angular.module('SvgMapApp').directive('svgMap', ['$compile', function ($compile) {
return {
restrict: 'A',
templateUrl: 'img/Blank_US_Map.svg',
link: function (scope, element, attrs) {
var regions = element[0].querySelectorAll('.state');
angular.forEach(regions, function (path, key) {
var regionElement = angular.element(path);
regionElement.attr("region", "");
$compile(regionElement)(scope);