added functionality to hide controls
This commit is contained in:
parent
18c629f1e2
commit
0412ea17fc
3 changed files with 32 additions and 26 deletions
|
@ -41,6 +41,7 @@ Damit wird eine Uhr in der Standardkonfiguration erzeugt. Das heisst:
|
||||||
* Farbe ist Schwarz
|
* Farbe ist Schwarz
|
||||||
* Sprache ist Bärndütsch
|
* Sprache ist Bärndütsch
|
||||||
* Die Uhr ist eingeschaltet
|
* Die Uhr ist eingeschaltet
|
||||||
|
* Die Bedienelemente werden angezeigt
|
||||||
|
|
||||||
Wie du diese Optionen ändern kannst, verrät der nächte Abschnitt.
|
Wie du diese Optionen ändern kannst, verrät der nächte Abschnitt.
|
||||||
|
|
||||||
|
@ -61,6 +62,8 @@ Der uhr()-Methode kann ein Options-Objekt mitgegeben werden:
|
||||||
width: '100%', // eine CSS-Grössenangabe (default: 100%)
|
width: '100%', // eine CSS-Grössenangabe (default: 100%)
|
||||||
force: false, // false (default): Falls ein Cookie im Browser besteht, werden dessen Konfigurationswerte übernommen;
|
force: false, // false (default): Falls ein Cookie im Browser besteht, werden dessen Konfigurationswerte übernommen;
|
||||||
// true: immer die angegebene Konfiguration verwenden
|
// true: immer die angegebene Konfiguration verwenden
|
||||||
|
controls: true // true (default): Die Bedienelemente (Ein-/Ausschalter, Theme- und Sprachwähler) werden angezeigt
|
||||||
|
// false: Die Bedienelemente werden nicht angezeigt
|
||||||
});
|
});
|
||||||
|
|
||||||
5. Sonderfunktionen
|
5. Sonderfunktionen
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
CACHE MANIFEST
|
CACHE MANIFEST
|
||||||
# 4.0.1
|
# 4.1
|
||||||
|
|
||||||
COPYING
|
COPYING
|
||||||
favicon.png
|
favicon.png
|
||||||
|
|
5
uhr.js
5
uhr.js
|
@ -29,7 +29,8 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
status: 'on',
|
status: 'on',
|
||||||
language: 'de_CH',
|
language: 'de_CH',
|
||||||
theme: 'black',
|
theme: 'black',
|
||||||
force: false
|
force: false,
|
||||||
|
controls: true
|
||||||
},
|
},
|
||||||
start: function() {
|
start: function() {
|
||||||
if (!this._isOn()) {
|
if (!this._isOn()) {
|
||||||
|
@ -199,6 +200,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
e.height(realWidth);
|
e.height(realWidth);
|
||||||
e.css('font-size', (realWidth / 40) + 'px');
|
e.css('font-size', (realWidth / 40) + 'px');
|
||||||
|
|
||||||
|
if (this.options.controls) {
|
||||||
// on/off switch
|
// on/off switch
|
||||||
var toggleSwitch = $('<div class="onoffswitch" id="uhr-onoffswitch' + this._id + '"></div>');
|
var toggleSwitch = $('<div class="onoffswitch" id="uhr-onoffswitch' + this._id + '"></div>');
|
||||||
toggleSwitch.append('<input type="checkbox" class="onoffswitch-checkbox" id="uhr-onoffswitch-checkbox' + this._id + '" checked="checked" />');
|
toggleSwitch.append('<input type="checkbox" class="onoffswitch-checkbox" id="uhr-onoffswitch-checkbox' + this._id + '" checked="checked" />');
|
||||||
|
@ -226,6 +228,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
themeChooser.append('<option value="green">Grün</option>');
|
themeChooser.append('<option value="green">Grün</option>');
|
||||||
themeChooser.append('<option value="white">Weiss</option>');
|
themeChooser.append('<option value="white">Weiss</option>');
|
||||||
e.after(themeChooser);
|
e.after(themeChooser);
|
||||||
|
}
|
||||||
},
|
},
|
||||||
_wireFunctionality: function() {
|
_wireFunctionality: function() {
|
||||||
var e = this.element;
|
var e = this.element;
|
||||||
|
|
Loading…
Reference in a new issue