diff options
| author | friendica <info@friendica.com> | 2012-08-01 05:02:43 -0700 |
|---|---|---|
| committer | friendica <info@friendica.com> | 2012-08-01 05:02:43 -0700 |
| commit | dcbc0c0c9516adf616023615871439b4015fa686 (patch) | |
| tree | 451f1e7f53e9635a2640bef66c4541d1dd4b6c10 /view/tpl/filebrowser.tpl | |
| parent | 7a0894287268658361c90e2f4d1b77f8ca5739a6 (diff) | |
| download | volse-hubzilla-dcbc0c0c9516adf616023615871439b4015fa686.tar.gz volse-hubzilla-dcbc0c0c9516adf616023615871439b4015fa686.tar.bz2 volse-hubzilla-dcbc0c0c9516adf616023615871439b4015fa686.zip | |
major theme re-org, only duepuntozero and slackr working atm
Diffstat (limited to 'view/tpl/filebrowser.tpl')
| -rw-r--r-- | view/tpl/filebrowser.tpl | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/view/tpl/filebrowser.tpl b/view/tpl/filebrowser.tpl new file mode 100644 index 000000000..1e97237f4 --- /dev/null +++ b/view/tpl/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"> + {{ for $path as $p }}<a href="$p.0">$p.1</a>{{ endfor }} + </div> + <div class="filebrowser folders"> + <ul> + {{ for $folders as $f }}<li><a href="$f.0/">$f.1</a></li>{{ endfor }} + </ul> + </div> + <div class="filebrowser files $type"> + <ul> + {{ for $files as $f }} + <li><a href="#" onclick="FileBrowserDialogue.mySubmit('$f.0'); return false;"><img src="$f.2"><span>$f.1</span></a></li> + {{ endfor }} + </ul> + </div> + </div> + </div> + <div class="mceActionPanel"> + <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" /> + </div> + </body> + +</html> |