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