2012-04-18 13:23:42 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<script type="text/javascript" src="$baseurl/library/tinymce/jscripts/tiny_mce/tiny_mce_popup.js"></script>
|
|
|
|
|
<style>
|
2012-04-18 15:15:52 +02:00
|
|
|
.panel_wrapper div.current{.overflow: auto; height: auto!important; }
|
2012-04-18 14:56:03 +02:00
|
|
|
.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;}
|
2012-04-18 13:23:42 +02:00
|
|
|
.filebrowser ul{ list-style-type: none; padding:0px; }
|
2012-04-18 14:56:03 +02:00
|
|
|
.filebrowser.folders a { display: block; padding: 0.3em }
|
|
|
|
|
.filebrowser.folders a:hover { background-color: #f0f0ee; }
|
2012-04-18 15:15:52 +02:00
|
|
|
.filebrowser.files.image { overflow: auto; height: auto; }
|
2012-04-18 14:56:03 +02:00
|
|
|
.filebrowser.files.image img { height:50px;}
|
2012-04-18 13:23:42 +02:00
|
|
|
.filebrowser.files.image li { display: block; padding: 5px; float: left; }
|
|
|
|
|
.filebrowser.files.image span { display: none;}
|
2012-04-18 14:56:03 +02:00
|
|
|
.filebrowser.files.file img { height:16px; vertical-align: bottom;}
|
|
|
|
|
.filebrowser.files a { display: block; padding: 0.3em}
|
|
|
|
|
.filebrowser.files a:hover { background-color: #f0f0ee; }
|
2012-04-18 13:23:42 +02:00
|
|
|
.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>
|
2012-04-18 14:56:03 +02:00
|
|
|
|
|
|
|
|
<div class="tabs">
|
|
|
|
|
<ul >
|
|
|
|
|
<li class="current"><span>FileBrowser</span></li>
|
2012-04-18 13:23:42 +02:00
|
|
|
</ul>
|
|
|
|
|
</div>
|
2012-04-18 14:56:03 +02:00
|
|
|
<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>
|
2012-04-18 13:23:42 +02:00
|
|
|
</div>
|
2012-04-18 14:56:03 +02:00
|
|
|
</div>
|
|
|
|
|
<div class="mceActionPanel">
|
|
|
|
|
<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
|
|
|
|
|
</div>
|
2012-04-18 13:23:42 +02:00
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
