Ainias/wordRotator
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Settings angepasst

Browse Source
This commit is contained in:
silas
2018-10-01 13:55:14 +02:00
parent 8dbc0dc3f2
commit 9310230a0d
12 changed files with 74 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/module/Application/pwa/html/application/fragment/settings.html
View File

@@ -1,13 +1,13 @@
<div class='max-height fill-me'>
<div class='row max-width grow flex-center'>
<div class='columns small-centered small-12 smedium-11 medium-9 large-7'>
<div class='row clickable' id="theme-chooser">
<div class='row setting-row' id="theme-chooser">
<span class='columns small-6' data-translation="theme"></span>
<span class='columns small-6 text-right'>
<div id='theme-name'></div>
</span>
</div>
<label class="switch row max-width">
<label class="switch row setting-row">
<span class='columns small-6' data-translation="sound"></span>
<span class='columns small-6 text-right'>
<input type="checkbox" class="setting" id="play-sound" name='play-sound' value="1"
@@ -15,7 +15,7 @@
<span class="slider"></span>
</span>
</label>
<label class="switch row max-width">
<label class="switch row setting-row">
<span class='columns small-6' data-translation="music"></span>
<span class='columns small-6 text-right'>
<input type="checkbox" class="setting" id="play-music" name='play-music' value="1"
@@ -23,19 +23,19 @@
<span class="slider"></span>
</span>
</label>
<div class='row clickable' id='credits-button'>
<div class='row setting-row' id='credits-button'>
<span class='columns small-6' data-translation="credits"></span>
<span class='columns small-6 text-right' data-translation=">"></span>
</div>
<div class='row clickable' id='privacy-policy-button'>
<div class='row setting-row' id='privacy-policy-button'>
<span class='columns small-6' data-translation="privacy-policy"></span>
<span class='columns small-6 text-right' data-translation=">"></span>
</div>
<div class='row clickable' id='impressum-button'>
<div class='row setting-row' id='impressum-button'>
<span class='columns small-6' data-translation="impressum"></span>
<span class='columns small-6 text-right' data-translation=">"></span>
</div>
<label class="switch row max-width">
<label class="switch row setting-row">
<span class='columns small-6' data-translation="track"></span>
<span class='columns small-6 text-right'>
<input type="checkbox" class="setting" id="track-switch" name='matomoShouldTrack' value="1"
@@ -50,7 +50,7 @@
<!--&gt;</iframe>-->
<button id='reset-levels' class="button" data-translation="reset-levels"></button>
<button id='reset-levels' class="button hidden" data-translation="reset-levels"></button>
<!--<label class='row'>-->

6
src/module/Application/pwa/html/application/setting-template.html
View File

@@ -1,5 +1,9 @@
<div class="max-height fill-me overflow-y-scroll">
<ul class="menu vertical plain dropdown hidden" id="settings-fragment-list"></ul>
<h2 data-translation="settings"></h2>
<div class="row">
<div class='columns small-centered small-12 smedium-11 medium-9 large-7'>
<h2 data-translation="settings"></h2>
</div>
</div>
<div id="settings-fragments"></div>
</div>

4
src/module/Application/pwa/js/Fragment/WordRotatorSettingFragment.js
View File

@@ -56,6 +56,10 @@ export class WordRotatorSettingFragment extends LocalStorageSettingsFragment {
WordRotatorDb.getInstance().removeAll(WordRotatorDb.OBJECT_STORE.LEVEL);
});
if (location.hostname.includes("beta") || location.hostname.includes("127.0.0.1")){
this.findBy("#reset-levels").classList.remove("hidden");
}
let playMusicButton = this.findBy("#play-music");
playMusicButton.addEventListener("change", () => {
let soundManager = SoundManager.getInstance();

11
src/scss/_wordrotatorTheme.scss
View File

@@ -89,4 +89,15 @@ body {
}
}
}
label{
font-size: 1em;
}
.setting-row{
line-height: 1;
padding-top: 0.5em;
padding-bottom: 0.5em;
width: 100%;
cursor: pointer;
}
}