From: stephen@cubedesigners.com Date: Fri, 26 Jan 2018 18:10:45 +0000 (+0000) Subject: Fluidbook custom landing page feature. WIP #1852 @6 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=2e39df976f00de6645d4e10cf9dd10cf27e763cc;p=cubeextranet.git Fluidbook custom landing page feature. WIP #1852 @6 --- diff --git a/inc/ws/Metier/class.ws.book.parametres.php b/inc/ws/Metier/class.ws.book.parametres.php index 54173bbb0..3246030d4 100644 --- a/inc/ws/Metier/class.ws.book.parametres.php +++ b/inc/ws/Metier/class.ws.book.parametres.php @@ -172,6 +172,10 @@ class wsBookParametres extends wsParametres { } + $this->fields['landingPage'] = array('type' => 'freefile', 'default' => '', 'editable' => true, 'label' => __('Landing Page content'), 'grade' => 3); + $this->forms['landing'] = array('label' => __('Custom Landing Page'), 'fieldsnames' => array('landingPage')); + + $this->fields['fullscreen'] = array('type' => 'boolean', 'default' => true, 'editable' => true, 'label' => __('Activer le mode plein-écran')); $this->fields['fullscreenAuto'] = array('type' => 'boolean', 'default' => false, 'editable' => true, 'label' => __('Lancer la publication en mode plein écran (lorsque possible)')); $this->forms['fs'] = array('label' => __('Plein écran'), diff --git a/inc/ws/Util/html5/landing-page/class.ws.html5.compiler.php b/inc/ws/Util/html5/landing-page/class.ws.html5.compiler.php new file mode 100644 index 000000000..a015a2650 --- /dev/null +++ b/inc/ws/Util/html5/landing-page/class.ws.html5.compiler.php @@ -0,0 +1,1705 @@ + array('ExternalFileUtil'), + 'android' => array('webintent')); + public $pluginCSS = array(); + public $pluginJs = array(); + public $htmlmultimedia = array(); + protected $cssX = array(); + protected $cssY = array(); + protected $cssWidths = array(); + protected $pdf2htmlRatio; + protected $scale; + protected $multiply; + protected $div = array(); + protected $numerotation; + protected $fontDocs = array(); + protected $dir; + protected $z = 3; + public $vdir; + public $wdir; + + /** + * + * @var wsBook + */ + public $book; + protected $pages; + protected $theme; + public $version; + public $book_id; + protected $themeRoot; + + /** + * + * @var wsDAOBook + */ + protected $daoBook; + protected $needToRecompileContents = true; + protected $needToRecompileSettings = true; + public $width; + public $height; + protected $cssWidth; + protected $cssHeight; + protected $cssOneWidth; + protected $cssOneHeight; + protected $cssScale; + protected $cssSVGScale; + protected $optimalWidth = 567; + protected $optimalHeight = 709; + protected $additionalConfig = array(); + protected $fontScale = 1; + protected $cache = array(); + protected $backgroundsPrefix = array(); + protected $svg = true; + protected $config = array(); + protected $assets = ''; + protected $phonegap = false; + protected $phonegapVersion; + protected $standalone = false; + protected $hiddenContents = array(); + protected $appcache; + protected $home; + protected $widget = true; + protected $multiApp = false; + protected $pageLabels = array(); + protected $stylesheets = array(); + protected $logfp = null; + protected $logtime = null; + protected $beginBody = array(); + protected $seoArticles = []; + protected $securityPolicyWhitelist = ['*.google-analytics.com', '*.youtube.com', '*.ytimg.com']; + + + function __construct($book_id, $version = 'stable', $phonegap = false, $phonegapVersion = 'latest', $dir = null, $standalone = false, $appcache = false, $home = false) { + global $core; + + $this->phonegapVersion = wsHTML5::getPhonegapVersion($phonegapVersion); + $this->appcache = $appcache; + $this->multiApp = $this->home = $home; + $this->version = $version; + + if ($version == 'stable') { + $this->assets = WS_COMPILE_ASSETS . '/player/branches/master'; + } else if ($version == 'dev') { + $this->assets = WS_COMPILE_ASSETS . '/player/local/master'; + } else { + list($branch, $location) = explode('|', $version); + $this->assets = WS_COMPILE_ASSETS . '/player/' . ($location == 'git' ? 'branches' : $location) . '/' . $branch; + } + + $this->phonegap = $phonegap; + $this->standalone = $standalone || $this->phonegap; + $this->appcache = $appcache; + $this->widget = !$this->phonegap; + + cubePHP::set_memory('4G'); + + if (trim($book_id) == '') { + return; + } + $this->book_id = $book_id; + $this->log('Start compilation'); + + if (is_null($dir)) { + $this->dir = WS_BOOKS . '/html5/' . $book_id . '/'; + } else { + $this->dir = $dir; + } + $this->vdir = new CubeIT_Files_VirtualDirectory($this->dir); + $this->wdir = WS_BOOKS . '/working/' . $this->book_id . '/'; + + $this->daoBook = new wsDAOBook($core->con); + $this->book = $this->daoBook->selectById($book_id); + $this->pages = $this->daoBook->getPagesOfBook($book_id); + + + $daoTheme = new wsDAOTheme($core->con); + $this->theme = $daoTheme->getThemeOfBook($book_id, true); + $this->themeRoot = WS_THEMES . '/' . $this->theme->theme_id . '/'; + + $daoDoc = new wsDAODocument($core->con); + $firstDoc = $daoDoc->selectById($this->pages[1]['document_id']); + $size = $firstDoc->generalInfos['size']; + + $this->log('Got data from database'); + + $this->width = round($size[0], 3); + $this->height = round($size[1], 3); + + $imagesize = getimagesize(wsDocument::getDir($this->pages[1]['document_id']) . 'html/h150-' . $this->pages[1]['document_page'] . '.jpg'); + $this->pdf2htmlRatio = round(($imagesize[0] * 0.48) / $this->width, 3); + + $this->cssScale = $this->z * min($this->optimalWidth / $this->width, $this->optimalHeight / $this->height); + $this->cssOneScale = $this->z * min(($this->optimalWidth * 2) / $this->width, $this->optimalHeight / $this->height); + + $this->cssWidth = $this->width * $this->cssScale; + $this->cssHeight = $this->height * $this->cssScale; + + $this->cssOneWidth = $this->width * $this->cssOneScale; + $this->cssOneHeight = $this->height * $this->cssOneScale; + + $this->cssSVGScale = 1; + + $this->scale = 1; + if ($this->book->parametres->zoomMode == 1) { + $this->multiply = $this->pdf2htmlRatio * $this->scale * $this->cssOneScale; + } else { + $this->multiply = $this->pdf2htmlRatio * $this->scale * $this->cssScale; + } + $this->numerotation = explode(',', $this->book->numerotation); + + $this->initConfig(); + $this->log('Defined dimensions'); + } + + public function initConfig() { + $this->config = cubeObject::merge($this->book->parametres->toStandardObject(), $this->theme->parametres->toStandardObject()); + $this->config->rasterizePages = cubeArray::parseRange($this->config->rasterizePages); + $this->config->vectorPages = array_diff(cubeArray::parseRange($this->config->vectorPages), $this->config->rasterizePages); + } + + public function log($step) { + $currenttime = microtime(true); + if (null === $this->logfp) { + $this->logfp = fopen('/var/log/extranet/htmlconversions/' . $this->book_id . '.log', 'w+'); + } + if (null === $this->logtime) { + $this->logtime = $currenttime; + } + $time = $currenttime - $this->logtime; + $log = $step . ' | ' . round($time, 3) . 's' . "\n"; + $log = $step . ' | ' . round($time, 3) . 's' . "\n"; + fwrite($this->logfp, $log); + fflush($this->logfp); + $this->logtime = $currenttime; + } + + public function addFacebookSDK() { + $lang = str_replace('-', '_', $this->book->lang); + $e = explode('_', $lang); + if (count($e) > 1) { + $e[1] = mb_strtoupper($lang); + } + $lang = implode('_', $e); + + $langsMap = ['fr' => 'fr_FR', 'en' => 'en_US']; + + if (isset($langsMap[$lang])) { + $lang = $langsMap[$lang]; + } + + $this->beginBody[] = "
+"; + $this->securityPolicyWhitelist[] = '*.facebook.net'; + $this->securityPolicyWhitelist[] = 'data:'; + } + + public function addPageLabel($page, $label) { + $this->pageLabels[$label] = $page; + } + + public function getResolutions() { + $res = []; + foreach (self::$resolutions as $r) { + if ($r > $this->maxRes) { + continue; + } + $res[] = $r; + } + if ($this->widget) { + $res = array_merge(array(36), $res); + } + return $res; + } + + public function getCssScale() { + return $this->cssScale; + } + + public function virtualToPhysical($virtual) { + if (isset($this->pageLabels[$virtual])) { + return $virtual; + } + if (!in_array($virtual, $this->numerotation)) { + return 1; + } + $p = array_search($virtual, $this->numerotation); + return $p + 1; + } + + public function compile($delete = true) { + + $this->log('Start compile process'); + + // Raw copy of some directories + $directories = array('style/fonts', 'images', 'sound', 'video'); + foreach ($directories as $directory) { + $from = $this->assets . '/' . $directory; + $this->vdir->copyDirectory($from, $directory); + } + + $this->log('Copied assets'); + $this->loadPlugins(); + $this->log('Plugins loaded'); + $this->writeImages(); + $this->log('Images written'); + $linksCSS = $this->writeLinks(); + $this->log('Links written'); + $this->writeCSS('data/style/style_%d.css', $linksCSS); + $this->log('CSS written'); + $this->writeLangs(); + $this->log('Langs written'); + $this->writeIndex(); + $this->log('Index written'); + $this->writeSounds(); + $this->log('Sound written'); + $this->writeTexts(); + $this->log('Texts written'); + $this->writeExtras(); + $this->log('Extras written'); + $this->writeJs(); + $this->log('Js written'); + $this->writeSEO(); + $this->vdir->sync($delete); + $this->log('Files Synced'); + } + + protected function loadPlugins() { + $e = explode("\n", $this->book->parametres->mobilePlugins); + + $main = array_pop($this->jsFiles); + + $plugins = array(); + + foreach ($e as $plugin) { + $plugin = trim($plugin); + if ($plugin == '') { + continue; + } + + $d = 'plugins/' . str_replace('.', '/', $plugin); + $dir = $this->assets . '/' . $d; + if (!file_exists($dir)) { + continue; + } + + $plugins[] = $plugin; + + if (file_exists($dir . '/plugin.js')) { + $f = $d . '/plugin.js'; + $this->pluginJs[] = $f; + $this->vdir->copy($dir . '/plugin.js', $f); + } + if (file_exists($dir . '/plugin.css')) { + $f = $d . '/plugin.css'; + $this->pluginCSS[] = $f; + $this->vdir->copy($dir . '/plugin.css', $f); + } + } + + $this->config->plugins = $plugins; + + array_push($this->jsFiles, $main); + } + + public function getVideosFormats($poster = true) { + $res = []; + // + // if (!$this->phonegap) { + // $res = array('ogv', 'webm', 'mp4', 'flv'); + // } elseif ($this->phonegap == 'ios') { + // $res = array('mp4'); + // } else if ($this->phonegap == 'android') { + // $res = array('webm', 'mp4'); + // } + + $res[] = 'mp4'; + + if ($poster) { + $res[] = 'jpg'; + } + return $res; + } + + /** + * Helper function to add a unique script entry to the JS stack. + * Normally this is a relative path but it can be an external URL. + * External URLs are added to the pluginJs collection instead of jsFiles. + * Duplicate paths are ignored. + * @param $path + */ + public function addJs($path, $collection = null) { + + if (null === $collection) { + // If JS is external, it will be included via the pluginJs collection + // Otherwise, it will be compiled into the main JS file + $collection = (preg_match('#^https?://#i', $path) === 1) ? 'pluginJs' : 'jsFiles'; + } + + if (!in_array($path, $this->$collection)) { + $this->{$collection}[] = $path; + } + } + + /** + * Helper function to add a unique stylesheet entry to the LESS stack for compilation + * Duplicate paths are ignored. + * @param $path The path of the file relative to the /style folder, without any extension + * @param $extra_files Optional array of extra files that should be copied across for use during LESS compilation + */ + public function addLess($path) { + if (!in_array($path, $this->lessFiles)) { + $this->lessFiles[] = $path; + } + } + + protected function writeSounds() { + if ($this->book->parametres->soundTheme == '') { + return; + } + $this->vdir->copyDirectory(WS_SOUNDS . '/' . $this->book->parametres->soundTheme, 'data/sounds'); + } + + protected function writeIndex() { + global $core; + + $html = file_get_contents($this->assets . '/_index.html'); + $uhtml = $html; + + $titre = $this->book->parametres->title; + + + $daoSignature = new wsDAOSignature($core->con); + $signature = $daoSignature->selectById($this->book->parametres->signature); + + $exportSignature = array('main' => $signature->main, + 'mainLink' => $signature->mainLink, + 'partner' => $signature->partner, + 'partnerLink' => $signature->partnerLink); + + $credits = ''; + if ($signature->partner != '') { + $credits = '' . $signature->partner . ' '; + } + $credits .= '' . $signature->main . ''; + + $hiddenContents = implode("\n", $this->hiddenContents); + + $bgcolor = $this->theme->parametres->loadingBackColor; + + // Google analytics + $ga = ''; + if ($this->book->parametres->googleAnalytics != '') { + $ga = cubePage::googleAnalytics($this->book->parametres->googleAnalytics); + } + if ($this->book->parametres->googleAnalyticsCustom != '') { + $ga .= $this->book->parametres->googleAnalyticsCustom; + } + + $statsfooter = ''; + if ($this->book->parametres->statsCustom != '') { + $statsfooter = $this->book->parametres->statsCustom; + } + // Feuilles de style + $sheets = array_merge($this->stylesheets, $this->specialCSS); + + $style = array(); + foreach ($sheets as $sheet) { + $style[] = ''; + } + $style = implode("\n\t\t", $style); + + $pagesContents = ''; + + $cache = ''; + + $beginbody = implode("\n", array_unique($this->beginBody)); + + $iscript = ''; + if (count($this->htmlmultimedia)) { + $iscript .= '' . "\n"; + } + + $script = ''; + $script .= '' . "\n"; + $script .= '' . "\n"; + if ($this->book->parametres->scorm_enable) { + $script .= '' . "\n"; + $this->writeScorm(); + } + if (count($this->specialJsFiles)) { + $script .= '' . "\n"; + } + foreach ($this->pluginJs as $p) { + $script .= '' . "\n"; + } + $script .= $iscript; + $description = ''; + + + $favicon = ''; + if ($this->theme->parametres->favicon != '') { + $this->vdir->copy($this->themeRoot . '/' . $this->theme->parametres->favicon, 'data/favicon.png'); + $favicon = ''; + } + + $print = $this->writePrint(); + $message = sprintf($this->__('Your browser is not up to date and is not able to run this publication. %sLearn more%s'), '
', ''); + + $splash = ''; + if ($this->theme->parametres->logoLoader && file_exists($this->themeRoot . $this->theme->parametres->logoLoader)) { + $dim = getimagesize($this->themeRoot . $this->theme->parametres->logoLoader); + if ($dim !== false) { + $this->vdir->copy($this->themeRoot . '/' . $this->theme->parametres->logoLoader, 'data/images/' . $this->theme->parametres->logoLoader); + $splash .= ''; + } + } + + $svgfiles = array($this->assets . '/images/interface.svg', WS_ICONS . '/' . $this->theme->parametres->iconSet . '/interface.svg'); + $svg = ''; + foreach ($svgfiles as $svgfile) { + if (file_exists($svgfile)) { + $svg .= file_get_contents($svgfile); + } else { + die($svgfile . ' does not exist'); + } + } + + if ($this->phonegap) { + $csp = "securityPolicyWhitelist)) . "; img-src * data:\">"; + } + $vars = array('titre', 'credits', 'statsfooter', 'ga', 'style', 'script', 'pagesContents', 'description', 'print', 'hiddenContents', 'splash', 'cache', 'bgcolor', 'message', 'favicon', 'svg', 'beginbody', 'csp'); + foreach ($vars as $v) { + $html = str_replace('', $$v, $html); + } + + $scripts = array(); + foreach ($this->debugJsFiles as $js) { + $scripts[] = ''; + } + foreach ($this->jsFiles as $js) { + $scripts[] = ''; + } + foreach ($this->pluginJs as $js) { + $scripts[] = ''; + } + + $scripts[] = ''; + $scripts[] = $iscript; + $script = implode("\n\t\t", $scripts); + + $scripts = array(); + foreach ($this->testJsFiles as $js) { + $scripts[] = ''; + } + $scripts[] = ''; + $script_test = implode("\n\t\t", $scripts); + + $thtml = $uhtml; + + $vars = array('titre', 'credits', 'statsfooter', 'ga', 'style', 'script', 'pagesContents', 'print', 'hiddenContents', 'splash', 'cache', 'bgcolor', 'message', 'favicon'); + foreach ($vars as $v) { + $uhtml = str_replace('', $$v, $uhtml); + } + + $script .= "\n\t\t" . ''; + $vars = array('titre', 'credits', 'statsfooter', 'ga', 'style', 'script', 'print', 'hiddenContents', 'splash', 'message'); + foreach ($vars as $v) { + $thtml = str_replace('', $$v, $thtml); + } + + $this->vdir->file_put_contents('index.html', $html); + $this->vdir->file_put_contents('indexu.html', $uhtml); + $this->vdir->file_put_contents('indext.html', $thtml); + + // Write widget html + if ($this->widget) { + $whtml = file_get_contents($this->assets . '/widget.html'); + $script = ''; + $script .= ''; + + $style = ''; + $vars = array('titre', 'style', 'script'); + foreach ($vars as $v) { + $whtml = str_replace('', $$v, $whtml); + } + $this->vdir->file_put_contents('widget.html', $whtml); + } + } + + function writeSEO() { + foreach ($this->seoArticles as $seoArticle) { + $html = file_get_contents($this->assets . '/_seo.html'); + $a = $seoArticle; + unset($a['image']); + $a['imageurl'] = 'https://workshop.fluidbook.com/services/facebook_thumbnail?id=15793&j=' . time(); + if ($seoArticle['image']) { + $a['imageurl'] .= '&image=' . $seoArticle['image']; + } + $dim = getimagesize($a['imageurl']); + $a['imagewidth'] = $dim[0]; + $a['imageheight'] = $dim[1]; + foreach ($a as $k => $v) { + $html = str_replace('$' . $k, $v, $html); + } + $this->vdir->file_put_contents('p/' . $seoArticle['url'], $html); + } + } + + protected function writeScorm() { + $manifest = file_get_contents($this->assets . '/_imsmanifest.xml'); + if (!$this->book->parametres->scorm_title) { + $this->book->parametres->scorm_title = $this->book->parametres->title; + } + if (!$this->book->parametres->scorm_id) { + $this->book->parametres->scorm_id = 'fb_' . $this->book->parametres->id; + } + if (!$this->book->parametres->scorm_org) { + $this->book->parametres->scorm_org = 'Fluidbook'; + } + $vars = array('scorm_id', 'scorm_org', 'scorm_title'); + foreach ($vars as $v) { + $manifest = str_replace('$' . $v, $this->book->parametres->$v, $manifest); + } + $this->vdir->file_put_contents('imsmanifest.xml', $manifest); + + $variables = []; + $e = CubeIT_Text::explodeNewLines($this->book->parametres->scorm_variables); + foreach ($e as $item) { + $item = trim($item); + if ($item == '') { + continue; + } + $f = explode('=', $item, 2); + $variables[$f[0]] = $f[1]; + } + $this->config->scorm_variables = $this->book->parametres->scorm_variables = $variables; + } + + protected function writePrint() { + + if (!$this->book->parametres->print && !$this->book->parametres->pdf) { + return; + } + + $this->vdir->copy(WS_BOOKS . '/final/' . $this->book->book_id . '/data/' . $this->book->parametres->pdfName, 'data/' . $this->book->parametres->pdfName); + return ''; + } + + protected function addFilesInfos($key, $file) { + if (!file_exists($file)) { + return; + } + if (!isset($this->config->filesInfos)) { + $this->config->filesInfos = array(); + } + $infos = array('filesize' => filesize($file)); + $dim = getimagesize($file); + if ($dim !== false) { + $infos['width'] = $dim[0]; + $infos['height'] = $dim[1]; + } + $this->config->filesInfos[$key] = $infos; + } + + protected function __($str) { + if (!isset($this->config->l10n)) { + $this->writeLangs(); + } + + if (isset($this->config->l10n['default']->$str)) { + return $this->config->l10n['default']->$str; + } else { + return $str; + } + } + + protected function writeLangs() { + global $core; + $daoLang = new wsDAOLang($core->con); + $lang = $daoLang->selectById($this->book->lang); + $langs = $daoLang->selectAll(); + + $traductions = (!count($this->book->traductions)) ? $lang->traductions : $this->book->traductions; + + $this->config->l10n = array(); + $this->config->l10n['default'] = $traductions; + $this->config->defaultLang = $this->book->lang; + + foreach ($langs as $lang) { + $this->config->l10n[$lang->lang_id] = $lang->traductions; + } + $iso = l10n::getISOcodes(); + if ($this->book->parametres->multilang != '') { + $flagsDir = 'images/flags'; + if (!file_exists($flagsDir)) { + mkdir($flagsDir); + } + $ml = str_replace("\r", "\n", $this->book->parametres->multilang); + $ml = str_replace("\n\n", "\n", $ml); + $e = explode("\n", $ml); + $m = array(); + foreach ($e as $l1) { + $l = explode(',', $l1); + $flag = $l[1]; + + $ll = explode('-', $l[0]); + + $this->vdir->copy(cubeMedia::getFlagFile($flag), $flagsDir . '/' . $flag . '.png'); + $l[3] = cubeText::ucfirst($iso[$l[0]]); + $l[4] = cubeCountry::getCountryName($flag, $ll[0]); + $m[] = implode(',', $l); + } + + $this->config->multilang = implode("\n", $m); + } + } + + protected function writeExtras() { + if ($this->theme->parametres->afterSearch != '') { + $this->vdir->copy($this->themeRoot . '/' . $this->theme->parametres->afterSearch, 'data/images/' . $this->theme->parametres->afterSearch); + } + if ($this->book->parametres->externalArchives != '') { + $this->addFilesInfos('archives', $this->wdir . '/' . $this->book->parametres->externalArchives); + $this->vdir->copy($this->wdir . '/' . $this->book->parametres->externalArchives, 'data/images/' . $this->book->parametres->externalArchives); + } + + if ($this->book->parametres->navExtraImage != '') { + $this->vdir->copy($this->wdir . '/' . $this->book->parametres->navExtraImage, 'data/images/' . $this->book->parametres->navExtraImage); + } + + if ($this->book->parametres->navExtraImageMobile != '') { + $this->vdir->copy($this->wdir . '/' . $this->book->parametres->navExtraImageMobile, 'data/images/' . $this->book->parametres->navExtraImageMobile); + } + + for ($i = 1; $i <= 5; $i++) { + $ic = $this->book->parametres->{'navExtraIcon' . $i}; + if ($ic != '') { + $this->vdir->copy($this->wdir . '/' . $ic, 'data/images/' . $ic); + } + } + + } + + protected function writeLinks() { + global $core; + + if ($this->book->parametres->customLinkClass == 'WescoSalesLink') { + $this->specialJsFiles[] = 'js/libs/interact.min.js'; + $this->specialJsFiles[] = 'js/libs/fluidbook/special/wescosales.js'; + $this->specialCSS[] = 'wescosales'; + } + + if ($this->book->parametres->customLinkClass == 'AtlanticDownloadLink') { + $this->specialJsFiles[] = 'js/libs/fluidbook/special/atlanticdownload.js'; + $this->specialCSS[] = 'atlanticdownload'; + } + + $this->config->links = array(); + $this->config->clinks = array(); + $this->config->bookmarkGroups = array(); + + $ignore = $this->book->parametres->ignoreLinksTypes; + if (!$ignore) { + $ignore = array(); + } else { + $ignore = split(',', $ignore); + } + + $daoDoc = new wsDAODocument($core->con); + $daoDoc->getLinksAndRulers($this->book_id, $links, $rulers); + + // Custom landing page content + if ($this->book->parametres->landingPage != '') { + + $d = $this->unzipFile($this->book->parametres->landingPage, false, 'data/landing-page/'); + error_log('#### LANDING PAGE FILE = '. $this->book->parametres->landingPage . ' #####'); + error_log('#### COPYING '. $d['dir'] .' to '. $d['fdir'] . ' #####'); + $this->vdir->copyDirectory($d['dir'], $d['fdir']); + +// $links[] = [ +// 'page' => 'background', +// 'top' => 0, +// 'left' => 0, +// 'width' => 1, +// 'height' => 1, +// 'type' => 6, +// 'to' => $this->book->parametres->landingPage, +// 'alternative' => $this->book->parametres->landingPage, +// 'image' => '', +// 'inline' => 1, +// 'interactive' => 1, +// 'class' => 'landingPageLink', +// ]; + } + + if ($this->book->parametres->tabsHTML5 != '') { + $links[] = [ + 'page' => 'background', + 'top' => 0, + 'left' => 0, + 'width' => 100, + 'height' => 100, + 'type' => 6, + 'to' => $this->book->parametres->tabsHTML5, + 'alternative' => $this->book->parametres->tabsHTML5, + 'image' => '', + 'inline' => 1, + 'interactive' => 1, + 'class' => 'tabslink', + ]; + } + + + foreach ($links as $linkData) { + if (isset($linkData['image']) && $linkData['image'] && $linkData['type'] != 28) { + $dupData = $linkData; + $dupData['image'] = ''; + $dupData['to'] = $linkData['image']; + $dupData['type'] = 15; + array_push($links, $dupData); + } + } + + $i = 0; + $pages = array(); + $cpages = array(); + $css = array(); + + usort($links, array($this, '_sortLinks')); + + foreach ($links as $linkData) { + if (in_array($linkData['type'], $ignore)) { + continue; + } + if ($linkData['type'] == 28) { + $this->addSEOArticle($linkData['page'], $linkData['to'], $linkData['extra'], $linkData['image']); + continue; + } + $link = wsHTML5Link::getInstance($this->base62($i), $linkData, $this); + if (is_null($link)) { + continue; + } + + // Make old "aftersearch" link compatible with new "extra" menu option by extracting link URL + if ($link->page == 'aftersearch') { + $this->config->afterSearchLink = $link->to; + $this->config->afterSearchTooltip = $link->infobulle; + } + + + $c = $link->getHTMLContainer(); + $css[] = $link->getCSSContainer(); + if (!isset($pages[$link->page])) { + $pages[$link->page] = ''; + $cpages[$link->page] = ''; + } + if ($link instanceof contentLink) { + $cpages[$link->page] .= $c; + } else { + $pages[$link->page] .= $c; + } + + if ($link->keep()) { + $this->hiddenContents[] = $c; + } + $i++; + } + + $allpages = range(0, $this->book->parametres->pages + 1); + if ($this->book->parametres->themeEnableAfterSearch) { + $allpages[] = 'aftersearch'; + } + $allpages[] = 'background'; + $allpages[] = 'archives'; + + foreach ($allpages as $i) { + + $c = ''; + $cc = ''; + if (isset($pages[$i])) { + $c = $pages[$i]; + } + if (isset($cpages[$i])) { + $cc = $cpages[$i]; + } + $this->config->links[$i] = $c; + $this->config->clinks[$i] = $cc; + } + return $css; + } + + public function addSEOArticle($page, $title, $intro, $image) { + $this->seoArticles[$title] = ['title' => $title, 'description' => $intro, 'image' => $image, 'content' => '', 'page' => $page, 'url' => CubeIT_Text::str2URL($title) . '.html']; + } + + public function _sortLinks($a, $b) { + $priorities = array(26 => 1); + + $pa = isset($priorities[$a['type']]) ? $priorities[$a['type']] : 0; + $pb = isset($priorities[$b['type']]) ? $priorities[$b['type']] : 0; + return $pb - $pa; + } + + public function addBookmarkGroup($link) { + if ($link['left'] > $this->book->parametres->width) { + //$link['page']++; + } + if ($link['page'] <= 0 || $link['page'] > $this->book->parametres->pages) { + return; + } + + $this->config->bookmarkGroups[] = array('page' => ($link['page']), 'nb' => $link['to'], 'name' => $link['extra']); + } + + public function addAudiodescription($link) { + $this->config->audiodescription[$link['page']] = $link['to']; + $this->copyLinkFile($link['to'], 'data/audiodescription/'); + } + + protected function writeJs() { + $config = $this->writeConfig(); + $this->vdir->file_put_contents('data/datas.js', $config); + $finals = array('fluidbook' => $this->jsFiles); + if ($this->book->parametres->scorm_enable) { + $finals['scorm'] = array(); + $finals['scorm'][] = 'js/libs/scorm/apiwrapper.js'; + $finals['scorm'][] = 'js/libs/scorm/scorm.js'; + } + if (count($this->specialJsFiles)) { + $finals['special'] = $this->specialJsFiles; + } + if ($this->widget) { + $finals['widget'] = $this->widgetJsFiles; + } + + foreach ($finals as $jsfinal => $files) { + $mintime = 0; + $hash = hash('sha256', json_encode($files)); + $minimized = $this->assets . '/js/min/' . $jsfinal . '-' . $hash . '-min.js'; + if (!file_exists(dirname($minimized))) { + mkdir(dirname($minimized)); + } + if (file_exists($minimized)) { + $mintime = filemtime($minimized); + $reminimize = false; + } else { + $mintime = 0; + $reminimize = true; + } + + if (!$reminimize) { + foreach ($files as $file) { + if (filemtime($this->assets . '/' . $file) > $mintime) { + $reminimize = true; + break; + } + } + } + + if (!$reminimize) { + if (filemtime(__FILE__) > $mintime || (file_exists(__DIR__ . '/class.ws.html5.links.php') && filemtime(__DIR__ . '/class.ws.html5.links.php') > $mintime)) { + $reminimize = true; + } + } + + if ($reminimize) { + $js = ''; + foreach ($files as $file) { + $js .= file_get_contents($this->assets . '/' . $file); + $js .= ";\n\n"; + } + $tmp = cubeFiles::tempnam(); + file_put_contents($tmp, $js); + + unlink($minimized); + + $uglify = new CubeIT_CommandLine('/usr/local/bin/uglifyjs'); + $uglify->setArg('o', $minimized); + $uglify->setArg(null, $tmp); + $uglify->execute(); + $uglify->debug(); + + if (!file_exists($minimized)) { + die('An error occured while uglifying : ' . $uglify->output); + } + } + $dest = 'data/' . $jsfinal . '.js'; + $this->vdir->copy($minimized, $dest); + } + + + if ($this->phonegap) { + $this->vdir->copy(WS_COMPILE_ASSETS . '/_html5/js/libs/phonegap/' . $this->phonegapVersion . '/cordova-' . $this->phonegap . '.js', 'data/cordova.js'); + } + + } + + public function writeTexts() { + $this->daoBook->makeTextsIndexes($this->book, $this->pages, $index, $textes, true); + $this->vdir->file_put_contents('data/search.index.js', 'var INDEX=' . $index . ';' . "\r"); + if ($this->book->parametres->highlightResults) { + $this->vdir->file_put_contents('data/search.highlight.js', 'var HIGHLIGHTS=' . json_encode($this->daoBook->makeHighlightIndex($this->book, $this->pages)) . ";\r"); + } + } + + public function supportSVG() { + if (!$this->phonegap) { + return false; + } else if ($this->phonegap == 'ios') { + return true; + } else { + return false; + } + } + + protected function writeConfig() { + $this->config->numerotation = explode(',', $this->book->numerotation); + $this->config->id = $this->book->book_id; + $this->config->cid = $this->book->cid; + $this->config->cacheDate = TIME; + $this->config->width = $this->cssWidth; + $this->config->height = $this->cssHeight; + $this->config->optimalWidth = $this->optimalWidth; + $this->config->optimalHeight = $this->optimalHeight; + $this->config->chapters = $this->book->chapters; + $this->config->videoFormats = $this->getVideosFormats(false); + $this->config->htmlmultimedia = $this->htmlmultimedia; + $this->config->phonegap = $this->phonegap; + $this->config->retinaResolution = min($this->book->parametres->maxResolution, $this->maxRes); + $this->config->pageLabels = $this->pageLabels; + $this->config->pageZoomFactor = $this->z; + $this->config->multiply = $this->multiply; + $this->config->cssScale = $this->cssScale; + $this->config->pdfZoomFactor = $this->pdf2htmlRatio; + if ($this->home) { + $this->config->home = 'http://home'; + } + $this->config->multiApp = $this->multiApp; + foreach ($this->additionalConfig as $k => $v) { + $this->config->$k = $v; + } + if ($this->phonegap && ($this->book->parametres->offlineLink == '' || $this->book->parametres->offlineLink == 'http://')) { + $this->config->share = false; + } + + // We need to be able to reference both navOrder and navOrderH so convert both to arrays + // We also make sure there are no empty items in the arrays (see: http://php.net/manual/en/function.array-filter.php#111091) + $this->config->navOrder = array_filter(array_map('trim', explode(',', $this->config->navOrder)), 'strlen'); + $this->config->navOrderH = array_filter(array_map('trim', explode(',', $this->config->navOrderH)), 'strlen'); + + $this->config->standalone = $this->standalone; + if ($this->config->phonegap) { + $this->config->manifest = $this->writeManifest(); + } + + if ($this->config->basket) { + if (file_exists($this->config->basketReferences) || CubeIT_Util_Url::isDistant($this->config->basketReferences)) { + $referencesFile = $this->config->basketReferences; + } else { + $referencesFile = $this->wdir . '/commerce/' . $this->config->basketReferences; + } + + if (file_exists($referencesFile) || CubeIT_Util_Url::isDistant($referencesFile)) { + $ext = CubeIT_Files::getExtension($referencesFile); + if ($ext == 'xlsx') { + $this->config->basketReferences = wsUtil::excelToArray($referencesFile); + if ($this->book->parametres->customLinkClass == 'AtlanticDownloadLink') { + $this->config->basketReferences = wsUtil::atlanticReferences($this->config->basketReferences, 'local/', array($this, 'log'), array($this->vdir, "copy")); + } + } + $this->log("Done cart references"); + } + } + $this->config->seoArticles = $this->seoArticles; + + return 'var DATAS=' . json_encode($this->config) . ';' . "\n"; + } + + protected function writeManifest() { + $res = array(); + } + + protected function writeIcons() { + $res = array(); + // Get the colors used to colorize graphics + if ($this->theme->parametres->colorizeIcons) { + $couleurI = $this->theme->parametres->couleurI; + } else { + $couleurI = 'FFFFFF'; + } + + $couleurM = $this->theme->parametres->subTextColor; + + $bookmarksDisabledColors = array('star' => $this->theme->parametres->bookmarkStarDisabledColor, 'bookmark' => $this->theme->parametres->bookmarkBackgroundColor); + $bookmarksEnabledColors = array('star' => $this->theme->parametres->bookmarkStarEnabledColor, 'bookmark' => $this->theme->parametres->bookmarkBackgroundColor); + $subTextColor = $this->theme->parametres->subTextColor; + + $arrowsColor = $this->theme->parametres->arrowsColor; + // Set the icon list with the color + $icons = array('interface-down' => $arrowsColor, 'interface-close' => $arrowsColor, + 'interface-audio-description-on' => $arrowsColor, 'interface-audio-description-off' => $arrowsColor, + 'help-fingers' => $couleurI, 'help-mouse' => $couleurI, + 'bookmark-left-off' => $bookmarksDisabledColors, 'bookmark-left-on' => $bookmarksEnabledColors, + 'bookmark-right-off' => $bookmarksDisabledColors, 'bookmark-right-on' => $bookmarksEnabledColors + ); + + $this->config->iconsDimensions = array(); + $makepng = !$this->supportSVG(); + $tmpdir = CubeIT_Files::tmpdir(); + foreach ($icons as $icon => $color) { + wsTools::colorizeAndRasterizeIcon($this->theme->parametres->iconSet, $icon, $color, $tmpdir, 4, $w, $h); + $this->config->iconsDimensions[$icon] = array($w, $h); + } + $this->vdir->copyDirectory($tmpdir, 'data/images'); + $this->vdir->addTemp($tmpdir); + return $res; + } + + protected function writeImages() { + global $core; + + switch ($this->book->parametres->mobileVersion) { + case 'html5-desktop': + $this->backgroundsPrefix = array('t', 'p'); + $this->svg = true; + break; + case 'html5-images': + $this->backgroundsPrefix = array('t'); + $this->svg = false; + break; + default: + $this->backgroundsPrefix = array('p'); + $this->svg = true; + break; + } + + $thumbs = array(); + foreach ($this->pages as $page => $infos) { + $docdir = wsDocument::getDir($infos['document_id']); + if ($this->svg) { + $full = $docdir . 'html/fp' . $infos['document_page'] . '.svg'; + $fullopt = $docdir . 'html/fo' . $infos['document_page'] . '%s.svg'; + $orig = $docdir . 'html/tp' . $infos['document_page'] . '.svg'; + $opt = $docdir . 'html/to' . $infos['document_page'] . '.svg'; + + if (!file_exists($full) || filemtime($full) < 1503671520) { + if (!isset($doc) || $doc->document_id != $infos['document_id']) { + $dao = new wsDAODocument($core->con); + $doc = $dao->selectById($infos['document_id']); + } + $doc->makeSVGFile($infos['document_page']); + } + wsDocument::extractTexts($full, $orig); + wsTools::optimizeSVG($orig, $opt); + wsTools::optimizeSVG($full, $fullopt, [150, 300]); + + + if (in_array($page, $this->config->vectorPages)) { + $this->vdir->copy($fullopt, 'data/contents/p' . $page . '.svg'); + } else { + $this->vdir->copy($opt, 'data/contents/p' . $page . '.svg'); + } + } + + + foreach ($this->getResolutions() as $r) { + foreach ($this->backgroundsPrefix as $backgroundsPrefix) { + $srcPrefix = $backgroundsPrefix; + if ($backgroundsPrefix == 'p') { + $srcPrefix = 'h'; + } + $ok = $this->vdir->copy($docdir . 'html/' . $srcPrefix . $r . '-' . $infos['document_page'] . '.jpg', 'data/background/' . $r . '/' . $backgroundsPrefix . $page . '.jpg'); + if (!$ok && $r = 300) { + $this->maxRes = 150; + } + } + } + + $thumb = false; + if ($this->book->parametres->pdfThumbnails) { + $thumb = wsPDFConvert::getThumbFromPDF(WS_BOOKS . '/working/' . $this->book->book_id . '/' . $this->book->parametres->pdfThumbnails, $page); + } + if (!$thumb) { + $thumb = $docdir . 'p' . $infos['document_page'] . '.jpg'; + } + + $thumbs[$page] = $thumb; + $this->vdir->copy($thumb, 'data/thumbnails/p' . $page . '.jpg'); + + if ($page == 1) { + $this->_makeCover($docdir . 'html/t36-' . $infos['document_page'] . '.jpg'); + } + + $this->log('Copied image ' . $page); + } + + + $this->makeThumbSprites($thumbs); + $this->log('Made thumbnails'); + } + + public function makeThumbSprites(array $thumbs) { + $cols = 10; + $rows = 10; + $perSprite = $cols * $rows; + $k = 0; + $res = ''; + $pages = count($thumbs); + + $hash = ''; + for ($i = 1; $i <= $pages; $i += $perSprite) { + $num = min(1 + $pages - $i, $perSprite); + $srows = ceil($num / $cols); + $files = array(); + $mtime = 0; + for ($j = 0; $j < $perSprite; $j++) { + $p = $i + $j; + if ($p > $pages) { + break; + } + $files[] = $thumbs[$p]; + $hash .= $thumbs[$p] . '--' . filemtime($thumbs[$p]); + } + + $cache = WS_CACHE . '/thumbsprites/' . hash('sha256', $hash) . '.jpg'; + $dest = 'data/thumbnails/s' . $k . '.jpg'; + if (!file_exists($cache)) { + $ratio = $this->width / $this->height; + $thumbh = round(100 / $ratio); + $cmd = 'montage ' . implode(' ', $files) . ' -geometry 100x' . $thumbh . '!+0+0 -background transparent -tile ' . $cols . 'x' . $srows . ' ' . $cache; + $res .= `$cmd`; + } + $this->vdir->copy($cache, $dest); + $k++; + } + return $res; + } + + protected function _makeCover($orig) { + $size = getimagesize($orig); + $w = $size[0]; + $h = $size[1]; + + $tmp = cubeFiles::tempnam() . '.png'; + + $c = new cubeCommandLine('convert'); + $c->setArg(null, ROOT . '/images/ws/shade-cover-app.png'); + $c->setManualArg('-resize ' . round($w / 3) . 'x' . $h); + $c->setArg(null, $tmp); + $c->execute(); + + $res = cubeFiles::tempnam() . '.jpg'; + + $convert = new cubeCommandLine('composite'); + $cmd = '-compose Multiply '; + $cmd .= $tmp . ' ' . $orig . ' '; + $cmd .= $res; + $convert->setManualArg($cmd); + $convert->execute(); + + $this->vdir->copy($res, 'cover.jpg', true); + + unlink($tmp); + } + + protected function _lessBoolean($val) { + return $val ? 'true' : 'false'; + } + + protected function writeCSS($file, $links) { + $res = array(); + + $lessVariables = array(); + $lessVariables['slider-display'] = $this->_lessBoolean($this->theme->parametres->pagesBar); + $lessVariables['slider-thumb-background'] = wsHTML5::colorToCSS($this->theme->parametres->pageBarThumbBack); + + // General theme + $cssWidth = $this->cssWidth; + $cssHeight = $this->cssHeight; + $cssScale = $this->cssScale; + $w2 = ($cssWidth * 2) . 'px'; + + + $h = $cssHeight . 'px'; + + $wm = ($this->width * $this->multiply) . 'px'; + $hm = ($this->height * $this->multiply) . 'px'; + $w = $cssWidth . 'px'; + $offsetLeft = round(($this->optimalWidth - $cssWidth) / 2, 3); + $offsetLeft2 = $offsetLeft * 2; + $offsetTop = round(($this->optimalHeight - $cssHeight) / 2, 3); + $navTop = ($cssHeight - 40 - 100) / 2; + $leftOfRightPage = (floor($cssWidth) - 1) . 'px'; + + $lessVariables['z'] = $this->z; + $lessVariables['book-page-width'] = $w; + $lessVariables['book-page-height'] = $h; + + $lessVariables['shadow-opacity'] = wsHTML5::colorToArray($this->theme->parametres->bookShadeColor)['opacity'] * 1.2; + $lessVariables['edges-display'] = $this->_lessBoolean($this->theme->parametres->usePageEdges); + + $res[] = '.portrait #pages,.portrait .doublePage.page,.page,.doublePage._3d{width:' . $w . ';max-width:' . $w . ';height:' . $h . ';max-height:' . $h . '}'; + $res[] = '.doublePage,#pages,#links,#searchHighlights{width:' . $w2 . ';max-width:' . $w2 . ';height:' . $h . ';max-height:' . $h . '}'; + $res[] = '.landscape .doublePage._2d.axis_x.next{' . wsHTML5::writeCSSUA('transform', 'translate3d(' . $w2 . ',0,0)') . '}'; + $res[] = '.landscape .doublePage._2d.axis_x.prev{' . wsHTML5::writeCSSUA('transform', 'translate3d(-' . $w2 . ',0,0)') . '}'; + $res[] = '.portrait .doublePage._2d.axis_x.next{' . wsHTML5::writeCSSUA('transform', 'translate3d(' . $w . ',0,0)') . '}'; + $res[] = '.portrait .doublePage._2d.axis_x.prev{' . wsHTML5::writeCSSUA('transform', 'translate3d(-' . $w . ',0,0)') . '}'; + $res[] = '.doublePage._2d.axis_y.next{' . wsHTML5::writeCSSUA('transform', 'translate3d(0,' . $h . ',0)') . '}'; + $res[] = '.doublePage._2d.axis_y.prev{' . wsHTML5::writeCSSUA('transform', 'translate3d(0,-' . $h . ',0)') . '}'; + + $res[] = '.doublePage._3d{left:' . $w . ';}'; + $res[] = '#links.right{left:-' . $w . ';}'; + $res[] = '.landscape .page.right{left:' . $w . '}'; + + $lessVariables['page-number-color'] = wsHTML5::colorToCSS($this->theme->parametres->colorPageNumber); + $lessVariables['display-page-number'] = $this->_lessBoolean($this->theme->parametres->displayPageNumber); + $lessVariables['page-transition-duration'] = $this->book->parametres->mobileTransitionDuration . 's'; + + + $res[] = '.background{width:100%;height:100%}'; + + if ($this->cssSVGScale != 1) { + $texts = '.texts{' . wsHTML5::writeCSSUA('transform-origin', 'top left') . ';'; + $texts .= wsHTML5::writeCSSUA('transform', 'scale(' . round((1 / $this->multiply) * $cssScale * $this->cssSVGScale, 3) . ')') . ';'; + $texts .= 'width:' . ($wm / $this->cssSVGScale) . 'px; max-width:' . ($wm / $this->cssSVGScale) . 'px;'; + $texts .= 'height:' . ($hm / $this->cssSVGScale) . 'px; max-height:' . ($hm / $this->cssSVGScale) . 'px;'; + $texts .= '}'; + } else { + $texts = '.texts{width:' . floor($w + 4) . 'px;height:' . floor($h + 4) . 'px;}'; + } + $res[] = $texts; + + // Theme + $shade = '.page .shade{'; + $shade .= 'opacity:' . min(($this->theme->parametres->shadeAlpha * 2) / 100, 1) . ';'; + $shade .= '}'; + $res[] = $shade; + + // SVG + + $res[] = 'svg .fill-c-menu-back{fill:' . wsHTML5::colorToCSS($this->theme->parametres->couleurB) . ';}'; + $res[] = 'svg .fill-c-menu-text{fill:' . wsHTML5::colorToCSS($this->theme->parametres->subTextColor) . ';}'; + + + // Background + $res[] = $this->_cssBackground(); + + // Archives + // Header + $header = 'header{'; + $header .= 'height:' . $this->theme->parametres->menuHeight . 'px;'; + if ($this->theme->parametres->menuImage != '') { + $this->vdir->copy($this->themeRoot . '/' . $this->theme->parametres->menuImage, 'data/images/' . $this->theme->parametres->menuImage); + $header .= 'background-image:url(../images/' . $this->theme->parametres->menuImage . ');'; + $header .= 'background-repeat:no-repeat;'; + $header .= 'background-size:100% ' . $this->theme->parametres->menuHeight . 'px;'; + } else { + $header .= 'background-color:' . wsHTML5::colorToCSS($this->theme->parametres->menuColor) . ';'; + } + $header .= '}'; + $res[] = $header; + + //Icons + $res = array_merge($res, $this->writeIcons()); + $res[] = '#nav #locales{background-color:' . wsHTML5::colorToCSS($this->theme->parametres->couleurI) . ';}'; + + // Logo + $logo = '#logo{'; + if ($this->theme->parametres->logo) { + $this->vdir->copy($this->themeRoot . '/' . $this->theme->parametres->logo, 'data/images/' . $this->theme->parametres->logo); + $dim = getimagesize($this->themeRoot . '/' . $this->theme->parametres->logo); + $logo .= 'background-image:url(../images/' . $this->theme->parametres->logo . ');width:' . $dim[0] . 'px;height:' . $dim[1] . 'px;'; + } + $logo .= '}'; + $res[] = $logo; + + // Credits + $res[] = 'footer,footer a{color:' . wsHTML5::colorToCSS($this->theme->parametres->creditsColor) . ';}'; + + // Arrows + $lessVariables['arrows-background'] = wsHTML5::colorToCSS($this->theme->parametres->couleurA); + $lessVariables['arrows-color'] = wsHTML5::colorToCSS($this->theme->parametres->arrowsColor); + + // Loader + $lessVariables['loader-background-color'] = wsHTML5::colorToCSS($this->theme->parametres->couleurA); + $lessVariables['loader-foreground-color'] = wsHTML5::colorToCSS($this->theme->parametres->arrowsColor); + + // Audio description buttons + $lessVariables['audiodescription-background'] = wsHTML5::colorToCSS($this->theme->parametres->couleurA); + $lessVariables['audiodescription-color'] = wsHTML5::colorToCSS($this->theme->parametres->couleurA); + + // Links Styles + $lessVariables['links-color'] = wsHTML5::colorToCSS($this->theme->parametres->linksColor); + $res = array_merge($res, $links); + + // Bookmarks + if (!isset($this->book->parametres->bookmarkCornerSize)) { + $this->book->parametres->bookmarkCornerSize = 10; + } + $size = round($this->width * $this->book->parametres->bookmarkCornerSize * 0.0075 * $this->z); + $res[] = '#links .bookmark{width:' . $size . 'px;height:' . $size . 'px;background-size:' . $size . 'px ' . $size . 'px;}'; + $res[] = '.portrait #fluidbook .bookmark.left{left:' . ($cssWidth - $size) . 'px;}'; + + // Menus + $menuColor = new CubeIT_Graphics_Color($this->theme->parametres->couleurB); + $menuColor->setAlpha(1); + $menuTextColor = wsHTML5::colorToCSS($this->theme->parametres->subTextColor); + $menuBreakpoint = empty($this->book->parametres->menuBreakpoint) ? '1023px' : $this->book->parametres->menuBreakpoint; + + $lessVariables['menu-breakpoint'] = $menuBreakpoint; + $lessVariables['menu-background'] = $menuColor->toCSS(); + if ($this->theme->parametres->subSecondaryColor) { + $lessVariables['menu-button-background'] = wsHTML5::colorToCSS($this->theme->parametres->subSecondaryColor); + } else { + $lessVariables['menu-background-green'] = 'max(45, min(255-45, green(@menu-background)))'; + $lessVariables['menu-background-red'] = 'max(45, min(255-45, red(@menu-background)))'; + $lessVariables['menu-background-blue'] = 'max(45, min(255-45, blue(@menu-background)))'; + $lessVariables['menu-button-background'] = 'overlay(rgb(@menu-background-red, @menu-background-green, @menu-background-blue), #c0c0c0)'; + } + + $lessVariables['menu-text'] = $menuTextColor; + $lessVariables['menu-field-background'] = wsHTML5::colorToCSS($this->theme->parametres->subFieldColor); + $lessVariables['menu-field-text'] = wsHTML5::colorToCSS($this->theme->parametres->subTextFieldColor); + $lessVariables['menu-select-background'] = wsHTML5::colorToCSS($this->theme->parametres->subSelectColor); + $lessVariables['menu-select-text'] = wsHTML5::colorToCSS($this->theme->parametres->subTextSelectColor); + $lessVariables['icon-color'] = wsHTML5::colorToCSS($this->theme->parametres->couleurI); + $lessVariables['menu-overlay'] = wsHTML5::colorToCSS($this->theme->parametres->popupVideoOverlay); + + // Archives + if ($this->book->parametres->externalArchivesBack) { + $this->vdir->copy($this->wdir . '/' . $this->book->parametres->externalArchivesBack, 'data/images/' . $this->book->parametres->externalArchivesBack); + $res[] = '.mview.archives{background-image:url("../images/' . $this->book->parametres->externalArchivesBack . '");}'; + } + + # Index + $ratio = $this->width / $this->height; + $thumbh = round(100 / $ratio); + $this->config->thumbHeight = $thumbh; + $lessVariables['thumb-height'] = $thumbh . 'px'; + + #tooltip + $lessVariables['tooltip-background'] = wsHTML5::colorToCSS($this->theme->parametres->tooltipBackColor); + $lessVariables['tooltip-color'] = wsHTML5::colorToCSS($this->theme->parametres->tooltipTextColor); + + # ZoomPopup close button background + $res[] = '.zoomPopupClose {background-color:' . wsHTML5::colorToCSS($this->theme->parametres->couleurB) . ';}'; + + + $this->_writeLess($lessVariables); + + $res = array_chunk($res, 3500); + foreach ($res as $k => $css) { + $this->stylesheets[] = 'data/style/style_' . $k . '.css'; + $this->vdir->file_put_contents(sprintf($file, $k), implode("\n", $css)); + $this->log('Write CSS ' . sprintf($file, $k)); + } + return count($res); + } + + protected function _writeLess($variables) { + if ($this->widget) { + $this->lessFiles[] = 'widget'; + } + foreach ($this->specialCSS as $s) { + $this->lessFiles[] = 'special/' . $s; + } + + $tmp = CubeIT_Files::tmpdir(); + + $from = $this->assets . '/style/*'; + `cp -r $from $tmp`; + + $bookVariables = array(); + foreach ($variables as $k => $v) { + $bookVariables[] = '@' . trim($k) . ':' . $v . ';'; + } + file_put_contents($tmp . '/book-variables.less', implode("\n", $bookVariables)); + + foreach ($this->lessFiles as $f) { + + $source_less = $this->assets . '/style/' . $f . '.less'; + $destination_less = $tmp . '/' . $f . '.less'; + $destination_css = $tmp . '/' . $f . '.css'; + + if (!file_exists($source_less)) { + continue; + } + + // LESS file might be in a subfolder, so create if it doesn't exist + if (!is_dir(dirname($destination_less))) { + mkdir(dirname($destination_less), 0777, true); + } + + // Less files must be copied to temporary directory so they'll + // have access to the variables generated in book-variables.less + copy($source_less, $destination_less); + $less = new CubeIT_CommandLine('/usr/local/bin/lessc'); + $less->setArg(null, $destination_less); + $less->setArg(null, $destination_css); + $less->execute(); + $less->debug(); + if (!file_exists($destination_css)) { + die($less->output); + } + $this->vdir->copy($destination_css, 'style/' . $f . '.css'); + if ($f != 'widget') { + $this->stylesheets[] = 'style/' . $f . '.css'; + } + } + } + + protected function _cssBackground() { + $body = '#background,#splash{'; + $body .= 'background-color:#' . $this->theme->parametres->backgroundColor . ';'; + switch ($this->theme->parametres->repeat) { + case wsTheme::REPEAT: + $body .= 'background-repeat:repeat;'; + break; + case wsTheme::NONE: + $body .= 'background-repeat:no-repeat;'; + break; + case wsTheme::RATIO: + $body .= 'background-repeat:no-repeat;'; + $body .= 'background-size:cover;'; + break; + case wsTheme::STRETCH: + $body .= 'background-repeat:no-repeat;'; + $body .= 'background-size:100% 100%;'; + break; + } + if ($this->theme->parametres->backgroundImage != '') { + $bi = $this->themeRoot . '/' . $this->theme->parametres->backgroundImage; + if (file_exists($bi)) { + $dbi = getimagesize($bi); + $this->config->backgroundImageDimensions = array('width' => $dbi[0], 'height' => $dbi[1]); + } + + $this->vdir->copy($this->themeRoot . '/' . $this->theme->parametres->backgroundImage, 'data/images/' . $this->theme->parametres->backgroundImage); + $body .= 'background-image:url(../images/' . $this->theme->parametres->backgroundImage . ');'; + $body .= 'background-position:'; + + switch ($this->theme->parametres->backgroundVAlign) { + case wsTheme::TOP: + $body .= 'top'; + break; + case wsTheme::MIDDLE: + $body .= 'center'; + break; + case wsTheme::BOTTOM: + $body .= 'bottom'; + break; + } + $body .= ' '; + switch ($this->theme->parametres->backgroundHAlign) { + case wsTheme::LEFT: + $body .= 'left'; + break; + case wsTheme::CENTER: + $body .= 'center'; + break; + case wsTheme::RIGHT: + $body .= 'right'; + break; + } + $body .= ';'; + } + + $body .= '}'; + + return $body; + } + + public static function writeCSSUA($property, $value) { + $res = array(); + foreach (self::$uaPrefixes as $prefix) { + $res[] = $prefix . $property . ':' . $value; + } + return implode(';', $res); + } + + protected function base62($val) { + $chars = '0123456789abcdefghijklmnopqrstuvwxyz'; + $base = strlen($chars); + $str = ''; + do { + $i = $val % $base; + $str = $chars[$i] . $str; + $val = ($val - $i) / $base; + } while ($val > 0); + return $str; + } + + public function copyLinkDir($source, $dest) { + $this->vdir->copyDirectory($source, $dest); + } + + public function simpleCopyLinkFile($source, $dest, $addVdir = true) { + if ($addVdir) { + $dest = $dest; + } + + $this->vdir->copy($source, $dest); + } + + public function copyLinkFile($source, $dest, $video = false) { + if ($video && $this->book->parametres->mobileVideosPath != '') { + + } + + $origDir = $this->wdir; + $types = $this->getVideosFormats(); + if ($video) { + wsTools::encodeWebVideos($origDir . $source, null, true); + $e = explode('.', $source); + array_pop($e); + $base = implode('.', $e); + $source = array(); + foreach ($types as $type) { + $source[] = $base . '.' . $type; + } + } + + if (!is_array($source)) { + $source = array($source); + } + + foreach ($source as $so) { + $s = $origDir . $so; + if (file_exists($s)) { + $d = $dest . '/' . $so; + $this->simpleCopyLinkFile($s, $d, false); + } + } + } + + public function __destruct() { + + } + + + public function unzipFile($file, $moveAssets = false, $baseDir = null) { + $fdir = is_null($baseDir) ? 'data/links/' . $file : $baseDir; + + $tmp = CubeIT_Files::tmpdir(); + $dir = $tmp . '/' . $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->wdir . '/' . $file); + $unzip->setArg('d', $dir); + $unzip->execute(); + + if ($moveAssets) { + `mv $dir/Assets/* $dir`; + rmdir($dir . '/Assets'); + } + + return array('dir' => $dir, 'fdir' => $fdir); + } + +} diff --git a/inc/ws/Util/html5/landing-page/class.ws.html5.links.php b/inc/ws/Util/html5/landing-page/class.ws.html5.links.php new file mode 100644 index 000000000..4781c0655 --- /dev/null +++ b/inc/ws/Util/html5/landing-page/class.ws.html5.links.php @@ -0,0 +1,1326 @@ +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; + case 29: + return new facebookLikeLink($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 '
' . $this->getHTMLContent() . '
'; + } + + public function getHTMLContainerClass() { + $res = trim('link ' . $this->class); + 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, $dest = 'data/links') { + $this->compiler->copyLinkDir($dir, $dest); + } + + public function unzipFile($file, $moveAssets = false) { + return $this->compiler->unzipFile($file, $moveAssets); + } + + public function getCssScale() { + if (is_int($this->page)) { + return $this->compiler->getCssScale(); + } else { + return 1; + } + } + + public function getCSSZIndex() { + $zindex = (($this->zindex + 1) * 1000) - min(999, round(($this->width * $this->height) / 300)); + return 'z-index:' . $zindex . ';'; + } + + public function getCSSContainer() { + if (!($this instanceof contentLink) && $this->page % 2 == 1) { + $this->page--; + $this->left += $this->compiler->width; + } + + $css = '#l_' . $this->id . '{'; + $css .= 'left:' . round($this->left * $this->getCssScale()) . 'px;top:' . round($this->top * $this->getCssScale()) . 'px;'; + $css .= 'width:' . round($this->width * $this->getCssScale()) . 'px;height:' . round($this->height * $this->getCssScale()) . 'px;'; + $css .= $this->getCSSZIndex(); + $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 'getAdditionnalContent() . $this->getTrack() . '>'; + } + + 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 $zindex = 2; + + public function getHTMLContainerClass() { + return parent::getHTMLContainerClass() . ' multimedia'; + } + + public function getHTMLContent() { + $w = $this->width; + $h = $this->height; + $this->copyExternalFile($this->alternative); + $alt = ''; + 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 = '
'; + $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 $zindex = 1; + + public function getHTMLContainerClass() { + return parent::getHTMLContainerClass() . ' contentLink'; + } + +} + +class eventOverlayLink extends wsHTML5Link { + public $zindex = 3; + + public function getHTMLContainerClass() { + return parent::getHTMLContainerClass() . ' eventOverlayLink'; + } + + public function getHTMLContent() { + return '
'; + } +} + +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 $zindex = 2; + + public static function addVideoJS($compiler) { + $compiler->addJs('js/libs/videojs/video.withscalefix.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 = '
$value) { + $res .= " data-{$name}='{$value}'"; + } + $res .= '>
'; + + 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 ''; + } + + 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() { + $res = parent::getAdditionnalContent(); + if ($this->extra) { + $res .= ' data-extra="' . $this->extra . '"'; + } + + if (in_array($this->to, $this->_share)) { + $res .= ' data-service="' . $this->to . '" '; + } else { + $res .= /*parent::getClasses()*/ + ' data-action="' . $this->to . '" '; + } + return $res; + } + + 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 facebookLikeLink extends wsHTML5Link { + public function getHTMLContent() { + $this->compiler->addFacebookSDK(); + return '
'; + } +} + +class htmlMultimediaLink extends wsHTML5Link { + + protected $_config = null; + protected $_content = ''; + protected $_url; + public $zindex = 2; + + 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'], $d['fdir']); + } elseif ($ext == 'zip') { + $d = $this->unzipFile($this->alternative, false); + $this->_config = $this->getConfigZIP($d['dir']); + $this->copyExternalDir($d['dir'], $d['fdir']); + } elseif ($ext == 'html') { + $fdir = 'data/links'; + $dir = $fdir; + + $d = array('fdir' => $fdir, 'dir' => $dir); + + $this->compiler->vdir->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 = ''; + } + if (isset($externalIframe)) { + $iw = $this->_config['width']; + $ih = $this->_config['height']; + $res = ''; + } + + foreach ($this->_config['inject'] as $i) { + $infos = ['path' => 'data/links/' . $this->alternative . '/']; + $i = str_replace('$id', '"#l_' . $this->id . '"', $i); + $i = str_replace('$init', CubeIT_Util_Json::encode($infos), $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->getCSSZIndex(); + $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 = ''; + 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 'getAdditionnalContent() . '>'; + } + + 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;'; + $css .= $this->getCSSZIndex(); + 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() { + + $maxzoom = ((int)$this->to !== 0) ? $this->to : 2; // Max zoom level might not always be set in the link editor + $maxzoom = min($maxzoom, 4.166666667); + + // TODO: Consider generating higher-res images (eg. 2x) for HiDPI screens. Maybe some extra optimisations can be done on the larger images... + + $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'; + + $left = CubeIT_Files::tempnam(); + $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)) { + $this->compiler->vdir->addTemp($$file); + } + } + } + + + public function getClasses() { + return array_merge(['zoomPopup'], parent::getClasses()); + } +}