From fa519ae99ce43bffd3af40b7da32c776e4631cb5 Mon Sep 17 00:00:00 2001
From: "stephen@cubedesigners.com"
 <stephen@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Date: Tue, 19 Jul 2016 14:27:58 +0000
Subject: [PATCH] Add missing Fluidbook HTML5 audio description files (part 1
 of 2).

---
 .../interface-audio-description-off.svg       | 27 +++++++++++++++++++
 .../interface-audio-description-on.svg        | 26 ++++++++++++++++++
 inc/ws/Util/html5/class.ws.html5.compiler.php |  7 +++++
 3 files changed, 60 insertions(+)
 create mode 100644 fluidbook/icones/interface/interface-audio-description-off.svg
 create mode 100644 fluidbook/icones/interface/interface-audio-description-on.svg

diff --git a/fluidbook/icones/interface/interface-audio-description-off.svg b/fluidbook/icones/interface/interface-audio-description-off.svg
new file mode 100644
index 000000000..2160bcbc0
--- /dev/null
+++ b/fluidbook/icones/interface/interface-audio-description-off.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:$colorize;stroke-width:2.1386;stroke-miterlimit:10;}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:$colorize;}
+	.st3{fill:none;stroke:$colorize;stroke-width:1.4517;stroke-miterlimit:10;}
+</style>
+<g>
+	<circle class="st0" cx="26" cy="26" r="18"/>
+	<g>
+		<defs>
+			<circle id="SVGID_1_" cx="26" cy="26" r="18"/>
+		</defs>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+		</clipPath>
+		<g class="st1">
+			<path class="st2" d="M7.6,35.2c4.9,2.2,13.8,2,14.6,1.2c0.8-0.8,0.3-3.4,0.3-3.8c0-0.7,0.7-1.2,0.7-1.7c0-1.4-5.6-1.1-5.2-4
+				c0.1-0.5,5.3-1.2,5.7-2.4c0.2-0.5-0.8-3-0.8-3l2.3-1.1c0,0,0.9-0.4,1-1.1c0.1-0.6-0.7-1.9-0.7-1.9L18.6,6.6l-18.1,6"/>
+		</g>
+	</g>
+	<line class="st3" x1="28.8" y1="23.6" x2="37.8" y2="32.6"/>
+	<line class="st3" x1="28.8" y1="32.6" x2="37.8" y2="23.6"/>
+</g>
+</svg>
diff --git a/fluidbook/icones/interface/interface-audio-description-on.svg b/fluidbook/icones/interface/interface-audio-description-on.svg
new file mode 100644
index 000000000..81a26d5dc
--- /dev/null
+++ b/fluidbook/icones/interface/interface-audio-description-on.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:$colorize;stroke-width:2.1386;stroke-miterlimit:10;}
+	.st1{clip-path:url(#SVGID_1_);}
+	.st2{fill:$colorize;}
+	.st3{fill:none;stroke:$colorize;stroke-width:1.4517;stroke-miterlimit:10;}
+</style>
+<circle class="st0" cx="26" cy="26" r="18"/>
+<g>
+	<defs>
+		<circle id="SVGID_3_" cx="26" cy="26" r="18"/>
+	</defs>
+	<clipPath id="SVGID_1_">
+		<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+	</clipPath>
+	<g class="st1">
+		<path class="st2" d="M7.6,35.2c4.9,2.2,13.8,2,14.6,1.2c0.8-0.8,0.3-3.4,0.3-3.8c0-0.7,0.7-1.2,0.7-1.7c0-1.4-5.6-1.1-5.2-4
+			c0.1-0.5,5.3-1.2,5.7-2.4c0.2-0.5-0.8-3-0.8-3l2.3-1.1c0,0,0.9-0.4,1-1.1c0.1-0.6-0.7-1.9-0.7-1.9L18.6,6.6l-18.1,6"/>
+		<path class="st3" d="M28.9,30.8c1-0.9,1.6-2.2,1.6-3.6c0-1.4-0.6-2.7-1.6-3.6"/>
+		<path class="st3" d="M31.1,33.1c1.5-1.5,2.5-3.5,2.5-5.8c0-2.3-1-4.4-2.5-5.8"/>
+		<path class="st3" d="M33.6,35.5c2.2-2.1,3.5-5,3.5-8.3c0-3.2-1.4-6.2-3.5-8.3"/>
+	</g>
+</g>
+</svg>
diff --git a/inc/ws/Util/html5/class.ws.html5.compiler.php b/inc/ws/Util/html5/class.ws.html5.compiler.php
index 261bc1952..acd65765e 100644
--- a/inc/ws/Util/html5/class.ws.html5.compiler.php
+++ b/inc/ws/Util/html5/class.ws.html5.compiler.php
@@ -32,6 +32,7 @@ class wsHTML5Compiler {
 		'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',
@@ -64,6 +65,7 @@ class wsHTML5Compiler {
 		'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/views/fluidbook.chapters.js',
 		'js/libs/fluidbook/views/fluidbook.index.js',
 		'js/libs/fluidbook/fluidbook.js',
@@ -929,6 +931,7 @@ class wsHTML5Compiler {
 		               '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,
@@ -1143,6 +1146,10 @@ class wsHTML5Compiler {
 
 		// Arrows
 		$res[] = '#next,#previous{background-color:' . self::colorToCSS($this->theme->parametres->couleurA) . ';}';
+
+		// Audio description buttons
+		$res[] = '.audio-description-button{background-color:' . self::colorToCSS($this->theme->parametres->couleurA) . ';}';
+
 		// Book shadow
 		$shadowColor = self::colorToCSS($this->theme->parametres->bookShadeColor);
 		if ($shadowColor != 'transparent') {
-- 
2.39.5