Menu
▾
▴
[Openautomation-svn] SF.net SVN: openautomation:[740] CometVisu/trunk/visu
|
From: <ma...@us...> - 2012-04-03 15:41:01
|
Revision: 740
http://openautomation.svn.sourceforge.net/openautomation/?rev=740&view=rev
Author: mayerch
Date: 2012-04-03 15:40:48 +0000 (Tue, 03 Apr 2012)
Log Message:
-----------
Preparation for cleaner file structure and automated build script:
* switch from big structure_pure.js to one file per widget
Modified Paths:
--------------
CometVisu/trunk/visu/index.html
Added Paths:
-----------
CometVisu/trunk/visu/structure/
CometVisu/trunk/visu/structure/pure/
CometVisu/trunk/visu/structure/pure/_common.js
CometVisu/trunk/visu/structure/pure/break.js
CometVisu/trunk/visu/structure/pure/group.js
CometVisu/trunk/visu/structure/pure/iframe.js
CometVisu/trunk/visu/structure/pure/image.js
CometVisu/trunk/visu/structure/pure/imagetrigger.js
CometVisu/trunk/visu/structure/pure/include.js
CometVisu/trunk/visu/structure/pure/info.js
CometVisu/trunk/visu/structure/pure/infotrigger.js
CometVisu/trunk/visu/structure/pure/line.js
CometVisu/trunk/visu/structure/pure/multitrigger.js
CometVisu/trunk/visu/structure/pure/page.js
CometVisu/trunk/visu/structure/pure/slide.js
CometVisu/trunk/visu/structure/pure/switch.js
CometVisu/trunk/visu/structure/pure/text.js
CometVisu/trunk/visu/structure/pure/toggle.js
CometVisu/trunk/visu/structure/pure/trigger.js
CometVisu/trunk/visu/structure/pure/unknown.js
CometVisu/trunk/visu/structure/pure/video.js
Removed Paths:
-------------
CometVisu/trunk/visu/designs/structure_pure.js
Deleted: CometVisu/trunk/visu/designs/structure_pure.js
===================================================================
--- CometVisu/trunk/visu/designs/structure_pure.js 2012-04-02 21:49:52 UTC (rev 739)
+++ CometVisu/trunk/visu/designs/structure_pure.js 2012-04-03 15:40:48 UTC (rev 740)
@@ -1,1450 +0,0 @@
-/* visudesign_pure.js (c) 2010 by Christian Mayer [CometVisu at ChristianMayer dot de]
- *
- * 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, write to the Free Software Foundation, Inc.,
- * 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA
- */
-
-/**
- * This module defines the widgets for the CometVisu visualisation.
- * @module Structure Pure
- * @title CometVisu Structure "pure"
-*/
-
-// Define ENUM of maturity levels for features, so that e.g. the editor can
-// ignore some widgets when they are not supported yet
-var Maturity = {
- release : 0,
- development : 1
-};
-
-/*
- * this function implements widget stylings
- *
- * implemented in: default_update, trigger-widget
- */
-$.fn.setWidgetStyling = function(value) {
- var styling = stylings[this.data('styling')];
- if (styling) {
- this.removeClass(styling['classnames']); // remove only styling classes
- if (styling[value]) { // fixed value
- this.addClass(styling[value]);
- } else { //
- value = parseFloat(value);
- var range = styling['range'];
- for( var min in range ) {
- if( min > value ) continue;
- if( range[min][0] < value ) continue; // check max
- this.addClass( range[min][1] );
- break;
- }
- }
- }
- return this;
-}
-
-/*
- * this function implements all widget layouts that are identical (JNK)
- *
- * implemented: rowspan, colspan
- */
-
-$.fn.setWidgetLayout = function(page) {
- this.data('colspan', page.attr('colspan') || $('head').data('colspanDefault'));
- if (page.attr('rowspan')) {
- this.data('rowspanClass', rowspanClass(page.attr('rowspan') || 1));
- this.addClass('innerrowspan');
- }
- return this;
- }
-
-/*
- * this function implements the widget label (JNK)
- */
-
-$.fn.makeWidgetLabel = function(page) {
- var labelElement = page.find('label')[0]; // get first label element
- if (labelElement) { // if exists, add it
- this.append($('<div class="label">' + labelElement.textContent + '</div>'));
- }
- return this;
-}
-
-/*
- * this function extracts all addresses with attributes (JNK)
- */
-
-function makeAddressList(page) {
- var address = {};
- page.find('address').each( function(){
- var src = this.textContent;
- var transform = this.getAttribute('transform');
- var readonly = this.getAttribute('readonly');
- var writeonly = this.getAttribute('writeonly');
- ga_list.push( src )
- address[ '_' + src ] = [ transform, readonly=='true', writeonly=='true' ];
- });
- return address;
-}
-
-/**
- * This class defines all the building blocks for a Visu in the "Pure" design
- * @class VisuDesign
- */
-
-function VisuDesign() {
- this.creators = {};
-
- this.addCreator = function (name, object) {
- this.creators[name] = object;
- }
-
- this.getCreator = function(name) {
- if (this.creators[name] === undefined) {
- return this.creators.unknown;
- }
- return this.creators[name];
- }
-
- this.popups = {};
-
- this.addPopup = function (name, object) {
- this.popups[name] = object;
- this.popups[name].type = name;
- }
-
- this.getPopup = function(name) {
- if (typeof this.popups[name] == undefined) {
- return this.popups.unknown;
- }
- return this.popups[name];
- }
-
- /*
- * The creators object contians all widgets creators and their mapping to the
- * XML config file tags
- */
- this.addCreator('page', {
- create: function( page, path, flavour ) {
- var $p = $(page);
-
- var address = {};
- if ($p.attr('ga')) {
- src = $p.attr('ga');
- ga_list.push($p.attr('ga'));
- address[ '_' + $p.attr('ga') ] = [ 'DPT:1.001', 0 ];
- }
-
- var pstyle = ( '0' != path ) ? 'display:none;' : ''; // subPage style
- var name = $p.attr('name');
- var type = $p.attr('type') || 'text'; //text, 2d or 3d
- var backdrop = $p.attr('backdrop');
- if( $p.attr('flavour') ) flavour = $p.attr('flavour');// sub design choice
- var wstyle = ''; // widget style
- if( $p.attr('align') ) wstyle += 'text-align:' + $p.attr('align') + ';';
- if( wstyle != '' ) wstyle = 'style="' + wstyle + '"';
-
- var ret_val;
-
- if ($p.attr('visible')=='false') {
- ret_val=$('');
- } else { // default is visible
- ret_val = $('<div class="widget clearfix link pagelink"/>');
- ret_val.setWidgetLayout($p);
- var tst = $('<div ' + wstyle + '><a href="javascript:scrollToPage(\''+path+'\')">' + name + '</a></div>');
-
- ret_val.append(tst );
- }
-
- var childs = $p.children();
- //var container = $( '<div class="clearfix" />' );
-
- var subpage = $( '<div class="page" id="' + path + '" style="'+pstyle+';"/>' );
- var $container = $( '<div class="clearfix" path="'+path+'" style="height:100%;position:relative;" />');
- for( var addr in address ) $container.bind( addr, this.update );
- var container=$container;
-
- container.append( '<h1>' + name + '</h1>' );
- if( '2d' == type )
- {
- container.append( '<embed src="' + backdrop + '" style="position: absolute; top: 0px; left: 0px;z-index:-1;width:100%;height:100%;"/>' );
- } else if( '3d' == type )
- {
- var floorplan = JSFloorPlan3D( container, backdrop );
- floorplan.moveToRoom( 'Underground', false, true, false );
- container.data( 'JSFloorPlan3D', floorplan );
- container.find('canvas').css({position: 'absolute', top: '0px', left: '0px', 'z-index':'-1', width:'100%',height:'100%'});
- subpage.click( {JSFloorPlan3D:floorplan,callback:function(event){
- var j = this.JSFloorPlan3D;
- j.moveToRoom( j.getState('showFloor'), event.room.room, true, true, function(){
- container.trigger( 'update3d', j );
- });
- }}, floorplan.translateMouseEvent );
- $(window).bind( 'resize', function(){ floorplan.resize($('.page').width(), $('.page').height(), true);} );
- if ($p.attr('azimut')) {
- ga_list.push($p.attr('azimut'));
- address[ '_' + $p.attr('azimut') ] = [ 'DPT:5.001', 0, 'azimut' ];
- container.bind( '_' + $p.attr('azimut'), this.update );
- }
- if ($p.attr('elevation')) {
- ga_list.push($p.attr('elevation'));
- address[ '_' + $p.attr('elevation') ] = [ 'DPT:5.001', 0, 'elevation' ];
- container.bind( '_' + $p.attr('elevation'), this.update );
- };
- if ($p.attr('floor')) {
- ga_list.push($p.attr('floor'));
- address[ '_' + $p.attr('floor') ] = [ 'DPT:5.004', 0, 'floor' ];
- container.bind( '_' + $p.attr('floor'), this.update );
- };
- container.data( 'address', address );
- }
- $( childs ).each( function(i){
- container.append( create_pages( childs[i], path + '_' + i, flavour, type ) );
- } );
- subpage.append(container);
- if( flavour ) subpage.addClass( 'flavour_' + flavour );
- $('#pages').prepend( subpage );
- return ret_val;
- },
- attributes: {
- name: { type: 'string', required: true },
- align: { type: 'string', required: false },
- flavour: { type: 'string', required: false },
- ga: { type: 'addr', required: false },
- visible: { type: 'string', required: false },
- type: { type: 'string', required: false },
- colspan: { type: 'numeric', required: false },
- rowspan: { type: 'numeric', required: false },
- backdrop: { type: 'string', required: false },
- azimut: { type: 'addr', required: false },
- elevation:{ type: 'addr', required: false },
- floor: { type: 'addr', required: false }
- },
- elements: {
- },
- update: function(e, data) {
- var element = $(this);
- var value = defaultValueHandling( e, data, element );
- var type = element.data().address[ e.type ][2];
- switch( type )
- {
- case 'azimut':
- element.data().JSFloorPlan3D.setState('currentAzimut', value, true);
- element.trigger( 'update3d', element.data().JSFloorPlan3D );
- break;
-
- case 'elevation':
- element.data().JSFloorPlan3D.setState('currentElevation', value, true);
- element.trigger( 'update3d', element.data().JSFloorPlan3D );
- break;
-
- case 'floor':
- element.data().JSFloorPlan3D.moveToRoom( value, false, true, true, function(){
- element.trigger( 'update3d', element.data().JSFloorPlan3D );
- });
- break;
-
- default:
- if (data==01) {
- scrollToPage(this.attributes.path.nodeValue);
- visu.write(e.type.substr(1), transformEncode("DPT:1.001", 0));
- }
- }
- },
- content: true
- });
-
- this.addCreator('include', {
- maturity: Maturity.development,
- create: function( page, path, flavour ) {
- var p = $.get( $(page).attr('src') );
- var p = $.ajax({
- url: $(page).attr('src'),
- dataType: 'xml',
- async: false
- });
- var child = (p.responseXML.childNodes[0]);
- return create_pages( child, path , flavour );
- },
- attributes: {
- src: { type: 'string', required: true }
- },
- elements: {
- },
- content: true
- });
-
- this.addCreator('group', {
- maturity: Maturity.development,
- create: function( page, path, flavour ) {
- var $p = $(page);
- var ret_val = $('<div class="widget clearfix group" />');
- if( $p.attr('flavour') ) flavour = $p.attr('flavour');// sub design choice
- var hstyle = ''; // heading style
- if( $p.attr('align') ) hstyle += 'text-align:' + $p.attr('align') + ';';
- if( hstyle != '' ) hstyle = 'style="' + hstyle + '"';
- ret_val.setWidgetLayout($p);
- if ($p.attr('nowidget')=='true') {
- ret_val.removeClass('widget');
- }
- var childs = $p.children();
- var container = $( '<div class="clearfix"/>' );
- if( $p.attr('name') ) container.append( '<h2 ' + hstyle + '>' + $p.attr('name') + '</h2>' );
- $( childs ).each( function(i){
- container.append( create_pages( childs[i], path + '_' + i, flavour ) );
- } );
- if( flavour ) ret_val.addClass( 'flavour_' + flavour );
- ret_val.append( container );
- return ret_val;
- },
- attributes: {
- align: { type: 'string', required: false },
- flavour: { type: 'string', required: false },
- colspan: { type: 'numeric', required: false },
- rowspan: { type: 'numeric', required: false },
- nowidget: {type: 'string', required: false },
- name: { type: 'string', required: true }
- },
- elements: {
- },
- content: true
- });
-
- this.addCreator('line', {
- create: function( page, path ) {
- return $( '<hr />' );
- },
- attributes: {
- },
- content: false
- });
-
- this.addCreator('break', {
- create: function( page, path ) {
- return $( '<br />' );
- },
- attributes: {
- },
- elements: {
- },
- content: false
- });
-
- this.addCreator('text', {
- create: function( page, path ) {
- var $p = $(page);
- var ret_val = $('<div class="widget clearfix text" />');
- ret_val.setWidgetLayout($p);
- var style = '';
- if( $p.attr('align') ) style += 'text-align:' + $p.attr('align') + ';';
- if( style != '' ) style = 'style="' + style + '"';
- ret_val.append( '<div ' + style + '>' + page.textContent + '</div>' );
- return ret_val;
- },
- attributes: {
- align: { type: 'string', required: false },
- colspan: { type: 'numeric', required: false },
- rowspan: { type: 'numeric', required: false }
- },
- elements: {
- },
- content: { type: 'string', required: true }
- });
-
- this.addCreator('info', {
- create: function( element, path, flavour, type ) {
- var $e = $(element);
- var layout = $e.find('layout')[0];
- var style = layout ? 'style="' + extractLayout( layout ) + '"' : '';
- var ret_val = $('<div class="widget clearfix info" ' + style + ' />');
- //type == '3d' && ret_val.data( extractLayout3d( layout ) ).bind( 'update3d', this.update3d );
- type == '3d' && $(document).bind( 'update3d', {element: ret_val, layout: extractLayout3d( layout )}, this.update3d );
-
- ret_val.setWidgetLayout($e).makeWidgetLabel($e);
- var address = makeAddressList($e);
-
- var actor = '<div class="actor"><div class="value">-</div></div>';
- var $actor = $(actor).data({
- 'address' : address,
- 'format' : $e.attr('format'),
- 'mapping' : $e.attr('mapping'),
- 'styling' : $e.attr('styling')
- });
- for( var addr in address ) $actor.bind( addr, this.update );
- ret_val.append( $actor );
- return ret_val;
- },
- update: defaultUpdate,
- update3d: defaultUpdate3d,
- attributes: {
- format: { type: 'format', required: false },
- mapping: { type: 'mapping', required: false },
- styling: { type: 'styling', required: false },
- colspan: { type: 'numeric', required: false },
- rowspan: { type: 'numeric', required: false }
- },
- elements: {
- label: { type: 'string', required: true, multi: false },
- address: { type: 'address', required: true, multi: true },
- layout: { type: 'layout', required: false, multi: false }
- },
- content: false
- });
-
- this.addCreator('slide', {
- create: function( page, path ) {
- var $p = $(page);
- var layout = $p.find('layout')[0];
- var style = layout ? 'style="' + extractLayout( layout ) + '"' : '';
- var ret_val = $('<div class="widget clearfix slide" ' + style + ' />');
- ret_val.setWidgetLayout($p).makeWidgetLabel($p);
- var address = {};
- var datatype_min = undefined;
- var datatype_max = undefined;
- $p.find('address').each( function(){
- var src = this.textContent;
- var transform = this.getAttribute('transform');
- var readonly = this.getAttribute('readonly');
- ga_list.push( src )
- address[ '_' + src ] = [ transform, readonly=='true' ];
- if( Transform[ transform ] && Transform[ transform ].range )
- {
- if( !( datatype_min > Transform[ transform ].range.min ) )
- datatype_min = Transform[ transform ].range.min;
- if( !( datatype_max < Transform[ transform ].range.max ) )
- datatype_max = Transform[ transform ].range.max;
- }
- });
- var actor = $('<div class="actor">');
- var min = parseFloat( $p.attr('min') || datatype_min || 0 );
- var max = parseFloat( $p.attr('max') || datatype_max || 100 );
- var step = parseFloat( $p.attr('step') || 0.5 );
- var $actor = $(actor).data({
- 'events': $(actor).data( 'events' ),
- 'address' : address,
- 'mapping' : $p.attr('mapping'),
- 'styling' : $p.attr('styling'),
- 'min' : min,
- 'max' : max,
- 'step' : step,
- 'type' : 'dim',
- 'valueInternal': true
- });
- for( var addr in address ) $actor.bind( addr, this.update );
- $actor.slider({
- step: step,
- min: min,
- max: max,
- animate: true,
- start: this.slideStart,
- change: this.slideChange
- });
- ret_val.append( $actor );
- return ret_val;
- },
- update: function( e, data ) {
- var element = $(this);
- var value = transformDecode( element.data().address[ e.type ][0], data );
- if( element.data( 'value' ) != value )
- {
- element.data( 'value', value );
- element.data( 'valueInternal', false );
- element.slider('value', value);
- element.data( 'valueInternal', true );
- }
- },
- /*
- * Start a thread that regularily sends the silder position to the bus
- */
- slideStart:function(event,ui)
- {
- var actor = $( '.actor', $(this).parent() );
- actor.data( 'valueInternal', true );
- actor.data( 'updateFn', setInterval( function(){
- var data = actor.data();
- if( data.value == actor.slider('value') ) return;
- var asv = actor.slider('value');
- for( var addr in data.address )
- {
- if( data.address[addr][1] == true ) continue; // skip read only
- var dv = transformEncode( data.address[addr][0], asv );
- if( dv != transformEncode( data.address[addr][0], data.value ) )
- visu.write( addr.substr(1), dv );
- }
- data.value = actor.slider('value');
- }, 250 ) ); // update KNX every 250 ms
- },
- /*
- * Delete the update thread and send the final value of the slider to the bus
- */
- slideChange:function(event,ui)
- {
- var data = $(this).data();
- clearInterval( data.updateFn, ui.value);
- if( data.valueInternal && data.value != ui.value )
- for( var addr in data.address )
- {
- if( data.address[addr][1] == true ) continue; // skip read only
- var uv = transformEncode( data.address[addr][0], ui.value );
- if( uv != transformEncode( data.address[addr][0], data.value ) )
- visu.write( addr.substr(1), uv );
- }
- },
- attributes: {
- min: { type: 'numeric', required: false },
- max: { type: 'numeric', required: false },
- step: { type: 'numeric', required: false },
- mapping: { type: 'mapping', required: false },
- styling: { type: 'styling', required: false },
- colspan: { type: 'numeric', required: false },
- rowspan: { type: 'numeric', required: false }
- },
- elements: {
- label: { type: 'string', required: true, multi: false },
- address: { type: 'address', required: true, multi: true },
- layout: { type: 'layout', required: false, multi: false }
- },
- content: false
- });
-
- this.addCreator('switch', {
- create: function( page, path ) {
- var $p = $(page);
- var ret_val = $('<div class="widget clearfix switch" />');
- ret_val.setWidgetLayout($p)
- var labelElement = $p.find('label')[0];
- var label = labelElement ? '<div class="label">' + labelElement.textContent + '</div>' : '';
- var address = makeAddressList($p);
- var actor = '<div class="actor switchUnpressed"><div class="value">-</div></div>';
- var $actor = $(actor).data( {
- 'address' : address,
- 'mapping' : $p.attr('mapping'),
- 'styling' : $p.attr('styling'),
- 'on_value' : $p.attr('on_value' ) || 1,
- 'off_value' : $p.attr('off_value') || 0,
- 'align' : $p.attr('align'),
- 'type' : 'switch'
- } ).bind( 'click', this.action );
- for( var addr in address )
- {
- if( !address[addr][2] ) $actor.bind( addr, this.update ); // no writeonly
- }
- ret_val.append( label ).append( $actor );
- return ret_val;
- },
- update: function(e,d) {
- var element = $(this);
- var value = defaultUpdate( e, d, element );
- var off = map( element.data( 'off_value' ), element );
- element.removeClass( value == off ? 'switchPressed' : 'switchUnpressed' );
- element.addClass( value == off ? 'switchUnpressed' : 'switchPressed' );
- },
- action: function() {
- var data = $(this).data();
- for( var addr in data.address )
- {
- if( data.address[addr][1] == true ) continue; // skip read only
- visu.write( addr.substr(1), transformEncode( data.address[addr][0], data.value == data.off_value ? data.on_value : data.off_value ) );
- }
- },
- attributes: {
- on_value: { type: 'string' , required: false },
- off_value: { type: 'string' , required: false },
- mapping: { type: 'mapping' , required: false },
- styling: { type: 'styling' , required: false },
- align: { type: 'string' , required: false },
- colspan: { type: 'numeric', required: false },
- rowspan: { type: 'numeric', required: false }
- },
- elements: {
- label: { type: 'string', required: true, multi: false },
- address: { type: 'address', required: true, multi: true }
- },
- content: false
- });
-
-
- this.addCreator('toggle', {
- create: function( page, path ) {
- var $p = $(page);
- var ret_val = $('<div class="widget clearfix toggle" />');
- ret_val.setWidgetLayout($p);
- var labelElement = $p.find('label')[0];
- var label = labelElement ? '<div class="label">' + labelElement.textContent + '</div>' : '';
- var address = makeAddressList($p);
- var actor = '<div class="actor switchUnpressed"><div class="value">-</div></div>';
- var $actor = $(actor).data( {
- 'address' : address,
- 'mapping' : $p.attr('mapping'),
- 'styling' : $p.attr('styling'),
- 'align' : $p.attr('align'),
- 'type' : 'switch'
- } ).bind( 'click', this.action );
- for( var addr in address ) $actor.bind( addr, this.update );
- ret_val.append( label ).append( $actor );
- return ret_val;
- },
- update: function(e,d) {
- var element = $(this);
- var value = defaultUpdate( e, d, element );
- element.addClass('switchUnpressed');
- },
- action: function() {
- var data = $(this).data();
- var element_count = 0;
- var next_element;
- var first_element;
- for(var e in mappings[data.mapping])
- if(mappings[data.mapping].hasOwnProperty(e))
- {
- element_count++;
- if (e > data.value && !next_element)
- next_element = e;
- if (!first_element)
- first_element = e;
- }
- sendValue = (next_element) ? next_element : first_element;
- for( var addr in data.address )
- {
- if( data.address[addr][1] == true ) continue; // skip read only
- visu.write( addr.substr(1), transformEncode( data.address[addr][0], sendValue ) );
- }
- },
- attributes: {
- mapping: { type: 'mapping' , required: false },
- styling: { type: 'styling' , required: false },
- align: { type: 'string' , required: false },
- colspan: { type: 'numeric', required: false },
- rowspan: { type: 'numeric', required: false }
- },
- elements: {
- label: { type: 'string', required: true, multi: false },
- address: { type: 'address', required: true, multi: true }
- },
- content: false
- });
-
- this.addCreator('multitrigger', {
- create: function( page, path ) {
- var $p = $(page);
- var ret_val = $('<div class="widget clearfix switch" />');
- ret_val.setWidgetLayout($p)
- var labelElement = $p.find('label')[0];
- var label = labelElement ? '<div class="label">' + labelElement.textContent + '</div>' : '';
- var address = makeAddressList($p);
- var showstatus = $p.attr("showstatus") || "false";
- ret_val.append( label );
- var buttons = $('<div style="float:left"/>');
- var buttonCount = 0;
- if( $p.attr('button1label') )
- {
- //buttonCount++;
- var actor = '<div class="actor switchUnpressed ';
- if ( $p.attr( 'align' ) )
- actor += $p.attr( 'align' );
- actor += '">';
-
- actor += '<div class="value">' + $p.attr('button1label') + '</div>';
- actor += '</div>';
- var $actor = $(actor).data( {
- 'address' : address,
- 'mapping' : $p.attr('mapping'),
- 'styling' : $p.attr('styling'),
- 'value' : $p.attr('button1value'),
- 'align' : $p.attr('align'),
- 'type' : 'switch'
- } ).bind( 'click', this.action );
- if( showstatus == "true" ) {
- for( var addr in address ) $actor.bind( addr, this.update );
- }
- buttons.append( $actor );
- if( 1 == (buttonCount++ % 2) ) buttons.append( $('<br/>') );
- }
- if( $p.attr('button2label') )
- {
- var actor = '<div class="actor switchUnpressed ';
- if ( $p.attr( 'align' ) )
- actor += $p.attr( 'align' );
- actor += '">';
- actor += '<div class="value">' + $p.attr('button2label') + '</div>';
- actor += '</div>';
- var $actor = $(actor).data( {
- 'address' : address,
- 'mapping' : $p.attr('mapping'),
- 'styling' : $p.attr('styling'),
- 'value' : $p.attr('button2value'),
- 'type' : 'switch',
- 'align' : $p.attr('align')
- } ).bind( 'click', this.action );
- if( showstatus == "true" ) {
- for( var addr in address ) $actor.bind( addr, this.update );
- }
- buttons.append( $actor );
- if( 1 == (buttonCount++ % 2) ) buttons.append( $('<br/>') );
- }
- if( $p.attr('button3label') )
- {
- var actor = '<div class="actor switchUnpressed ';
- if ( $p.attr( 'align' ) )
- actor += $p.attr( 'align' );
- actor += '">';
- actor += '<div class="value">' + $p.attr('button3label') + '</div>';
- actor += '</div>';
- var $actor = $(actor).data( {
- 'address' : address,
- 'mapping' : $p.attr('mapping'),
- 'styling' : $p.attr('styling'),
- 'value' : $p.attr('button3value'),
- 'type' : 'switch'
- } ).bind( 'click', this.action );
- if( showstatus == "true" ) {
- for( var addr in address ) $actor.bind( addr, this.update );
- }
- buttons.append( $actor );
- if( 1 == buttonCount++ % 2 ) buttons.append( $('<br/>') );
- }
- if( $p.attr('button4label') )
- {
- var actor = '<div class="actor switchUnpressed ';
- if ( $p.attr( 'align' ) )
- actor += $p.attr( 'align' );
- actor += '">';
- actor += '<div class="value">' + $p.attr('button4label') + '</div>';
- actor += '</div>';
- var $actor = $(actor).data( {
- 'address' : address,
- 'mapping' : $p.attr('mapping'),
- 'styling' : $p.attr('styling'),
- 'value' : $p.attr('button4value'),
- 'type' : 'switch',
- } ).bind( 'click', this.action );
- if( showstatus == "true" ) {
- for( var addr in address ) $actor.bind( addr, this.update );
- }
- buttons.append( $actor );
- if( 1 == buttonCount++ % 2 ) buttons.append( $('<br/>') );
- }
- //for( var addr in address ) $actor.bind( addr, this.update );
- // ret_val.append( label ).append( $actor );
- return ret_val.append( buttons );
- },
- update: function(e,d) {
- var element = $(this);
- //var value = defaultUpdate( e, d, element );
- var thisTransform = element.data().address[ e.type ][0];
- var value = transformDecode( element.data().address[ e.type ][0], d );
- element.removeClass( value == element.data().value ? 'switchUnpressed' : 'switchPressed' );
- element.addClass( value == element.data().value ? 'switchPressed' : 'switchUnpressed' );
- },
- action: function() {
- var data = $(this).data();
- for( var addr in data.address )
- {
- if( data.address[addr][1] == true ) continue; // skip read only
- visu.write( addr.substr(1), transformEncode( data.address[addr][0], data.value ) );
- }
- },
- attributes: {
- button1label: { type: 'string' , required: false },
- button1value: { type: 'string' , required: false },
- button2label: { type: 'string' , required: false },
- button2value: { type: 'string' , required: false },
- button3label: { type: 'string' , required: false },
- button3value: { type: 'string' , required: false },
- button4label: { type: 'string' , required: false },
- button4value: { type: 'string' , required: false },
- mapping: { type: 'mapping' , required: false },
- styling: { type: 'styling' , required: false },
- align: { type: 'string' , required: false },
- showstatus: { type: 'list' , required: true, list: {'true': "yes", 'false': "no"} },
- colspan: { type: 'numeric', required: false },
- rowspan: { type: 'numeric', required: false }
- },
- elements: {
- label: { type: 'string', required: false, multi: false },
- address: { type: 'address', required: true, multi: true }
- },
- content: false
- });
-
- this.addCreator('trigger', {
- create: function( page, path ) {
- var $p = $(page);
- var layout = $p.find('layout')[0];
- var style = layout ? 'style="' + extractLayout( layout ) + '"' : '';
- var value = $p.attr('value') ? $p.attr('value') : 0;
- var ret_val = $('<div class="widget clearfix switch" ' + style + ' />');
- ret_val.setWidgetLayout($p);
- var labelElement = $p.find('label')[0];
- var label = labelElement ? '<div class="label">' + labelElement.textContent + '</div>' : '';
- var address = makeAddressList($p);
- var actor = '<div class="actor switchUnpressed ';
- if ( $p.attr( 'align' ) )
- actor += $p.attr( 'align' );
- actor += '">';
- var map = $p.attr('mapping');
- if( mappings[map] && mappings[map][value] )
- actor += '<div class="value">' + mappings[map][value] + '</div>';
- else
- actor += '<div class="value">' + value + '</div>';
- actor += '</div>';
- var $actor = $(actor).data( {
- 'address' : address,
- 'mapping' : $(page).attr('mapping'),
- 'styling' : $(page).attr('styling'),
- 'type' : 'trigger',
- 'align' : $p.attr('align'),
- 'sendValue': value
- } ).bind( 'click', this.action ).bind( 'mousedown', function(){
- $(this).removeClass('switchUnpressed').addClass('switchPressed');
- } ).bind( 'mouseup mouseout', function(){ // not perfect but simple
- $(this).removeClass('switchPressed').addClass('switchUnpressed');
- } ).setWidgetStyling(value);
- ret_val.append( label ).append( $actor );
- return ret_val;
- },
- action: function() {
- var data = $(this).data();
- for( var addr in data.address )
- {
- if( data.address[addr][1] == true ) continue; // skip read only
- visu.write( addr.substr(1), transformEncode( data.address[addr][0], data.sendValue ) );
- }
- },
- attributes: {
- value: { type: 'string' , required: true },
- mapping: { type: 'mapping' , required: false },
- styling: { type: 'styling' , required: false },
- align: { type: 'string' , required: false },
- colspan: { type: 'numeric', required: false },
- rowspan: { type: 'numeric', required: false }
- },
- elements: {
- label: { type: 'string', required: true, multi: false },
- address: { type: 'address', required: true, multi: true },
- layout: { type: 'layout', required: false, multi: false }
- },
- content: false
- });
-
- this.addCreator('image', {
- create: function( page, path ) {
- var $p = $(page);
- var ret_val = $('<div class="widget clearfix image" />');
- ret_val.setWidgetLayout($p);
- var labelElement = $p.find('label')[0];
- ret_val.append( labelElement ? '<div class="label">' + labelElement.textContent + '</div>' : '' );
- var style = '';
- if( $p.attr('width' ) ) {
- style += 'width:' + $p.attr('width' ) + ';';
- } else {
- style += 'width: 100%;';
- }
- if( $p.attr('height') ) style += 'height:' + $p.attr('height') + ';';
- if( style != '' ) style = 'style="' + style + '"';
- var actor = '<div class="actor"><img src="' +$p.attr('src') + '" ' + style + ' /></div>';
- var refresh = $p.attr('refresh') ? $p.attr('refresh')*1000 : 0;
- ret_val.append( $(actor).data( {
- 'refresh': refresh
- } ).each(setupRefreshAction) ); // abuse "each" to call in context...
- return ret_val;
- },
- attributes: {
- src: { type: 'uri' , required: true },
- width: { type: 'string' , required: false },
- height: { type: 'string' , required: false },
- refresh: { type: 'numeric', required: false },
- colspan: { type: 'numeric', required: false },
- rowspan: { type: 'numeric', required: false }
- },
- elements: {
- label: { type: 'string', required: false, multi: false }
- },
- content: false
- });
-
- this.addCreator("imagetrigger", {
- create: function( page, path ) {
- var $p = $(page);
- var ret_val = $('<div class="widget clearfix image" />');
- ret_val.setWidgetLayout($p);
- ret_val.addClass ('imagetrigger');
- var value = $p.attr('value') ? $p.attr('value') : 0;
- var labelElement = $p.find('label')[0];
- ret_val.append( labelElement ? '<div class="label">' + labelElement.textContent + '</div>' : '' );
- var address = {};
- $p.find('address').each( function(){
- var src = this.textContent;
- ga_list.push( src )
- address[ '_' + src ] = [
- this.getAttribute('transform'), {
- 'readonly' : this.getAttribute('readonly'),
- 'writeonly' : this.getAttribute('writeonly')
- }
- ];
- });
- var style = ' style=" ';
- style += $p.attr('width' ) ? 'width:' + $p.attr('width' ) + ';' : 'width: 100%;';
- style += $p.attr('height' ) ? 'height:' + $p.attr('height' ) + ';"' : '"';
-
- var actor = '<div class="actor">';
- if ( $p.attr('type')=='show' )
- actor += '<img src="' + $p.attr('src') + '.' + $p.attr('suffix') + '" ' + style + ' />';
- else
- actor += '<img src="" ' + style + ' />';
- actor += '</div>';
-
- actor += '</div>';
- var refresh = $p.attr('refresh') ? $p.attr('refresh')*1000 : 0;
- var $actor = $(actor).data( {
- 'address': address,
- 'refresh': refresh,
- 'src': $p.attr('src'),
- 'suffix': $p.attr('suffix'),
- 'type': $p.attr('type'),
- 'mapping': map,
- 'sendValue': $p.attr('sendValue') || ""
- } )
- .each(setupRefreshAction) // abuse "each" to call in context... refresh is broken with select right now
- .bind( 'click', this.action );
- for( var addr in address ) {
- $actor.bind( addr, this.update );
- }
- ret_val.append( $actor );
- return ret_val;
- },
- update: function(e,d) {
- var data = $(this).data();
- if ( data.address[e.type][1].writeonly == "true")
- return; // skip writeonly FIXME: writeonly shouldnt bind to update at all
- var val = transformDecode(data.address[e.type][0], d);
- if (data.type == "show")
- if (val == 0)
- $(this).children().hide();
- else
- $(this).children().attr("src", data.src + '.' + data.suffix ).show();
- else if (data.type == "select")
- if (val == 0)
- $(this).children().hide();
- else
- $(this).children().attr("src", data.src + val + '.' + data.suffix ).show();
-
- //FIXME: add value if mapping exists
- //FIXME: get image name from mapping
- //FIXME: add bitmask for multiple images
- //FIXME: add SVG-magics
- },
- action: function() {
- var data = $(this).data();
- sendValue = data.sendValue;
- for( var addr in data.address ) {
- if( data.address[addr][1].readonly == "true" )
- continue; // skip read only
- if( data.sendValue == "" )
- continue; // skip empty
- visu.write( addr.substr(1), transformEncode( data.address[addr][0], sendValue ) );
- }
- },
- attributes: {
- src: { type: 'uri' , required: true },
- width: { type: 'string' , required: false },
- height: { type: 'string' , required: false },
- refresh: { type: 'numeric', required: false },
- colspan: { type: 'numeric', required: false },
- rowspan: { type: 'numeric', required: false },
- sendValue: { type: 'numeric', required: false },
- type: { type: 'list' , required: true, list: {'show': 'show', 'select': 'select' /* , 'bitmask': 'bitmask' */ } },
- mapping: { type: 'mapping', required: false },
- suffix: { type: 'list' , required: false, list: {'png': '.png', 'jpg': '.jpg', 'gif': '.gif', 'svg': '.svg', 'bmp': '.bmp'} }
- },
- elements: {
- label: { type: 'string', required: false, multi: false },
- address: { type: 'address', required: true, multi: true }
- },
- content: false
- });
-
- this.addCreator('video', {
- create: function( page, path ) {
- var $p = $(page);
- var ret_val = $('<div class="widget clearfix video" />');
- ret_val.setWidgetLayout($p);
- var labelElement = $p.find('label')[0];
- ret_val.append( labelElement ? '<div class="label">' + labelElement.textContent + '</div>' : '' );
- var autoplay = ($p.attr('autoplay') && $p.attr('autoplay')=='true') ? ' autoplay="autoplay"' : '';
- var style = '';
- if( $p.attr('width' ) ) style += 'width:' + $p.attr('width' ) + ';';
- if( $p.attr('height') ) style += 'height:' + $p.attr('height') + ';';
- if( style != '' ) style = 'style="' + style + '"';
- var actor = '<div class="actor"><video src="' +$p.attr('src') + '" ' + style + autoplay + ' controls="controls" /></div>';
- ret_val.append( $(actor).data( {} ) );
- return ret_val;
- },
- attributes: {
- src: { type: 'uri' , required: true },
- width: { type: 'string' , required: false },
- height: { type: 'string' , required: false },
- autoplay:{ type: 'list' , required: true, list: {'true': "yes", 'false': "no"} },
- colspan: { type: 'numeric', required: false },
- rowspan: { type: 'numeric', required: false }
- },
- elements: {
- label: { type: 'string', required: false, multi: false }
- },
- content: false
- });
-
- this.addCreator('iframe', {
- create: function( page, path ) {
- var $p = $(page);
- var ret_val = $('<div class="widget iframe" />');
- ret_val.setWidgetLayout($p);
- ret_val.append( '<div class="label">' + page.textContent + '</div>' );
- var style = '';
- if( $p.attr('width' ) ) {
- style += 'width:' + $p.attr('width' ) + ';';
- } else { // default width is 100% of widget space (fix bug #3175343 part 1)
- style += 'width: 100%;';
- }
- if( $p.attr('height') ) style += 'height:' + $p.attr('height') + ';';
- if( $p.attr('frameborder') == "false" ) style += 'border: 0px ;';
- if( $p.attr('background') ) style += 'background-color:' + $p.attr('background') + ';';
- if( style != '' ) style = 'style="' + style + '"';
- var actor = '<div class="actor"><iframe src="' +$p.attr('src') + '" ' + style + '></iframe></div>';
-
- var refresh = $p.attr('refresh') ? $p.attr('refresh')*1000 : 0;
- ret_val.append( $(actor).data( {
- 'refresh': refresh
- } ).each(setupRefreshAction) ); // abuse "each" to call in context...
- return ret_val;
- },
- attributes: {
- src: { type: 'uri' , required: true },
- width: { type: 'string', required: false },
- height: { type: 'string', required: false },
- frameborder: { type: 'list' , required: false, list: {'true': "yes", 'false': "no"} },
- background: { type: 'string', required: false },
- refresh: { type: 'numeric', required: false },
- colspan: { type: 'numeric', required: false },
- rowspan: { type: 'numeric', required: false }
- },
- elements: {
- label: { type: 'string', required: false, multi: false }
- },
- content: false
- });
-
- this.addCreator('infotrigger', {
- create: function( page, path ) {
- var $p = $(page);
- var ret_val = $('<div class="widget clearfix switch" />');
- ret_val.setWidgetLayout($p);
- // handle label
- var labelElement = $p.find('label')[0];
- var label = labelElement ? '<div class="label">' + labelElement.textContent + '</div>' : '';
- ret_val.append( label );
-
- // handle addresses
- var address = {};
- $p.find('address').each( function(){
- var src = this.textContent;
- var transform = this.getAttribute('transform');
- var readonly = this.getAttribute('readonly' ) == 'true';
- var isButton = this.getAttribute('variant' ) == 'button';
- address[ '_' + src ] = [ transform, readonly, isButton ];
- if( !isButton ) { // no need to listen to relative address
- ga_list.push( src );
- };
- });
-
- // create buttons + info
- var buttons = $('<div style="float:left;"/>');
- var buttonCount = 2;
-
- var actordown = '<div class="actor switchUnpressed '
- if ( $p.attr( 'align' ) )
- actordown += $p.attr( 'align' );
- actordown += '">';
- actordown += '<div class="value">' + ($p.attr('downlabel') ? $p.attr('downlabel') : '-') + '</div>';
- actordown += '</div>';
- var $actordown = $(actordown).data( {
- 'address' : address,
- 'mapping' : $p.attr('mapping'),
- 'styling' : $p.attr('styling'),
- 'value' : $p.attr('downvalue') || 0,
- 'align' : $p.attr('align'),
- 'change' : $p.attr('change') || 'relative',
- 'min' : parseFloat($p.attr('min')) || 0,
- 'max' : parseFloat($p.attr('max')) || 255,
- 'type' : 'switch'
- } ).bind( 'click', this.action ).bind( 'mousedown', function(){
- $(this).removeClass('switchUnpressed').addClass('switchPressed');
- } ).bind( 'mouseup mouseout', function(){ // not perfect but simple
- $(this).removeClass('switchPressed').addClass('switchUnpressed');
- } );
-
- var actorup = '<div class="actor switchUnpressed '
- if ( $p.attr( 'align' ) )
- actorup += $p.attr( 'align' );
- actorup += '">';
- actorup += '<div class="value">' + ($p.attr('uplabel') ? $p.attr('uplabel') : '+') + '</div>';
- actorup += '</div>';
- var $actorup = $(actorup).data( {
- 'address' : address,
- 'mapping' : $p.attr('mapping'),
- 'styling' : $p.attr('styling'),
- 'value' : $p.attr('upvalue') || 1,
- 'align' : $p.attr('align'),
- 'change' : $p.attr('change') || 'relative',
- 'min' : parseFloat($p.attr('min')) || 0,
- 'max' : parseFloat($p.attr('max')) || 255,
- 'type' : 'switch'
- } ).bind( 'click', this.action ).bind( 'mousedown', function(){
- $(this).removeClass('switchUnpressed').addClass('switchPressed');
- } ).bind( 'mouseup mouseout', function(){ // not perfect but simple
- $(this).removeClass('switchPressed').addClass('switchUnpressed');
- } );
-
- var actorinfo = '<div class="actor switchInvisible" ';
- if ( $p.attr( 'align' ) )
- actorinfo += 'style="text-align: '+$p.attr( 'align' )+'" ';
- actorinfo += '" ><div class="value">-</div></div>';
- var $actorinfo = $(actorinfo).data({
- 'address' : address,
- 'format' : $p.attr('format'),
- 'mapping' : $p.attr('mapping'),
- 'styling' : $p.attr('styling'),
- 'align' : $p.attr('align'),
- });
- for( var addr in address )
- {
- if( !address[addr][2] ) // if NOT relative
- $actorinfo.bind( addr, this.update );
- }
-
- if ( $p.attr('infoposition' )==1 ) {
- buttons.append( $actordown );
- buttons.append( $actorinfo );
- buttons.append( $actorup );
- } else if ( $p.attr('infoposition' )==2 ) {
- buttons.append( $actordown );
- buttons.append( $actorup );
- buttons.append( $actorinfo );
- } else {
- buttons.append( $actorinfo );
- buttons.append( $actordown );
- buttons.append( $actorup );
- }
-
- ret_val.append( buttons );
- return ret_val;
- },
-
- update: function(e,d) {
- var element = $(this);
- var value = defaultUpdate( e, d, element );
- element.addClass('switchInvisible');
- },
- action: function() {
- var data = $(this).data();
- var value = data.value;
- var relative = ( data.change != 'absolute' );
- if( !relative )
- {
- value = parseFloat($(this).parent().find('.switchInvisible').data('basicvalue'));
- value = value + parseFloat(data.value);
- if (value < data.min ) value = data.min;
- if( value > data.max ) value = data.max;
- }
- for( var addr in data.address )
- {
- if( data.address[addr][1] == true ) continue; // skip read only
- if( data.address[addr][2] != relative ) continue; // skip when address mode doesn't fit action mode
- visu.write( addr.substr(1), transformEncode( data.address[addr][0], value ) );
- }
- },
- attributes: {
- uplabel: { type: 'string' , required: false },
- upvalue: { type: 'string' , required: false },
- downlabel: { type: 'string' , required: false },
- downvalue: { type: 'string' , required: false },
- mapping: { type: 'mapping' , required: false },
- styling: { type: 'styling' , required: false },
- align: { type: 'string' , required: false },
- infoposition: { type: 'list' , required: true , list: {0: 'Info/Down/Up', 1: 'Down/Info/Up', 2: 'Down/Up/Info'} },
- format: { type: 'string' , required: false },
- change: { type: 'list' , required: false , list: {'relative': 'Send relative/delta values', 'absolute': 'Send absolute values'} },
- min: { type: 'numeric' , required: false },
- max: { type: 'numeric' , required: false },
- colspan: { type: 'numeric', required: false },
- rowspan: { type: 'numeric', required: false }
- },
- elements: {
- label: { type: 'string', required: false, multi: false },
- address: { type: 'address', required: true, multi: true, options: {variant: ['', 'isbutton']} }
- },
- content: false
- });
-
- this.addCreator('unknown', {
- create: function( page, path ) {
- var ret_val = $('<div class="widget clearfix" />');
- ret_val.append( '<pre>unknown: ' + page.nodeName + '</pre>' );
- return ret_val;
- },
- attributes: {
- },
- content: {type: 'string', required: true}
- });
-
- this.addPopup('unknown', {
- create: function( attributes ) {
- var repositon = false;
- var ret_val = $('<div class="popup" style="display:none"/><div class="popup_background" style="display:none" />').appendTo('body');
- ret_val.addClass( this.type );
-
- if (attributes.title) {
- ret_val.filter(".popup").append( $('<div class="head" />').append(attributes.title));
- }
-
- if( attributes.content) {
- ret_val.filter(".popup").append( $('<div class="main" />').append(attributes.content));
- }
-
- if( attributes.width ) {
- ret_val.width( attributes.width );
- reposition = true;
- }
-
- if( attributes.height ) {
- ret_val.height( attributes.height );
- reposition = true;
- }
-
- var anchor = {x: -1, y: -1, w: 0, h: 0};
- var align;
- if( attributes.position )
- {
- if( attributes.position.offset )
- {
- var offset = attributes.position.offset();
- anchor.x = offset.left;
- anchor.y = offset.top;
- anchor.w = attributes.position.width();
- anchor.h = attributes.position.height();
- } else {
- if( attributes.position.hasOwnProperty('x') ) anchor.x = attributes.position.x;
- if( attributes.position.hasOwnProperty('y') ) anchor.y = attributes.position.y;
- if( attributes.position.hasOwnProperty('w') ) anchor.w = attributes.position.w;
- if( attributes.position.hasOwnProperty('h') ) anchor.h = attributes.position.h;
- if( anchor.w == 0 && anchor.h == 0 ) align = 5;
- }
- }
- if( attributes.align !== undefined ) align = attributes.align;
- var placement = placementStrategy(
- anchor,
- { w:ret_val.outerWidth(), h:ret_val.outerHeight() },
- { w:$(window).width() , h:$(window).height() },
- align
- );
- ret_val.css( 'left', placement.x );
- ret_val.css( 'top' , placement.y );
-
- ret_val.bind("click", function() {
- ret_val.remove();
- return false;
- });
-
- ret_val.css( 'display', 'block' );
- return ret_val;
- },
- attributes: {
- title: {type: 'string', required: false},
- content: {type: 'string', required: false},
- width: {type: 'string', required: false},
- height: {type: 'string', required: false},
- position: {type: 'object', required: false} // either {x:,y:} or an jQuery object
- }
- });
-
- this.addPopup('info' , $.extend(true, {}, this.getPopup('unknown')) );
- this.addPopup('warning', $.extend(true, {}, this.getPopup('unknown')) );
- this.addPopup('error' , $.extend(true, {}, this.getPopup('unknown')) ) ;
-
- this.slideAction = function(event,ui) {
- //alert(ui.value);
- var now = new Date().getTime();
- var data = $( '.actor', $(this).parent() ).data();
- if( data.last && (now - data.last) < 1000 ) return; // too fast => early exit
- $( '.actor', $(this).parent() ).data( 'last', now );
- //$(this).parent().data();
- // alert( data.GA + ' = ' + data.value );
- //visu.write( data.GA, data.value=='1' ? '0' : '1', data.datatype );
- //FIXME eigentlich richtig... visu.write( data.GA, ui.value, data.datatype );
- }
-
- /**
- * Setup a refresh interval in seconds if the 'refresh' in the .data()
- * ist bigger than 0
- */
- this.refreshAction = function(that) {
- var data = $(this).data();
- alert('this.refreshAction');
- }
-};
-
-/*
- * Figure out best placement of popup.
- * A preference can optionally be passed. The position is that of the numbers
- * on the numeric keypad. I.e. a value of "6" means centered above the anchor.
- * A value of "0" means centered to the page
- */
-function placementStrategy( anchor, popup, page, preference )
-{
- var position_order = [ 8, 2, 6, 4, 9, 3, 7, 1, 5, 0 ];
- if( preference !== undefined ) position_order.unshift( preference );
-
- for( pos in position_order )
- {
- var xy = {};
- switch(position_order[pos])
- {
- case 0: // page center - will allways work
- return { x: (page.w-popup.w)/2, y: (page.h-popup.h)/2 };
-
- case 1:
- xy.x = anchor.x - popup.w;
- xy.y = anchor.y + anchor.h;
- break;
-
- case 2:
- xy.x = anchor.x + anchor.w/2 - popup.w/2;
- xy.y = anchor.y + anchor.h;
- break;
-
- case 3:
- xy.x = anchor.x + anchor.w;
- xy.y = anchor.y + anchor.h;
- break;
-
- case 4:
- xy.x = anchor.x - popup.w;
- xy.y = anchor.y + anchor.h/2 - popup.h/2;
- break;
-
- case 5:
- xy.x = anchor.x + anchor.w/2 - popup.w/2;
- xy.y = anchor.y + anchor.h/2 - popup.h/2;
- break;
-
- case 6:
- xy.x = anchor.x + anchor.w;
- xy.y = anchor.y + anchor.h/2 - popup.h/2;
- break;
-
- case 7:
- xy.x = anchor.x - popup.w;
- xy.y = anchor.y - popup.h;
- break;
-
- case 8:
- xy.x = anchor.x + anchor.w/2 - popup.w/2;
- xy.y = anchor.y - popup.h;
- break;
-
- case 9:
- xy.x = anchor.x + anchor.w;
- xy.y = anchor.y - popup.h;
- break;
- }
-
- // test if that solution is valid
- if( xy.x >= 0 && xy.y >= 0 && xy.x+popup.w<=page.w && xy.y+popup.h<=page.h )
- return xy;
- }
-
- return { x: 0, y: 0 }; // sanity return
-}
-
-function defaultValueHandling( e, data, passedElement )
-{
- var element = passedElement || $(this);
- var thisTransform = element.data().address[ e.type ][0];
- var value = transformDecode( element.data().address[ e.type ][0], data );
-
- element.data( 'basicvalue', value );
- if( element.data( 'precision' ) )
- value = Number( value ).toPrecision( element.data( 'precision' ) );
- if( element.data( 'format' ) )
- value = sprintf( element.data( 'format' ), value );
- element.data( 'value', value );
- value = map( value, element );
- if( value.constructor == Date )
- {
- switch( thisTransform ) // special case for KNX
- {
- case 'DPT:10.001':
- value = value.toLocaleTimeString();
- break;
- case 'DPT:11.001':
- value = value.toLocaleDateString();
- break;
- }
- }
- return value;
-}
-
-function defaultUpdate( e, data, passedElement )
-{
-// var value = defaultValueHandling( e, data, passedElement )
- var element = passedElement || $(this);
- var value = defaultValueHandling( e, data, element );
-
- element.setWidgetStyling( element.data( 'basicvalue' ) );
-
- if( element.data( 'align' ) )
- element.addClass(element.data( 'align' ) );
-
- element.find('.value').text( value );
-
- return value;
-}
-
-function defaultUpdate3d( e, data, passedElement )
-{
- //var element = passedElement || $(this);
- var l = e.data.layout;
- var pos = data.building2screen( new THREE.Vector3( l.x, l.y, l.z ) );
- e.data.element.css( 'left', pos.x + 'px' );
- e.data.element.css( 'top' , pos.y + 'px' );
- //console.log( e, data, e.data, pos.x, pos.y );
-}
-
-function extractLayout( layout )
-{
- var ret_val = 'position:absolute;';
- if( layout.getAttribute('x' ) ) ret_val += 'left:' + layout.getAttribute('x' ) + ';';
- if( layout.getAttribute('y' ) ) ret_val += 'top:' + layout.getAttribute('y' ) + ';';
- if( layout.getAttribute('width') ) ret_val += 'width:' + layout.getAttribute('width') + ';';
- return ret_val;
-}
-
-function extractLayout3d( layout )
-{
- var ret_val = {};
- if( layout.getAttribute('x' ) ) ret_val.x = layout.getAttribute('x' );
- if( layout.getAttribute('y' ) ) ret_val.y = layout.getAttribute('y' );
- if( layout.getAttribute('z' ) ) ret_val.z = layout.getAttribute('z' );
- if( layout.getAttribute('floor') ) ret_val.floor = layout.getAttribute('floor');
- return ret_val;
-}
\ No newline at end of file
Modified: CometVisu/trunk/visu/index.html
===================================================================
--- CometVisu/trunk/visu/index.html 2012-04-02 21:49:52 UTC (rev 739)
+++ CometVisu/trunk/visu/index.html 2012-04-03 15:40:48 UTC (rev 740)
@@ -17,8 +17,28 @@
<script src="dependencies/jquery.svg.min.js" type="text/javascript"></script>
<script src="lib/cometvisu-client.js" type="text/javascript"></script>
<script src="lib/knx_decode.js" type="text/javascript"></script>
- <script src="designs/structure_pure.js" type="text/javascript"></script>
+ <!-- Load the widgets: start -->
+ <script src="structure/pure/_common.js" type="text/javascript"></script>
+ <script src="structure/pure/break.js" type="text/javascript"></script>
+ <script src="structure/pure/group.js" type="text/javascript"></script>
+ <script src="structure/pure/iframe.js" type="text/javascript"></script>
+ <script src="structure/pure/image.js" type="text/javascript"></script>
+ <script src="structure/pure/imagetrigger.js" type="text/javascript"></script>
+ <script src="structure/pure/include.js" type="text/javascript"></script>
+ <script src="structure/pure/info.js" type="text/javascript"></script>
+ <script src="structure/pure/infotrigger.js" type="text/javascript"></script>
+ <script src="structure/pure/line.js" type="text/javascript"></script>
+ <script src="structure/pure/multitrigger.js" type="text/javascript"></script>
+ <script src="structure/pure/page.js" type="text/javascript"></script>
+ <script src="structure/pure/slide.js" type="text/javascript"></script>
+ <script src="structure/pure/switch.js" type="text/javascript"></script>
+ <script src="structure/pure/text.js" type="text/javascript"></script>
+ <script src="structure/pure/toggle.js" type="text/javascript"></script>
+ <script src="structure/pure/trigger.js" type="text/javascript"></script>
+ <script src="structure/pure/unknown.js" type="text/javascript"></script>
+ <script src="structure/pure/video.js" type="text/javascript"></script>
<script src="designs/structure_custom.js" type="text/javascript"></script>
+ <!-- Load the widgets: end -->
<script src="lib/templateengine.js" type="text/javascript"></script>
<script src="transforms/transform_default.js" type="text/javascript"></script>
<script src="transforms/transform_knx.js" type="text/javascript"></script>
Added: CometVisu/trunk/visu/structure/pure/_common.js
===================================================================
--- CometVisu/trunk/visu/structure/pure/_common.js (rev 0)
+++ CometVisu/trunk/visu/structure/pure/_common.js 2012-...
[truncated message content] |
