- Timestamp:
- 11/11/08 12:51:21 (8 weeks ago)
- Location:
- branches/iclerencia/dashboard/client/ebox/src
- Files:
-
- 1 added
- 3 modified
- 1 copied
-
EBox/CGI/Dashboard/Widget.pm (modified) (1 diff)
-
templates/dashboard/configurewidgets.mas (modified) (3 diffs)
-
templates/dashboard/index.mas (modified) (2 diffs)
-
templates/dashboard/widget.mas (added)
-
templates/dashboard/widgetcontent.mas (copied) (copied from branches/iclerencia/dashboard/client/ebox/src/templates/dashboard/widget.mas) (2 diffs, 1 prop)
Legend:
- Unmodified
- Added
- Removed
-
branches/iclerencia/dashboard/client/ebox/src/EBox/CGI/Dashboard/Widget.pm
r11594 r11625 31 31 my $class = shift; 32 32 my $self = $class->SUPER::new(@_, 33 'template' => '/dashboard/widget .mas');33 'template' => '/dashboard/widgetcontent.mas'); 34 34 bless($self, $class); 35 35 return $self; -
branches/iclerencia/dashboard/client/ebox/src/templates/dashboard/configurewidgets.mas
r11610 r11625 11 11 12 12 modules = <% $js %>; 13 14 widget = function(m,w) {15 str = "<div class='widgetBox' id='widget_" + m + ":" + w["name"] + "'>" +16 "<div class='widgetTopBar'>" +17 "<div class='widgetTopBackground'></div>" +18 "<div class='widgetHandle'></div>" +19 "<div class='widgetName'>" + w["title"] + "</div>" +20 "</div>" +21 "</div>";22 return str;23 }24 13 25 14 showModuleWidgets = function(module) { … … 53 42 var widname = widgets[j]["name"]; 54 43 var wid = "widget_" + module + ":" + widname; 55 new Draggable(wid, {56 onStart: function( ) {44 var drag = new Draggable(wid, { 45 onStart: function(d) { 57 46 if(!this.loaded) { 58 new Ajax.Updater(wid, '/ebox/Dashboard/Widget?module=' + 59 module + '&widget=' + widname, { 47 new Ajax.Updater(d.element.id, 48 '/ebox/Dashboard/Widget?module=' + 49 d.module + '&widget=' + d.widget, { 60 50 method: 'get', 61 51 onComplete: function() { … … 67 57 } 68 58 }, 69 onEnd: function() { 70 var el = $(wid); 71 var left_offset = parseInt(el.getStyle('left')); 72 var top_offset = parseInt(el.getStyle('top')); 59 onEnd: function(d) { 60 var left_offset = parseInt(d.element.getStyle('left')); 61 var top_offset = parseInt(d.element.getStyle('top')); 73 62 var dur = Math.sqrt(Math.abs(top_offset^2)+Math.abs(left_offset^2))*0.02; 74 new Effect.Move( wid, { x: -left_offset, y: -top_offset, duration: dur});63 new Effect.Move(d.element.id, { x: -left_offset, y: -top_offset, duration: dur}); 75 64 } 76 65 }); 66 drag.module = module; 67 drag.widget = widname; 77 68 } 78 69 } -
branches/iclerencia/dashboard/client/ebox/src/templates/dashboard/index.mas
r11610 r11625 14 14 <script type="text/javascript" src="/data/js/table-helper.js">//</script> 15 15 <script type="text/javascript"> 16 17 widget = function(m,w) { 18 str = "<div class='widgetBox' id='widget_" + m + ":" + w["name"] + "'>" + 19 "<div class='widgetTopBar'>" + 20 "<div class='widgetTopBackground'></div>" + 21 "<div class='widgetHandle'></div>" + 22 "<div class='widgetName'>" + w["title"] + "</div>" + 23 "</div>" + 24 "</div>"; 25 return str; 26 } 27 16 28 function toggleClose() 17 29 { … … 24 36 function configureWidgets() 25 37 { 26 % foreach my $i (1..2) {27 Sortable.destroy("dashboard<% $i %>");28 % }29 38 Modalbox.show('/ebox/Dashboard/ConfigureWidgets', { 30 39 title: '<% __("Configure widgets") %>', -
branches/iclerencia/dashboard/client/ebox/src/templates/dashboard/widgetcontent.mas
r11610 r11625 7 7 my $content = ($fqmn . '_content'); 8 8 </%init> 9 <div class='widgetBox' id='widget_<% $fqmn %>'>10 9 <div class='widgetTopBar'> 11 10 % my $togglerClass = 'minBox'; … … 28 27 % } 29 28 </div> 30 </div>
