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…
	
	Add table
		Add a link
		
	
		Reference in a new issue