diff options
| author | fabrixxm <fabrix.xm@gmail.com> | 2012-04-19 00:30:45 -0700 |
|---|---|---|
| committer | fabrixxm <fabrix.xm@gmail.com> | 2012-04-19 00:30:45 -0700 |
| commit | 44f4b4b9d1bd28a8c77e9f851e85fdb22c8fd8b1 (patch) | |
| tree | f6e22c5352cddc95033076aa3507ff1caf231437 /view | |
| parent | 42e120586c3c3f1dcd552a01874f8990788e5a70 (diff) | |
| parent | fddf21d983e97b489c26dba95aa35227b15fe9f3 (diff) | |
| download | volse-hubzilla-44f4b4b9d1bd28a8c77e9f851e85fdb22c8fd8b1.tar.gz volse-hubzilla-44f4b4b9d1bd28a8c77e9f851e85fdb22c8fd8b1.tar.bz2 volse-hubzilla-44f4b4b9d1bd28a8c77e9f851e85fdb22c8fd8b1.zip | |
Merge pull request #248 from fabrixxm/tmcefilebrowser
TinyMCE file browser
Diffstat (limited to 'view')
| -rw-r--r-- | view/filebrowser.tpl | 84 | ||||
| -rw-r--r-- | view/jot-header.tpl | 3 |
2 files changed, 86 insertions, 1 deletions
diff --git a/view/filebrowser.tpl b/view/filebrowser.tpl new file mode 100644 index 000000000..1e97237f4 --- /dev/null +++ b/view/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> diff --git a/view/jot-header.tpl b/view/jot-header.tpl index 67e5eb681..f1c283470 100644 --- a/view/jot-header.tpl +++ b/view/jot-header.tpl @@ -26,7 +26,7 @@ function initEditor(cb){ mode : "specific_textareas", editor_selector: $editselect, auto_focus: "profile-jot-text", - plugins : "bbcode,paste,autoresize", + plugins : "bbcode,paste,autoresize, inlinepopups", theme_advanced_buttons1 : "bold,italic,underline,undo,redo,link,unlink,image,forecolor,formatselect,code", theme_advanced_buttons2 : "", theme_advanced_buttons3 : "", @@ -44,6 +44,7 @@ function initEditor(cb){ convert_urls: false, content_css: "$baseurl/view/custom_tinymce.css", theme_advanced_path : false, + file_browser_callback : "fcFileBrowser", setup : function(ed) { cPopup = null; ed.onKeyDown.add(function(ed,e) { |