Changeset 1246 for trunk

Timestamp:

02/20/10 07:26:13 (2 years ago)

Author:

gogo

Message:

Add attributes editing for FileManager? mode of MootoolsFileManager?
ticket:1502

Location:

trunk/plugins/MootoolsFileManager

Files:

• MootoolsFileManager.FileManager.js (modified) (6 diffs)
• MootoolsFileManager.ImageManager.js (modified) (2 diffs)

trunk/plugins/MootoolsFileManager/MootoolsFileManager.FileManager.js

@@ -64 +64 @@
           f_href : '',
           f_title : '',
-          f_target : '',
-          f_usetarget : editor.config.makeLinkShowsTarget,
+          f_target : '',          
+          f_type: '',
           baseHref: editor.config.baseHref
       };
@@ -74 +74 @@
           f_href   : Xinha.is_ie ? link.href : link.getAttribute("href"),
           f_title  : link.title,
-          f_target : link.target,
-          f_usetarget : editor.config.makeLinkShowsTarget,
+          f_target : link.target,          
+          f_type   : link.type ? link.type : '',
           baseHref: editor.config.baseHref
       };
@@ -91 +91 @@
         selectable:     true,
         uploadAuthData: this.editor.config.MootoolsFileManager.backend_data,
-        onComplete:     function(path, file, params) { self.FileManagerReturn(path,file,params); }
-        // @TODO : Add support to pass in the existing href, title etc...
+        onComplete:     function(path, file) { self.FileManagerReturn(path,file); },
+        onDetails:      function(details) 
+                        {                                                 
+                          this.info.adopt(self.FileManagerAttributes(details)); 
+                          return true;
+                        },
+        onHidePreview:  function()
+                        {                        
+                          $(self.FileManagerAttributes().table).dispose();
+                          return true;
+                        }
       });       
     }
@@ -100 +109 @@
 
 // Take the values from the file selection and make it (or update) a link
-MootoolsFileManager.prototype.FileManagerReturn = function(path, file, param)
+MootoolsFileManager.prototype.FileManagerReturn = function(path, file)
 {
   var editor = this.editor;
   var a      = this.current_link;
   
-  if (!param)
-  {
-    param =  { f_href: path, f_title: '', f_target: '' }
-  }
-  
+  var param = this.FileManagerAttributes();  
+  param.f_href = path;
+    
   if (!a)
   {
@@ -152 +159 @@
     return false;
   }
-  // @TODO: Add support to mfm for specifying target and title
+  
+  a.type = param.f_type.trim();
   a.target = param.f_target.trim();
   a.title = param.f_title.trim();
@@ -159 +167 @@
 };
 
+/** Return a DOM fragment which has all the fields needed to set the
+ *  attributes for a link given a structure of initial values.
+ * 
+ *  OR return a structure of values taken from the currently table.
+ */
+ 
+MootoolsFileManager.prototype.FileManagerAttributes = function (details)
+{
+
+  var self = this;
+  self._LastFileDetails = details;
+  
+  function f(name)
+  {
+    var e = self._FileManagerAttributesTable.getElementsByTagName('input');
+    for(var i = 0; i < e.length; i++)
+    {
+      if(e[i].name == name) return e[i];
+    }
+    
+    var e = self._FileManagerAttributesTable.getElementsByTagName('select');
+    for(var i = 0; i < e.length; i++)
+    {
+      if(e[i].name == name) return e[i];
+    }
+    
+    return null;    
+  }
+  
+  function s(name, value)
+  {
+    for(var i = 0; i < f(name).options.length; i++)
+    {
+      if(f(name).options[i].value == value) 
+      {
+       // f(name).options[i].selected = true;
+        f(name).selectedIndex = i;
+        return true;
+      }
+    }
+    return false;
+  }
+  
+  if(!this._FileManagerAttributesTable)
+  {
+    this._FileManagerAttributesTable = (function() {
+      var div     = document.createElement('div');
+      
+      var h2  = document.createElement('h2');
+      h2.appendChild(document.createTextNode('Link Attributes'));            
+      div.appendChild(h2);
+            
+      var table = document.createElement('table');
+      div.appendChild(table);
+      
+      table.className = 'filemanager-extended-options';
+      var tbody = table.appendChild(document.createElement('tbody'));
+      
+      { // Title
+        var tr    = tbody.appendChild(document.createElement('tr'));
+        var th    = tr.appendChild(document.createElement('th'));
+        var label = th.appendChild(document.createTextNode('Title:'));
+        
+        var td    = tr.appendChild(document.createElement('td'));
+        var input = td.appendChild(document.createElement('input'));
+        
+        td.colSpan   = 6;
+        input.name   = 'f_title';
+        input.type = 'text';
+        th.className = td.className = 'filemanager-f_title';      
+      }
+      
+      { // Content Type
+        var tr    = tbody.appendChild(document.createElement('tr'));
+        var th    = tr.appendChild(document.createElement('th'));
+        var label = th.appendChild(document.createTextNode('Type:'));
+        
+        var td    = tr.appendChild(document.createElement('td'));
+        var input = td.appendChild(document.createElement('input'));
+        
+        td.colSpan   = 6;
+        input.name   = 'f_type';
+        input.type = 'text';
+        th.className = td.className = 'filemanager-f_type';      
+      }
+           
+      { // Target
+        var tr    = tbody.appendChild(document.createElement('tr'));
+        
+        { // Target
+          var th    = tr.appendChild(document.createElement('th'));
+          var label = th.appendChild(document.createTextNode('Open In:'));
+          
+          var td    = tr.appendChild(document.createElement('td'));
+          td.colSpan = 2;
+          var input = td.appendChild(document.createElement('select'));
+          
+          input.name   = 'f_target';          
+          input.options[0] = new Option('');
+          input.options[1] = new Option('New Window', '_blank');
+          input.options[2] = new Option('Top Frame', '_top');
+          input.options[3] = new Option('Other Frame:', '');
+          
+          Xinha._addEvent(input, 'change', function()
+          {                    
+            if(f('f_target').selectedIndex == 3)
+            {
+              f('f_otherTarget').style.visibility = 'visible';
+            }
+            else
+            {
+              f('f_otherTarget').style.visibility = 'hidden';
+            }
+          });
+          
+          var input = td.appendChild(document.createElement('input'));
+          input.name   = 'f_otherTarget';
+          input.size = 7;    
+          input.type = 'text';     
+          input.style.visibility = 'hidden';
+          
+          th.className = td.className = 'filemanager-f_target';              
+        }                      
+      }
+            
+      return div;
+    })();        
+  }
+  
+  if(this.current_attributes)
+  {
+    f('f_title').value    = this.current_attributes.f_title;
+    f('f_type').value     = this.current_attributes.f_type;
+    
+    if(this.current_attributes.f_target)
+    {
+      if(!s('f_target', this.current_attributes.f_target))
+      {
+        f('f_target').selectedIndex = 3;
+        f('f_otherTarget').value = this.current_attributes.f_target;
+      }     
+      else
+      {
+        f('f_otherTarget').value = '';
+      }
+    }
+    
+    this.current_attributes = null;
+  }
+  
+  // If no details were supplied, we return the current ones
+  if(!details) 
+  {
+    var details = {
+      f_title:  f('f_title').value,
+      f_type:  f('f_type').value,
+      f_target: f('f_target').selectedIndex < 3 ? f('f_target').options[f('f_target').selectedIndex].value : f('f_otherTarget').value,
+      
+      table: this._FileManagerAttributesTable
+    }
+    
+    return details;
+  }
+  
+  // If details were supplied, we set the appropriate ones.    
+  if(details.mime) f('f_type').value = details.mime;
+  
+  f('f_target').style.visibility = ''; // Ensure that the select hasn't been hidden by an overlay and not put back
+  
+  if(f('f_target').selectedIndex == 3)
+  {
+    f('f_otherTarget').style.visibility = 'visible';
+  }
+  else
+  {
+    f('f_otherTarget').style.visibility = 'hidden';
+  }
+  
+  return this._FileManagerAttributesTable;
+};

trunk/plugins/MootoolsFileManager/MootoolsFileManager.ImageManager.js

@@ -325 +325 @@
         }
       }
-            
-      return table;
+      
+      var div = document.createElement('div');
+      var h2 = document.createElement('h2');
+      h2.appendChild(document.createTextNode('Image Attributes'));
+      div.appendChild(h2);
+      div.appendChild(table);
+      return div;
     })();
     
@@ -440 +445 @@
           var new_size = self.ScaleImage(details, {width: f('f_width').value, height: f('f_height').value});
           
-          f('f_width').value = new_size.width;
-          f('f_height').value = new_size.height;
+          f('f_width').value = f('f_width').value   ? new_size.width : '';
+          f('f_height').value = f('f_height').value ? new_size.height : '';
         }
       },