joni2back/angular-filemanager

JavaScript File Manager Material Design Folder Explorer Navigator Browser Manager in AngularJS with CSS3 Responsive (with FTP in PHP / Java / Node)

angular-filemanager's Issues

Question : How to implement this in tinyMCE or textAngular ?

Clear sidebar tree navigator with unopened folders

The tree is keeping all picked directories but is not cleaning anyone when the folder is closed or changed

SmartClick event

Hi!

Exist any way to detect when smartClick action is performed outside the component?
For example:

$scope.itemSelected = function(item) {
   ...
}
...
<angular-filemanager on-smart-click-item="itemSelected"></angular-filemanager>

Regards

Include unix chmod permission module if the server is linux

• API should work with chmod numbers such as 777, 465
• Frontend should work with checkboxes to handle chmod numbers such as cPanel manager

Drop file anywhere to upload

The idea is to simplify file uploading. File could be dropped anywhere and would be uploaded. I think it would be best to use project https://github.com/danialfarid/ng-file-upload ... License is the same (MIT) and you will be able to provide a lot of features in practically no time.

Main features copied from their readme:

•file upload progress, cancel/abort
•file drag and drop (html5 only)
•image paste form clipboard and drag and drop from browser pages (html5 only).
•image resize native and image crop through ngImgCrop. See crop sample (html5 only)
•resumable uploads: pause/resume upload (html5 only)
•validation on file type/size, image width/height, video/audio duration and ng-required support.
•show thumbnail or preview of selected images/audio/videos

update view

hello jonas ,i have a requirement that based upon the button click event i just need to refresh the folders i,e

i have created a function in FileManagerCtrl
and in that i have called the $scope.fileNavigator.refresh();
it is sending a post request to server fine but it is not updating in the view

can u plz provide a solution for that

by example of front end button and the function in FileManagerCtrl

Errors when using example

Very excited to try this, but I'm getting errors using the instructions for building the example in the README.md. Specifically, I'm getting this error in the browser console:

Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:nomod] Module 'app' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

I'm assuming the error is for the app defined in angular-filemanager/src/js/app.js, since my minimal HTML has no controllers. I've tried using Angular 1.3.20 as well as 1.4.7 and get the same error.

Use ng-annotate

You can get rid of explicit dependency injection array notation, removing a lot of boilerlate code. The module gulp-ng-annotate does it automatically for you.

Extra: using wildcard globs to select all files instead of specifying each one.

On your gulpfile.coffee:

var ngAnnotate = require('gulp-ng-annotate');

gulp.task('concat-uglify-js', function() {
  return gulp.src('assets/js/*.js')
    .pipe(concat('angular-filemanager.min.js'))
    .pipe(ngAnnotate())
    .pipe(uglify())
    .pipe(gulp.dest(dst))
});

This will automatically convert all DI functions into array syntax, this way you only have to declare your modules normally:

angular.module('FileManagerApp').controller('FileManagerCtrl',
    function($scope, $translate, $cookies, fileManagerConfig, Item, FileNavigator, FileUploader) {

Get started

Hi,
can we have a get started or a tutorial for implement your filemanager in wepapplication ?
I have try, pull the project, but i have one error :

Strict standards: Declaration of FileManager::download() should be compatible with PHPClassic\Ftp::download($remotePath, $localPath, $mode = 'auto') in /home/dev/htdocs/web4/public/elisracing/angular-filemanager/bridges/php/handler.php on line 101

Thanks

Error decoding cyrillic P symbol

if folder contains any file with cyrillic P symbol causes to "Bridge response error"

    protected function _buildFileLinux($ftpLine)
    {   
     ...
         $chunks = preg_split("/\s+/", $ftpLine);

replacing regexp worked for me:

        $chunks = preg_split("/ +/", $ftpLine);

Web application functionality error with php and vsftpd

Multiple issues with all functionality, including relative navigation resolution to general functionality breaking when configured to work with a jailed user and vsftpd. Maybe 30% works. Followed general make instructions including make install.

Could you add a LICENSE, please?

Your project is very fancy, thanks for the good work. But there is no license available. So could you please add one?

Thank you in advance!

json structure for directory with in directies,files

hi joni ,can u please provide json structure for the representing directories with directories and files , the nested structer . in your documentation u haven't demonstrated that .

Duplicated request in upload

Firefox, upload file request is double.
Check form submit + button submit onclick

Enable/Disable features by config file or query params

Admin will enable or disable filemanager features/modules such as compress or permissions setting in a config file

Question : Does it support multiple instances?

Hi. Awesome project!
Can I add two instances of angular-filemanager with different backends to a page.

Implement login section

Related #7 , Determine if its better a login like landing page or immutable-modal

How do i load files (am not using bower)? Help.

I get no error in php or java.

i get this.

orderBy date not working

hi ,jonas

oderBy date not working checked by hardcoded json

used syntax orderBy: item.model.date

Error: undefined is not an object (evaluating 'model.date')

Just trying out the demo, but hit upon this error?

Thanks

Fix API and item date

@paolobiavati write:

Hello Jonas,

first of all thanks for your angular-filemanager!

I started using it in a project some days ago, I'm developing a Java servlet to serve all client calls.
It is almost finshed I'm fixing some little things.

When I will finish, I can share it with you, and if you want you can put it in your project (jn 'bridges/java' folder or something like) to share as a java server-side implementation example and make it collaborative.

In you doc I think there are two errors:

in 'Listing' section:
in the json response there is a property 'time' that it should be 'date' :

{ "result": [ 
    {
        "name": "joomla",
        "rights": "drwxr-xr-x",
        "size": "4096",
        "date": "16:07", // is the format free? I found usefull format as "yyyy-MM-dd hh:mm:ss"
        "type": "dir"
    }, 

in 'Edit file' section:

url should be "URL: $config.editUrl, Method: POST"

and the json request:

{ "params": {
    "mode": "savefile",
    "content": "<?php echo random(); ?>",
    "path": "/public_html/index.php",
}}

thanks!

Cheers

Running the App

I am new at running Angular apps and want to know: how do you get this Angular Filemanager app to work like it is in your demo?

I've tried downloading the app and running "npm init/npm start" and it didn't work. I've also tried just opening the index.html file and it didn't work. What steps did you take to run this app?

Also, is it possible for this app to run as a subsection of a different Angular app?

Thanks!

Where to get the source code for the demo app?

Hi,

Can I get the source code for the demo app? http://zendelsolutions.com/zendel/projects/angular-filemanager/

Thanks,

/assets/templates/index.html Not found

hello jonas ,first of i thank you for u r contribution , i am using this on flask framework . so i need keep separate source file in the static folder and html in templates folder upon doing so , i have changed the source file locations and change the location according my source location structure . event though i have changed all soruce locations it is giving the error /assets/templates/index.html Not found

i have checked all of the file which are included .

thanks in advance

Drag and Drop

Hi,

Came across your filemanager and it would be nice if you could do drag and drop in the tree view and move files around.

Multiselect of files is also handy

Question / Feature: Using with webpack

Hi, I would like to integrate this in a project using Webpack / NodeJS packaging and require system.

I created a file (filemanager.coffee/js) that requires all the libraries and creates a single filemanager.js javascript file. If I include this single file (which is not more than the concatenation of all the dependencies) this should work, but I get a blank page instead.

So this is what the filemanager.coffee looks like:

require '../lib/angular.min.js'
require '../lib/angular-cookies.min.js'
require '../lib/angular-translate.min.js'
require '../lib/jquery.min.js'
require '../lib/bootstrap.min.js'
require '../lib/angular-filemanager.min.js'

and webpack compiles it without error:

chunk    {0} filemanager.js, filemanager.js.map (filemanager) 321466 [rendered]
    [0] ./src/Morenware/DutilsBundle/Resources/client/filemanager/filemanager.coffee 240 {0} [built]
    [1] ./src/Morenware/DutilsBundle/Resources/client/lib/angular.min.js 126425 {0} {1} [built]
    [2] ./src/Morenware/DutilsBundle/Resources/client/lib/angular-cookies.min.js 865 {0} {1} [built]
    [3] ./src/Morenware/DutilsBundle/Resources/client/lib/angular-translate.min.js 13152 {0} {1} [built]
    [4] ./src/Morenware/DutilsBundle/Resources/client/lib/jquery.min.js 84380 {0} {1} [built]
    [5] ./src/Morenware/DutilsBundle/Resources/client/lib/bootstrap.min.js 36816 {0} {1} [built]
    [6] ./src/Morenware/DutilsBundle/Resources/client/lib/angular-filemanager.min.js 59545 {0} [built]

but when I include it:

    <link rel="stylesheet" href="client/css/bootswatch/paper/bootstrap.min.css" />
    <link rel="stylesheet" href="client/css/angular-filemanager.css">

    <script src="client/js/app/filemanager.js"></script>

</head>

<body class="ng-cloak">
  <angular-filemanager></angular-filemanager>
</body>

it shows a blank page.

After some digging, I detected the problem is jquery.min.js / jquery.js being required/included. So if I do:

filemanager.coffee

require '../lib/angular.min.js'
require '../lib/angular-cookies.min.js'
require '../lib/angular-translate.min.js'

index.html

 <script src="client/js/app/filemanager.js"></script>
 <script src="client/js/filemanager/jquery.min.js"></script>
 <script src="client/js/filemanager/bootstrap.min.js"></script>
 <script src="client/js/filemanager/angular-filemanager.min.js"></script>

Everything renders OK.

Am I missing something? Webpack only concatenates the files and creates the dependencies between them, I expected to just work.

Any guidance is appreciated.

Unknown error with project usernames

Can i use this without installing bower and grunt?

i have downloaded as zip and kept in my wamp server, edited the handler.php by giving my local host detials on line 123, 124, 125

what next if im not using bower, any help would benefit me in learning and using filemanager!

assets/templates not found

I have placed the assets/templates at the root of my application. I see an empty page being loaded but no request to the server is sent.

There is an error on the console, assets/templates/ Failed to load resource: the server responded with a status of 404 (Not Found) but the folder is there.

Configurable extract and compress [sync/async]

config.js should have an option to define the way that compression and extraction task work. Related #37

body { overflow: hidden; }

Since both panes have scrolling overflow, you can set overflow of the body to hidden to disable bounce on overscroll on body element

Error: Invalid input data

Hi,

Getting this error now, when loading the page, the status just remains at 'loading...' ?

Thanks

authenticate, and pass credentials to backend ftp server

I was hoping this was going to ask me for credentials and pass them to the backend ftp server but currently it doesn't. This would be a lot more useful than just exposing a single account and having unauthenticated access to it.

In case you're interested, I was hoping to add it to our community build of the alfresco ECM system https://github.com/marsbard/puppet-alfresco to provide a lightweight alternative to the main UI.

How can I change directory, where files and folders located ?

Cant load file data tree on set up

http://54.173.203.254/bridges/php/handler.php Failed to load resource: the server responded with a status of 500 (Internal Server Error)

include tree structure with file also

hii jonas , can you update the side tree navigation bar such that it diplays the files also ,currently it displays only folders

Select file

Hi everyone,

is it possible to select a file in folder?
is it possible to get a file selected in folder to do another action?

Thanks
Best regards

Michele

Configuring the servlet for Java based application

Good day,

I am trying to setup the servlet to to use it on my java application. I did add the servlet on my web.xml
I can see the serlvet it loading some properties file (angular-filemanager.properties) what should be the contect of the file?

Unminified version of js file

I am trying to build upon your project. Please provide the expanded version of angular-filemanager.min.js. The minified version is a little cryptic to understand whats going on. Thanks.

Cannot minify with YUI compressor

Unknown error minifying

Tree navigation does not update directories

Issue related #9

Extraction started in a background process

hello jonas ,
i been using angular-filemanager the issue is when ever i made a request to compress or Extract

the pop up is staying still even after the completion of the extract on compress , explictly making user to close that popup and it is not giving the completion dialouge

Thank jonas You nice work

File Delete and Co-responding Tree View in Left Navigation Bar

When a directory is deleted , the left side menu's tree view should be updated as well. But it doesn't happen automatically. I used your module somewhere in my project and I had to update your "buildTree" method to update the left navigation tree when a directory is deleted. I think you should fix it in your project as well ASAP. :)

cmis

Request for documentation

I am struggling to understand some of the logic and without documentation, I have hit a roadblock.
Whenever you have time, can you please add appropriate comments for functions like:
FileNavigator.prototype.buildTree(in filenavigator.js) - Exactly how it works?
$scope.touch (in controller.js)- Again what exactly what does it do?
Generally, a line or 2 for every non-trivial finction will be appreciated. Thanks.

Renaming/deleting the folder, side bar do not get refreshed

Hi,

I have an issue when renaming/deleting the folder, the folder doesn't seems to be removed/updated on the side bar.

problem with stay on loading direcctories

hey
thank you for your great project,
i created library for local file loader and this is my response

{"result":[{
    "number":1433686120,"name":".git","date":"2015-06-19T10:09:12Z","type":"dir","rights":"0777"},
    {"number":1424706253,"name":"..","date":"2015-06-13T14:24:52Z","type":"dir","rights":"0777"},
    {"number":1433688620,"name":"public_html","date":"2015-06-07T14:50:56Z","type":"dir","rights":"0777"},
    {"number":1433686120,"name":"LICENSE","date":1433685861,"size":1076,"type":"file","rights":"0777"},
    {"number":1433686120,"name":".","date":"2015-06-13T13:19:55Z","type":"dir","rights":"0777"},
    {"number":1433688493,"name":"composer.json","date":1433688493,"size":0,"type":"file","rights":"0777"},
    {"number":1434015534,"name":"test2.php","date":1434015534,"size":15578,"type":"file","rights":"0777"},
    {"number":1433686120,"name":".gitignore","date":1433685861,"size":31,"type":"file","rights":"0777"},
    {"number":1434201595,"name":"Directories.php","date":1434201595,"size":5048,"type":"file","rights":"0664"},
    {"number":1433689682,"name":"index.html","date":1433689682,"size":2243,"type":"file","rights":"0777"},
    {"number":1433688327,"name":".idea","date":"2015-06-09T19:32:19Z","type":"dir","rights":"0777"},
    {"number":1433686120,"name":"angular-filemanager-mobile.png","date":1433685861,"size":26553,"type":"file","rights":"0777"},
    {"number":1433686120,"name":"README.md","date":1433685861,"size":5450,"type":"file","rights":"0777"},
    {"number":1433686120,"name":".gitmodules","date":1433685861,"size":123,"type":"file","rights":"0777"},
    {"number":1433686120,"name":"bridges","date":"2015-06-07T14:04:21Z","type":"dir","rights":"0777"},
    {"number":1433686120,"name":"build.sh","date":1433685861,"size":660,"type":"file","rights":"0777"},
    {"number":1433686120,"name":"angular-filemanager.png","date":1433685861,"size":101749,"type":"file","rights":"0777"},
    {"number":1433686120,"name":"assets","date":"2015-06-07T14:04:21Z","type":"dir","rights":"0777"},
    {"number":1434007182,"name":"test.php","date":1434007182,"size":1080,"type":"file","rights":"0777"}]}

but filemanager stoped on Loading...

Could this work without jQuery?

I'm the core architect of 2sxc (https://github.com/2sic/2sxc) which is an extension to DNN (a popular .net CMS). I'm considering using the angular-filemanager, as everything we did in 2sxc is now based on angular and it seems a good fit.
One of my concerns in jQuery - I've been working hard to avoid using jQuery in our solution and have so far been very successful - but as I see your filemanager seems to need it. Do you think it's really necessary or might not the built in angular-features suffice? What do you think?

Clear sidebar tree navigator with unopened folders

Hello, I know this bug is marked as closed, but I have noticed that it is only working when you click on a folder that have at least one subfolder.

If you click on a folder that have subfolders then tree navigator opens the folder structure, and if you click on another folder that have subfolders the unused folder structure is closed and the new folder structure is opened properly, but if you click on a folder that do not have any subfolder then the unused folder structure is not closed.

I have noticed also that the order of the folders shown in sidebar tree navigation is not the same shown in main-table, I have solved this by sorting nodes in lowercase, inside filenavigator -> buildTree

parent.nodes = parent.nodes.sort(function(a, b) {
    return a.name.toLowerCase() < b.name.toLowerCase() ? -1 : a.name.toLowerCase() === b.name.toLowerCase() ? 0 : 1;
});

Thank you for your time!.

http://angular-filemanager.zendelsolutions.com is down

Sample site is down