From: Andrey Kutejko Date: Sun, 14 Dec 2014 16:48:32 +0000 (+0200) Subject: extract file browser js code X-Git-Tag: 0.6~117 X-Git-Url: https://git.andy128k.dev/?a=commitdiff_plain;h=afe516d192342289d1a5450796bf131008c2414e;p=ipf.git extract file browser js code --- diff --git a/ipf/admin/app.php b/ipf/admin/app.php index 56c9b44..94a83d6 100644 --- a/ipf/admin/app.php +++ b/ipf/admin/app.php @@ -60,6 +60,7 @@ class IPF_Admin_App extends IPF_Application { return array( 'assets/js/admin.js' => 'js/admin.js', + 'assets/js/filebrowser_popup.js' => 'js/filebrowser_popup.js', 'assets/css/admin.css' => 'css/admin.css', 'assets/css/print.css' => 'css/admin-print.css', 'assets/css/login.css' => 'css/login.css', diff --git a/ipf/admin/assets/js/filebrowser_popup.js b/ipf/admin/assets/js/filebrowser_popup.js new file mode 100644 index 0000000..a9d4ae9 --- /dev/null +++ b/ipf/admin/assets/js/filebrowser_popup.js @@ -0,0 +1,59 @@ +//= require ../vendor/jquery.js + +var selected_url = null; + +function fileSelected(event) { + event.preventDefault(); + + var row = $(this).closest('tr'); + var url = row.data('url'); + var filename = row.data('name'); + + selected_url = url; + $('#picname').show(); + $('#id_old_name').val(filename); + $('#id_old_name2').val(filename); + $('#id_new_name').val(filename); + + if (row.hasClass('image')) { + var img = $('#pic img'); + img.attr('src', url); + img.show(); + } else { + $('#pic img').hide(); + } +} + +function imagePreview() { + var mouseX = 0, mouseY = 0; + + $('#changelist tr.image').on({ + mouseover: function() { + var url = $(this).data('url'); + $('#prop img').attr('src', url); + $('#prop').css('top', mouseY+5); + $('#prop').css('left', mouseX+10); + $('#prop').show(); + }, + mouseout: function() { + $('#prop').hide(); + } + }); + + $(document).mousemove(function(event) { + mouseX = event.pageX; + mouseY = event.pageY; + $('#prop').css('top', mouseY+5); + $('#prop').css('left', mouseX+10); + }); +} + +function FileBrowserSelect() { + top.tinymce.activeEditor.windowManager.getParams().onSelect(encodeURI(selected_url)); + top.tinymce.activeEditor.windowManager.close(); +} + +// init +imagePreview(); +$('#changelist .file').on('click', fileSelected); + diff --git a/ipf/admin/templates/admin/filebrowser.html b/ipf/admin/templates/admin/filebrowser.html index 3d319b5..d5fed3a 100644 --- a/ipf/admin/templates/admin/filebrowser.html +++ b/ipf/admin/templates/admin/filebrowser.html @@ -7,18 +7,29 @@ {$page_title} - IPF Administration - -
{trans 'Root'} - {foreach $path as $p} - / {$p['name']} - {/foreach} + +
+ Root + {foreach $path as $p} + {if $p['name']} + / {$p['name']} + {/if} + {/foreach}
{assign $zero_gif = "data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="} @@ -47,7 +58,7 @@

File Option

- + @@ -70,9 +81,7 @@

View File

-
- -
+
@@ -93,15 +102,15 @@
{foreach $dirs as $dir} - + - + {/foreach} {foreach $files as $file} - - + + @@ -111,68 +120,14 @@
{$dir['name']} SUB-DIR{if $dir['name']!='..'}delete{/if}{if $dir['name'] !== '..'}delete{/if}
{$file['name']}{$file['name']} {$file['type']} {$file['size']} delete
- +
- - - - - + +