view/filebrowser.tpl

   1 <!DOCTYPE html>
   2 <html>
   3         <head>
   4         <script type="text/javascript" src="$baseurl/library/tinymce/jscripts/tiny_mce/tiny_mce_popup.js"></script>
   5         <style>
   6                 .filebrowser.path { font-family: fixed; font-size: 10px;}
   7                 .filebrowser ul{ list-style-type: none; padding:0px; }
   8                 .filebrowser.files img { height:50px;}
   9                 .filebrowser.files.image li { display: block; padding: 5px; float: left; }
  10                 .filebrowser.files.image span { display: none;}
  11                 .filebrowser.files.file img { height:16px;}
  12                 .filebrowser a { text-decoration: none; }
  13         </style>
  14         <script>
  15                 var FileBrowserDialogue = {
  16                         init : function () {
  17                                 // Here goes your code for setting your custom things onLoad.
  18                         },
  19                         mySubmit : function (URL) {
  20                                 //var URL = document.my_form.my_field.value;
  21                                 var win = tinyMCEPopup.getWindowArg("window");
  22
  23                                 // insert information now
  24                                 win.document.getElementById(tinyMCEPopup.getWindowArg("input")).value = URL;
  25
  26                                 // are we an image browser
  27                                 if (typeof(win.ImageDialog) != "undefined") {
  28                                         // we are, so update image dimensions...
  29                                         if (win.ImageDialog.getImageData)
  30                                                 win.ImageDialog.getImageData();
  31
  32                                         // ... and preview if necessary
  33                                         if (win.ImageDialog.showPreviewImage)
  34                                                 win.ImageDialog.showPreviewImage(URL);
  35                                 }
  36
  37                                 // close popup window
  38                                 tinyMCEPopup.close();
  39                         }
  40                 }
  41
  42                 tinyMCEPopup.onInit.add(FileBrowserDialogue.init, FileBrowserDialogue);
  43         </script>
  44         </head>
  45         <body>
  46         <div class="filebrowser path">
  47                 &gt; {{ for $path as $p }}<a href="$p.0">$p.1</a> / {{ endfor }}
  48         </div>
  49         <div class="filebrowser folders">
  50                 <ul>
  51                         {{ for $folders as $f }}<li><a href="$f.0/">$f.1</a></li>{{ endfor }}
  52                 </ul>
  53         </div>
  54         <form>
  55                 <div class="filebrowser files $type">
  56                         <ul>
  57                         {{ for $files as $f }}
  58                                 <li><a href="#" onclick="FileBrowserDialogue.mySubmit('$f.0'); return false;"><img src="$f.2"><span>$f.1</span></a></li>
  59                         {{ endfor }}
  60                         </ul>
  61                 </div>
  62         </form>
  63         </body>
  64
  65 </html>