Posts Tagged ‘FileManager’

FileManager

FileManager

Minulý týden jsem psal o svém webovém správci souborů. S tím, že ke konci týdne vytvořím jeho webovou prezentaci. Bohužel nezbyl mi na to čas. Prozatím jsem jej nahrál na adresu http://testy.bronzi.cz/filemanager/ aby jej bylo možné veřejně testovat. Zatím uveřejním nějaké info pouze zde.

Základní informace si můžete přečíst v předchozím článku.

Prakticky veškerá funkčnost, kterou jsem zamýšlel je už dokončená, jen ještě potřebuju doplnit pár obrázků a ikonek dalších typů souborů. Možná si později budu ještě hrát s designem, ale pro mé účely plně postačuje ten stávající.

Na serveru jsou povoleny pouze soubory jpg, png, gif, txt a zip. Jakékoli jiné není možné uploadovat a není ani možné změnit koncovku souboru na typ, který není povolen.

Jak fungují jednotlivé funkce?

Rozhraní jsem se snažil navrhnout tak aby bylo zcela intuitivní a funkcemi připomínalo běžný průzkumník ve windows. Akce, které jsou v levém panelu, snad není nutné nijak komentovat. Stačí v přehledu souborů vybrat položky, nad kterými se má akce provést a kliknout na vybrané tlačítko. Snad jen zmíním pár informací.

  1. Nová složka se vždy vytvoří na aktuálně zobrazeném adresáři.
  2. Před akcí vložit musí následovat akce kopírovat nebo vyjmout.
  3. Soubory ze schránky se vloží vždy do aktuálně zobrazeného adresáře.
  4. Akce kopírovat a vyjmout funguje stejně jako ve windows.
  5. Přejmenovat lze vždy jen jeden soubor najednou.

Pod levým menu se dále nachází možnost náhledu. Pokud volba není zaškrtnuta, zobrazují se jen demonstrační obrázky. Pokud ji zaškrtnete a vyberete obrázek, pak se zobrazí jeho miniatura.

V horním panelu se nachází odkaz pro upload souborů, adresa aktuálního adresáře a vyhledávací políčko. Kliknutím na jednotlivé části adresy se vždy provede otevření daného adresáře. Adresa adresáře se také zobrazuje v adresním řádku za znakem # jako hash. Pokud zde napíšete existující adresu, provede se její otevření. Díky tomu je ve FileManageru možné kopírovat adresy jednotlivých adresářů nebo je ukládat do záložek.

Poslední viditelnou částí je vyhledávací tlačítko, které se nachází vpravo nahoře. Po zapsání výrazu a stisknutí tlačítka hledat proběhne v aktuálně otevřeném adresáři a jeho podadresářích vyhledávání souborů. To funguje na jednoduchém principu: Pokud název souboru nebo složky obsahuje výraz ve vyhledávání, pak bude zobrazen, pokud jej neobsahuje pak ne.

Skryté funkce

Vybrání více souborů tažením: Zmáčknete-li levé tlačítko myši na neoznačeném souboru a táhnete myší dolů/nahoru, pak dojde k označení všech souborů nahoru/dolů od zakliknutého souboru.

Vybrání více souborů klávesovou zkratkou: Jeden soubor se vybere jedním kliknutím, pokud kliknete na jiný soubor, označí se on a tak dále. Pokud ale budete držet CTRL, pak se další soubor přidá do výběru spolu s předchozím. Pokud zmáčknete CTRL+SHIFT, a kliknete na další soubor, pak se označí všechny soubory na cestě od prvního označeného souboru po právě kliknutý.

Přesouvání a kopírování souborů tažením: Máte-li označené soubory a kliknete na kterýkoli z označených souborů levým tlačítkem myši, pak můžete vybrané soubory tažením přesunout do libovolné složky. Pokud zároveň zmáčknete CTRL, pak budou sobory do složky zkopírovány.

Akce na souboru dvojklikem: Kliknete-li dvojklikem na libovolný soubor, zobrazí se jednoduché menu co je možné se souborem provést. Zatím jsou dostupné pouze volby Otevřít a Stáhnout případně rozbalit zip. Do budoucna plánuju přidat ještě volbu editovat.

Rozbalení ZIPu do složky nebo do aktuálního umístění: Volba „rozbalit sem“ rozbalí soubory v archívu přímo do adresáře, kde se nachází, zatímco volba „rozbalit do složky“ napřed vytvoří nový adresář v aktuálním umístění, který se jmenuje stejně jako daný ZIP a jeho obsah rozbalí až do něj.

Závěrem

Správce souborů jsem vytvářel pro své účely a pro využití v mých projektech. Byl bych ale rád, kdyby se na testování dema podílelo co nejvíce lidí a abych se dozvěděl Vaše postřehy. Později mám v plánu uvolnit FileManager buď jako opensource nebo jako něco jiného. Napište proto co byste v něm rádi viděli.

 

FileManager

FileManager

Zhruba před dvěmi lety jsem dělal vlastní wysiwyg editor podobný TinyMce, který byl menší, rychlejší, umožňoval snadné rozšíření a byl můj vlastní :-) . Bohužel jsem jej dělal jen ve svém volném čase a zadarmo. Vzhledem k tomu, že na jeho další vývoj jsem již neměl čas a musím se přiznat, že už ani motivaci, rozhodl jsem jeho vývoj zastavit a dál se mu nevěnovat. Jeho součástí však byl i integrovaný fileManager, který jsem nechtěl jen tak zahodit.

Teprve nyní jsem se dostal k tomu, abych jej upravil tak aby mohl běžet samostatně mimo wysiwyg editor a zdokonalil jsem jej tak, že umožňuje prakticky vše co potřebujui. FileManager běží na javascriptu a na serveru je obsluha řešena pomocí PHP. Pro upload souborů jsem využil SWF knihovnu pro nahrávání více souborů najednou. Pro upload je tedy potřeba mít nainstalovaný flash. Později možná dodělám i jednoduchou verzi bez flashe.

FileManager běží ve všech běžně používaných prohlížečích, IE 7, IE 8, FF 3.6+, Opera 11+, Google Chrome 13+. Manager sice není žádný extra grafický počin ale umožňuje snadnou správu souborového systému ve webovém prohlížeči. Samozřejmostí je vytváření nových složek a přejmenovávání, kopírování a mazání souborů. Dalšími vlastnostmi jsou: snadný upload na server, podpora zip archívů, náhledy obrázků, snadný výběr souborů, podobný jako je v Total Commanderu a přesouvání souborů a složek pomocí myši.

V průběhu tohoto týdne plánuju vychytat poslední mouchy a vytvořit nějakou jednoduchou prezentaci, kde bude vše popsáno a představeno.