Andreas/evennia
1
0
Fork 0
mirror of https://github.com/evennia/evennia.git synced 2026-03-16 21:06:30 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

persist font settings to localstorage

Browse source
This commit is contained in:
Brenden Tuck 2020-10-11 22:20:09 -04:00 • committed by Griatch
parent 7212998aee
commit 599bf30daa
1 changed files with 27 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

32
evennia/web/webclient/static/webclient/js/plugins/font.js
View file

@ -21,6 +21,8 @@ let font_plugin = (function () {
//
//
var onOptionsUI = function (parentdiv) {
var fontfamily = localStorage.getItem('evenniaFontFamily');
var fontsize = localStorage.getItem('evenniaFontSize');
var fontselect = $('<select>');
var sizeselect = $('<select>');
@ -36,17 +38,27 @@ let font_plugin = (function () {
sizeselect.append(option);
}
fontselect.val('DejaVu Sans Mono'); // default value
sizeselect.val('0.9'); // default scaling factor
if( fontfamily != null ) {
fontselect.val( fontfamily );
} else {
fontselect.val('DejaVu Sans Mono'); // default value
}
// font-family change callback
if( fontsize != null ) {
sizeselect.val( fontsize );
} else {
sizeselect.val('0.9'); // default scaling factor
}
// font change callbacks
fontselect.on('change', function () {
$(document.body).css('font-family', $(this).val());
localStorage.setItem('evenniaFontFamily', $(this).val() );
});
// font size change callback
sizeselect.on('change', function () {
$(document.body).css('font-size', $(this).val()+"em");
localStorage.setItem('evenniaFontSize', $(this).val() );
});
// add the font selection dialog control to our parentdiv
@ -59,6 +71,8 @@ let font_plugin = (function () {
// Font plugin init function (adds the urls for the webfonts to the page)
//
var init = function () {
var fontfamily = localStorage.getItem('evenniaFontFamily');
var fontsize = localStorage.getItem('evenniaFontSize');
var head = $(document.head);
var fonts = Object.keys(font_urls);
@ -69,6 +83,14 @@ let font_plugin = (function () {
head.append( link );
}
}
if( !fontfamily ) {
$(document.body).css('font-family', fontfamily);
}
if( !fontsize ) {
$(document.body).css('font-size', fontsize+"em");
}
}
return {