Split of MyWebForms portlet into MyWebForms and MyWebFiles portlets

- Improvements from UI review from Linton - High and click action in MyWebFiles (as per UI review) - Lock icon for locked items - Hide Edit action if item is in workflow or user does not have access to the lock Scrollbar CSS colours added to portlets Added new portlet to portlet.xml defs and as a new dashlet JSP+config Updates to MyTasks portlet git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@6208 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261
2025-08-07 17:49:17 +00:00 · 2007-07-11 16:07:05 +00:00
parent ccf25a67d9
commit 802a38fb73
14 changed files with 558 additions and 162 deletions
--- a/source/web/scripts/ajax/mywebforms.js
+++ b/source/web/scripts/ajax/mywebforms.js
@@ -0,0 +1,83 @@
+var MyWebForms = {
+   ANIM_LENGTH: 300,
+   
+   start: function()
+   {
+      if ($('formsPanel'))
+      {
+         MyWebForms.parseFormsPanels();
+         $('formsPanel').setStyle('visibility', 'visible');
+      }
+   },
+
+   parseFormsPanels: function()
+   {
+      var projects = $$('#formsPanel .webProjectRow');
+      var frms = $$('#formsPanel .webProjectForms');
+      var fxForm = new Fx.Elements(frms, {wait: false, duration: MyWebForms.ANIM_LENGTH, transition: Fx.Transitions.sineInOut});
+
+      projects.each(function(project, i)
+      {
+         var frm = frms[i];
+
+         // animated elements defaults
+         frm.maxHeight = frm.getStyle('height').toInt();
+         frm.defHeight = 1;
+         frm.setStyle('height', frm.defHeight);
+         frm.setStyle('opacity', 0);
+
+         // register 'mouseenter' (subclassed mouseover) event for each project
+         project.addEvent('mouseenter', function(e)
+         {
+            var animForm = {};
+
+            // slide and fade in the frms panel
+            animForm[i] =
+            {
+               'height': [frm.getStyle('height').toInt(), frm.maxHeight],
+               'opacity': [frm.getStyle('opacity'), 1]
+            };
+
+            // reset styles on all other frms
+            projects.each(function(otherProject, j)
+            {
+               var otherfrm = frms[j];
+
+               if (otherProject != project)
+               {
+                  // does this frm panel need resetting back to it's default height?
+                  var h = otherfrm.getStyle('height').toInt();
+                  if (h != otherfrm.defHeight)
+                  {
+                     animForm[j] =
+                     {
+                        'height': [h, otherfrm.defHeight],
+                        'opacity': [otherfrm.getStyle('opacity'), 0]};
+                  }
+               }
+            });
+            fxForm.start(animForm);
+         });
+      });
+
+      $('formsPanel').addEvent('mouseleave', function(e)
+      {
+         // handler for mouse leaving the entire panel
+         var animForm = {};
+
+         projects.each(function(project, i)
+         {
+            var frm = frms[i];
+
+            animForm[i] =
+            {
+               'height': [frm.getStyle('height').toInt(), frm.defHeight],
+               'opacity': [frm.getStyle('opacity'), 0]
+            };
+         });
+         fxForm.start(animForm);
+      });
+   }
+};
+
+window.addEvent('load', MyWebForms.start);