]> git.mxchange.org Git - friendica.git/blob - view/templates/filebrowser.tpl
Merge remote-tracking branch 'upstream/master'
[friendica.git] / view / templates / filebrowser.tpl
1 {{*
2  *      AUTOMATICALLY GENERATED TEMPLATE
3  *      DO NOT EDIT THIS FILE, CHANGES WILL BE OVERWRITTEN
4  *
5  *}}
6 <!DOCTYPE html>
7 <html>
8         <head>
9         <script type="text/javascript" src="{{$baseurl}}/library/tinymce/jscripts/tiny_mce/tiny_mce_popup.js"></script>
10         <style>
11                 .panel_wrapper div.current{.overflow: auto; height: auto!important; }
12                 .filebrowser.path { font-family: fixed; font-size: 10px; background-color: #f0f0ee; height:auto; overflow:auto;}
13                 .filebrowser.path a { border-left: 1px solid #C0C0AA; background-color: #E0E0DD; display: block; float:left; padding: 0.3em 1em;}
14                 .filebrowser ul{ list-style-type: none; padding:0px; }
15                 .filebrowser.folders a { display: block; padding: 0.3em }
16                 .filebrowser.folders a:hover { background-color: #f0f0ee; }
17                 .filebrowser.files.image { overflow: auto; height: auto; }
18                 .filebrowser.files.image img { height:50px;}
19                 .filebrowser.files.image li { display: block; padding: 5px; float: left; }
20                 .filebrowser.files.image span { display: none;}
21                 .filebrowser.files.file img { height:16px; vertical-align: bottom;}
22                 .filebrowser.files a { display: block;  padding: 0.3em}
23                 .filebrowser.files a:hover { background-color: #f0f0ee; }
24                 .filebrowser a { text-decoration: none; }
25         </style>
26         <script>
27                 var FileBrowserDialogue = {
28                         init : function () {
29                                 // Here goes your code for setting your custom things onLoad.
30                         },
31                         mySubmit : function (URL) {
32                                 //var URL = document.my_form.my_field.value;
33                                 var win = tinyMCEPopup.getWindowArg("window");
34
35                                 // insert information now
36                                 win.document.getElementById(tinyMCEPopup.getWindowArg("input")).value = URL;
37
38                                 // are we an image browser
39                                 if (typeof(win.ImageDialog) != "undefined") {
40                                         // we are, so update image dimensions...
41                                         if (win.ImageDialog.getImageData)
42                                                 win.ImageDialog.getImageData();
43
44                                         // ... and preview if necessary
45                                         if (win.ImageDialog.showPreviewImage)
46                                                 win.ImageDialog.showPreviewImage(URL);
47                                 }
48
49                                 // close popup window
50                                 tinyMCEPopup.close();
51                         }
52                 }
53
54                 tinyMCEPopup.onInit.add(FileBrowserDialogue.init, FileBrowserDialogue);
55         </script>
56         </head>
57         <body>
58         
59         <div class="tabs">
60                 <ul >
61                         <li class="current"><span>FileBrowser</span></li>
62                 </ul>
63         </div>
64         <div class="panel_wrapper">
65
66                 <div id="general_panel" class="panel current">
67                         <div class="filebrowser path">
68                                 {{foreach $path as $p}}<a href="{{$p.0}}">{{$p.1}}</a>{{/foreach}}
69                         </div>
70                         <div class="filebrowser folders">
71                                 <ul>
72                                         {{foreach $folders as $f}}<li><a href="{{$f.0}}/">{{$f.1}}</a></li>{{/foreach}}
73                                 </ul>
74                         </div>
75                         <div class="filebrowser files {{$type}}">
76                                 <ul>
77                                 {{foreach $files as $f}}
78                                         <li><a href="#" onclick="FileBrowserDialogue.mySubmit('{{$f.0}}'); return false;"><img src="{{$f.2}}"><span>{{$f.1}}</span></a></li>
79                                 {{/foreach}}
80                                 </ul>
81                         </div>
82                 </div>
83         </div>
84         <div class="mceActionPanel">
85                 <input type="button" id="cancel" name="cancel" value="{{$cancel}}" onclick="tinyMCEPopup.close();" />
86         </div>  
87         </body>
88         
89 </html>