--- /dev/null
+<?php
+
+class wsHTML5Compiler {
+ protected static $resolutions = array(150, 300);
+ protected $maxRes = 300;
+
+ public $jsFiles = array(
+ 'js/libs/modernizr/modernizr.js',
+ 'js/libs/modernizr/tests.js',
+ 'js/libs/fix/ios-orientation.js',
+ 'js/libs/fix/detect-zoom.js',
+ 'js/libs/cube/fb.js',
+ 'js/libs/cube/util.js',
+ 'js/libs/json.js',
+ 'js/libs/flashdetect.js',
+ 'js/libs/screenfull.js',
+ 'js/libs/storage.js',
+ 'js/libs/keymaster.js',
+ 'js/libs/jquery/jquery.js',
+ 'js/libs/jquery/jquery.transform.js',
+ 'js/libs/jquery/jquery.form.js',
+ 'js/libs/jquery/jquery.mousewheel.js',
+ 'js/libs/jquery/jquery.hashchange.js',
+ 'js/libs/jquery/jquery.scrollto.js',
+ 'js/libs/jquery/jquery.localscroll.js',
+ 'js/libs/jquery/perfect-scrollbar.jquery.js',
+
+ 'js/libs/mmenu/jquery.mmenu.all.js',
+// 'js/libs/mmenu/jquery.mmenu.js',
+// 'js/libs/mmenu/jquery.mmenu.offcanvas.js',
+
+ 'js/libs/gsap/TweenMax.js',
+ 'js/libs/gsap/jquery.gsap.js',
+ 'js/libs/gal/gal.js',
+ 'js/libs/gal/gal.filesystem.js',
+ 'js/libs/interact.js',
+ 'js/libs/fluidbook/forms/fluidbook.form.bulle.js',
+ 'js/libs/fluidbook/fluidbook.utils.js',
+ 'js/libs/fluidbook/fluidbook.links.js',
+ 'js/libs/fluidbook/fluidbook.support.js',
+ 'js/libs/fluidbook/fluidbook.video.js',
+ 'js/libs/fluidbook/fluidbook.viewport.js',
+ 'js/libs/fluidbook/fluidbook.desktop.js',
+ 'js/libs/fluidbook/fluidbook.service.js',
+ 'js/libs/fluidbook/fluidbook.l10n.js',
+ 'js/libs/fluidbook/fluidbook.nav.js',
+ 'js/libs/fluidbook/fluidbook.touch.js',
+ 'js/libs/fluidbook/fluidbook.interact.js',
+ 'js/libs/fluidbook/fluidbook.loader.js',
+ 'js/libs/fluidbook/fluidbook.search.js',
+ 'js/libs/fluidbook/fluidbook.help.js',
+ 'js/libs/fluidbook/fluidbook.resize.js',
+ 'js/libs/fluidbook/fluidbook.coquillette.js',
+ 'js/libs/fluidbook/fluidbook.stats.js',
+ 'js/libs/fluidbook/fluidbook.cache.js',
+ 'js/libs/fluidbook/fluidbook.tooltip.js',
+ 'js/libs/fluidbook/fluidbook.bookmarks.js',
+ 'js/libs/fluidbook/fluidbook.background.js',
+ 'js/libs/fluidbook/fluidbook.pad.js',
+ 'js/libs/fluidbook/fluidbook.audiodescription.js',
+ 'js/libs/fluidbook/fluidbook.privacy.js',
+ 'js/libs/fluidbook/fluidbook.zoom.js',
+ 'js/libs/fluidbook/fluidbook.menu.js',
+ 'js/libs/fluidbook/menu/fluidbook.chapters.js',
+ 'js/libs/fluidbook/menu/fluidbook.index.js',
+ 'js/libs/fluidbook/fluidbook.js',
+ 'js/main.js');
+
+ public $specialJsFiles = array();
+
+ public $debugJsFiles = array(
+ 'js/libs/Three.js',
+ 'data/search.index.js',
+ 'data/search.texts.js',
+ );
+ public $testJsFiles = array(
+ 'js/libs/cube/fb.js',
+ 'js/libs/modernizr/modernizr.js',
+ 'js/libs/modernizr/tests.js',
+ 'js/libs/jquery/jquery.js',
+ 'js/libs/jquery/jquery.transform.js',
+ 'js/libs/jquery/jquery.mousewheel.js',
+ 'js/libs/jquery/jquery.hashchange.js',
+ 'js/tester.js'
+ );
+ public $widgetJsFiles = array(
+ 'js/libs/cube/fb.js',
+ 'js/libs/modernizr/modernizr.js',
+ 'js/libs/modernizr/tests.js',
+ 'js/libs/jquery/jquery.js',
+ 'js/libs/jquery/jquery.transit.js',
+ 'js/widget.js'
+ );
+
+ // Collection of LESS files to be compiled
+ // Filename with no extension, relative to the /style directory in the player build folder
+ public $lessFiles = ['fluidbook'];
+ public $lessFilesExtras = [
+ // Extra files that will be copied when compiling LESS (eg. used to allow video-js-core.css to be copied)
+ 'mmenu/mmenu.less',
+ 'mmenu/jquery.mmenu.all.css',
+// 'mmenu/jquery.mmenu.css',
+// 'mmenu/jquery.mmenu.offcanvas.css',
+// 'mmenu/jquery.mmenu.positioning.css',
+// 'mmenu/jquery.mmenu.effects.css',
+ ];
+
+ public $specialCSS = array();
+ public $phonegapStandardPlugins = array('ios' => 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 = 'p';
+ 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();
+
+
+ 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;
+
+ if (is_null($dir)) {
+ $this->dir = WS_BOOKS . '/html5/' . $book_id . '/';
+ } else {
+ $this->dir = $dir;
+ }
+ $this->vdir = $this->dir;
+ $this->wdir = WS_BOOKS . '/working/' . $this->book_id . '/';
+
+ // Clean the folder
+ `rm -rf $this->vdir`;
+ if (!file_exists($this->dir)) {
+ mkdir($this->dir, 0777, true);
+ }
+
+ $this->daoBook = new wsDAOBook($core->con);
+ $this->book = $this->daoBook->selectById($book_id);
+ $this->pages = $this->daoBook->getPagesOfBook($book_id);
+
+ if ($this->book->parametres->mobileVersion == 'html5-images') {
+ $this->backgroundsPrefix = 't';
+ $this->svg = false;
+ }
+
+ $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->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 = 0.75 / 2;
+
+ $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->config = cubeObject::merge($this->book->parametres->toStandardObject(), $this->theme->parametres->toStandardObject());
+ }
+
+ public function addPageLabel($page, $label) {
+ $this->pageLabels[$label] = $page;
+ }
+
+ public function getResolutions() {
+ $res = self::$resolutions;
+ 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() {
+
+ $dirsToCreate = array('data/images', 'data/contents', 'data/background', 'data/thumbnails', 'data/style');
+ if (in_array('flv', $this->getVideosFormats())) {
+ $dirsToCreate[] = 'swf';
+ }
+
+ foreach ($dirsToCreate as $dir) {
+ $d = $this->vdir . '/' . $dir;
+ if (!file_exists($d)) {
+ mkdir($d, 0777, true);
+ }
+ }
+
+ // Copy fonts folder
+ $from = $this->assets . '/style/fonts/*';
+ $to = $this->vdir . '/style/fonts';
+ if (!file_exists($to)) {
+ mkdir($to, 0777, true);
+ }
+ `cp -p -r $from $to`;
+
+ // Copy images folder
+ $from = $this->assets . '/images';
+ $to = $this->vdir;
+ `cp -p -r $from $to`;
+
+ // Copy images folder
+ $from = $this->assets . '/video';
+ $to = $this->vdir;
+ `cp -p -r $from $to`;
+
+ // Copy swf
+ if (file_exists($this->vdir . '/swf')) {
+ $this->copy($this->assets . '/swf/video.swf', $this->vdir . '/swf/video.swf');
+ }
+
+ $this->loadPlugins();
+ $this->writeImages();
+ $linksCSS = $this->writeLinks();
+ $this->writeCSS($this->vdir . '/data/style/style_%d.css', $linksCSS);
+ $this->writeLangs();
+ $this->writeIndex();
+ $this->writeTexts();
+ $this->writeExtras();
+ $this->writeJs();
+ $this->writeCache();
+ }
+
+ 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->copy($dir . '/plugin.js', $this->vdir . '/' . $f);
+ }
+ if (file_exists($dir . '/plugin.css')) {
+ $f = $d . '/plugin.css';
+ $this->pluginCSS[] = $f;
+ $this->copy($dir . '/plugin.css', $this->vdir . '/' . $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;
+ }
+
+ protected function writeCache() {
+ if (!$this->appcache) {
+ return;
+ }
+
+ $cacheFile = $this->vdir . '/cache.appcache';
+
+ if (file_exists($cacheFile)) {
+ unlink($cacheFile);
+ }
+
+ $dest = realpath($this->vdir);
+ $lines = array();
+
+ $network = array('NETWORK:', '*');
+
+ $lines[] = 'CACHE MANIFEST';
+ $lines[] = '# ' . date('Y-m-d H:i:s');
+ $lines[] = '';
+ $lines[] = 'index.html';
+ $lines[] = '';
+ $lines[] = 'FALLBACK:';
+ $lines[] = '/ index.html';
+ $lines[] = 'index.html* index.html';
+ $lines[] = '';
+ $lines[] = 'CACHE:';
+
+ $iterator = new RecursiveIteratorIterator(new RecursiveDirectoryIterator($dest), RecursiveIteratorIterator::SELF_FIRST);
+
+ $exclude = array('index.html', 'indexu.html', 'widget.html', 'indext.html');
+
+ foreach ($iterator as $path) {
+ if (!$path->isFile()) {
+ continue;
+ }
+
+ $p = str_replace($dest . '/', '', $path);
+ if (in_array($p, $exclude)) {
+ continue;
+ }
+ $lines[] = $p;
+ }
+
+ $lines[] = '';
+ $lines = array_merge($lines, $network);
+
+ file_put_contents($cacheFile, implode("\n", $lines));
+ }
+
+ /**
+ * 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) {
+
+ // 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, $extra_files = []) {
+ if (!in_array($path, $this->lessFiles)) {
+ $this->lessFiles[] = $path;
+ }
+
+ // Make sure no duplicates are added here either
+ $this->lessFilesExtras = array_unique(array_merge($this->lessFilesExtras, $extra_files));
+ }
+
+ 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 = '<a href="' . $signature->partnerLink . '" target="_blank">' . $signature->partner . '</a> ';
+ }
+ $credits .= '<a href="' . $signature->mainLink . '" target="_blank">' . $signature->main . '</a>';
+
+ $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;
+ }
+ // Feuilles de style
+ $sheets = array_merge($this->stylesheets, $this->specialCSS);
+
+ $style = array();
+ foreach ($sheets as $sheet) {
+ $style[] = '<link type="text/css" rel="stylesheet" media="screen" href="' . $sheet . '">';
+ }
+ $style = implode("\n\t\t", $style);
+
+ $pagesContents = '';
+
+ $cache = '';
+ if ($this->appcache) {
+ $cache = ' manifest="cache.appcache"';
+ }
+
+ $iscript = '';
+ if (count($this->htmlmultimedia)) {
+ $iscript .= '<script type="text/javascript">' . "\n";
+ $iscript .= implode("\n", $this->htmlmultimedia);
+ $iscript .= '</script>' . "\n";
+ }
+
+ $script = '';
+ $script .= '<script type="text/javascript" charset="utf-8" src="data/datas.js"></script>' . "\n";
+ $script .= '<script type="text/javascript" charset="utf-8" src="data/fluidbook.js"></script>' . "\n";
+ if ($this->book->parametres->scorm_enable) {
+ $script .= '<script type="text/javascript" charset="utf-8" src="data/scorm.js"></script>' . "\n";
+ $this->writeScorm();
+ }
+ if (count($this->specialJsFiles)) {
+ $script .= '<script type="text/javascript" charset="utf-8" src="data/special.js"></script>' . "\n";
+ }
+ foreach ($this->pluginJs as $p) {
+ $script .= '<script type="text/javascript" charset="utf-8" src="' . $p . '"></script>' . "\n";
+ }
+ $script .= $iscript;
+ $description = '<meta name="description" content="' . html::escapeHTML(isset($this->book->parametres->seoDescription) && $this->book->parametres->seoDescription ? $this->book->parametres->seoDescription : $titre . ' - Powered by Fluidbook') . '">';
+
+
+ $favicon = '';
+ if ($this->theme->parametres->favicon != '') {
+ copy($this->themeRoot . '/' . $this->theme->parametres->favicon, $this->vdir . '/data/favicon.png');
+ $favicon = '<link rel="apple-touch-icon" href="data/favicon.png" />';
+ }
+
+ $print = $this->writePrint();
+ $message = sprintf($this->__('Your browser is not up to date and is not able to run this publication. %sLearn more%s'), '<br /><a href="http://www.whatbrowser.org/intl/' . $this->config->defaultLang . '/" target="_blank">', '</a>');
+
+ $splash = '';
+ if ($this->theme->parametres->logoLoader) {
+ $dim = getimagesize($this->themeRoot . '/' . $this->theme->parametres->logoLoader);
+ if ($dim !== false) {
+ $this->copy($this->themeRoot . '/' . $this->theme->parametres->logoLoader, $this->vdir . '/data/images/' . $this->theme->parametres->logoLoader);
+ $splash .= '<div class="logo"><img src="data/images/' . $this->theme->parametres->logoLoader . '" width="' . $dim[0] . '" height="' . $dim[1] . '" alt="" /></div>';
+ }
+ }
+
+ $svgfiles = array($this->assets . '/images/interface.svg');
+ $svg = '';
+ foreach ($svgfiles as $svgfile) {
+ if (file_exists($svgfile)) {
+ $svg .= file_get_contents($svgfile);
+ }
+ }
+
+
+ $vars = array('titre', 'credits', 'ga', 'style', 'script', 'pagesContents', 'description', 'print', 'hiddenContents', 'splash', 'cache', 'bgcolor', 'message', 'favicon', 'svg');
+ foreach ($vars as $v) {
+ $html = str_replace('<!-- $' . $v . ' -->', $$v, $html);
+ }
+
+ $scripts = array();
+ foreach ($this->debugJsFiles as $js) {
+ $scripts[] = '<script type="text/javascript" charset="utf-8" src="' . $js . '"></script>';
+ }
+ foreach ($this->jsFiles as $js) {
+ $scripts[] = '<script type="text/javascript" charset="utf-8" src="' . $js . '"></script>';
+ }
+ foreach ($this->pluginJs as $js) {
+ $scripts[] = '<script type="text/javascript" charset="utf-8" src="' . $js . '"></script>';
+ }
+
+ $scripts[] = '<script type="text/javascript" charset="utf-8" src="data/datas.js"></script>';
+ $scripts[] = $iscript;
+ $script = implode("\n\t\t", $scripts);
+
+ $scripts = array();
+ foreach ($this->testJsFiles as $js) {
+ $scripts[] = '<script type="text/javascript" charset="utf-8" src="' . $js . '"></script>';
+ }
+ $scripts[] = '<script type="text/javascript" charset="utf-8" src="data/datas.js"></script>';
+ $script_test = implode("\n\t\t", $scripts);
+
+ $thtml = $uhtml;
+
+ $vars = array('titre', 'credits', 'ga', 'style', 'script', 'pagesContents', 'print', 'hiddenContents', 'splash', 'cache', 'bgcolor', 'message', 'favicon');
+ foreach ($vars as $v) {
+ $uhtml = str_replace('<!-- $' . $v . ' -->', $$v, $uhtml);
+ }
+
+ $script .= "\n\t\t" . '<script type="text/javascript" charset="utf-8">window.tester = true;</script>';
+ $vars = array('titre', 'credits', 'ga', 'style', 'script', 'print', 'hiddenContents', 'splash', 'message');
+ foreach ($vars as $v) {
+ $thtml = str_replace('<!-- $' . $v . ' -->', $$v, $thtml);
+ }
+
+ file_put_contents($this->vdir . '/index.html', $html);
+ file_put_contents($this->vdir . '/indexu.html', $uhtml);
+ file_put_contents($this->vdir . '/indext.html', $uhtml);
+
+ // Write widget html
+ if ($this->widget) {
+ $whtml = file_get_contents($this->assets . '/widget.html');
+ $script = '<script type="text/javascript" charset="utf-8" src="data/datas.js"></script>';
+ $script .= '<script type="text/javascript" charset="utf-8" src="data/widget.js"></script>';
+
+ $style = '<link type="text/css" rel="stylesheet" href="style/widget.css">';
+ $vars = array('titre', 'style', 'script');
+ foreach ($vars as $v) {
+ $whtml = str_replace('<!-- $' . $v . ' -->', $$v, $whtml);
+ }
+ file_put_contents($this->vdir . '/widget.html', $whtml);
+ }
+ }
+
+ 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);
+ }
+ file_put_contents($this->vdir . '/imsmanifest.xml', $manifest);
+ }
+
+ protected function writePrint() {
+
+ if (!$this->book->parametres->print && !$this->book->parametres->pdf) {
+ return;
+ }
+
+ $this->copy(WS_BOOKS . '/final/' . $this->book->book_id . '/data/' . $this->book->parametres->pdfName, $this->vdir . '/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 = $this->vdir . '/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->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->copy($this->themeRoot . '/' . $this->theme->parametres->afterSearch, $this->vdir . '/data/images/' . $this->theme->parametres->afterSearch);
+ }
+ if ($this->book->parametres->externalArchives != '') {
+ $this->addFilesInfos('archives', $this->wdir . '/' . $this->book->parametres->externalArchives);
+ $this->copy($this->wdir . '/' . $this->book->parametres->externalArchives, $this->vdir . '/data/images/' . $this->book->parametres->externalArchives);
+ }
+ }
+
+ protected function writeLinks() {
+ global $core;
+
+ if ($this->book->parametres->customLinkClass == 'WescoSalesLink') {
+ $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);
+
+ foreach ($links as $linkData) {
+ if (isset($linkData['image']) && $linkData['image']) {
+ $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;
+ }
+ $link = wsHTML5Link::getInstance($this->base62($i), $linkData, $this);
+ if (is_null($link)) {
+ continue;
+ }
+
+ $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 _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();
+ file_put_contents($this->vdir . '/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 || filemtime(__DIR__ . '/class.ws.html5.links.php') > $mintime) {
+ $reminimize = true;
+ }
+ }
+
+ if ($reminimize) {
+ $js = 'var files=' . json_encode($files) . ';';
+ foreach ($files as $file) {
+ $js .= file_get_contents($this->assets . '/' . $file);
+ $js .= ";\n\n";
+ }
+ $tmp = cubeFiles::tempnam();
+ file_put_contents($tmp, $js);
+
+ $uglify = new CubeIT_CommandLine('uglifyjs');
+ $uglify->setPath(CONVERTER_PATH);
+ $uglify->setArg('o', $minimized);
+ $uglify->setArg('no-copyright');
+ $uglify->setArg(null, $tmp);
+ $uglify->execute();
+ $uglify->debug();
+
+
+ }
+ $dest = $this->vdir . '/data/' . $jsfinal . '.js';
+ copy($minimized, $dest);
+ }
+
+
+ if ($this->phonegap) {
+ $this->copy(WS_COMPILE_ASSETS . '/_html5/js/libs/phonegap/' . $this->phonegapVersion . '/cordova-' . $this->phonegap . '.js', $this->vdir . '/data/cordova.js');
+ }
+
+ }
+
+ public function writeTexts() {
+ $this->daoBook->makeTextsIndexes($this->book, $this->pages, $index, $textes, true);
+ $jsindex = 'var INDEX=' . $index . ';' . "\r";
+ $jstexts = 'var TEXTS=' . $textes . ';' . "\r";
+
+ file_put_contents($this->vdir . '/data/search.index.js', $jsindex);
+ file_put_contents($this->vdir . '/data/search.texts.js', $jstexts);
+ }
+
+ 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->coquilletteBack = wsHTML5::colorToCSS($this->theme->parametres->couleurA);
+ $this->config->coquilletteFront = wsHTML5::colorToCSS($this->theme->parametres->arrowsColor);
+ $this->config->videoFormats = $this->getVideosFormats(false);
+ $this->config->htmlmultimedia = $this->htmlmultimedia;
+ $this->config->phonegap = $this->phonegap;
+ $this->config->retinaResolution = $this->maxRes;
+ $this->config->pageLabels = $this->pageLabels;
+ $this->config->pageZoomFactor = $this->z;
+ 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;
+ }
+ $o = trim($this->config->navOrderH) != '' ? $this->config->navOrderH : $this->config->navOrder;
+ $navOrder = array();
+ $oo = explode(',', $o);
+ foreach ($oo as $ooo) {
+ $ooo = trim($ooo);
+ if ($ooo == '') {
+ continue;
+ }
+ $navOrder[] = $ooo;
+ }
+ $this->config->navOrder = $navOrder;
+
+ $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);
+ }
+ }
+ }
+
+ 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('nav-bookmark' => $couleurI, 'nav-friend' => $couleurI, 'nav-help' => $couleurI, 'nav-index' => $couleurI, 'nav-sommaire' => $couleurI,
+ 'nav-zoomin' => $couleurI, 'nav-zoomout' => $couleurI, 'nav-fullscreen' => $couleurI,
+ 'interface-next' => $arrowsColor, 'interface-previous' => $arrowsColor,
+ 'interface-sharp-next' => $arrowsColor, 'interface-sharp-previous' => $arrowsColor,
+ 'interface-search' => $couleurI, 'interface-back-arrow' => $subTextColor, 'interface-print' => $subTextColor,
+ 'interface-down' => $arrowsColor, 'interface-close' => $arrowsColor,
+ 'interface-audio-description-on' => $arrowsColor, 'interface-audio-description-off' => $arrowsColor,
+ 'help-fingers' => $couleurI, 'help-mouse' => $couleurI, 'nav-home' => $couleurI, 'nav-archives' => $couleurI, 'nav-map' => $couleurI,
+ 'nav-tag' => $couleurI, 'nav-print' => $couleurI, 'nav-friend' => $couleurI,
+ 'share-facebook' => $couleurM, 'share-twitter' => $couleurM, 'share-email' => $couleurM, 'share-googleplus' => $couleurM, 'share-linkedin' => $couleurM, 'share-viadeo' => $couleurM,
+ 'bookmark-left-off' => $bookmarksDisabledColors, 'bookmark-left-on' => $bookmarksEnabledColors,
+ 'bookmark-right-off' => $bookmarksDisabledColors, 'bookmark-right-on' => $bookmarksEnabledColors
+ );
+
+ $this->config->iconsDimensions = array();
+ $makepng = !$this->supportSVG();
+ foreach ($icons as $icon => $color) {
+ wsTools::colorizeAndRasterizeIcon($this->theme->parametres->iconSet, $icon, $color, $this->vdir . '/data/images/', 4, $w, $h);
+ $this->config->iconsDimensions[$icon] = array($w, $h);
+ }
+ return $res;
+ }
+
+ protected function writeImages() {
+ foreach ($this->getResolutions() as $r) {
+ mkdir($this->vdir . '/data/background/' . $r, 0777, true);
+ }
+ $srcPrefix = $this->backgroundsPrefix;
+ if ($this->backgroundsPrefix == 'p') {
+ $srcPrefix = 'h';
+ }
+ foreach ($this->pages as $page => $infos) {
+ if ($this->svg) {
+ $orig = wsDocument::getDir($infos['document_id']) . 'html/p' . $infos['document_page'] . '.svg';
+ $opt = wsDocument::getDir($infos['document_id']) . 'html/o' . $infos['document_page'] . '.svg';
+
+ $svg = $orig;
+ if (file_exists($opt) && filesize($opt) > 0) {
+ $svg = $opt;
+ }
+
+ $this->copy($svg, $this->vdir . '/data/contents/p' . $page . '.svg');
+ }
+
+ foreach ($this->getResolutions() as $r) {
+ $ok = $this->copy(wsDocument::getDir($infos['document_id']) . 'html/' . $srcPrefix . $r . '-' . $infos['document_page'] . '.jpg', $this->vdir . '/data/background/' . $r . '/' . $this->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 = wsDocument::getDir($infos['document_id']) . 'p' . $infos['document_page'] . '.jpg';
+ }
+
+
+ $this->copy($thumb, $this->vdir . '/data/thumbnails/p' . $page . '.jpg');
+
+ if ($page == 1) {
+ $this->_makeCover(wsDocument::getDir($infos['document_id']) . 'html/t36-' . $infos['document_page'] . '.jpg');
+ }
+ }
+ }
+
+ protected function _makeCover($orig) {
+ $size = getimagesize($orig);
+ $w = $size[0];
+ $h = $size[1];
+
+ //$tmp = cubeFiles::tempnam() . '.png';
+ $tmp = $this->vdir . '/covers.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();
+
+ $convert = new cubeCommandLine('composite');
+ $cmd = '-compose Multiply ';
+ $cmd .= $tmp . ' ' . $orig . ' ';
+ $cmd .= $this->vdir . '/cover.jpg';
+ $convert->setManualArg($cmd);
+ $convert->execute();
+
+ unlink($tmp);
+ }
+
+ protected function copy($s, $t) {
+ if (!file_exists($s)) {
+ fb($s . ' dont exists');
+ return false;
+ }
+ if (file_exists($t) && filemtime($t) >= filemtime($s) && filesize($s) == filesize($t)) {
+ return true;
+ }
+ if (!file_exists(dirname($t))) {
+ mkdir(dirname($t), 0777, true);
+ }
+
+ $res = copy($s, $t);
+ touch($t, filemtime($s));
+ return true;
+ }
+
+ protected function writeCSS($file, $links) {
+ $res = array();
+
+ $lessVariables = array();
+
+ // 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';
+
+
+ $res[] = '.portrait #pages,.portrait .doublePage.page,.page,.doublePage._3d,#shadow>div{width:' . $w . ';max-width:' . $w . ';height:' . $h . ';max-height:' . $h . '}';
+ $res[] = '.doublePage,#pages,#links{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 #shadow>div.right{left: ' . $w . ';}';
+ $res[] = '.landscape .page.right{left:' . $w . '}';
+ if ($this->theme->parametres->displayPageNumber) {
+ $res[] = '#pagesnumbers{font-size: ' . (12 * $this->z) . 'px;margin: ' . (5 * $this->z) . 'px 0 0 0;top:' . $h . ';color:' . wsHTML5::colorToCSS($this->theme->parametres->colorPageNumber) . '}';
+ $res[] = '#pagesnumbers div{width:' . $w . '}';
+ } else {
+ $res[] = '#pagesnumbers{display:none;}';
+ }
+ $res[] = '.doublePage._2d,.doublePage._3d{' . wsHTML5::writeCSSUA('transition', 'all ' . $this->book->parametres->mobileTransitionDuration . 's ease-in-out') . '}';
+
+ $res[] = '.background{' . wsHTML5::writeCSSUA('transform-origin', 'top left') . ';}';
+ foreach ($this->getResolutions() as $r) {
+ $ratio = round(72 / $r, 3) * $cssScale;
+
+ $wr = $cssWidth / $ratio;
+ $hr = $cssHeight / $ratio;
+
+ $br = '.background.r' . $r . '{';
+ if ($ratio != 1) {
+ $br .= wsHTML5::writeCSSUA('transform', 'scale(' . $ratio . ')') . ';';
+ }
+ $br .= 'width:' . $wr . 'px;height:' . $hr . 'px;}';
+ $res[] = $br;
+ }
+ $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 .= '}';
+ $res[] = $texts;
+
+ // Theme
+ $shade = '.page .shade{';
+ $shade .= 'opacity:' . ($this->theme->parametres->shadeAlpha / 100) . ';';
+ $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) . ';}';
+
+ // Search field
+// $searchColor = wsHTML5::colorToCSS($this->theme->parametres->couleurS);
+// $searchBackColor = wsHTML5::colorToCSS($this->theme->parametres->searchFieldColor);
+// $search = '#q{';
+// $search .= 'color:' . $searchColor . ';';
+// $search .= 'background-color:' . $searchBackColor . ';';
+// if ($this->theme->parametres->searchShadeAlpha > 0) {
+// $search .= wsHTML5::writeCSSUA('box-shadow', '1px 1px 4px rgba(0,0,0,' . ($this->theme->parametres->searchShadeAlpha / 100) . ')') . ' inset;';
+// }
+// $search .= '}';
+// $search .= '#searchHints,.hint{color:' . $searchColor . ';background-color:' . $searchBackColor . ';}';
+// $search .= '.hint:hover{color:' . $searchBackColor . ';background-color:' . $searchColor . ';}';
+//
+// $res[] = $search;
+
+ // Background
+ $res[] = $this->_cssBackground();
+
+ // Archives
+ // Header
+ $header = 'header{';
+ $header .= 'height:' . $this->theme->parametres->menuHeight . 'px;';
+ $header .= 'background-color:' . wsHTML5::colorToCSS($this->theme->parametres->menuColor) . ';';
+ if ($this->theme->parametres->menuImage != '') {
+ $this->copy($this->themeRoot . '/' . $this->theme->parametres->menuImage, $this->vdir . '/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;';
+ }
+ $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->copy($this->themeRoot . '/' . $this->theme->parametres->logo, $this->vdir . '/data/images/' . $this->theme->parametres->logo);
+ $dim = getimagesize($this->vdir . '/data/images/' . $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
+ $res[] = '#next,#previous{background-color:' . wsHTML5::colorToCSS($this->theme->parametres->couleurA) . ';}';
+
+ // Audio description buttons
+ $res[] = '.audio-description-button{background-color:' . wsHTML5::colorToCSS($this->theme->parametres->couleurA) . ';}';
+
+ // Book shadow
+ $shadowColor = wsHTML5::colorToCSS($this->theme->parametres->bookShadeColor);
+ if ($shadowColor != 'transparent') {
+ $res[] = '#shadow>div{' . wsHTML5::writeCSSUA('box-shadow', '0 0 20px ' . $shadowColor) . '}';
+ }
+
+ // Links Styles
+ $res = array_merge($res, $links);
+ $res[] = '.link a.displayArea:hover,.link a.displayArea.animating{background-color:' . wsHTML5::colorToCSS($this->theme->parametres->linksColor, 0.4) . ';}';
+ $res[] = '.link a.displayArea:hover{opacity:1 !important;}';
+ $res[] = '.link a.displayArea{-webkit-tap-highlight-color:' . wsHTML5::colorToCSS($this->theme->parametres->linksColor, 0.4) . ';background-color:' . wsHTML5::colorToCSS($this->theme->parametres->linksColor, 0.0001) . ';}';
+
+ // 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);
+
+ $lessVariables['menu-background'] = $menuColor->toCSS();
+ $lessVariables['menu-text'] = $menuTextColor;
+ $lessVariables['menu-field-background'] = wsHTML5::colorToCSS($this->theme->parametres->subFieldColor);
+ $lessVariables['menu-field-text'] = wsHTML5::colorToCSS($this->theme->parametres->subTextFieldColor);
+
+
+ $menuMultiply = $menuColor->multiply($menuColor);
+ $menuMultiply2 = $menuMultiply->multiply($menuColor);
+
+
+ // Archives
+ if ($this->book->parametres->externalArchivesBack) {
+ $this->copy($this->wdir . '/' . $this->book->parametres->externalArchivesBack, $this->vdir . '/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);
+ $lessVariables['thumb-height'] = $thumbh . 'px';
+
+ # Tooltip
+ $res[] = '#tooltip{background-color:' . wsHTML5::colorToCSS($this->theme->parametres->tooltipBackColor) . ';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';
+ file_put_contents(sprintf($file, $k), implode("\n", $css));
+ }
+ 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();
+
+ copy($this->assets . '/style/variables.less', $tmp . '/variables.less');
+ copy($this->assets . '/style/mixins.less', $tmp . '/mixins.less');
+
+ $bookVariables = array();
+ foreach ($variables as $k => $v) {
+ $bookVariables[] = '@' . trim($k) . ':' . $v . ';';
+ }
+ file_put_contents($tmp . '/book-variables.less', implode("\n", $bookVariables));
+
+ // Also copy any "extra" files that might be needed by LESS compilation
+ // (eg. video-js-core.css is needed by videojs.less)
+ foreach ($this->lessFilesExtras as $extra) {
+ $destination_extra = $tmp . '/' . $extra;
+ if (!is_dir(dirname($destination_extra))) {
+ mkdir(dirname($destination_extra), 0777, true);
+ }
+ copy($this->assets . '/style/' . $extra, $destination_extra);
+ }
+
+ foreach ($this->lessFiles as $f) {
+
+ $source_less = $this->assets . '/style/' . $f . '.less';
+ $destination_less = $tmp . '/' . $f . '.less';
+ $destination_css = 'style/' . $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);
+ }
+ // Generated CSS file might be in a subfolder, so create if it doesn't exist
+ if (!is_dir(dirname($this->vdir . '/' . $f . '.css'))) {
+ mkdir(dirname($this->vdir . '/' . $f . '.css'), 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('lessc');
+ $less->setArg('plugin', 'less-plugin-clean-css');
+ $less->setArg(null, $destination_less);
+ $less->setArg(null, $this->vdir . '/' . $destination_css);
+ $less->execute();
+ if ($f != 'widget') {
+ $this->stylesheets[] = $destination_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->copy($this->themeRoot . '/' . $this->theme->parametres->backgroundImage, $this->vdir . '/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) {
+ `cp -a $source $this->vdir/$dest`;
+ }
+
+ public function simpleCopyLinkFile($source, $dest, $addVdir = true) {
+ if ($addVdir) {
+ $dest = $this->vdir . '/' . $dest;
+ }
+ if (!file_exists(dirname($dest))) {
+ mkdir(dirname($dest), 0777, true);
+ }
+ if (file_exists($dest) && filemtime($dest) >= filemtime($source) && filesize($dest) == filesize($source)) {
+ return;
+ }
+
+ $this->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 = $this->vdir . '/' . $dest . '/' . $so;
+ $this->simpleCopyLinkFile($s, $d, false);
+ }
+ }
+ }
+
+ public function __destruct() {
+
+ }
+
+}
\ No newline at end of file