Skip to content
Snippets Groups Projects
Commit 13c84f98 authored by Ghislain Loas's avatar Ghislain Loas
Browse files

dev #64573 revert changes on accessibility.js

parent f55e729f
Branches
Tags
4 merge requests!3297WIP: Master,!3037Master,!2988Dev#64573 templates pour l interface publique libraire bootstrap,!2913Dev#64573 templates pour l interface publique libraire bootstrap
Pipeline #5445 failed with stage
in 26 minutes and 27 seconds
Hide whitespace changes
Inline Side-by-side
library/ZendAfi/View/Helper/Widget/Accessibility.php
+ 1
− 1
View file @ 13c84f98
......@@ -63,7 +63,7 @@ class ZendAfi_View_Helper_Widget_Accessibility extends Zendafi_View_Helper_Accue
return $this->_tag('div',
$this->_tag('div',
$this->view->tagImg('public/opac/images/accessibilite.png'),
$this->view->tagImg(Class_Url::absolute('/public/opac/images/accessibilite.png')),
['id' => 'open_accessibility']),
['id' => $id]);
}
......
public/opac/js/accessibility.js
+ 126
− 133
View file @ 13c84f98
var initAccessibilityOptions = function(id) {
var id = id ? "#" + id : "div#header";
var dialog;
var default_font_size;
var font_size_display;
var current_style = "style_defaut";
function bodyFontSize() {
return $('body').css('font-size').replace('px', '');
}
function updateFontSize(size) {
$('body *').css('font-size', $.cookie("accessibility_font_size") + 'px');
font_size_display.text(size);
$.cookie("accessibility_font_size",size, {expires: 365, path: '/'});
};
function onOpenAccessibilityClick(event) {
$('#accessibility_dialog').dialog('open');
}
function onAccessibilityDialogOpen(event, ui) {
$('div.ui-widget-overlay').click(function(event) {
$('#accessibility_dialog').dialog('close');
});
}
function switchToStyle(style) {
$("body").removeClass(current_style);
current_style = style;
var url_stylesheet = $("link[data-name='"+style+"']").attr('href');
$("link#accessibility_stylesheet").attr("href", url_stylesheet);
$("body").addClass(current_style);
$.cookie("accessibility_style", style, {expires: 365, path: '/'});
}
function createAccessibilityDialog() {
dialog = $("<div id='accessibility_dialog' title='Style'><ul style='white-space:nowrap'></ul></div>").
appendTo($("#open_accessibility")).
dialog({
position: ['right', 'top'],
resizable: false,
autoOpen: false,
modal: true,
open: onAccessibilityDialogOpen});
dialog.parent().attr('style', 'font-size: ' + default_font_size + 'px');
var css_list = dialog.children('ul');
$('link[rel="alternate stylesheet"]').each(function(index, element){
$('<li>'+$(element).attr('title')+'</li>').
appendTo(css_list).
attr('data-css', $(element).attr('data-name')).
css('cursor', 'pointer').
addClass('ui-widget-content');
});
css_list.selectable({
selected: function(event, ui){
var css = $(ui.selected).attr('data-css');
if (css == undefined)
css = $(event.srcElement).attr('data-css');
switchToStyle(css);
return false;
}
});
font_size_display = $('<span>' + bodyFontSize() + '</span>');
var font_size_reset = $('<button>Taille par défaut</button>').click(
function() {
$('#slider-font-size').slider('option', 'value', default_font_size);
updateFontSize(default_font_size);
}
);
$('<div style="margin: 15px 0px 10px 0px; font-size: 1.2em">Taille de la police: </div>').
appendTo(dialog).
append(font_size_display).
append(font_size_reset);
$('<div id="slider-font-size"></div>').
appendTo(dialog).
slider({
range: "max",
min: 8,
max: 25,
value: bodyFontSize(),
slide: function(event, ui) {
updateFontSize(ui.value);
/* Boîte pour changer le visuel, options d'accessibilité */
var initAccessibilityOptions = function() {
var dialog;
var default_font_size;
var font_size_display;
var current_style = "style_defaut";
function bodyFontSize() {
return $('body').css('font-size').replace('px', '');
}
function updateFontSize(size) {
$('body').css('font-size', size + 'px');
font_size_display.text(size);
$.cookie("accessibility_font_size",size, {expires: 365, path: '/'});
};
function onOpenAccessibilityClick(event) {
$('#accessibility_dialog').dialog('open');
}
function onAccessibilityDialogOpen(event, ui) {
$('div.ui-widget-overlay').click(function(event) {
$('#accessibility_dialog').dialog('close');
});
}
function switchToStyle(style) {
$("body").removeClass(current_style);
current_style = style;
var url_stylesheet = $("link[data-name='"+style+"']").attr('href');
$("link#accessibility_stylesheet").attr("href", url_stylesheet);
$("body").addClass(current_style);
$.cookie("accessibility_style", style, {expires: 365, path: '/'});
}
function createAccessibilityDialog() {
dialog = $("<div id='accessibility_dialog' title='Style'><ul style='white-space:nowrap'></ul></div>").
appendTo($("#open_accessibility")).
dialog({
position: ['right', 'top'],
resizable: false,
autoOpen: false,
modal: true,
open: onAccessibilityDialogOpen});
dialog.parent().css('font-size', default_font_size + 'px');
var css_list = dialog.children('ul');
$('link[rel="alternate stylesheet"]').each(function(index, element){
$('<li>'+$(element).attr('title')+'</li>').
appendTo(css_list).
attr('data-css', $(element).attr('data-name')).
css('cursor', 'pointer').
addClass('ui-widget-content');
});
css_list.selectable({
selected: function(event, ui){
var css = $(ui.selected).attr('data-css');
if (css == undefined)
css = $(event.srcElement).attr('data-css');
switchToStyle(css);
return false;
}
});
font_size_display = $('<span>' + bodyFontSize() + '</span>');
var font_size_reset = $('<button>Taille par défaut</button>').click(
function() {
$('#slider-font-size').slider('option', 'value', default_font_size);
updateFontSize(default_font_size);
}
);
$('<div style="margin: 15px 0px 10px 0px; font-size: 1.2em">Taille de la police: </div>').
appendTo(dialog).
append(font_size_display).
append(font_size_reset);
$('<div id="slider-font-size"></div>').
appendTo(dialog).
slider({
range: "max",
min: 8,
max: 25,
value: bodyFontSize(),
slide: function(event, ui) {
updateFontSize(ui.value);
}
});
}
default_font_size = bodyFontSize();
var container = $("div#header");
if (container.length==0) return;
var open_accessibility = $("<div id='open_accessibility'></div>").
appendTo(container).
click(onOpenAccessibilityClick).
wrap(
$('<div></div'). //workaround pour calice, bannière pose problème
css('height', 0).
css('float', 'right'));
if ($.cookie("accessibility_font_size")) {
$('body').css('font-size', $.cookie("accessibility_font_size") + 'px');
}
createAccessibilityDialog();
/* Restaure le CSS sélectionné précédemment*/
if($.cookie("accessibility_style")) {
switchToStyle($.cookie("accessibility_style"));
}
});
}
default_font_size = bodyFontSize();
var container = $(id);
if (container.length==0) return;
var open_accessibility = $('#open_accessibility');
if (0 == open_accessibility.length) {
open_accessibility = $("<div id='open_accessibility'></div>")
container
.wrap(
$('<div></div') //workaround pour calice, bannière pose problème
.css('height', 0)
.css('float', 'right'));
}
var open_accessibility = open_accessibility
.appendTo(container)
.click(onOpenAccessibilityClick);
if ($.cookie("accessibility_font_size")) {
$('body *').css('font-size', $.cookie("accessibility_font_size") + 'px');
}
createAccessibilityDialog();
if($.cookie("accessibility_style")) {
switchToStyle($.cookie("accessibility_style"));
}
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment