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; background-color: #f0f0ee; height:auto; overflow:auto;}
   7                 .filebrowser.path a { border-left: 1px solid #C0C0AA; background-color: #E0E0DD; display: block; float:left; padding: 0.3em 1em;}
   8                 .filebrowser ul{ list-style-type: none; padding:0px; }
   9                 .filebrowser.folders a { display: block; padding: 0.3em }
  10                 .filebrowser.folders a:hover { background-color: #f0f0ee; }
  11                 .filebrowser.files.image img { height:50px;}
  12                 .filebrowser.files.image li { display: block; padding: 5px; float: left; }
  13                 .filebrowser.files.image span { display: none;}
  14                 .filebrowser.files.file img { height:16px; vertical-align: bottom;}
  15                 .filebrowser.files a { display: block;  padding: 0.3em}
  16                 .filebrowser.files a:hover { background-color: #f0f0ee; }
  17                 .filebrowser a { text-decoration: none; }
  18         </style>
  19         <script>
  20                 var FileBrowserDialogue = {
  21                         init : function () {
  22                                 // Here goes your code for setting your custom things onLoad.
  23                         },
  24                         mySubmit : function (URL) {
  25                                 //var URL = document.my_form.my_field.value;
  26                                 var win = tinyMCEPopup.getWindowArg("window");
  27
  28                                 // insert information now
  29                                 win.document.getElementById(tinyMCEPopup.getWindowArg("input")).value = URL;
  30
  31                                 // are we an image browser
  32                                 if (typeof(win.ImageDialog) != "undefined") {
  33                                         // we are, so update image dimensions...
  34                                         if (win.ImageDialog.getImageData)
  35                                                 win.ImageDialog.getImageData();
  36
  37                                         // ... and preview if necessary
  38                                         if (win.ImageDialog.showPreviewImage)
  39                                                 win.ImageDialog.showPreviewImage(URL);
  40                                 }
  41
  42                                 // close popup window
  43                                 tinyMCEPopup.close();
  44                         }
  45                 }
  46
  47                 tinyMCEPopup.onInit.add(FileBrowserDialogue.init, FileBrowserDialogue);
  48         </script>
  49         </head>
  50         <body>
  51
  52         <div class="tabs">
  53                 <ul >
  54                         <li class="current"><span>FileBrowser</span></li>
  55                 </ul>
  56         </div>
  57         <div class="panel_wrapper">
  58
  59                 <div id="general_panel" class="panel current">
  60                         <div class="filebrowser path">
  61                                 {{ for $path as $p }}<a href="$p.0">$p.1</a>{{ endfor }}
  62                         </div>
  63                         <div class="filebrowser folders">
  64                                 <ul>
  65                                         {{ for $folders as $f }}<li><a href="$f.0/">$f.1</a></li>{{ endfor }}
  66                                 </ul>
  67                         </div>
  68                         <div class="filebrowser files $type">
  69                                 <ul>
  70                                 {{ for $files as $f }}
  71                                         <li><a href="#" onclick="FileBrowserDialogue.mySubmit('$f.0'); return false;"><img src="$f.2"><span>$f.1</span></a></li>
  72                                 {{ endfor }}
  73                                 </ul>
  74                         </div>
  75                 </div>
  76         </div>
  77         <div class="mceActionPanel">
  78                 <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
  79         </div>
  80         </body>
  81
  82 </html>