Merge branch 'feature/releaseready' of /var/lib/git/repositories/manuel/uhr into develop
This commit is contained in:
commit
ce4ccfbfa0
3 changed files with 85 additions and 17 deletions
72
README
Normal file
72
README
Normal file
|
@ -0,0 +1,72 @@
|
||||||
|
Bärneruhr
|
||||||
|
|
||||||
|
Du willst Bärneruhr auf deiner Website verwenden? Das geht ganz einfach.
|
||||||
|
|
||||||
|
1. Benötigte Dateien einbinden
|
||||||
|
|
||||||
|
Binde folgende Javascript-Dateien im HTML-Dokument ein:
|
||||||
|
- jquery-2.0.3.min.js (Falls nicht bereits vorhanden)
|
||||||
|
- jquery.cookie.js (Falls nicht bereits vorhanden)
|
||||||
|
- uhr.js
|
||||||
|
|
||||||
|
Binde mindestens eine der folgenden Javascript-Dateien im HTML ein, je nach dem, welche Sprachen deine Uhr unterstützen soll:
|
||||||
|
- uhr-de_CH.js
|
||||||
|
- uhr-de.js
|
||||||
|
- uhr-en.js
|
||||||
|
|
||||||
|
Binde folgende CSS-Dateien im HTML-Dokument ein:
|
||||||
|
- uhr.css
|
||||||
|
- uhr-black.css
|
||||||
|
- uhr-blue.css
|
||||||
|
- uhr-green.css
|
||||||
|
- uhr-red.css
|
||||||
|
- uhr-white.css
|
||||||
|
|
||||||
|
Die möglichen Themes (Farbschemata) sind im Moment noch hartcodiert, deshalb sollten alle Dateien eingebunden werden.
|
||||||
|
|
||||||
|
2. Uhr-Element im HTML-Dokument einfügen
|
||||||
|
|
||||||
|
Erstelle ein leeres <div> mit einer ID:
|
||||||
|
<div id="meineuhr"></div>
|
||||||
|
|
||||||
|
3. Uhr per Javascript konfigurieren
|
||||||
|
|
||||||
|
Initialisiere die Uhr mit einer einzigen Zeile Javascript:
|
||||||
|
new Uhr($('#meineuhr'));
|
||||||
|
|
||||||
|
Als Parameter wird ein jQuery-gewrapptes HTML-Element erwartet.
|
||||||
|
|
||||||
|
Dies erzeugt eine Uhr in der Standardkonfiguration. Das heisst:
|
||||||
|
- Breite ist 100% des Eltenelements
|
||||||
|
- Farbe ist Schwarz
|
||||||
|
- Sprache ist Bärndütsch
|
||||||
|
- Die Uhr ist eingeschaltet
|
||||||
|
|
||||||
|
Wie du diese Optionen ändern kannst, verrät der nächte Abschnitt
|
||||||
|
|
||||||
|
4. Weitere Optionen
|
||||||
|
Der Uhr()-Methode kann ein Options-Objekt mitgegeben werden:
|
||||||
|
new Uhr($('#uhrcontainer'), {
|
||||||
|
status: 'on', // 'on' oder 'off'
|
||||||
|
theme: 'red', // 'black', 'red', 'blue', 'green' oder 'white'
|
||||||
|
layout: 'en', // 'de_EC', 'de' oder 'en' (je nach eingebundenen Sprachdateien
|
||||||
|
width: '20em' // eine CSS-Grössenangabe
|
||||||
|
});
|
||||||
|
|
||||||
|
Viel Spass!
|
||||||
|
|
||||||
|
A. Lizenzbestimmungen
|
||||||
|
|
||||||
|
This program is free software: you can redistribute it and/or modify
|
||||||
|
it under the terms of the GNU General Public License as published by
|
||||||
|
the Free Software Foundation, either version 3 of the License, or
|
||||||
|
(at your option) any later version.
|
||||||
|
|
||||||
|
This program is distributed in the hope that it will be useful,
|
||||||
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
GNU General Public License for more details.
|
||||||
|
|
||||||
|
You should have received a copy of the GNU General Public License
|
||||||
|
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
|
|
@ -1,18 +1,18 @@
|
||||||
CACHE MANIFEST
|
CACHE MANIFEST
|
||||||
# 3.0.3
|
# 3.0.4
|
||||||
|
|
||||||
COPYING
|
COPYING
|
||||||
index.html
|
index.html
|
||||||
jquery-2.0.3.min.js
|
jquery-2.0.3.min.js
|
||||||
jquery.cookie.js
|
jquery.cookie.js
|
||||||
uhr-black.css
|
|
||||||
uhr-blue.css
|
|
||||||
uhr-de.js
|
|
||||||
uhr-de_CH.js
|
|
||||||
uhr-en.js
|
|
||||||
uhr-green.css
|
|
||||||
uhr-red.css
|
|
||||||
uhr-white.css
|
|
||||||
uhr.css
|
|
||||||
uhr.js
|
uhr.js
|
||||||
|
uhr-de_CH.js
|
||||||
|
uhr-de.js
|
||||||
|
uhr-en.js
|
||||||
|
uhr.css
|
||||||
|
uhr-black.css
|
||||||
|
uhr-red.css
|
||||||
|
uhr-blue.css
|
||||||
|
uhr-green.css
|
||||||
|
uhr-white.css
|
||||||
uhr.woff
|
uhr.woff
|
||||||
|
|
10
uhr.js
10
uhr.js
|
@ -21,7 +21,7 @@ function Uhr(clockarea, settings) {
|
||||||
this.id = Uhr.id++;
|
this.id = Uhr.id++;
|
||||||
this.timer = null;
|
this.timer = null;
|
||||||
this.currentTheme = null;
|
this.currentTheme = null;
|
||||||
this.currentLayout = Uhr.layouts['undefined'];
|
this.currentLayout = {};
|
||||||
this.currentMinute = -1;
|
this.currentMinute = -1;
|
||||||
this.initHTMLElements(clockarea, settings || {});
|
this.initHTMLElements(clockarea, settings || {});
|
||||||
}
|
}
|
||||||
|
@ -233,7 +233,8 @@ Uhr.prototype.initLayoutSwitch = function(defaultValue, overrideCookie) {
|
||||||
if (selectedLayout == undefined || (overrideCookie && (defaultValue != undefined))) {
|
if (selectedLayout == undefined || (overrideCookie && (defaultValue != undefined))) {
|
||||||
selectedLayout = defaultValue;
|
selectedLayout = defaultValue;
|
||||||
}
|
}
|
||||||
if (selectedLayout == undefined || selectedLayout == 'undefined') {
|
if (selectedLayout == undefined) {
|
||||||
|
// FIXME not nice, hardcoded default-value
|
||||||
selectedLayout = 'de_CH';
|
selectedLayout = 'de_CH';
|
||||||
}
|
}
|
||||||
this.layoutSwitch.val(selectedLayout);
|
this.layoutSwitch.val(selectedLayout);
|
||||||
|
@ -255,11 +256,6 @@ Uhr.prototype.initThemeSwitch = function(defaultValue, overrideCookie) {
|
||||||
this.setTheme(selectedTheme);
|
this.setTheme(selectedTheme);
|
||||||
}
|
}
|
||||||
|
|
||||||
Uhr.register('undefined', {
|
|
||||||
language: 'Please choose your language',
|
|
||||||
values: []
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Hilfsklasse zum Rendern der Uhr.
|
* Hilfsklasse zum Rendern der Uhr.
|
||||||
* @param layout Layout-Objekt, das gerendert werden soll.
|
* @param layout Layout-Objekt, das gerendert werden soll.
|
||||||
|
|
Loading…
Reference in a new issue