View Full Version : Ext.ux.FileView - Tell me what you think???

12 Jan 2010, 3:11 AM
Hi guys, I'm working on my Aral Desktop CMS (http://www.extjs.com/forum/showthread.php?t=88691) project and I developed a very nice file view that allow you to complete manage the files / folders inside the root directory specified, with file upload, copy, cut, paste, move (Drag&Drop), open etc.. commands.
By now, this object is only used inside my project and I was thinking if someone find this helpfull to integrate inside another project. Give me your feedback, in this way I can consider to port it in a Ext.ux.FileView object.
You can see a full demonstrative video here:



12 Jan 2010, 3:20 AM
Very nice! it could be used as a front end for FTP directory operations through a browser.
Looks tightly integrated with your CMS (recycle bin), would it be too difficult to isolate it as an independent extension?

I liked the video playback portion of the demo.

12 Jan 2010, 3:23 AM
Hey man, that file view looks real cool.
I think sharing it as encapsulated ux will be even cooler.
I can think of some projects i did in the past where it would had been helpful.

12 Jan 2010, 5:26 AM
Would be awesome if you could share this, looks really good!

12 Jan 2010, 5:42 AM
Very nice! it could be used as a front end for FTP directory operations through a browser. .

Thank you tonedeaf. Yeah that could be a possible use. In my case this module will also show when i need to set, for example, the profile picture to an user allow me to choose the picture i already have or letting me upload and select a new one.
In this situation, the default doubleclick action on a file is interpreted from the FileView as Select and not Open, firing an event that gives me back the selectef file with all the information I need. In fact, The FileView uses another object I developed called Ext.ux.File that is a wrapper of every single file you see.

Looks tightly integrated with your CMS (recycle bin), would it be too difficult to isolate it as an independent extension?

Absolutely not. The trash folder is already configurable from the FileView so it could be whichever folder you want, and, you can also disable the Trash bin animation.

I liked the video playback portion of the demo.
Thank you for your feedback tonedeaf ;)

12 Jan 2010, 5:44 AM
Thank you elnove and Scorpie for your feedbacks ;)

12 Jan 2010, 7:19 AM
Thank you elnove and Scorpie for your feedbacks ;)

How do the operations work ? Are they really files you move, or are they some sort of representation of FTP content?

12 Jan 2010, 7:36 AM
The operations really move files on the server. In the video, when you see the deleted files fade out or the uploaded / pasted files fade in, it means that the server really moved that file to its destination and send back to the client the actual folder content, marking the files in object as New or Deleted. At this point when the json reader load the new files, it see that some files are marked so the FileView is able to provide the animation as feedback of the completed operation on those files. So, every single file operation reload the content of the directory you are in. This because i'm also developing the folder / files sharing with other users, so I need to reload everythings becouse meantime the situation on the server could be changed by another user.

12 Jan 2010, 7:38 AM
Impressive! Does the server need any special requirements for those operations to be supported?

12 Jan 2010, 7:45 AM
Absolutely not ;).
I've added some security checks for my cms because, as you can understand, only the logged in user can see his files. For this reason, the component make a douple check of the credentials (username, pwd, unique security key) one on the client before request the files to the server and one on the server to check if the credentials match the ones saved on the session. If both succed the folder content is send to the client in a classic json data format.

12 Jan 2010, 9:15 AM
Nice. Any plans on releasing it?

12 Jan 2010, 11:34 AM
Not really. At the moment i was considering if someone can find this helpful to reuse and if the users response is good, I can consider to create the ux.FileView integrating the ext.Direct support. I Will see in those days what others users think about it.

12 Jan 2010, 11:09 PM
You really should release it, the community will be thankful, I`m certain :)

13 Jan 2010, 1:41 AM
But community is not giving me feedbacks Scorpie ;)

13 Jan 2010, 1:55 AM
What kind of feedback do you expect? The demo is very impressive, but just as with many other plugins/extensions, people will make adjustments and improvements whenever the plugin or extension source code is available. You could always make a private release for a small number of interested persons to get feedback on your code?

13 Jan 2010, 2:25 AM
I would like to know if someone is interested on use it beacuse, it requires almost a month of update and recode the component to wrap it in a ux object to be reusable, that's why i title this thread "Tell me waht you think?". Actually i'm working hard on my Aral Desktop CMS (http://www.extjs.com/forum/showthread.php?t=88691) so I should cut some time to do doing this as you can understand. But if the comunity already develope something similiar, I wouldn't waste time, you know what i mean? :)
But, at the same time, it would be great to contribute to ext growing.
You say it would be helpfull to have an ux.FileView widget and that's the kind of feedback I exapect, nomore ;).
However, as you said, I could always share an online demo.

13 Jan 2010, 8:20 AM

The demo is impressive. very good work!

I think to turn your idea into UX you should do a great job of defining exactly what services consumed.

Another big problem would fit the component into all the possible layouts that exists in ExtJS.


13 Jan 2010, 10:29 AM
Thank you galdaka :)
Yeah turning it in a ux object would be a great and heavy work, but I think that the bigger part is already done. For the integration inside all the layout objects I'm sure I would have some troubles, but maybe is not so hard as you think.
The bigger work has to be done server side.
However, I decided to integrate Ext.Direct support, so I'm beginning to edit the component.
When this step will be completed, I can really think to encapsulate the FileView in a ux object. If you see something that could be changed on the component watching the video, fell you free to suggest it to me ;)