view/templates/filebrowser.tpl

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