[Openautomation-svn] SF.net SVN: openautomation:[726] CometVisu/trunk/visu/designs/ structure_pure.js

[<j-...@us...>]

Revision: 726
          http://openautomation.svn.sourceforge.net/openautomation/?rev=726&view=rev
Author:   j-n-k
Date:     2012-03-11 19:52:14 +0000 (Sun, 11 Mar 2012)
Log Message:
-----------
Restored imagetrigger (accidentally removed in Rev. 695)

Modified Paths:
--------------
    CometVisu/trunk/visu/designs/structure_pure.js

Modified: CometVisu/trunk/visu/designs/structure_pure.js
===================================================================
--- CometVisu/trunk/visu/designs/structure_pure.js	2012-03-11 16:34:34 UTC (rev 725)
+++ CometVisu/trunk/visu/designs/structure_pure.js	2012-03-11 19:52:14 UTC (rev 726)
@@ -852,7 +852,108 @@
     },
     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);

This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.