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
|
||||
* Sprache ist Bärndütsch
|
||||
* Die Uhr ist eingeschaltet
|
||||
* Die Bedienelemente werden angezeigt
|
||||
|
||||
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%)
|
||||
force: false, // false (default): Falls ein Cookie im Browser besteht, werden dessen Konfigurationswerte übernommen;
|
||||
// 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
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
CACHE MANIFEST
|
||||
# 4.0.1
|
||||
# 4.1
|
||||
|
||||
COPYING
|
||||
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',
|
||||
language: 'de_CH',
|
||||
theme: 'black',
|
||||
force: false
|
||||
force: false,
|
||||
controls: true
|
||||
},
|
||||
start: function() {
|
||||
if (!this._isOn()) {
|
||||
|
@ -199,6 +200,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|||
e.height(realWidth);
|
||||
e.css('font-size', (realWidth / 40) + 'px');
|
||||
|
||||
if (this.options.controls) {
|
||||
// on/off switch
|
||||
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" />');
|
||||
|
@ -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="white">Weiss</option>');
|
||||
e.after(themeChooser);
|
||||
}
|
||||
},
|
||||
_wireFunctionality: function() {
|
||||
var e = this.element;
|
||||
|
|
Loading…
Reference in a new issue