aboutsummaryrefslogtreecommitdiffstats
path: root/view/tpl/filebrowser.tpl
diff options
context:
space:
mode:
authorfriendica <info@friendica.com>2012-08-01 05:02:43 -0700
committerfriendica <info@friendica.com>2012-08-01 05:02:43 -0700
commitdcbc0c0c9516adf616023615871439b4015fa686 (patch)
tree451f1e7f53e9635a2640bef66c4541d1dd4b6c10 /view/tpl/filebrowser.tpl
parent7a0894287268658361c90e2f4d1b77f8ca5739a6 (diff)
downloadvolse-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.tpl84
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>