-
Notifications
You must be signed in to change notification settings - Fork 162
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Mod: make links in preview clickable (#572)
- Loading branch information
Showing
9 changed files
with
258 additions
and
11 deletions.
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
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
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
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| function addHyperlinkManager(vscode) { | ||
| let imgContainer= document.getElementById('image-container'); | ||
| imgContainer.addEventListener('click', e => { | ||
| if (e.button == 0 && e.target.target == "_blank") { | ||
| vscode.postMessage({ | ||
| "action": "openExternalLink", | ||
| "href": e.target.href | ||
| }); | ||
|
|
||
| e.stopImmediatePropagation(); | ||
| } | ||
| }); | ||
|
|
||
| imgContainer.addEventListener('mousedown', e => { | ||
| if (e.button == 0 && e.target.target == "_blank") { | ||
| // prevent zoom selection when clicking on links | ||
| e.stopImmediatePropagation(); | ||
| } | ||
| }); | ||
|
|
||
| imgContainer.addEventListener('mouseup', e => { | ||
| if (e.button == 0 && e.target.target == "_blank") { | ||
| // prevent zoom action when clicking on links | ||
| e.stopImmediatePropagation(); | ||
| } | ||
| }); | ||
| } |
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,164 @@ | ||
| /*! Image Map Resizer | ||
| * Desc: Resize HTML imageMap to scaled image. | ||
| * Copyright: (c) 2014-15 David J. Bradshaw - [email protected] | ||
| * License: MIT | ||
| */ | ||
|
|
||
| ;(function() { | ||
| 'use strict' | ||
|
|
||
| function scaleImageMap() { | ||
| function resizeMap() { | ||
| function resizeAreaTag(cachedAreaCoords, idx) { | ||
| function scale(coord) { | ||
| var dimension = 1 === (isWidth = 1 - isWidth) ? 'width' : 'height' | ||
| return ( | ||
| padding[dimension] + | ||
| Math.floor(Number(coord) * scalingFactor[dimension]) | ||
| ) | ||
| } | ||
|
|
||
| var isWidth = 0 | ||
| areas[idx].coords = cachedAreaCoords | ||
| .split(',') | ||
| .map(scale) | ||
| .join(',') | ||
| } | ||
|
|
||
| var scalingFactor = { | ||
| width: image.width / image.naturalWidth, | ||
| height: image.height / image.naturalHeight, | ||
| } | ||
|
|
||
| var padding = { | ||
| width: parseInt( | ||
| window.getComputedStyle(image, null).getPropertyValue('padding-left'), | ||
| 10 | ||
| ), | ||
| height: parseInt( | ||
| window.getComputedStyle(image, null).getPropertyValue('padding-top'), | ||
| 10 | ||
| ), | ||
| } | ||
|
|
||
| cachedAreaCoordsArray.forEach(resizeAreaTag) | ||
| } | ||
|
|
||
| function getCoords(e) { | ||
| //Normalize coord-string to csv format without any space chars | ||
| return e.coords.replace(/ *, */g, ',').replace(/ +/g, ',') | ||
| } | ||
|
|
||
| function debounce() { | ||
| clearTimeout(timer) | ||
| timer = setTimeout(resizeMap, 250) | ||
| } | ||
|
|
||
| function start() { | ||
| if ( | ||
| image.width !== image.naturalWidth || | ||
| image.height !== image.naturalHeight | ||
| ) { | ||
| resizeMap() | ||
| } | ||
| } | ||
|
|
||
| function addEventListeners() { | ||
| image.addEventListener('load', resizeMap, false) //Detect late image loads in IE11 | ||
| window.addEventListener('focus', resizeMap, false) //Cope with window being resized whilst on another tab | ||
| window.addEventListener('resize', debounce, false) | ||
| window.addEventListener('readystatechange', resizeMap, false) | ||
| document.addEventListener('fullscreenchange', resizeMap, false) | ||
| } | ||
|
|
||
| function beenHere() { | ||
| return 'function' === typeof map._resize | ||
| } | ||
|
|
||
| function getImg(name) { | ||
| return document.querySelector('img[usemap="' + name + '"]') | ||
| } | ||
|
|
||
| function setup() { | ||
| areas = map.getElementsByTagName('area') | ||
| cachedAreaCoordsArray = Array.prototype.map.call(areas, getCoords) | ||
| image = getImg('#' + map.name) || getImg(map.name) | ||
| map._resize = resizeMap //Bind resize method to HTML map element | ||
| } | ||
|
|
||
| var /*jshint validthis:true */ | ||
| map = this, | ||
| areas = null, | ||
| cachedAreaCoordsArray = null, | ||
| image = null, | ||
| timer = null | ||
|
|
||
| if (!beenHere()) { | ||
| setup() | ||
| addEventListeners() | ||
| start() | ||
| } else { | ||
| map._resize() //Already setup, so just resize map | ||
| } | ||
| } | ||
|
|
||
| function factory() { | ||
| function chkMap(element) { | ||
| if (!element.tagName) { | ||
| throw new TypeError('Object is not a valid DOM element') | ||
| } else if ('MAP' !== element.tagName.toUpperCase()) { | ||
| throw new TypeError( | ||
| 'Expected <MAP> tag, found <' + element.tagName + '>.' | ||
| ) | ||
| } | ||
| } | ||
|
|
||
| function init(element) { | ||
| if (element) { | ||
| chkMap(element) | ||
| scaleImageMap.call(element) | ||
| maps.push(element) | ||
| } | ||
| } | ||
|
|
||
| var maps | ||
|
|
||
| return function imageMapResizeF(target) { | ||
| maps = [] // Only return maps from this call | ||
|
|
||
| switch (typeof target) { | ||
| case 'undefined': | ||
| case 'string': | ||
| Array.prototype.forEach.call( | ||
| document.querySelectorAll(target || 'map'), | ||
| init | ||
| ) | ||
| break | ||
| case 'object': | ||
| init(target) | ||
| break | ||
| default: | ||
| throw new TypeError('Unexpected data type (' + typeof target + ').') | ||
| } | ||
|
|
||
| return maps | ||
| } | ||
| } | ||
|
|
||
| if (typeof define === 'function' && define.amd) { | ||
| define([], factory) | ||
| } else if (typeof module === 'object' && typeof module.exports === 'object') { | ||
| module.exports = factory() //Node for browserfy | ||
| } else { | ||
| window.imageMapResize = factory() | ||
| } | ||
|
|
||
| if ('jQuery' in window) { | ||
| window.jQuery.fn.imageMapResize = function $imageMapResizeF() { | ||
| return this.filter('map') | ||
| .each(scaleImageMap) | ||
| .end() | ||
| } | ||
| } | ||
| })() | ||
|
|
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
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
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
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