]> _ Git - cubeextranet.git/commitdiff
Debugging problems with zoomarea cache inconsistencies + adjustments to zoom image...
authorstephen@cubedesigners.com <stephen@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Fri, 8 Sep 2017 17:42:35 +0000 (17:42 +0000)
committerstephen@cubedesigners.com <stephen@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Fri, 8 Sep 2017 17:42:35 +0000 (17:42 +0000)
inc/ws/Util/html5/burgermenu/class.ws.html5.links.php [new file with mode: 0644]

diff --git a/inc/ws/Util/html5/burgermenu/class.ws.html5.links.php b/inc/ws/Util/html5/burgermenu/class.ws.html5.links.php
new file mode 100644 (file)
index 0000000..bdc4455
--- /dev/null
@@ -0,0 +1,1304 @@
+<?php
+
+class wsHTML5Link {
+
+       public $left;
+       public $top;
+       public $width;
+       public $height;
+       public $page;
+       public $type;
+       public $to;
+       public $image;
+       public $numerotation;
+       public $target;
+       public $interactive;
+       public $video_loop;
+       public $video_sound_on;
+       public $video_controls;
+       public $video_auto_start;
+       public $video_height;
+       public $video_width;
+       public $video_service;
+       public $inline;
+       public $display_area;
+       public $read_mode;
+       public $infobulle;
+       public $extra;
+       public $id;
+       public $rot;
+
+       protected $_init;
+
+       /**
+        *
+        * @var wsHTML5Compiler
+        */
+       public $compiler;
+
+       /**
+        *
+        * @param integer $id
+        * @param stdClass $init
+        * @param wsHTML5Compiler $compiler
+        * @return \webLink|\mailLink|\internalLink|\videoLink|\videoPopupLink|\multimediaLink|null|\webVideoLink|\webVideoPopupLink|\actionLink|\basketLink|\colorLink|\imageLink|\fileLink|\htmlMultimediaLink|\normalLink
+        */
+       public static function getInstance($id, $init, &$compiler) {
+               switch ($init['type']) {
+                       case 1:
+                       case 2:
+                               return new webLink($id, $init, $compiler);
+                       case 3:
+                               return new mailLink($id, $init, $compiler);
+                       case 5:
+                               return new internalLink($id, $init, $compiler);
+                       case 4:
+                               if ($init['inline']) {
+                                       return new videoLink($id, $init, $compiler);
+                               } else {
+                                       return new videoPopupLink($id, $init, $compiler);
+                               }
+                       case 7:
+                               switch ($compiler->book->parametres->customLinkClass) {
+                                       case 'WescoLink':
+                                               return new wescoLink($id, $init, $compiler);
+                                       case 'HaguenauManifLink':
+                                               return new haguenauManifLink($id, $init, $compiler);
+                                       case 'FLFLink':
+                                               return new flfLink($id, $init, $compiler);
+                                       case 'InpesPopinLink':
+                                               return new inpesPopinLink($id, $init, $compiler);
+                                       case 'PierronLink':
+                                               return new pierronLink($id, $init, $compiler);
+                                       case 'WescoSalesLink':
+                                               return new wescoSalesLink($id, $init, $compiler);
+                                       case 'AtlanticDownloadLink':
+                                               return new atlanticDownloadLink($id, $init, $compiler);
+                               }
+                               break;
+                       case 8:
+                       case 9:
+                               return null;
+                       case 10:
+                               if ($init['inline']) {
+                                       return new webVideoLink($id, $init, $compiler);
+                               } else {
+                                       return new webVideoPopupLink($id, $init, $compiler);
+                               }
+                       case 11:
+                               return new actionLink($id, $init, $compiler);
+                       case 12:
+
+                               return new basketLink($id, $init, $compiler);
+                       case 13: // zoom area
+                               return new zoomLink($id, $init, $compiler);
+                       case 14:
+                               return new colorLink($id, $init, $compiler);
+                       case 15:
+                               return new imageLink($id, $init, $compiler);
+                       case 16:
+                               return new fileLink($id, $init, $compiler);
+                       case 17:
+                               if ($init['inline']) {
+                                       return new audioLink($id, $init, $compiler);
+                               } else {
+                                       return new audioPopupLink($id, $init, $compiler);
+                               }
+                       case 18:
+                               return new tooltipLink($id, $init, $compiler);
+                       case 19:
+                               break;
+                       case 20:
+                               $compiler->addBookmarkGroup($init);
+                               break;
+                       case 21:
+                       case 6:
+                               return self::getMultimediaInstance($id, $init, $compiler);
+                       case 23:
+                               return new statsTagLink($id, $init, $compiler);
+                       case 24:
+                               return new phoneLink($id, $init, $compiler);
+                       case 25:
+                               $compiler->addAudiodescription($init);
+                               break;
+                       case 26:
+                               $compiler->addPageLabel($init['page'], $init['to']);
+                               break;
+                       case 27:
+                               return new eventOverlayLink($id, $init, $compiler);
+                               break;
+                       default:
+                               return null;
+               }
+       }
+
+       public static function getMultimediaInstance($id, $init, &$compiler) {
+               if ($init['alternative'] == '') {
+                       return null;
+               }
+
+               $ext = mb_strtolower(files::getExtension($init['alternative']));
+
+               if (in_array($ext, array('oam', 'zip', 'html')) || substr($init['alternative'], 0, 4) == 'http') {
+                       if ($init['inline']) {
+                               return new htmlMultimediaLink($id, $init, $compiler);
+                       } else {
+                               return new htmlMultimediaPopupLink($id, $init, $compiler);
+                       }
+               } else if (in_array($ext, array('gif', 'jpeg', 'jpg', 'png', 'svg'))) {
+                       if ($init['inline']) {
+                               return new htmlMultimediaImage($id, $init, $compiler);
+                       } else {
+                               return new htmlMultimediaPopupImage($id, $init, $compiler);
+                       }
+               }
+               return null;
+       }
+
+       public function __construct($id, $init, &$compiler) {
+               $this->_init = $init;
+               foreach ($init as $k => $v) {
+                       if ($k == 'extra' && CubeIT_Util_Json::isJson($v)) {
+                               $v = CubeIT_Util_Json::decode($v);
+                       }
+                       $this->$k = $v;
+               }
+               if (!$this->video_width) {
+                       $this->video_width = $this->width;
+               }
+               if (!$this->video_height) {
+                       $this->video_height = $this->height;
+               }
+
+
+               if ($this->target == '') {
+                       $this->target = '_blank';
+               }
+               $this->wdir = WS_BOOKS . '/working/' . $compiler->book_id . '/';
+               $this->id = $id;
+               $this->compiler = $compiler;
+       }
+
+       public function getDefaultTooltip() {
+               return false;
+       }
+
+       public function getTooltip() {
+               if (is_null($this->infobulle) || !$this->infobulle) {
+                       if ($this->getDefaultTooltip() === false) {
+                               return;
+                       }
+                       return '~' . $this->getDefaultTooltip();
+               }
+               return $this->infobulle;
+       }
+
+       public function getHTMLContainer() {
+               return '<div class="' . $this->getHTMLContainerClass() . '" id="l_' . $this->id . '">' . $this->getHTMLContent() . '</div>';
+       }
+
+       public function getHTMLContainerClass() {
+               $res = 'link';
+               if ($this->page % 2 == 1) {
+                       $res .= ' odd';
+               }
+               return $res;
+       }
+
+       public function getHTMLContent() {
+               return '';
+       }
+
+       public function getAdditionnalContent() {
+
+       }
+
+       public function getClasses() {
+               return array();
+       }
+
+       public function copyExternalFile($file, $video = false) {
+               $this->compiler->copyLinkFile($file, 'data/links/', $video);
+       }
+
+       public function copyExternalDir($dir) {
+               $this->compiler->copyLinkDir($dir, 'data/links');
+       }
+
+       public function unzipFile($file, $moveAssets = false) {
+               $fdir = 'data/links/' . $file;
+               $dir = $this->compiler->vdir . '/' . $fdir;
+               if (file_exists($dir) && is_file($dir)) {
+                       unlink($dir);
+               }
+               if (!file_exists($dir)) {
+                       mkdir($dir, 0777, true);
+               }
+               $unzip = new cubeCommandLine('unzip');
+               $unzip->setArg(null, $this->compiler->wdir . '/' . $file);
+               $unzip->setArg('d', $dir);
+               $unzip->execute();
+
+               if ($moveAssets) {
+                       `mv $dir/Assets/* $dir`;
+                       rmdir($dir . '/Assets');
+               }
+
+               return array('dir' => $dir, 'fdir' => $fdir);
+       }
+
+       public function getCssScale() {
+               if (is_int($this->page)) {
+                       return $this->compiler->getCssScale();
+               } else {
+                       return 1;
+               }
+       }
+
+       public function getCSSContainer() {
+               if (!($this instanceof contentLink) && $this->page % 2 == 1) {
+                       $this->page--;
+                       $this->left += $this->compiler->width;
+               }
+
+               $css = '#l_' . $this->id . '{';
+               $css .= 'left:' . $this->left * $this->getCssScale() . 'px;top:' . $this->top * $this->getCssScale() . 'px;';
+               $css .= 'width:' . $this->width * $this->getCssScale() . 'px;height:' . $this->height * $this->getCssScale() . 'px;';
+               $origin = false;
+               if ($this->rot) {
+                       $css .= wsHTML5::writeCSSUA('transform', 'rotate(' . $this->rot . 'deg)');
+                       $origin = true;
+               }
+               if (isset($this->extra->skewX)) {
+                       $css .= wsHTML5::writeCSSUA('transform', 'skewX(' . $this->extra->skewX . 'deg)');
+                       $origin = true;
+               }
+               $css .= $this->getCSS();
+               $css .= '}';
+               return $css;
+       }
+
+       public function getCSS() {
+               return '';
+       }
+
+       public function keep() {
+               return false;
+       }
+
+       public static function getUniversalLocation($loc, $css = false) {
+               $datas = parse_url($loc);
+
+               if (isset($datas['scheme']) && !is_null($datas['scheme'])) {
+                       return $loc;
+               } else {
+                       if ($css) {
+                               return '../links/' . $loc;
+                       } else {
+                               return 'data/links/' . $loc;
+                       }
+               }
+       }
+
+}
+
+class normalLink extends wsHTML5Link {
+
+       public function getHTMLContent() {
+               $class = $this->getClasses();
+               if ($this->display_area) {
+                       $class[] = 'displayArea';
+               }
+               $c = '';
+               if (count($class)) {
+                       $c = ' class="' . implode(' ', $class) . '"';
+               }
+               $tooltip = '';
+               $t = $this->getTooltip();
+               if ($t !== false) {
+                       $tooltip = ' data-tooltip="' . $t . '"';
+               }
+               return '<a href="' . $this->getURL() . '" data-type="' . $this->type . '" target="' . $this->getTarget() . '"' . $tooltip . $c . $this->getAdditionnalContent() . $this->getTrack() . '></a>';
+       }
+
+       public function getTrack() {
+               return '';
+       }
+
+       public function getURL() {
+               return '#';
+       }
+
+       public function getTarget() {
+               return '_self';
+       }
+
+}
+
+class tooltipLink extends normalLink {
+       public function getClasses() {
+               return array_merge(array('lazy'), parent::getClasses());
+       }
+
+       public function getAdditionnalContent() {
+               $res = parent::getAdditionnalContent();
+               $res .= ' data-tooltip-maxwidth="' . $this->compiler->book->parametres->linkTooltipMaxWidth . '" ';
+               $res .= ' data-tooltip-touch="1" ';
+               return $res;
+       }
+
+       public function getURL() {
+               return '#';
+       }
+}
+
+class htmlMultimediaImage extends wsHTML5Link {
+       public function getHTMLContainerClass() {
+               return parent::getHTMLContainerClass() . ' multimedia';
+       }
+
+       public function getHTMLContent() {
+               $w = $this->width;
+               $h = $this->height;
+               $this->copyExternalFile($this->alternative);
+               $alt = '<img class="multimediaimage" data-width="' . $w . '" data-height="' . $h . '" src="' . wsHTML5Link::getUniversalLocation($this->alternative) . '" width="' . $w . '" height="' . $h . '" />';
+               return $alt;
+       }
+
+}
+
+class htmlMultimediaPopupLink extends htmlMultimediaPopupImage {
+
+       public function getAdditionnalContent() {
+               $i = $this->_init;
+               $i['inline'] = true;
+               $i['width'] = $i['video_width'];
+               $i['height'] = $i['video_height'];
+
+               $l = self::getMultimediaInstance($this->id . '_content', $i, $this->compiler);
+               $markup = $l->getHTMLContainer();
+               return ' data-multimedia="' . rawurlencode($markup) . '" ';
+       }
+}
+
+
+class htmlMultimediaPopupImage extends normalLink {
+
+       public function getURL() {
+               $this->copyExternalFile($this->alternative);
+               $read = ($this->read_mode) ? 'r_' : '';
+               return '#/multimedia/' . $read . md5($this->alternative);
+       }
+
+
+       public function getAdditionnalContent() {
+               $dim = getimagesize($this->wdir . '/' . $this->alternative);
+
+               $markup = '<div class="multimediaContainer "><img data-width="' . $dim[0] . '" data-height="' . $dim[1] . '" src="' . wsHTML5Link::getUniversalLocation($this->alternative) . '" width="' . $dim[0] . '" height="' . $dim[1] . '" class="multimedia" /></div>';
+               $read = '';
+               if ($this->read_mode) {
+                       $read = ' data-readmode="1"';
+               }
+               return $read . ' data-multimedia="' . rawurlencode($markup) . '" ';
+       }
+
+       public function keep() {
+               return true;
+       }
+
+}
+
+class contentLink extends wsHTML5Link {
+
+       public function getHTMLContainerClass() {
+               return parent::getHTMLContainerClass() . ' contentLink';
+       }
+
+}
+
+class eventOverlayLink extends wsHTML5Link {
+       public function getHTMLContainerClass() {
+               return parent::getHTMLContainerClass() . ' eventOverlayLink';
+       }
+
+       public function getHTMLContent() {
+               return '<div></div>';
+       }
+}
+
+class webLink extends normalLink {
+       public function getURL() {
+               $res = str_replace('"', '\'', wsHTML5Link::getUniversalLocation($this->to));
+               return $res;
+       }
+
+       public function getTarget() {
+               if (strpos($this->getURL(), 'javascript:') === 0) {
+                       return '_self';
+               }
+               return $this->target;
+       }
+
+       public function getTrack() {
+               return ' data-track="' . $this->getURL() . '"';
+       }
+
+       public function getCSS() {
+
+       }
+
+       public function getDefaultTooltip() {
+               return 'click to open the link';
+       }
+
+}
+
+class mailLink extends normalLink {
+
+       public function getURL() {
+               return 'mailto:' . $this->to;
+       }
+
+       public function getTrack() {
+               return ' data-track="' . $this->to . '"';
+       }
+
+       public function getTarget() {
+               return '_self';
+       }
+
+       public function getDefaultTooltip() {
+               return 'click to send an e-mail';
+       }
+
+}
+
+class phoneLink extends mailLink {
+
+       public function getURL() {
+               return 'tel:' . $this->to;
+       }
+
+       public function getTarget() {
+               return '_blank';
+       }
+
+       public function getDefaultTooltip() {
+               return 'click to call this number';
+       }
+
+}
+
+class internalLink extends normalLink {
+
+       public function getURL() {
+               return '#/page/' . $this->getPage();
+       }
+
+       public function getPage() {
+               if ($this->numerotation == 'physical') {
+                       return $this->to;
+               } else {
+                       return $this->compiler->virtualToPhysical($this->to);
+               }
+       }
+
+       public function getDefaultTooltip() {
+               return 'go to page';
+       }
+
+}
+
+class videoLink extends wsHTML5Link {
+       public static function addVideoJS($compiler) {
+               $compiler->addJs('js/libs/videojs/video.js');
+               $compiler->addLess('videojs/videojs');
+       }
+
+       public function getClasses() {
+               return array_merge(['videoLink'], parent::getClasses());
+       }
+
+       public function getHTMLContent() {
+
+
+               $this->copyExternalFile($this->to, true);
+
+               $w = round($this->width * $this->getCssScale());
+               $h = round($this->height * $this->getCssScale());
+
+               // Note: width and height for the video is normally measured from the
+        // preview frame for local files or set to 1280 x 720 for web videos.
+        // The $w and $h variables here seem to be null generally...
+
+               return $this->makeVideoTag($this, $w, $h, $this->compiler);
+       }
+
+       public static function makeVideoTag($linkDatas, $w = null, $h = null, $compiler = null) {
+               static::addVideoJS($compiler);
+
+               $attributes = static::getVideoAttributes($linkDatas, $w, $h, $compiler);
+
+               $res = '<div class="videoContainer"';
+               foreach ($attributes as $name => $value) {
+                       $res .= " data-{$name}='{$value}'";
+               }
+               $res .= '></div>';
+
+               return $res;
+       }
+
+       public static function getVideoAttributes($data, $w = null, $h = null, $compiler = null) {
+
+               $file = $data->to;
+               $e = explode('.', $file);
+               $ext = array_pop($e);
+               $basename = implode('.', $e);
+
+               $attr['name'] = $basename;
+               $attr['id'] = 'video_' . $data->id;
+               $attr['autoplay'] = ($data->video_auto_start ? '1' : '0');
+               $attr['controls'] = ($data->video_controls ? '1' : '0');
+               $attr['loop'] = ($data->video_loop ? '1' : '0');
+               $attr['sound'] = ($data->video_sound_on ? '1' : '0');
+
+               if (!is_null($w) && !is_null($h)) {
+                       $attr['width'] = $w;
+                       $attr['height'] = $h;
+
+               } else if (!is_null($compiler)) {
+            // Get video dimensions from thumbnail if possible (locally uploaded files)
+                       $path = WS_BOOKS . '/working/' . $compiler->book_id . '/' . $basename . '.jpg';
+                       $dim = getimagesize($path);
+                       $attr['width'] = $dim[0];
+                       $attr['height'] = $dim[1];
+               }
+
+               return $attr;
+       }
+
+}
+
+class videoPopupLink extends normalLink {
+
+       public function getURL() {
+               $this->copyExternalFile($this->to, true);
+               $file = $this->to;
+               $e = explode('.', $file);
+               $ext = array_pop($e);
+               $basename = implode('.', $e);
+
+               return '#/video/' . $basename;
+       }
+
+       public function getAdditionnalContent() {
+               $this->video_auto_start = true; // Videos should always autoplay
+               return ' data-video="' . rawurlencode(videoLink::makeVideoTag($this, null, null, $this->compiler)) . '" ';
+       }
+
+       public function keep() {
+               return true;
+       }
+
+       public function getDefaultTooltip() {
+               return 'click to play the video';
+       }
+
+}
+
+class audioPopupLink extends normalLink {
+
+       public function getURL() {
+               $this->copyExternalFile($this->to, false);
+               $file = $this->to;
+               $e = explode('.', $file);
+               $ext = array_pop($e);
+               $basename = implode('.', $e);
+
+               return '#/audio/' . $basename;
+       }
+
+       public function getAdditionnalContent() {
+               return ' data-audio="' . rawurlencode(audioLink::makeAudioTag($this, null, null, $this->compiler)) . '" ';
+       }
+
+       public function keep() {
+               return true;
+       }
+
+       public function getDefaultTooltip() {
+               return 'click to play the audio';
+       }
+
+}
+
+class webVideoLink extends videoLink {
+
+       public static function getVideoAttributes($data, $w = null, $h = null, $compiler = null) {
+               $attributes = parent::getVideoAttributes($data, $w, $h, $compiler);
+
+               // Since the admin interface doesn't offer options for setting controls or sound, we will set some defaults here
+               $attributes['controls'] = '1';
+               $attributes['sound'] = '1';
+
+               $attributes['setup'] = static::getVideoSetup($data, $compiler);
+
+               return $attributes;
+       }
+
+       public static function getVideoSetup($data, $compiler) {
+
+               static::addVideoJS($compiler); // Ensure videoJS core is included first
+
+               switch ($data->video_service) {
+                       case 0: // YouTube
+                               $compiler->addJs('js/libs/videojs/Youtube.js');
+                               //                $compiler->addJs('https://rawgit.com/videojs/videojs-youtube/master/dist/Youtube.js');
+                               $setup = [
+                                       'techOrder' => ['youtube'],
+                                       'sources' => [
+                                               [
+                                                       'type' => 'video/youtube',
+                                                       'src' => 'https://www.youtube.com/watch?v=' . $data->to
+                                               ]
+                                       ]
+                               ];
+                               break;
+                       case 1: // Dailymotion
+                               // Todo: add local version of script...
+                               // Note: this plugin doesn't seem to work currently so it is not included
+                               //$compiler->addJs('https://rawgit.com/benjipott/video.js-dailymotion/master/dist-test/videojs-dailymotion.js');
+                               $setup = [
+                                       //                    'techOrder' => ['dailymotion'],
+                                       //                    'sources' => [
+                                       //                        [
+                                       //                            'src' => 'http://www.dailymotion.com/video/' . $data->to
+                                       //                        ]
+                                       //                    ]
+                               ];
+                               break;
+                       case 2: // Vimeo
+                               // Todo: add local version of script...
+                               // Note: Vimeo plugin doesn't seem to be working currently - might need updates to work with latest VideoJS module
+                               //$compiler->addJs('https://rawgit.com/videojs/videojs-vimeo/master/dist/videojs-vimeo.min.js');
+                               $setup = [
+                                       //                    'techOrder' => ['vimeo'],
+                                       //                    'sources' => [
+                                       //                        [
+                                       //                            'type' => 'vimeo/vimeo',
+                                       //                            'src' => 'https://www.vimeo.com/' . $data->to
+                                       //                        ]
+                                       //                    ]
+                               ];
+                               break;
+                       default:
+                               $setup = [];
+               }
+
+               return json_encode($setup, JSON_UNESCAPED_SLASHES);
+
+       }
+
+       public function getHTMLContent() {
+
+               if ($this->video_service !== 0) {
+                       return $this->getEmbed();
+               }
+
+               $w = round($this->width * $this->getCssScale());
+               $h = round($this->height * $this->getCssScale());
+
+               return $this->makeVideoTag($this, $w, $h, $this->compiler);
+       }
+
+       public function getEmbed() {
+               return '<iframe width="' . $this->width . '" height="' . $this->height . '" src="' . $this->getEmbedURL() . '" frameborder="0" allowfullscreen></iframe>';
+       }
+
+       public function getEmbedURL() {
+               if ($this->video_service == 0) {
+                       $url = 'https://www.youtube.com/embed/' . $this->to . '?html5=1';
+               } elseif ($this->video_service == 1) {
+                       $url = 'https://www.dailymotion.com/embed/video/' . $this->to;
+               } elseif ($this->video_service == 2) {
+                       $url = 'https://player.vimeo.com/video/' . $this->to;
+               } elseif ($this->video_service == 3) {
+                       list($playerId, $videoId) = explode('|', $this->to);
+                       $url = 'https://link.brightcove.com/services/player/bcpid' . $playerId . '?bctid=' . $videoId . '&autoStart=false&width=100%25&height=100%25';
+               }
+               return $url;
+       }
+
+}
+
+class actionLink extends internalLink {
+       protected $_share = array('facebook', 'twitter', 'googleplus', 'linkedin', 'viadeo');
+
+       public function getURL() {
+               return '#';
+       }
+
+       public function getClasses() {
+               if (in_array($this->to, $this->_share)) {
+                       return array_merge(array('share'), parent::getClasses());
+               } else {
+                       return parent::getClasses();
+               }
+       }
+
+       public function getAdditionnalContent() {
+               if (in_array($this->to, $this->_share)) {
+                       return parent::getAdditionnalContent() . ' data-service="' . $this->to . '" ';
+               } else {
+                       return parent::getClasses() . ' data-action="' . $this->to . '" ';
+               }
+       }
+
+       public function getDefaultTooltip() {
+               return false;
+       }
+
+
+}
+
+class basketLink extends contentLink {
+
+       public function getCSS() {
+               return 'background-color:#fff;';
+       }
+
+}
+
+class colorLink extends contentLink {
+
+       public function getCSS() {
+               return 'background-color:' . wsHTML5::colorToCSS($this->to) . ';';
+       }
+
+}
+
+class imageLink extends contentLink {
+
+       public function getCSS() {
+               $this->copyExternalFile($this->to);
+               return 'background-image:url(' . wsHTML5Link::getUniversalLocation($this->to, true) . ');background-size:100% 100%;background-repeat:no-repeat;';
+       }
+
+}
+
+class fileLink extends normalLink {
+
+       public function getURL() {
+               if ($this->compiler->book->parametres->linkFilePrefix && !CubeIT_Util_Url::isDistant($this->to)) {
+                       return $this->compiler->book->parametres->linkFilePrefix . $this->to;
+               }
+               $this->copyExternalFile($this->to);
+               return wsHTML5Link::getUniversalLocation($this->to);
+       }
+
+       public function getTarget() {
+               return '_blank';
+       }
+
+       public function getDefaultTooltip() {
+               return 'click to open the file';
+       }
+
+}
+
+class htmlMultimediaLink extends wsHTML5Link {
+
+       protected $_config = null;
+       protected $_content = '';
+       protected $_url;
+
+       public function getHTMLContent() {
+               if ($this->_content == '') {
+                       $ext = files::getExtension($this->alternative);
+
+                       if ($ext == 'oam') {
+                               $d = $this->unzipFile($this->alternative, true);
+                               $this->_config = $this->getConfigOAM($d['dir']);
+                               $this->copyExternalDir($d['dir']);
+                       } elseif ($ext == 'zip') {
+                               $d = $this->unzipFile($this->alternative, false);
+                               $this->_config = $this->getConfigZIP($d['dir']);
+                               $this->copyExternalDir($d['dir']);
+                       } elseif ($ext == 'html') {
+                               $fdir = 'data/links';
+                               $dir = $this->compiler->vdir . '/' . $fdir;
+
+                               $d = array('fdir' => $fdir, 'dir' => $dir);
+                               if (!file_exists($d['dir'])) {
+                                       fb($d['dir']);
+                                       mkdir($d['dir'], 0777, true);
+                               }
+                               copy($this->compiler->wdir . '/' . $this->alternative, $d['dir'] . '/' . $this->alternative);
+                               $this->_config = $this->getConfigHTML($d['dir'], $this->alternative);
+                               $this->copyExternalFile($d['dir'] . '/' . $this->alternative);
+                       }
+                       if (substr($this->alternative, 0, 4) == 'http') {
+                               $this->_url = $externalIframe = $this->alternative;
+                               $this->_config = array('html' => false, 'width' => $this->width * $this->getCssScale(), 'height' => $this->height * $this->getCssScale());
+                       }
+
+                       $w = $this->width * $this->getCssScale();
+                       $h = $this->height * $this->getCssScale();
+                       $res = '';
+                       if ($this->_config['html']) {
+                               $this->_url = $d['fdir'] . '/' . $this->_config['html'];
+                               if ($this->extra) {
+                                       $this->_url .= '?' . $this->extra;
+                               }
+
+                               $iw = $this->_config['width'];
+                               $ih = $this->_config['height'];
+
+                               $res = '<iframe data-width="' . $iw . '" data-height="' . $ih . '" width="' . $iw . '" height="' . $ih . '" src="' . $this->_url . '" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel=""></iframe>';
+                       }
+                       if (isset($externalIframe)) {
+                               $iw = $this->_config['width'];
+                               $ih = $this->_config['height'];
+                               $res = '<iframe data-width="' . $iw . '" data-height="' . $ih . '"  width="' . $iw . '" height="' . $ih . '" src="' . $externalIframe . '" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel=""></iframe>';
+                       }
+
+                       foreach ($this->_config['inject'] as $i) {
+                               $i = str_replace('$id', '"#l_' . $this->id . '"', $i);
+                               $this->compiler->htmlmultimedia[] = $i;
+                       }
+
+                       foreach ($this->_config['injectcss'] as $i) {
+
+                       }
+
+                       foreach ($this->_config['injectjs'] as $i) {
+                               $this->compiler->pluginJs[] = $d['fdir'] . '/' . $i;
+                       }
+
+
+                       $this->_content = $res;
+               }
+               return $this->_content;
+       }
+
+       public function getHTMLContainerClass() {
+               $res = parent::getHTMLContainerClass() . ' multimedia';
+               if (!$this->interactive) {
+                       $res .= ' notinteractive';
+               }
+
+               return $res;
+       }
+
+
+       protected function _correctFiles($dir) {
+               $files = CubeIT_Files::getRecursiveDirectoryIterator($dir);
+               foreach ($files as $f) {
+                       /* @var $f SplFileInfo */
+                       if ($f->getExtension() == 'js') {
+                               $this->_correctFile($f);
+                       }
+               }
+       }
+
+       public function getCSSContainer() {
+               if (!($this instanceof contentLink) && $this->page % 2 == 1) {
+                       $this->page--;
+                       $this->left += $this->compiler->width;
+               }
+
+               $css = '#l_' . $this->id . '{';
+               $css .= 'left:' . $this->left * $this->getCssScale() . 'px;top:' . $this->top * $this->getCssScale() . 'px;';
+               $css .= 'width:' . $this->_config['width'] . 'px;height:' . $this->_config['height'] . 'px;';
+               $css .= $this->getCSS();
+               $css .= '}';
+               return $css;
+       }
+
+       public function getCSS() {
+               $sx = ($this->width / ($this->_config['width'])) * $this->getCssScale();
+               $sy = ($this->height / ($this->_config['height'])) * $this->getCssScale();
+
+               $res = wsHTML5::writeCSSUA('transform', 'scale(' . $sx . ',' . $sy . ')');
+               $res .= wsHTML5::writeCSSUA('transform-origin', '0% 0%');
+
+               if (!$this->_config['html']) {
+                       return '';
+               }
+               return $res;
+       }
+
+       public function getConfigZIP($d) {
+               $res = array('width' => $this->video_width, 'height' => $this->video_height);
+               if (file_exists($d . '/index.html')) {
+                       $doc = new DOMDocument();
+                       $doc->loadHTMLFile($d . '/index.html');
+                       $xpath = new DOMXPath($doc);
+                       $c = $xpath->query("//canvas");
+                       foreach ($c as $canvas) {
+                               /* @var $canvas DOMElement */
+                               $res['width'] = intval((string)$canvas->getAttribute('width'));
+                               $res['height'] = intval((string)$canvas->getAttribute('height'));
+                       }
+
+                       $r = array('html' => 'index.html', 'inject' => array(), 'injectcss' => array(), 'injectjs' => array());
+               } else {
+                       $r = array('html' => false, 'inject' => array(file_get_contents($d . '/init.js')), 'injectcss' => array('multimedia.css'), 'injectjs' => array('multimedia.js'));
+               }
+               $res = array_merge($res, $r);
+               return $res;
+       }
+
+       public function getConfigHTML($d, $html) {
+               $res = array('width' => $this->video_width, 'height' => $this->video_height);
+               $r = array('html' => $html, 'inject' => array(), 'injectcss' => array(), 'injectjs' => array());
+
+               return array_merge($res, $r);
+       }
+
+       public function getConfigOAM($d) {
+               $x = simplexml_load_file($d . '/config.xml');
+               $config = (string)$x->oamfile['src'];
+               $config = str_replace('/Assets', '', $d . '/' . $config);
+               $x = simplexml_load_file($config, 'SimpleXMLElement', LIBXML_NOCDATA);
+               $c = CubeIT_Util_Xml::toObject($x);
+
+               $props = array('default-width' => 'width', 'default-height' => 'height', 'html-page' => 'html');
+
+
+               $res = array('inject' => array(), 'injectcss' => array(), 'injectjs' => array(), 'content' => trim($c->content), 'name' => $c->_name, 'assets' => array());
+               foreach ($c->properties->property as $p) {
+                       if (isset($props[$p->_name])) {
+                               $res[$props[$p->_name]] = $p->_defaultValue;
+                       }
+               }
+               foreach ($c->require as $r) {
+                       if ($r->_type == 'folder') {
+                               continue;
+                       }
+                       $res['assets'][] = $r->_src;
+               }
+               return $res;
+       }
+
+}
+
+class webVideoPopupLink extends videoPopupLink {
+
+       //      public function getURL() {
+       //              if ($this->video_service == 0) {
+       //                      $service = 'youtube';
+       //              } elseif ($this->video_service == 1) {
+       //                      $service = 'dailymotion';
+       //              } elseif ($this->video_service == 2) {
+       //                      $service = 'vimeo';
+       //              } elseif ($this->video_service == 3) {
+       //                      $service = 'brightcove';
+       //              }
+       //              return '#/webvideo/' . $service . '/' . $this->to;
+       //      }
+
+       public function getURL() {
+
+               switch ($this->video_service) {
+                       case 1: // Dailymotion
+                               return '#/webvideo/dailymotion/' . $this->to;
+                               break;
+                       case 2: // Vimeo
+                               return '#/webvideo/vimeo/' . $this->to;
+                               break;
+                       default:
+                               return '#/video/' . $this->to;
+               }
+       }
+
+       public function getAdditionnalContent() {
+               $this->video_auto_start = true; // Videos should always autoplay
+               return ' data-video="' . rawurlencode(webVideoLink::makeVideoTag($this, 1280, 720, $this->compiler)) . '" ';
+       }
+
+}
+
+class audioLink extends wsHTML5Link {
+
+       public function getHTMLContent() {
+               $this->copyExternalFile($this->to);
+
+               $w = round($this->width * $this->getCssScale());
+               $h = round($this->height * $this->getCssScale());
+
+               return self::makeAudioTag($this, $w, $h, $this->compiler);
+       }
+
+       public function getCSSContainer() {
+               $css = parent::getCSSContainer();
+               $css .= '#l_' . $this->id . ' audio{';
+               $css .= 'width:' . round($this->width * $this->getCssScale()) . 'px;';
+               $css .= 'height:' . round($this->height * $this->getCssScale()) . 'px;';
+               $css .= 'display:block;';
+               $css .= '}';
+               return $css;
+       }
+
+       public static function makeAudioTag($linkDatas, $w = null, $h = null, $compiler = null) {
+               $res = '<audio controls ';
+               if ($linkDatas->video_loop) {
+                       $res .= 'loop ';
+               }
+               if ($linkDatas->video_auto_start) {
+                       $res .= 'autoplay ';
+               }
+               $res .= ' src="' . wsHTML5Link::getUniversalLocation($linkDatas->to) . '"';
+               $res .= '></audio>';
+               return $res;
+       }
+
+}
+
+class wescoLink extends normalLink {
+
+       public function getURL() {
+               return 'https://workshop.fluidbook.com/services/wescoRef?ref=' . $this->to;
+       }
+
+       public function getTarget() {
+               return '_blank';
+       }
+
+}
+
+class pierronLink extends normalLink {
+
+       public function getURL() {
+               return 'https://workshop.fluidbook.com/services/pierronRef?ref=' . $this->to;
+       }
+
+       public function getTarget() {
+               return '_blank';
+       }
+
+}
+
+class wescoSalesLink extends normalLink {
+       public function getUrl() {
+               return '#';
+       }
+
+       public function getAdditionnalContent() {
+               return parent::getAdditionnalContent() . ' data-wescosales-ref="' . $this->to . '" ';
+       }
+
+       public function getTooltip() {
+               return 'Consulter les ventes de ce produit';
+       }
+}
+
+class atlanticDownloadLink extends normalLink {
+       public function getUrl() {
+               return '#';
+       }
+
+       public function getAdditionnalContent() {
+               return parent::getAdditionnalContent() . ' data-atlanticdownload-ref="' . $this->to . '" ';
+       }
+
+       public function getTooltip() {
+               return 'Télécharger les documents';
+       }
+}
+
+class inpesPopinLink extends htmlMultimediaLink {
+
+       public function getHTMLContent() {
+               $this->alternative = $this->to;
+               $c = parent::getHTMLContent();
+
+               $class = $this->getClasses();
+               if ($this->display_area) {
+                       $class[] = 'displayArea';
+               }
+               $c = '';
+               if (count($class)) {
+                       $c = ' class="' . implode(' ', $class) . '"';
+               }
+               $tooltip = '';
+               $t = $this->getTooltip();
+               if ($t !== false) {
+                       $tooltip = ' data-tooltip="' . $t . '"';
+               }
+               return '<a href="#" ' . $tooltip . $c . $this->getAdditionnalContent() . '></a>';
+       }
+
+       public function getCSSContainer() {
+               if (!($this instanceof contentLink) && $this->page % 2 == 1) {
+                       $this->page--;
+                       $this->left += $this->compiler->width;
+               }
+
+               $css = '#l_' . $this->id . '{';
+               $css .= 'left:' . $this->left * $this->getCssScale() . 'px;top:' . $this->top * $this->getCssScale() . 'px;';
+               $css .= 'width:' . $this->width * $this->getCssScale() . 'px;height:' . $this->height * $this->getCssScale() . 'px;';
+               if ($this->rot) {
+                       $css .= wsHTML5::writeCSSUA('transform', 'rotate(' . $this->rot . 'deg)');
+                       $css .= wsHTML5::writeCSSUA('transform-origin', '0% 0%');
+               }
+               $css .= $this->getCSS();
+               $css .= '}';
+               return $css;
+       }
+
+       public function getCSS() {
+               return "";
+       }
+
+       public function getClasses() {
+               $res = parent::getClasses();
+               $res[] = 'popin';
+               return $res;
+       }
+
+       public function getAdditionnalContent() {
+               $res = parent::getAdditionnalContent();
+               $res .= ' data-src="' . $this->_url . '" data-width="900" data-height="650"';
+               return $res;
+       }
+
+}
+
+class statsTagLink extends wsHTML5Link {
+       public function __construct($id, $init, &$compiler) {
+               parent::__construct($id, $init, $compiler);
+               $this->width = 1;
+               $this->height = 1;
+       }
+
+       public function getHTMLContent() {
+               return str_replace('%tag%', $this->to, $this->compiler->book->parametres->xiti_page);
+       }
+}
+
+class flfLink extends wescoLink {
+
+       public function getURL() {
+               return 'https://workshop.fluidbook.com/services/flfRef?ref=' . $this->to;
+       }
+
+       public function getTarget() {
+               return '_blank';
+       }
+
+       public function getTooltip() {
+               return 'Accéder à la fiche du stage sur notre site flf.fr';
+       }
+
+}
+
+class haguenauManifLink extends internalLink {
+
+       public function getPage() {
+               $fiches = array(
+                       "1" => 7, "2" => 8, "3" => 14, "4" => 16, "5" => 17, "6" => 18, "7" => 19, "8" => 20, "9" => 22, "10" => 23, "11" => 24, "12" => 27
+                       , "13" => 29, "14" => 32, "15" => 34, "16" => 37, "17" => 38, "18" => 41, "19" => 43,
+                       "20" => 45, "21" => 46, "22" => 52, "23" => 53, "24" => 54, "25" => 56, "26" => 59, "27" => 60
+               );
+               return $fiches[$this->to];
+       }
+
+}
+
+class zoomLink extends normalLink {
+
+       public function getHTMLContainerClass() {
+               return parent::getHTMLContainerClass() . ' zoomarea';
+       }
+
+       public function getDefaultTooltip() {
+               return 'zoom in';
+       }
+
+       public function __construct($id, $init, $compiler) {
+               parent::__construct($id, $init, $compiler);
+       }
+
+       public function getAdditionnalContent() {
+               $res = parent::getAdditionnalContent();
+
+               // Data attributes
+               $attributes = [
+                       'maxzoom' => $this->to,
+            'width' => round($this->width),
+            'height' => round($this->height)
+               ];
+
+               // Set data attributes
+               foreach ($attributes as $key => $val) {
+                       $res .= ' data-' . $key . '="' . $val . '"';
+               }
+
+               $this->generateImage();
+
+               return $res;
+       }
+
+       public function generateImage() {
+               $left = CubeIT_Files::tempnam();
+
+               $maxzoom = $this->to;
+               $extractOptions = [
+                   // The Poppler::extractArea function accepts a resolution setting and uses that to determine the
+            // scale factor on the extracted images. It does so by dividing by 72, so we can pass our own scale
+            // factor by setting the resolution to 72 * $maxzoom
+                   'resolution' => 72 * $maxzoom
+        ];
+
+               // Round all link co-ordinates because there seems to be a problem with the the Workshop link editor
+        // where link "left" values (and maybe others) change fractionally upon saves. This causes problems later when
+        // extracting the zoom images from the PDF because it causes a cache-miss and the images are regenerated again.
+               $x = round($this->left);
+               $y = round($this->top);
+               $w = round($this->width);
+               $h = round($this->height);
+        $bookwidth = round($this->compiler->book->parametres->width);
+
+        //error_log("--- Book Width: $bookwidth ---");
+
+               $p = wsDAOBook::getDocumentPage($this->compiler->book_id, $this->page);
+               $pdfpath = wsDocument::getDir($p['document_id']) . 'original.pdf';
+
+               $leftfile = CubeIT_CommandLine_Poppler::extractArea($pdfpath,
+                       $p['document_page'],
+                       array('x' => $x, 'y' => $y, 'width' => $w, 'height' => $h),
+                       $left, $extractOptions, WS_CACHE . '/zoomarea/' . $this->compiler->book_id . '/');
+
+               if (($x + $w) > $bookwidth) {
+                       $p = wsDAOBook::getDocumentPage($this->compiler->book_id, $this->page + 1);
+                       $pdfpath = wsDocument::getDir($p['document_id']) . 'original.pdf';
+                       $diff = ($w + $x) - $bookwidth;
+                       $right = CubeIT_Files::tempnam();
+                       $rightfile = CubeIT_CommandLine_Poppler::extractArea($pdfpath,
+                               $p['document_page'],
+                               array('x' => 0, 'y' => $y, 'width' => $diff, 'height' => $h),
+                               $right, $extractOptions, WS_CACHE . '/zoomarea/' . $this->compiler->book_id . '/');
+
+                       $both = CubeIT_Files::tempnam() . '.jpg';
+                       CubeIT_CommandLine_Imagemagick::append(array($leftfile, $rightfile), $both, 'horizontal');
+               } else {
+                       $both = $leftfile;
+               }
+
+               $this->compiler->simpleCopyLinkFile($both, 'data/links/zoom_' . $this->id . '.jpg');
+
+               // Perform tidy up and delete temporary files if they exist
+               $files_to_delete = ['left', 'leftfile', 'right', 'rightfile', 'both'];
+               foreach ($files_to_delete as $file) {
+                       if (isset($$file) && file_exists($$file)) {
+                               unlink($$file);
+                       }
+               }
+       }
+
+
+       public function getClasses() {
+               return array_merge(['zoomPopup'], parent::getClasses());
+       }
+}
\ No newline at end of file