diff options
| author | Zach Prezkuta <fermion@gmx.com> | 2013-01-06 14:42:51 -0700 |
|---|---|---|
| committer | Zach Prezkuta <fermion@gmx.com> | 2013-01-06 15:57:11 -0700 |
| commit | a0d19ffb7241a1c7a4b85e6d0fd58fbb2f718468 (patch) | |
| tree | 280d792355cb2e60cf62e8451b6d8afbbfcc7c0d /view/tpl/smarty3/filebrowser.tpl | |
| parent | 61b8ea9e1af74e2056e18b02c170a899de9abd1b (diff) | |
| download | volse-hubzilla-a0d19ffb7241a1c7a4b85e6d0fd58fbb2f718468.tar.gz volse-hubzilla-a0d19ffb7241a1c7a4b85e6d0fd58fbb2f718468.tar.bz2 volse-hubzilla-a0d19ffb7241a1c7a4b85e6d0fd58fbb2f718468.zip | |
implement Smarty3
Diffstat (limited to 'view/tpl/smarty3/filebrowser.tpl')
| -rw-r--r-- | view/tpl/smarty3/filebrowser.tpl | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/view/tpl/smarty3/filebrowser.tpl b/view/tpl/smarty3/filebrowser.tpl new file mode 100644 index 000000000..787f7c0cd --- /dev/null +++ b/view/tpl/smarty3/filebrowser.tpl @@ -0,0 +1,84 @@ +<!DOCTYPE html> +<html> + <head> + <script type="text/javascript" src="{{$baseurl}}/library/tinymce/jscripts/tiny_mce/tiny_mce_popup.js"></script> + <style> + .panel_wrapper div.current{.overflow: auto; height: auto!important; } + .filebrowser.path { font-family: fixed; font-size: 10px; background-color: #f0f0ee; height:auto; overflow:auto;} + .filebrowser.path a { border-left: 1px solid #C0C0AA; background-color: #E0E0DD; display: block; float:left; padding: 0.3em 1em;} + .filebrowser ul{ list-style-type: none; padding:0px; } + .filebrowser.folders a { display: block; padding: 0.3em } + .filebrowser.folders a:hover { background-color: #f0f0ee; } + .filebrowser.files.image { overflow: auto; height: auto; } + .filebrowser.files.image img { height:50px;} + .filebrowser.files.image li { display: block; padding: 5px; float: left; } + .filebrowser.files.image span { display: none;} + .filebrowser.files.file img { height:16px; vertical-align: bottom;} + .filebrowser.files a { display: block; padding: 0.3em} + .filebrowser.files a:hover { background-color: #f0f0ee; } + .filebrowser a { text-decoration: none; } + </style> + <script> + var FileBrowserDialogue = { + init : function () { + // Here goes your code for setting your custom things onLoad. + }, + mySubmit : function (URL) { + //var URL = document.my_form.my_field.value; + var win = tinyMCEPopup.getWindowArg("window"); + + // insert information now + win.document.getElementById(tinyMCEPopup.getWindowArg("input")).value = URL; + + // are we an image browser + if (typeof(win.ImageDialog) != "undefined") { + // we are, so update image dimensions... + if (win.ImageDialog.getImageData) + win.ImageDialog.getImageData(); + + // ... and preview if necessary + if (win.ImageDialog.showPreviewImage) + win.ImageDialog.showPreviewImage(URL); + } + + // close popup window + tinyMCEPopup.close(); + } + } + + tinyMCEPopup.onInit.add(FileBrowserDialogue.init, FileBrowserDialogue); + </script> + </head> + <body> + + <div class="tabs"> + <ul > + <li class="current"><span>FileBrowser</span></li> + </ul> + </div> + <div class="panel_wrapper"> + + <div id="general_panel" class="panel current"> + <div class="filebrowser path"> + {{foreach $path as $p}}<a href="{{$p.0}}">{{$p.1}}</a>{{/foreach}} + </div> + <div class="filebrowser folders"> + <ul> + {{foreach $folders as $f}}<li><a href="{{$f.0}}/">{{$f.1}}</a></li>{{/foreach}} + </ul> + </div> + <div class="filebrowser files {{$type}}"> + <ul> + {{foreach $files as $f}} + <li><a href="#" onclick="FileBrowserDialogue.mySubmit('{{$f.0}}'); return false;"><img src="{{$f.2}}"><span>{{$f.1}}</span></a></li> + {{/foreach}} + </ul> + </div> + </div> + </div> + <div class="mceActionPanel"> + <input type="button" id="cancel" name="cancel" value="{{$cancel}}" onclick="tinyMCEPopup.close();" /> + </div> + </body> + +</html> |