/*
* pettanR system.js
- * version 0.4.2
+ * version 0.4.20
*
* author:
* itozyun
* 画像一覧を読み込むタイミング
*/
pettanr.file = ( function(){
- var TREE_TYPE_IS_COMIC = 1,
- TREE_TYPE_IS_IMAGE = 2,
- FILE_TYPE_IS_FOLDER = 1,
- FILE_TYPE_IS_COMIC = 10,
- FILE_TYPE_IS_PANEL = 11,
- FILE_TYPE_IS_IMAGE = 20,
- FILE_TYPE_IS_HTML = 30,
- FILE_TYPE_IS_SETTING = 40,
- FOLDER_TYPE_IS_COMIC = 1,
- FILE_STATE_IS_UNKNOWN = 0,
- FILE_STATE_IS_OK = 1,
- FILE_STATE_IS_LOADING = 2,
- FILE_STATE_IS_ERROR = 3,
- FILE_STATE_IS_BROKEN = 4,
- TREE_EVENT_UPDATE = 'onTreeUpdate',
- FILE_EVENT_UPDATE_ATTRIVUTE = 'onFileUpdate',
- FILE_EVENT_GET_SEQENTIAL_FILES = 'gotSeqentilFiles',
- ROLE_IS_SUPER_USER = 2^4,
- ROLE_IS_OWNER = 2^3,
- ROLE_IS_CREATOR = 2^2,
- ROLE_IS_ARTIST = 2^1,
- ROLE_IS_VISITOR = 2^0,
- ROLE_IS_UNKROWN = 2^-1,
- UPDATE_POLICY_SOCAV = parseInt( '11111', 2),// s: super user
- UPDATE_POLICY_SOCA_ = parseInt( '11110', 2),// o: owner( comic || panel || picture )
- UPDATE_POLICY_SOC__ = parseInt( '11100', 2),// c: creator
- UPDATE_POLICY_SO_A_ = parseInt( '11010', 2),// a: artist
- UPDATE_POLICY_SO___ = parseInt( '11000', 2),// v: visitor
- UPDATE_POLICY__O___ = parseInt( '01000', 2),// l: lisence manager
- UPDATE_POLICY_S____ = parseInt( '10000', 2),
- UPDATE_POLICY______ = parseInt( '00000', 2),
+ var FILE_TYPE_IS_FOLDER = 1,
+ numFileType = FILE_TYPE_IS_FOLDER,
FILEDATA_RESITER = [], // store all of fileData( json object )
- FILEDATA_HAS_domainID_RESISTER = {},
FILEDATA_ACCESS = [], // file operations for Kernel only ! hide from Out of pettanr.file
- FILE_OBJECT_POOL = [];
+ FILE_OBJECT_POOL = [],
+ EVENT_LISTENER_REGISTER = [],
+ TREE_ARRAY = [],
+ TREE_ACCESS_ARRAY = [];
var REQUEST_CONTROLER = ( function(){
var REQUEST_TICKET_RESISTER = [],
}
return {
- init: function(){
- delete REQUEST_CONTROLER.init;
- },
getNumTask: function(){
return REQUEST_TICKET_RESISTER.length;
},
- var FILE_CONTROLER = ( function(){
- var EVENT_LISTENER_RESISTER = [],
- TREE_ARRAY = [],
- TREE_ACCESS_ARRAY = [],
- instance;
-
- var TreeClass = function( ROOTFILE_DATA){
- var UID = TREE_ACCESS_ARRAY.length,
- PARENT_FILE_RESITER = [],
- ACCESS = {
- fileEventChatcher: dispatchFileEvent,
- destroy: onDestroy
- },
- EVENT_LISTENER_ARRAY = [],
- rootFile,
- rootFileData,
- currentFile,
- currentFileData,
- instance;
-
- TREE_ACCESS_ARRAY.push( ACCESS);
-
- function onDestroy(){
-
- }
-
- function dispatchFileEvent( e){
- var _eventType = e.eventType,
- _targetFile = e.targetFile,
- _ticket, _type, _file, _callback,
- l = EVENT_LISTENER_RESISTER.length;
- for(var i=0; i<l; ++i){
- _ticket = EVENT_LISTENER_RESISTER[i],
- _type = _ticket.eventType,
- _file = _ticket.targetFile,
- _callback = _ticket.callBack;
- if( _eventType === _type && _file.getUID() === _targetFile.getUID()){
- _callback( _type, _targetFile, e.key, e.value);
- } else if( _type === TREE_EVENT_UPDATE && _eventType === FILE_EVENT_GET_SEQENTIAL_FILES){
- _callback( TREE_EVENT_UPDATE, _targetFile);
- }
- }
+ var FILE_CONTROLER = {
+ createTree: function( _rootFileData){
+ var _tree = new TreeClass( _rootFileData);
+ _tree.init();
+ TREE_ARRAY.push( _tree);
+ return _tree;
+ },
+ getFileUID: function( FILEDATAorFILE ){
+ if( FILEDATAorFILE instanceof FileClass ){
+ return FILEDATAorFILE.getUID();
}
- return {
- init: function(){
- instance = this;
- currentFile = rootFile = new FileClass( this, null, ROOTFILE_DATA);
- rootFile.init();
- FILE_CONTROLER.getSeqentialFiles( currentFile);
- delete this.init;
- },
- getUID: function(){ return UID},
- getRootFile : function(){
- return rootFile;
- },
- getCurrentFile: function(){
- return currentFile;
- },
- hierarchy: function(){
- return PARENT_FILE_RESITER.length;
- },
- getParentFileAt: function( _index){
- var l = PARENT_FILE_RESITER.length;
- if( typeof _index !== 'number' || _index < 0 || _index >= l) return null;
- return PARENT_FILE_RESITER[ l -1 -_index];
- },
- down: function( _index){
- if( typeof _index !== 'number' || _index < 0 || _index >= currentFile.getChildFileLength()) return;
- PARENT_FILE_RESITER.unshift( currentFile);
- currentFile = currentFile.getChildFileByIndex( _index);
- FILE_CONTROLER.getSeqentialFiles( currentFile);
- return currentFile;
- },
- up: function( _index){
- var l = PARENT_FILE_RESITER.length;
- if( l === 0) return null;
- if( typeof _index === 'number'){
- if( _index >= l) return null;
- currentFile = this.getParentFileAt( _index);
- PARENT_FILE_RESITER.splice( 0, l -_index);
- } else {
- currentFile = PARENT_FILE_RESITER.shift();
- }
- FILE_CONTROLER.getSeqentialFiles( currentFile);
- return currentFile;
- },
- addTreeEventListener: function( _eventType, _callback){
- EVENT_LISTENER_RESISTER.push( new FileEventTicketClass( null, _eventType, _callback));
- },
- removeTreeEventListener: function( _eventType, _callback){
-
- },
- createSearchResultFolder: function( _searchParam){
-
- },
- destroySearchResultFolder: function( _searchParam){
-
- },
- destroy: function(){
- destroyTree( UID);
- }
+ var uid = pettanr.util.getIndex( FILEDATA_RESITER, FILEDATAorFILE );
+ if( uid === -1){
+ uid = FILEDATA_RESITER.length;
+ FILEDATA_RESITER.push( FILEDATAorFILE );
}
- };
- /**
- * _access.DATA === FILEDATA_RESITER[uid]
- */
- function getFileDataAccess( UIDorFILEorFILEDATA){
- var l = FILEDATA_ACCESS.length,
- _uid,
- _data,
- _access;
+ return uid;
+ },
+ getFileDataAccess: function( UIDorFILEorFILEDATA){
+ var _uid, _data, _access;
if( typeof UIDorFILEorFILEDATA === 'number'){
_data = FILEDATA_RESITER[ UIDorFILEorFILEDATA] || null;
} else
if( UIDorFILEorFILEDATA instanceof FileClass){
_uid = UIDorFILEorFILEDATA.getUID();
- _data = FILEDATA_RESITER[ _uid] || null;
+ _data = FILEDATA_RESITER[ _uid ] || null;
} else {
_data = UIDorFILEorFILEDATA || null;
}
- if( _data === null || !_data) return null;
- for(var i=0; i<l; ++i){
+ if( _data === null || typeof _data !== 'object') return null;
+ for( var i=0, l = FILEDATA_ACCESS.length; i<l; ++i){
_access = FILEDATA_ACCESS[ i];
if( _access.DATA === _data) return _access;
}
return null;
- }
- function getChildren( UIDorFILE){
- var _access = getFileDataAccess( UIDorFILE);
- return _access !== null ? _access.DATA.CHILDREN : null
- }
- function onLoadJson( _file, _json){
- var _access = getFileDataAccess( _file),
- _data = _access !== null ? _access.DATA : null,
- l = _json.length,
- _fileData;
- if( _data == null){
- onErrorJson( _file);
- return;
+ },
+ getFileData: function( UIDorFILEorFILEDATA){
+ var _access = FILE_CONTROLER.getFileDataAccess( UIDorFILEorFILEDATA);
+ return _access !== null ? _access.DATA : null;
+ },
+ getChildren: function( UIDorFILEorFILEDATA){
+ var _data = FILE_CONTROLER.getFileData( UIDorFILEorFILEDATA);
+ return _data !== null ? _data.children || null : null;
+ },
+ getDriver: function( _file){
+ var _data = FILE_CONTROLER.getFileData( _file);
+ return _data !== null && _data.driver ? _data.driver : FileDriverBase;
+ },
+ getUpdateFlag: function( _file, _bit){
+ var _driver = FILE_CONTROLER.getDriver( _file ),
+ _policy;
+ if( typeof _driver.getUpdatePolicy === 'function'){
+ _policy = _driver.getUpdatePolicy( _file );
+
}
- if( l === 0) return;
- if( !_data.children){
- _data.children = [];
+ if( typeof _policy !== 'number') {
+ _policy = FileDriverBase.getUpdatePolicy( _file )
}
- var _children = _data.children,
- _childType = _data.childType,
- _newData,
- _rFolderData,
- _artistFolderData, _artistFolder,
- _comicFolderData, _comicFolder,
- _authorFolderData, _authorFolder,
- _reaourceID = buildDomainID( _data.json, _childType);
-
- for(var i=0; i<l; ++i){
- _newData = buildFileData( _json[ i], _data.json, _data, _childType);
-
- if( _reaourceID !== null){
- _rFolderData = getDomainFolder( _reaourceID, _childType, _file);
- _rFolderData.children.push( _newData);
- }
- if( _newData.artist){
- _artistFolderData = _artistFolderData || getDomainFolder( buildDomainID( _data.json, 'artist'), 'Artists', _file);
- _artistFolder = _artistFolder || new FileClass( SYSTEM_TREE, _file, _artistFolderData);
- _rFolderData = getDomainFolder( buildDomainID( _artistFolderData.rID, '' +_newData.artist.id), _newData.artist.name, _artistFolder);
- _rFolderData.children.push( _newData);
- }
- if( _newData.comic){
- _comicFolderData = _comicFolderData || getDomainFolder( buildDomainID( _data.json, 'comic'), 'Comics', _file);
- _comicFolder = _comicFolder || new FileClass( SYSTEM_TREE, _file, _comicFolderData);
- _rFolderData = getDomainFolder( buildDomainID( _comicFolderData.rID, '' +_newData.comic.id), _newData.comic.title, _comicFolder);
- _rFolderData.children.push( _newData);
- }
- if( _newData.author){
- _authorFolderData = _authorFolderData || getDomainFolder( buildDomainID( _data.json, 'author'), 'Author', _file);
- _authorFolder = _authorFolder || new FileClass( SYSTEM_TREE, _file, _authorFolderData);
- _rFolderData = getDomainFolder( buildDomainID( _authorFolderData.rID, '' +_newData.author.id), _newData.author.name, _authorFolder);
- _rFolderData.children.push( _newData);
+ return _policy % ( _bit * 2) >= _bit;
+ },
+ move: function( _prentUID, _targetfile, _newFolder, _newIndex, _opt_callback){
+ var _parentData = FILE_CONTROLER.getFileDataAccess( _prentUID),
+ _parentType = _parentData.TYPE,
+ _targetData = FILE_CONTROLER.getFileDataAccess( _targetfile),
+ _targetType = _targetData.TYPE;
+ },
+ replace: function( _uid, _file, _newIndex){
+
+ },
+ addEventListener: function( FILEorNULL, _eventType, _callback){
+ var _uid = FILEorNULL instanceof FileClass ? FILEorNULL.getUID() : FILEorNULL;
+ EVENT_LISTENER_REGISTER.push( new FileEventTicketClass( _uid, _eventType, _callback));
+ },
+ removeEventListener: function( FILEorNULL, _eventType, _callback){
+ var _uid = FILEorNULL instanceof FileClass ? FILEorNULL.getUID() : FILEorNULL,
+ _ticket;
+ for(var i=0, l = EVENT_LISTENER_REGISTER.length; i<l; ++i){
+ _ticket = EVENT_LISTENER_REGISTER[i];
+ if( _ticket.fileUID === _uid && _ticket.eventType === _eventType && _ticket.callBack === _callback){
+ EVENT_LISTENER_REGISTER.splice( i, 1);
+ _ticket.destroy();
}
}
- delete _data.json;
- _artistFolder && _artistFolder.collect();
- _comicFolder && _comicFolder.collect();
- _authorFolder && _authorFolder.collect();
- _access.fileEventChatcher( new FileEventClass( FILE_EVENT_GET_SEQENTIAL_FILES, _file, 'children', null));
- }
- function onErrorJson( _file){
- var _access = getFileDataAccess( _file),
- _data = _access !== null ? _access.DATA : null;
- if( _data !== null){
- _data.state = FILE_STATE_IS_ERROR;
- }
- }
- function buildFileData( _data, _url, _parent, _type){
- _data.type = _type;
-
- if( _type === FILE_TYPE_IS_PANEL){
- _data.comicFileData = _parent;
- }
-
- FILEDATA_RESITER.push( _data);
-
- return _data;
- }
- function buildDomainID( _url, _type){
- if( !_url) return null;
- var _typeStr = null;
+ },
+ getTreeAccess: function(){
- if( typeof _type !== 'number'){
- _typeStr = _type
- } else
- if( _type === FILE_TYPE_IS_IMAGE){
- _typeStr = 'image';
- } else
- if( _type === FILE_TYPE_IS_COMIC){
- _typeStr = 'comic';
- }
- if( _type === FILE_TYPE_IS_PANEL){
- _typeStr = 'panel';
+ },
+ fileEventRellay: function( _uid, _event ){
+ var _fileAccess = FILE_CONTROLER.getFileDataAccess( _uid );
+ if( _fileAccess === null ) return;
+ var _treeUID = _fileAccess.TREE.getUID(),
+ _treeAccess = TREE_ACCESS_ARRAY[ _treeUID ],
+ _data = _fileAccess.DATA,
+ _tree;
+ if( !_treeAccess ) return;
+ _treeAccess.dispatchFileEvent( _event );
+ for( var i=0, l = TREE_ARRAY.length; i<l; ++i){
+ if( i !== _treeUID ){
+ _tree = TREE_ARRAY[ i ];
+ if( FILE_CONTROLER.getFileData( _tree.getCurrentFile() ) === _data ){
+ _treeAccess = TREE_ACCESS_ARRAY[ _tree.getUID() ];
+ _treeAccess && _treeAccess.dispatchFileEvent( _event );
+ }
+ }
}
- if( _typeStr === null) return null;
-
- return [ _url.replace(/https?:\/\/([^\/]*).*/, '$1'), _typeStr].join('_');
}
- /**
- * getFileByResourceID( _domainID, opt_name, opt_folder)
- * opt 指定で 新しいフォルダの作成
- * rID を持つ Object は {} にも格納.
- */
- function getDomainFolder( _domainID, opt_name, opt_folder){
- if( FILEDATA_HAS_domainID_RESISTER[ _domainID]){
- return FILEDATA_HAS_domainID_RESISTER[ _domainID];
- }
- if( !opt_name && !opt_folder) return;
-
- var _fileName;
-
- if( typeof opt_name === 'string'){
- _fileName = opt_name;
- } else
- if( opt_name === FILE_TYPE_IS_IMAGE){
- _fileName = 'Pictures';
- } else
- if( opt_name === FILE_TYPE_IS_COMIC){
- _fileName = 'Comics';
- } else
- if( opt_name === FILE_TYPE_IS_PANEL){
- _fileName = 'Panels';
- } else {
- _fileName = typeof opt_name;
- }
-
- var _newData = {
- name: _fileName,
- type: FILE_TYPE_IS_FOLDER,
- rID: _domainID,
- children: []
- };
- FILEDATA_RESITER.push( _newData);
- FILEDATA_HAS_domainID_RESISTER[ _domainID] = _newData;
+ }
+
+ var TreeClass = function( rootFileData ){
+ var PARENT_FILE_RESITER = [],
+ ACCESS = {
+ dispatchFileEvent: dispatchFileEvent
+ },
+ EVENT_LISTENER_ARRAY = [],
+ rootFile,
+ currentFile,
+ instance;
- if( opt_folder && opt_folder.isChildFile( _newData) === false){
- var _access = getFileDataAccess( opt_folder),
- _data = _access !== null ? _access.DATA : null;
- _access === null && alert( _domainID)
- if( _data !== null){
- _data.children.push( _newData);
+ TREE_ACCESS_ARRAY.push( ACCESS );
+
+ function dispatchFileEvent( e ){
+ var _eventType = e.eventType,
+ _targetFile = e.targetFile,
+ _uid = _targetFile.getUID(),
+ _ticket, _type, _callback;
+ for(var i=0, l = EVENT_LISTENER_REGISTER.length; i<l; ++i ){
+ _ticket = EVENT_LISTENER_REGISTER[ i ];
+ _type = _ticket.eventType;
+ _callback = _ticket.callBack;
+ if( _eventType === _type && _uid === _ticket.fileUID ){
+ _callback( _eventType, _targetFile, e.key, e.value );
+ } else
+ if( _type === pettanr.file.TREE_EVENT.UPDATE && _eventType === pettanr.file.FILE_EVENT.GET_SEQENTIAL_FILES ){
+ _callback( _eventType, _targetFile );
}
}
-
- return _newData;
- }
-
- function destroyTree(){
-
}
return {
init: function(){
instance = this;
- delete FILE_CONTROLER.init;
+ currentFile = rootFile = new FileClass( instance, null, rootFileData );
+ // rootFile.init();
+ currentFile.getSeqentialFiles();
+ delete this.init;
},
- createTree: function( _rootFileData){
- var _tree = new TreeClass( _rootFileData);
- _tree.init();
- TREE_ARRAY.push( _tree);
- return _tree;
+ getUID: function(){
+ return pettanr.util.getIndex( TREE_ACCESS_ARRAY, ACCESS );
},
- getFileData: function( _file){
- var _access = getFileDataAccess( _file);
- return _access !== null ? _access.DATA : null;
+ getRootFile : function(){
+ return rootFile;
},
- getUID: function ( _filedata){
- var l = FILEDATA_RESITER.length;
- for( var i=0; i<l; ++i){
- if( FILEDATA_RESITER[ i] === _filedata) return i;
- }
- return -1;
+ getCurrentFile: function(){
+ return currentFile;
},
- getSeqentialFiles: function( _file){
- var _data = this.getFileData( _file),
- _json = _data ? _data.json : null;
- if( _json !== null){
- REQUEST_CONTROLER.getJson( _file, _json, onLoadJson, onErrorJson);
- }
+ hierarchy: function(){
+ return PARENT_FILE_RESITER.length;
},
- updateFileAttribute: function( _uid, key, _value, _opt_callback){
- var _data = getFileDataAccess( _uid),
- _type = _data.TYPE;
-
- },
- getFileAttribute: function( _uid, KEYorKEYARRAY){
- var _fileData = getFileDataAccess( _uid),
- _type = _fileData.TYPE;
+ getParentFileAt: function( _index){
+ var l = PARENT_FILE_RESITER.length;
+ if( typeof _index !== 'number' || _index < 0 || _index >= l) return null;
+ return PARENT_FILE_RESITER[ l -1 -_index];
},
- move: function( _prentUID, _targetfile, _newFolder, _newIndex, _opt_callback){
- var _parentData = getFileDataAccess( _prentUID),
- _parentType = _parentData.TYPE,
- _targetData = getFileDataAccess( _targetfile),
- _targetType = _targetData.TYPE;
+ down: function( _index){
+ if( typeof _index !== 'number' || _index < 0 || _index >= currentFile.getChildFileLength()) return;
+ PARENT_FILE_RESITER.unshift( currentFile );
+ currentFile = currentFile.getChildFileByIndex( _index );
+ currentFile.getSeqentialFiles();
+ return currentFile;
},
- replace: function( _uid, _file, _newIndex){
+ up: function( _index){
+ var l = PARENT_FILE_RESITER.length;
+ if( l === 0) return null;
+ if( currentFile ){
+ var _currentFile = currentFile;
+ currentFile = null;
+ _currentFile.destroy();
+ }
+ if( typeof _index === 'number'){
+ if( _index >= l) return null;
+ currentFile = this.getParentFileAt( _index );
+ PARENT_FILE_RESITER.splice( 0, l -_index);
+ } else {
+ currentFile = PARENT_FILE_RESITER.shift();
+ }
+ currentFile.getSeqentialFiles();
+ return currentFile;
},
- fileEventRellay: function( _targetFile, _targetTree, _event){
- var _uid = _targetTree.getUID(),
- _access = TREE_ACCESS_ARRAY[ _uid],
- l = TREE_ARRAY.length,
- _tree, _currentFile;
- _access !== undefined && _access.fileEventChatcher( _event);
- for(var i=0; i<l; ++i){
- if( i !== _uid){
- _tree = TREE_ARRAY[i];
- _currentFile = _tree.getCurrentFile();
- if( FILE_CONTROLER.getFileData( _currentFile) === _access.DATA){
- _tree.fileEventChatcher( _event);
- }
- }
+ addTreeEventListener: function( _eventType, _callback){
+ FILE_CONTROLER.addEventListener( null, _eventType, _callback);
+ },
+ removeTreeEventListener: function( _eventType, _callback){
+ FILE_CONTROLER.removeEventListener( null, _eventType, _callback);
+ },
+ destroy: function(){
+ FILE_CONTROLER.destroyTree( instance.getUID() );
+ // removeEvent
+ var _currentFile = currentFile;
+ currentFile = rootFile = rootFileData = null;
+ // currentFile, rootFile を null にしないと .File.destroy() ができない.
+ _currentFile.destroy();
+ while( PARENT_FILE_RESITER.length > 0 ){
+ _currentFile = PARENT_FILE_RESITER.shift();
+ _currentFile.destroy();
}
+ instance = null;
}
}
- })();
+ };
var FileEventTicketClass = function( UID, _eventType, _callback){
- return {
- fileUID: UID,
- eventType: _eventType,
- callBack: _callback,
- destroy: function(){
- this.callBack = _callback = null;
- }
+ this.fileUID = UID;
+ this.eventType = _eventType;
+ this.callBack = _callback;
+ this.destroy = function(){
+ this.callBack = _callback = null;
}
}
var FileEventClass = function( eventType, file, key, value){
- return {
- eventType: eventType,
- targetFile: file,
- updatedAttribute: key,
- updatedValue: value
- }
+ this.eventType = eventType;
+ this.targetFile = file;
+ this.updatedAttribute = key;
+ this.updatedValue = value;
}
/*
* fileの変更、それに付随して追加されたイベントは、TreeClassで管理される。
* treeがdestryされると、fileのイベントリスナーも全て削除される。
* 他の tree も data の共通する currentFile に対してのみは、file の変更イベントを受け取って流す.
+ *
+ * parentData のほうがいい!
*/
- var FileClass = function( TREE, parentFile, data){
- if( !data.children){
- data.children = [];
- }
- var TYPE = data.type,
- name = data.name || null,
- thumbnail = null,
- uid = FILE_CONTROLER.getUID( data),
- CHILDREN = data.children,
- instance;
-
- if( uid === -1){
- //alert( 'invalid uid');
- uid = FILEDATA_RESITER.length;
- FILEDATA_RESITER.push( data);
- }
+ var FileClass = function( tree, parentData, data ){
+ var uid = FILE_CONTROLER.getFileUID( data ),
+ instance = this;
FILEDATA_ACCESS.push(
{
- TYPE: TYPE,
+ TREE: tree,
+ parentData: parentData,
DATA: data,
- destroy: destroy,
- updateParent: updateParent,
- fileEventChatcher: dispatchEvent
+ dispatchFileEvent: dispatchEvent
}
);
- function destroy(){
- name = thumbnail = parentFile = data = CHILDREN = null;
-
- }
- function updateParent( _parent){
- parentFile = _parent;
- }
- function dispatchEvent( e){
- FILE_CONTROLER.fileEventRellay( instance, TREE, e);
- }
- /* grobal Methods */
- this.init = function(){
- instance = this;
- delete this.init;
+ tree = parentData = data = null;
+
+ function dispatchEvent( e ){
+ FILE_CONTROLER.fileEventRellay( uid, e );
}
- this.TYPE = function(){
- return TYPE;
+ this.getUID = function(){
+ return uid;
}
- this.getName = function(){
- if( name !== null) return name;
- if( data.name){
- return data.name;
+ };
+
+ FileClass.prototype = {
+ isChildFile: function( _FILEorFILEDATA){
+ return this.getChildFileIndex( _FILEorFILEDATA) !== -1;
+ },
+ getSeqentialFiles: function(){
+ var _driver = FILE_CONTROLER.getDriver( this );
+ if( _driver !== null && typeof _driver.getSeqentialFiles === 'function' ){
+ _driver.getSeqentialFiles( this );
}
- if( TYPE === FILE_TYPE_IS_IMAGE){
- name = [ data.id, data.ext].join( '.');
- } else
- if( TYPE === FILE_TYPE_IS_PANEL){
- name = data.comic.title + ' | ' +data.t;
+ },
+ addEventListener: function( _eventType, _callback ){
+ FILE_CONTROLER.addEventListener( this, _eventType, _callback );
+ },
+ removeEventListener: function( _eventType, _callback ){
+ FILE_CONTROLER.removeEventListener( this, _eventType, _callback );
+ },
+ getChildFileLength: function(){
+ var children = FILE_CONTROLER.getChildren( this );
+ return Type.isArray( children ) === true ? children.length : -1;
+ },
+ getChildFileIndex: function( _FILEorFILEDATA ){
+ var children = FILE_CONTROLER.getChildren( this);
+ if( Type.isArray( children ) === false ) return -1;
+ var l = children.length,
+ _fileData = FILE_CONTROLER.getFileData( _FILEorFILEDATA );
+ if( _fileData === null ) return -1;
+ for( var i=0; i<l; ++i ){
+ if( children[ i ] === _fileData ) return i;
}
- return name || 'no_name';
- }
- this.getThumbnail = function(){
- if( thumbnail !== null) return thumbnail;
- if( TYPE === FILE_TYPE_IS_IMAGE){
- thumbnail = [ 'thumbnail/', data.id, '.', data.ext].join( '');
+ return -1;
+ },
+ getName: function(){
+ var driver = FILE_CONTROLER.getDriver( this );
+ if( typeof driver.getName === 'function'){
+ return driver.getName( this );
}
- return thumbnail || null;
- }
- this.getUID = function(){
- return uid;
- }
- this.getState = function(){
- return data.state !== undefined ? data.state : FILE_STATE_IS_OK;
- }
- this.getChildFileLength = function(){
- return CHILDREN && typeof CHILDREN.length === 'number' ? CHILDREN.length : 0;
- }
- this.getChildFileByIndex = function( _index){
- if( typeof _index !== 'number' || _index < 0 || typeof CHILDREN.length !== 'number' || _index >= CHILDREN.length) return null;
- _file = new FileClass( TREE, this, CHILDREN[ _index]);
- _file.init();
+ return FileDriverBase.getName( this);
+ },
+ getThumbnail: function(){
+ var driver = FILE_CONTROLER.getDriver( this);
+ if( typeof driver.getThumbnail === 'function'){
+ return driver.getThumbnail( this);
+ }
+ return FileDriverBase.getThumbnail( this);
+ },
+ getType: function(){
+ var _data = FILE_CONTROLER.getFileData( this);
+ return typeof _data.type === 'number' ? _data.type : pettanr.file.FILE_TYPE.UNKNOWN;
+ },
+ getState: function(){
+ var _data = FILE_CONTROLER.getFileData( this);
+ return typeof _data.state === 'number' ? _data.state : pettanr.file.FILE_STATE.OK;
+ },
+ getSummary: function(){
+ var driver = FILE_CONTROLER.getDriver( this );
+ if( typeof driver.getSummary === 'function'){
+ return driver.getSummary( this );
+ }
+ return FileDriverBase.getSummary( this);
+ },
+ isWritable: function(){
+ return FILE_CONTROLER.getUpdateFlag( this, pettanr.file.FILE_UPDATE_POLICY.WRITE );
+ },
+ isSortable: function(){
+ return FILE_CONTROLER.getUpdateFlag( this, pettanr.file.FILE_UPDATE_POLICY.SORT );
+ },
+ isCreatable: function(){
+ return FILE_CONTROLER.getUpdateFlag( this, pettanr.file.FILE_UPDATE_POLICY.CREATE );
+ },
+ isRenamable: function(){
+ return FILE_CONTROLER.getUpdateFlag( this, pettanr.file.FILE_UPDATE_POLICY.RENAME );
+ },
+ isDeletable: function(){
+ return FILE_CONTROLER.getUpdateFlag( this, pettanr.file.FILE_UPDATE_POLICY.DELETE );
+ },
+ read: function(){
+ // simpleDeepCopy
+ var driver = FILE_CONTROLER.getDriver( this );
+ if( typeof driver.read === 'function'){
+ return driver.read( this );
+ }
+ return FileDriverBase.read( this );
+ },
+ write: function( _newData, _onUpdateFunction ){
+ var driver = FILE_CONTROLER.getDriver( this );
+ if( typeof driver.write === 'function'){
+ return driver.write( this, _newData, _onUpdateFunction );
+ }
+ return FileDriverBase.write( this, _newData, _onUpdateFunction );
+ },
+ viewerApplicationList: function(){
+ var driver = FILE_CONTROLER.getDriver( this );
+ if( typeof driver.viewerApplicationList === 'function'){
+ return driver.viewerApplicationList( this );
+ }
+ return FileDriverBase.viewerApplicationList( this );
+ },
+ editorApplicationList: function(){
+ var driver = FILE_CONTROLER.getDriver( this );
+ if( typeof driver.editorApplicationList === 'function'){
+ return driver.editorApplicationList( this );
+ }
+ return FileDriverBase.viwerApps( this );
+ },
+ create: function(){
+
+ },
+ sort: function(){
+
+ },
+ onCopy: function(){
+
+ },
+ onDelete: function(){
+
+ },
+ getChildFileByIndex: function( _index ){
+ var _access = FILE_CONTROLER.getFileDataAccess( this ),
+ _children = FILE_CONTROLER.getChildren( this );
+ if( typeof _index !== 'number' || _index < 0 || Type.isArray( _children ) === false || _index >= _children.length) return null;
+ var _file = new FileClass( _access.TREE, _access.data, _children[ _index ]);
+ // _file.init();
return _file;
- }
- this.getChildFileIndex = function( _FILEorFILEDATA){
- if( !CHILDREN || typeof CHILDREN.length !== 'number') return -1;
- var l = CHILDREN.length,
- _fileData = FILE_CONTROLER.getFileData( _FILEorFILEDATA);
- if( _fileData === null) return -1;
- for(var i=0; i<l; ++i){
- if( CHILDREN[ i] === _fileData) return i;
+ },
+ move: function( _newFolder, _newIndex, opt_callback ){
+ var _access = FILE_CONTROLER.getFileDataAccess( this );
+ _access.TREE.move( _access.parentData, this.getUID(), _newFolder, _newIndex, opt_callback );
+ },
+ replace: function( _newIndex, opt_callback ){
+ var _access = FILE_CONTROLER.getFileDataAccess( this );
+ _access.TREE.replace( _access.parentData, this.getUID(), _newIndex, opt_callback);
+ },
+ /**
+ * サーチ
+ * 探しているファイルの属性と値を指定.一致する child の index を配列で返す.
+ */
+ search: function( obj, rule ){
+ var _children = FILE_CONTROLER.getChildren( this ),
+ _child,
+ ret = [], k, c;
+ for( var i=0, l=_children.length; i<l; ++i ){
+ _child = _children[ i ];
+ c = true;
+ for( k in obj ){
+ if( obj[ k ] !== _child[ k ] ){
+ c = false;
+ break;
+ }
+ }
+ c === true && ret.push( i );
}
- return -1;
- }
- this.isChildFile = function( _FILEorFILEDATA){
- return this.getChildFileIndex( _FILEorFILEDATA) !== -1;
- }
- this.getAttribute = function( KEYorKEYARRAY){
- return FILE_CONTROLER.getFileAttribute( UID, KEYorKEYARRAY);
- }
- this.getSeqentialFiles = function(){
- FILE_CONTROLER.getSeqentialFiles( this);
- }
- this.updateAttribute = function( key, value, opt_callback){
- TREE.updateFileAttribute( UID, key, value, opt_callback);
- }
- this.move = function( _newFolder, _newIndex, opt_callback){
- TREE.move( parentFile, UID, _newFolder, _newIndex, opt_callback);
- }
- this.replace = function( _newIndex, opt_callback){
- TREE.replace( parentFile, UID, _newIndex, opt_callback);
- }
- this.addEventListener = function( _eventType, _callback){
- FILE_CONTROLER.addEventListener( UID, _eventType, _callback);
- }
- this.removeEventListener = function( _eventType, _callback){
- FILE_CONTROLER.removeEventListener( UID, _eventType, _callback);
+ return ret;
+ },
+ destroy: function(){
+ var _access = FILE_CONTROLER.getFileDataAccess( this );
+ var TREE = _access.TREE;
+ if( TREE.getCurrentFile() === this ) return;
+ if( TREE.getRootFile() === this ) return;
+ for( var i=0, l = TREE.hierarchy(); i<l; ++i ){
+ if( TREE.getParentFileAt( i ) === this ){
+ return;
+ }
+ }
+ var _index = pettanr.util.getIndex( FILEDATA_ACCESS, _access );
+ if( _index === -1 || _access === null ) return;
+ // event の 削除
+ FILEDATA_ACCESS.splice( _index, 1 );
+ delete _access.DATA;
+ delete _access.TREE;
+ delete _access.parentData;
+ delete _access.dispatchFileEvent;
}
- this.collect = function(){
+ }
+
+ /*
+ * FileDriverBase
+ */
+ var FileDriverBase = {
+ getSeqentialFiles: function( _file){
+ },
+ getName: function( _file){
+ var _data = FILE_CONTROLER.getFileData( _file);
+ return _data.name || 'No Name';
+ },
+ getThumbnail: function( _file){
+ var _data = FILE_CONTROLER.getFileData( _file),
+ _type = _data.type,
+ _className = '';
+ if( _type === pettanr.file.FILE_TYPE.FOLDER){
+ _className = 'folder';
+ } else
+ if( _type === pettanr.file.FILE_TYPE.IMAGE){
+
+ } else
+ if( _type === pettanr.file.FILE_TYPE.TEXT){
+
+ } else
+ if( _type === pettanr.file.FILE_TYPE.HTML){
+
+ } else
+ if( _type === pettanr.file.FILE_TYPE.CSV){
+
+ } else
+ if( _type === pettanr.file.FILE_TYPE.JSON){
+
+ } else
+ if( _type === pettanr.file.FILE_TYPE.XML){
+
+ }
+ return {
+ image: null,
+ className: ' file-type-' + _className
+ }
+ },
+ getSummary: function( _file ){
+ var _data = FILE_CONTROLER.getFileData( _file ),
+ _type = _data.type;
+ if( _type === pettanr.file.FILE_TYPE.FOLDER){
+ return 'folder';
+ } else
+ if( _type === pettanr.file.FILE_TYPE.IMAGE){
+ return 'image file';
+ } else
+ if( _type === pettanr.file.FILE_TYPE.TEXT){
+ return 'text file';
+ } else
+ if( _type === pettanr.file.FILE_TYPE.HTML){
+ return 'html document file';
+ } else
+ if( _type === pettanr.file.FILE_TYPE.CSV){
+ return 'csv daat file';
+ } else
+ if( _type === pettanr.file.FILE_TYPE.JSON){
+ return 'json data file';
+ } else
+ if( _type === pettanr.file.FILE_TYPE.XML){
+ return 'xml data file';
+ }
+ return '';
+ },
+ getUpdatePolicy: function( _file ){
+ // debug用 全てのメニューを許可
+ return pettanr.file.FILE_UPDATE_POLICY.DSRWC;
+ },
+ read: function( _file ){
+ var data = FILE_CONTROLER.getFileData( _file ),
+ protects = pettanr.file.FILE_DATA_PROPERTY_RESERVED;
+
+ function clone( src ) {
+ var ret;
+ if( Type.isArray(src) === true ){
+ ret = [];
+ } else
+ if( Type.isObject(src) === true ){
+ ret = {};
+ } else
+ if( Type.isNumber(src) === true || Type.isString(src) === true || Type.isBoolean( src ) === true ){
+ return src;
+ } else {
+ return null;
+ }
+ for( var key in src ){
+ if( pettanr.util.getIndex( protects, key ) === -1 ){
+ //alert( key )
+ ret[ key ] = clone( src[ key ]);
+ }
+ }
+ return ret;
+ };
+
+ return clone( data );
+ },
+ write: function( _file, _newData, _onUpdateFunction ){
+ var _data = FILE_CONTROLER.getFileData( _file ),
+ _type = _data.type;
+ return false;
+ },
+ viewerApplicationList: function(){
+ return [];
+ },
+ editorApplicationList: function(){
+ return [];
+ },
+ onCreate: function(){
+
+ },
+ onSort: function(){
+
+ },
+ onCopy: function(){
+
+ },
+ onDelete: function(){
}
- };
- function getFileObject( TREE, parentFile, data){
- var _file;
- if( FILE_OBJECT_POOL.length > 0){
- _file = FILE_OBJECT_POOL.shift();
- } else {
- _file = new FileClass();
- }
- _file.init( TREE, parentFile, data);
- return _file;
}
var ROOT_FILEDATA = {
- name: 'root',
+ name: 'system root',
type: FILE_TYPE_IS_FOLDER,
children: []
},
- IMAGE_FILEDATA = {
- name: 'image root',
- type: FILE_TYPE_IS_FOLDER,
- json: pettanr.CONST.URL_ORIGINAL_PICTURES_JSON,
- children: [
- {
- name: 'My Pictures',
- type: FILE_TYPE_IS_FOLDER,
- children: [],
- childType: FILE_TYPE_IS_IMAGE
- }
- ],
- childType: FILE_TYPE_IS_IMAGE
- },
- COMIC_FILEDATA = {
- name: 'comic root',
- type: FILE_TYPE_IS_FOLDER,
- json: pettanr.CONST.URL_PANELS_JSON,
- children: [
- {
- name: 'My Comics',
- type: FILE_TYPE_IS_FOLDER,
- children: [],
- childType: FILE_TYPE_IS_COMIC
- }
- ],
- childType: FILE_TYPE_IS_PANEL
- };
- //FILEDATA_RESITER.push( ROOT_FILEDATA, IMAGE_FILEDATA, IMAGE_FILEDATA.children[0], COMIC_FILEDATA);
- ROOT_FILEDATA.children.push( COMIC_FILEDATA, IMAGE_FILEDATA);
-
- var SYSTEM_TREE = FILE_CONTROLER.createTree( ROOT_FILEDATA),
- ROOT_FILE = SYSTEM_TREE.getRootFile(),
- COMIC_ROOT_INDEX = ROOT_FILE.getChildFileIndex( COMIC_FILEDATA),
- IMAGE_ROOT_INDEX = ROOT_FILE.getChildFileIndex( IMAGE_FILEDATA);
-
+ SYSTEM_TREE = FILE_CONTROLER.createTree( ROOT_FILEDATA),
+ ROOT_FILE = SYSTEM_TREE.getRootFile();
+
+ function createFolderUnderRoot( _fileData){
+ ROOT_FILEDATA.children.push( _fileData);
+ FILE_CONTROLER.getFileDataAccess( ROOT_FILE)
+ .dispatchFileEvent( new FileEventClass( pettanr.file.FILE_EVENT.GET_SEQENTIAL_FILES, ROOT_FILE, 'children', null));
+ }
+ function createFileEvent( _eventType, _file, _key, _value){
+ return new FileEventClass( _eventType, _file, _key, _value);
+ }
+ function createFileTypeID(){
+ return ++numFileType;
+ }
+
return {
init: function(){
- REQUEST_CONTROLER.init();
- FILE_CONTROLER.init();
+ //REQUEST_CONTROLER.init();
+ //FILE_CONTROLER.init();
delete pettanr.file.init;
},
- createTree: function( _treeType){
- var _rootFile;
- if( _treeType === TREE_TYPE_IS_COMIC) _rootFile = COMIC_FILEDATA;
- if( _treeType === TREE_TYPE_IS_IMAGE) _rootFile = IMAGE_FILEDATA;
- if( !_rootFile) return null;
+ registerDriver: function( _driver ){
+ _driver.prototype = FileDriverBase;
+ /*
+ * File API
+ */
+ return {
+ createFolderUnderRoot: createFolderUnderRoot,
+ getFileDataAccess: FILE_CONTROLER.getFileDataAccess,
+ getFileData: FILE_CONTROLER.getFileData,
+ getJson: REQUEST_CONTROLER.getJson,
+ createFileEvent: createFileEvent,
+ createFileTypeID: createFileTypeID
+ }
+ },
+ createTree: function( _rootFile){
return FILE_CONTROLER.createTree( _rootFile);
},
- TREE_TYPE_IS_COMIC: 1,
- TREE_TYPE_IS_IMAGE: 2,
- TREE_TYPE_IS_SETTING: 3,
- FILE_TYPE_IS_FOLDER: FILE_TYPE_IS_FOLDER,
- FILE_TYPE_IS_IMAGE: FILE_TYPE_IS_IMAGE,
- FILE_TYPE_IS_PANEL: FILE_TYPE_IS_PANEL,
- FILE_TYPE_IS_SETTING: FILE_TYPE_IS_SETTING
+ isTreeInstance: function( _tree){
+ return _tree instanceof TreeClass;
+ },
+ isFileInstance: function( _file){
+ return _file instanceof FileClass;
+ },
+ FILE_TYPE: {
+ UNKNOWN: 0,
+ FOLDER: FILE_TYPE_IS_FOLDER,
+ IMAGE: createFileTypeID(),
+ TEXT: createFileTypeID(),
+ HTML: createFileTypeID(),
+ CSV: createFileTypeID(),
+ JSON: createFileTypeID(),
+ XML: createFileTypeID()
+ },
+ FILE_STATE: {
+ UNKNOWN: 0,
+ OK: 1,
+ LOADING: 2,
+ ERROR: 3,
+ BROKEN: 4
+ },
+ FILE_UPDATE_POLICY: {
+ _____: parseInt( '00000', 2),
+ ____C: parseInt( '00001', 2), // hasCreateMenu
+ ___W_: parseInt( '00010', 2), // isWritable
+ ___WC: parseInt( '00011', 2), // isWritable
+ __R__: parseInt( '00100', 2), // isRenamable
+ __R_C: parseInt( '00101', 2), // hasCreateMenu
+ __RW_: parseInt( '00110', 2), // isWritable
+ __RWC: parseInt( '00111', 2), // isWritable
+ _S___: parseInt( '01000', 2), // childrenIsSortable
+ _S__C: parseInt( '01001', 2),
+ _S_W_: parseInt( '01010', 2),
+ _S_WC: parseInt( '01011', 2),
+ _SR__: parseInt( '01100', 2),
+ _SR_C: parseInt( '01101', 2),
+ _SRW_: parseInt( '01110', 2),
+ _SRWC: parseInt( '01111', 2),
+ D____: parseInt( '10000', 2),
+ D___C: parseInt( '10001', 2), // hasCreateMenu
+ D__W_: parseInt( '10010', 2), // isWritable
+ D__WC: parseInt( '10011', 2), // isWritable
+ D_R__: parseInt( '10100', 2), // isRenamable
+ D_R_C: parseInt( '10101', 2), // hasCreateMenu
+ D_RW_: parseInt( '10110', 2), // isWritable
+ D_RWC: parseInt( '10111', 2), // isWritable
+ DS___: parseInt( '11000', 2), // childrenIsSortable
+ DS__C: parseInt( '11001', 2),
+ DS_W_: parseInt( '11010', 2),
+ DS_WC: parseInt( '11011', 2),
+ DSR__: parseInt( '11100', 2),
+ DSR_C: parseInt( '11101', 2),
+ DSRW_: parseInt( '11110', 2),
+ DSRWC: parseInt( '11111', 2),
+ CREATE: 1,
+ WRAITE: 2,
+ RENAME: 4,
+ SORT: 8,
+ DELETE: 16
+ },
+ TREE_EVENT: {
+ UPDATE: 'onTreeUpdate'
+ },
+ FILE_EVENT: {
+ UPDATE_ATTRIVUTE: 'onFileUpdate',
+ GET_SEQENTIAL_FILES:'gotSeqentilFiles'
+ },
+ FILE_DATA_PROPERTY_RESERVED: [
+ 'children', 'driver', 'state', 'type'
+ ]
}
})();
ELM_ORIGIN_FINDER_ICON = pettanr.util.pullHtmlAsTemplete( 'templete-finder-icon'),
ELM_ORIGIN_CONTAINER = pettanr.util.pullHtmlAsTemplete( 'templete-finder-container'),
ICON_HEIGHT = pettanr.util.getElementSize( ELM_ORIGIN_FINDER_ICON).height,
- ICON_CLASSNAME = ELM_ORIGIN_FINDER_ICON.getElementsByTagName( 'div')[0].className,
+ ICON_CLASSNAME = 'finder-icon-thumbnail',
FINDER_ICON_POOL = [],
BREAD_OBJECT_POOL = [];
var FinderIconClass = function(){
var elmContainer,
ELM_WRAPPER = ELM_ORIGIN_FINDER_ICON.cloneNode( true),
- ELM_THUMBNAIL = pettanr.util.getElementsByClassName( ELM_WRAPPER, 'finder-icon-thumbnail', 'div')[0],
- ELM_FILENAME = pettanr.util.getElementsByClassName( ELM_WRAPPER, 'finder-icon-filename', 'div')[0],
- file, w, index, style, instansce, callback;
+ ELM_THUMBNAIL = pettanr.util.getElementsByClassName( ELM_WRAPPER, ICON_CLASSNAME )[0],
+ ELM_FILENAME = pettanr.util.getElementsByClassName( ELM_WRAPPER, 'finder-icon-filename' )[0],
+ ELM_DESCRIPTION = pettanr.util.getElementsByClassName( ELM_WRAPPER, 'finder-icon-summary' )[0],
+ ELM_EDITOR_BUTTON = pettanr.util.getElementsByClassName( ELM_WRAPPER, 'finder-icon-console-editor-apps' )[0],
+ ELM_VIEWER_BUTTON = pettanr.util.getElementsByClassName( ELM_WRAPPER, 'finder-icon-console-viewer-apps' )[0],
+ ELM_ACTION_BUTTON = pettanr.util.getElementsByClassName( ELM_WRAPPER, 'finder-icon-console-action' )[0],
+ file, w, index, style, instansce,
+ onDownCallback, onEditorCallback, onViewerCallback, onActionCallback,
+ viewerList, editorList;
+ ELM_WRAPPER.onmouseover = onOver;
+ function onOver(){
+ ELM_WRAPPER.style.backgroundColor = '#eee';
+ }
+ ELM_WRAPPER.onmouseout = onOut;
+ function onOut(){
+ ELM_WRAPPER.style.backgroundColor = '';
+ }
- ELM_WRAPPER.onclick = onClick;
- function onClick(){
- callback( index);
+ ELM_WRAPPER.onclick = onDownClick;
+ function onDownClick(){
+ onDownCallback( index);
+ return false;
+ }
+ ELM_EDITOR_BUTTON.onclick = onEditorClick;
+ function onEditorClick(){
+ onEditorCallback( file, editorList[ 0 ] );
+ return false;
+ }
+ ELM_VIEWER_BUTTON.onclick = onViwerClick;
+ function onViwerClick(){
+ onViewerCallback( file, viewerList[ 0 ] );
+ return false;
+ }
+ ELM_ACTION_BUTTON.onclick = onActionClick;
+ function onActionClick(){
+ onActionCallback( file );
+ return false;
}
-
function draw(){
var _thumb = file.getThumbnail();
- if( _thumb !== null){
+ if( _thumb.image ){
ELM_THUMBNAIL.className = ICON_CLASSNAME + ' has-thumbnail';
- ELM_THUMBNAIL.style.backgroundImage = [ 'url(', _thumb, ')'].join( '');
+ ELM_THUMBNAIL.style.backgroundImage = [ 'url(', _thumb.image, ')'].join( '');
} else {
- ELM_THUMBNAIL.className = ICON_CLASSNAME + ' file-type-' +file.TYPE();
+ ELM_THUMBNAIL.className = ICON_CLASSNAME + ' ' + _thumb.className;
ELM_THUMBNAIL.style.backgroundImage = '';
}
- ELM_FILENAME.innerHTML = file.getName();
+ ELM_FILENAME.firstChild.data = file.getName();
+ ELM_DESCRIPTION.firstChild.data = file.getSummary();
+
+ if( Type.isArray( viewerList ) === true && viewerList.length > 0 ){
+ ELM_VIEWER_BUTTON.style.display = '';
+ } else {
+ ELM_VIEWER_BUTTON.style.display = 'none';
+ };
+ if( Type.isArray( editorList ) === true && editorList.length > 0 ){
+ ELM_EDITOR_BUTTON.style.display = '';
+ } else {
+ ELM_EDITOR_BUTTON.style.display = 'none';
+ };
}
function resize(){
ELM_WRAPPER.style.top = (index * ICON_HEIGHT) +'px';
}
function onCollect(){
- elmContainer.removeChild( ELM_WRAPPER);
+ elmContainer.removeChild( ELM_WRAPPER );
elmContainer = null;
- FINDER_ICON_POOL.push( instansce);
+ FINDER_ICON_POOL.push( instansce );
}
return {
- init: function( _file, _elmContainer, _w, _index, _style, _callback){
+ init: function( _file, _elmContainer, _w, _index, _style, _onDownCallback, _onEditorCallback, _onViewerCallback, _onActionCallback ){
instansce = this;
if( elmContainer !== _elmContainer){
_elmContainer.appendChild( ELM_WRAPPER);
elmContainer = _elmContainer;
}
if( file !== _file){
+ file && file.destroy();
file = _file;
+ viewerList = file.viewerApplicationList();
+ editorList = file.editorApplicationList();
draw();
}
if( index !== _index){
index = _index;
resize();
}
- callback = _callback;
+ onDownCallback = _onDownCallback;
+ onEditorCallback = _onEditorCallback;
+ onViewerCallback = _onViewerCallback;
+ onActionCallback = _onActionCallback;
},
elm: ELM_WRAPPER,
index: function( _index){
return style;
},
- onResize: function( w){
+ onResize: function( w ){
},
- collect: function(){
+ destroy: function(){
elmContainer.removeChild( ELM_WRAPPER);
- file = elmContainer = null;
+ file && file.destroy();
+ file = elmContainer = onDownCallback = onEditorCallback = onViewerCallback = onActionCallback = viewerList = editorList = null;
FINDER_ICON_POOL.push( instansce);
}
}
callback;
ELM_WRAPPER.onclick = onClick;
function draw(){
- ELM_FILENAME.className = 'file-icon-' +file.TYPE();
+ ELM_FILENAME.className = 'file-icon-' +file.getType();
ELM_FILENAME.innerHTML = file.getName();
}
function resize( index){
}
function onClick(){
callback( index);
+ return false;
}
return {
- init: function( _file, _elmContainer, _index, _callback){
+ init: function( _file, _elmContainer, _index, _callback ){
instansce = this;
- if( elmContainer !== _elmContainer){
+ if( elmContainer !== _elmContainer ){
_elmContainer.appendChild( ELM_WRAPPER);
elmContainer = _elmContainer;
}
onResize: function( w){
},
- collect: function(){
+ destroy: function(){
elmContainer.removeChild( ELM_WRAPPER);
file = elmContainer = null;
- BREAD_OBJECT_POOL.push( this);
+ BREAD_OBJECT_POOL.push( this );
}
}
}
- var FinderClass = function( ELM_CONTAINER, TREE_TYPE, detailSwitchEnabled, styleSwitchEnabled, actionSwitchEnabled){
+ var FinderClass = function( ELM_CONTAINER, tree, header, footer ){
var ICON_ARRAY = [],
BREAD_ARRAY = [],
- elmContainer = ELM_ORIGIN_CONTAINER.cloneNode( true),
- elmLocation = elmContainer.getElementsByTagName( 'ul')[0],
- nodesDiv = elmContainer.getElementsByTagName( 'div'),
+ elmContainer = ELM_ORIGIN_CONTAINER.cloneNode( true ),
+ elmLocation = elmContainer.getElementsByTagName( 'ul' )[0],
+ nodesDiv = elmContainer.getElementsByTagName( 'div' ),
elmSidebarButton = nodesDiv[1],
elmStyleButton = nodesDiv[2],
elmActionButton = nodesDiv[3],
- elmBody = nodesDiv[ nodesDiv.length -1],
- tree = pettanr.file.createTree( TREE_TYPE),
+ elmBody = nodesDiv[ nodesDiv.length -1 ],
+ //tree = pettanr.file.createTree( TREE_TYPE),
headX,
headY,
- headH = pettanr.util.getElementSize( ELM_ORIGIN_FINDER_ICON).height,
+ headH = pettanr.util.getElementSize( nodesDiv[0] ).height,
bodyY,
currentFile = null,
breadW = 90,
- size = pettanr.util.getElementSize( ELM_ORIGIN_FINDER_ICON),
+ size = pettanr.util.getElementSize( ELM_ORIGIN_FINDER_ICON ),
iconW = size.width,
iconH = size.height,
- style = 0;
- w = 800;
-
- tree.addTreeEventListener( 'onTreeUpdate', draw);
+ style = 0,
+ w, h, bodyH,
+ instance = this;
+
+ tree.addTreeEventListener( pettanr.file.TREE_EVENT.UPDATE, draw );
- function draw(){
+ function draw( _w, _h ){
+ w = Type.isFinite( _w ) === true ? _w : w;
+ h = Type.isFinite( _h ) === true ? _h : h;
+ bodyH = h - headH;
var l = tree.hierarchy() +1,
m = BREAD_ARRAY.length,
_file, _bread;
if( i < m){
BREAD_ARRAY[ i].init( _file, elmLocation, i, onHeadClick);
} else {
- BREAD_ARRAY.push( getBreadcrumb( _file, elmLocation, i, onHeadClick));
+ BREAD_ARRAY.push( getBreadcrumb( _file, elmLocation, i, onHeadClick ));
}
}
while( l < BREAD_ARRAY.length){
- BREAD_ARRAY.pop().collect();
+ BREAD_ARRAY.pop().destroy();
}
l = _file.getChildFileLength();
for( i=0; i<l; ++i){
if( i < m){
- ICON_ARRAY[ i].init( _file.getChildFileByIndex( i), elmBody, w, i, style, onBodyClick);
+ ICON_ARRAY[ i ].init( _file.getChildFileByIndex( i), elmBody, w, i, style, onDown, onEditor, onViwer, onAction );
} else {
- ICON_ARRAY.push( getFinderIcon( _file.getChildFileByIndex( i), elmBody, w, i, style, onBodyClick));
+ ICON_ARRAY.push( getFinderIcon( _file.getChildFileByIndex( i), elmBody, _w, i, style, onDown, onEditor, onViwer, onAction ));
}
}
+ if( _file.getState() === pettanr.file.FILE_STATE.LOADING ){
+ elmBody.className = 'finder-body loading';
+ } else {
+ elmBody.className = 'finder-body';
+ }
+ elmBody.style.height = bodyH + 'px';
+
while( l < ICON_ARRAY.length){
- ICON_ARRAY.pop().collect();
+ ICON_ARRAY.pop().destroy();
}
}
+
function onHeadClick( i){
var l = BREAD_ARRAY.length -1;
if( i < l){
var _file = tree.getParentFileAt( i);
if( _file !== null){
tree.up( i);
- draw();
+ draw( w, h );
}
}
}
- function onBodyClick( i){
- var l = ICON_ARRAY.length;
- if( i < l){
- var _file = tree.getCurrentFile().getChildFileByIndex( i);
- if( _file !== null && _file.TYPE() === pettanr.file.FILE_TYPE_IS_FOLDER){
- tree.down( i);
- draw();
+ function onDown( i ){
+ if( i < ICON_ARRAY.length ){
+ var _file = tree.getCurrentFile().getChildFileByIndex( i );
+ if( _file !== null && ( _file.getChildFileLength() !== -1 || _file.getType() === pettanr.file.FILE_TYPE.FOLDER)){
+ tree.down( i );
+ draw( w, h );
}
}
}
-
- return {
- init: function(){
- ELM_CONTAINER.appendChild( elmContainer);
- //$( elmLocation).click( onHeadClick);
- //$( elmContainer).click( onBodyClick);
- var position = pettanr.util.getAbsolutePosition( elmLocation);
- headX = position.x;
- headY = position.y;
- bodyY = pettanr.util.getAbsolutePosition( elmBody).y;
- delete this.init;
- },
- onOpen: function(){
- this.init !== undefined && this.init();
- draw();
- },
- onClose: function(){
-
- },
- onWindowResize: function( _w, _h){
-
+ function onEditor( _file, _app ){
+ _app.boot( _file );
+ }
+ function onViwer( _file, _app ){
+ _app.bootInOverlay( _file );
+ }
+ function onAction( _file ){
+
+ }
+ this.rootElement = elmContainer;
+ this.parentElement = ELM_CONTAINER;
+ this.displayName = 'finder';
+ this.ID = 'finder';
+ this.MIN_WIDTH = 240;
+ this.MIN_HEIGHT = 240;
+ this.init = function(){
+ //$( elmLocation).click( onHeadClick);
+ //$( elmContainer).click( onBodyClick);
+ var position = pettanr.util.getAbsolutePosition( elmLocation);
+ headX = position.x;
+ headY = position.y;
+ bodyY = pettanr.util.getAbsolutePosition( elmBody ).y;
+ delete instance.init;
+ }
+ this.onOpen = function( _w, _h, _option ){
+ instance.init && instance.init();
+ draw( _w, _h );
+ }
+ this.onClose = function(){
+ return true;
+ }
+ this.onPaneResize = function( _w, _h ){
+ w = _w;
+ h = _h;
+ elmBody.style.height = ( _h - headH ) + 'px';
+
+ for(var i=0, l=ICON_ARRAY.length; i<l; ++i){
+ ICON_ARRAY[ i].onResize( _w );
}
}
}
- function getFinderIcon( _file, _elmContainer, w, index, style, callback){
+ FinderClass.prototype = pettanr.view._getAbstractApplication();
+
+ function getFinderIcon( _file, _elmContainer, w, index, style, onDown, onEditor, onViwer, onAction){
var _icon;
if( FINDER_ICON_POOL.length > 0){
_icon = FINDER_ICON_POOL.shift();
} else {
_icon = new FinderIconClass();
}
- _icon.init( _file, _elmContainer, w, index, style, callback);
+ _icon.init( _file, _elmContainer, w, index, style, onDown, onEditor, onViwer, onAction );
return _icon;
}
init: function(){
},
- createFinder: function( _elmTarget, _treeType, detailSwitchEnabled, styleSwitchEnabled, actionSwitchEnabled){
- var _finder = new FinderClass( _elmTarget, _treeType, detailSwitchEnabled, styleSwitchEnabled, actionSwitchEnabled);
- FINDER_ARRAY.push( _finder);
+ createFinder: function( _elmTarget, _tree, _header, _footer ){
+ var _finder = new FinderClass( _elmTarget, _tree, _header, _footer );
+ FINDER_ARRAY.push( _finder );
return _finder;
+ },
+ registerFinderHead: function(){
+
+ },
+ registerFinderPane: function( _finderPane){
+
+ },
+ isFinderInstance: function( _finder){
+ return _finder instanceof FinderClass;
+ },
+ isFinderPaneInstance: function(){
+
+ },
+ isFinderHeadInstance: function(){
}
}
})();
-pettanr.gallery = ( function(){
- var finder,
- elmContainer = document.getElementById( 'gallery'),
- option;
+
+pettanr.driver = ( function(){
+ var MyAuthorID = 'current_author' in window ? current_author.id : ( pettanr.DEBUG ? 1 : -1 ),
+ MyArtistID = 'current_artist' in window ? current_artist.id : ( pettanr.DEBUG ? 1 : -1 ),
+ Driver = {
+ getSeqentialFiles: function( _file){
+ var _data = FileAPI.getFileData( _file),
+ _json = _data !== null ? _data.json : null;
+ if( _json === true && _data.type === pettanr.driver.FILE_TYPE.COMIC ){
+ if( pettanr.LOCAL === true ){
+ _json = [ 'json\/comics_', _data.id, '.json' ].join( '' );
+ } else {
+ _json = [ pettanr.CONST.PETTANR_ROOT_PATH, 'comics\/', _data.id, '.json\/play\/' ].join( '' );
+ }
+ }
+ if( typeof _json === 'string'){
+ FileAPI.getJson( _file, _json, onLoadJson, onErrorJson);
+ _data.state = pettanr.file.FILE_STATE.LOADING;
+ _data.json = null;
+ return;
+ }
+ },
+ getName: function( _file){
+ var _data = FileAPI.getFileData( _file),
+ _type = _data !== null ? _data.type : null;
+ if( _type === pettanr.driver.FILE_TYPE.PICTURE ){
+ return [ _data.id, _data.ext ].join( '.');
+ } else
+ if( _type === pettanr.driver.FILE_TYPE.PANEL ){
+ return [ _data.t, ':', _data.comic.title ].join( '');
+ } else
+ if( _type === pettanr.driver.FILE_TYPE.COMIC ){
+ return _data.title;
+ } else
+ if( _type === pettanr.driver.FILE_TYPE.ARTIST ){
+ return [ _data.id , ':', _data.name, '画伯' ].join( '');
+ } else
+ if( _type === pettanr.driver.FILE_TYPE.AUTHOR ){
+ return [ _data.id , ':', _data.name, '先生' ].join( '');
+ }
+ return _data.name;
+ },
+ getThumbnail: function( _file){
+ var _data = FileAPI.getFileData( _file),
+ _type = _data !== null ? _data.type : null;
+ if( _type === pettanr.driver.FILE_TYPE.PICTURE){
+ return { image: [ pettanr.CONST.RESOURCE_PICTURE_PATH, 'thumbnail/', _data.id, '.', _data.ext ].join( '')};
+ }
+ if( _data === FILE_DATA_COMICS_ROOT){
+ return { className: 'file-type-cabinet'};
+ }
+ if( _type === pettanr.driver.FILE_TYPE.COMIC){
+ return { className: 'file-type-comic'};
+ }
+ if( _type === pettanr.driver.FILE_TYPE.PANEL){
+ return { className: 'file-type-panel'};
+ }
+ if( _type === pettanr.driver.FILE_TYPE.AUTHOR){
+ return { className: 'file-type-author'};
+ }
+ if( _type === pettanr.driver.FILE_TYPE.ARTIST){
+ return { className: 'file-type-artist'};
+ }
+ if( _type === pettanr.file.FILE_TYPE.FOLDER){
+ return { className: 'file-type-folder'};
+ }
+ return { className: 'file-type-broken'};
+ },
+ getSummary: function( _file ){
+ var _data = FileAPI.getFileData( _file),
+ _type = _data !== null ? _data.type : null;
+ if( _type === pettanr.driver.FILE_TYPE.PICTURE){
+ return [ _data.width, 'x', _data.height, ', filesize:', _data.filesize, ', lisence:', _data.license ].join( '' );
+ }
+ if( _data === FILE_DATA_COMICS_ROOT){
+ return 'cabinet file';
+ }
+ if( _type === pettanr.driver.FILE_TYPE.COMIC){
+ return 'comic file';
+ }
+ if( _type === pettanr.driver.FILE_TYPE.PANEL){
+ return [ _data.width, 'x', _data.height ].join( '' );
+ }
+ if( _type === pettanr.driver.FILE_TYPE.AUTHOR){
+ return 'author file';
+ }
+ if( _type === pettanr.driver.FILE_TYPE.ARTIST){
+ return [ 'Email:', _data.email || 'empty' , ', HP:', _data.homepage_url || 'empty' ].join( '' );
+ }
+ if( _type === pettanr.file.FILE_TYPE.FOLDER){
+ return 'pettanR folder';
+ }
+ return 'pettanR unknown file';
+ },
+ write: function( _file, _newData, _onUpdateFunction ){
+ var _data = FileAPI.getFileData( _file ),
+ _type = _data !== null ? _data.type : null;
+ if( _type === pettanr.driver.FILE_TYPE.COMIC ){
+ }
+ if( _type === pettanr.driver.FILE_TYPE.PANEL ){
+ }
+ if( _type === pettanr.driver.FILE_TYPE.PANEL_PICTURE ){
+
+ }
+ if( _type === pettanr.driver.FILE_TYPE.BALLOON ){
+ }
+ if( _type === pettanr.driver.FILE_TYPE.PICTURE ){
+ }
+ },
+ viewerApplicationList: function( _file ){
+ var _data = FileAPI.getFileData( _file ),
+ _type = _data !== null ? _data.type : null;
+
+ if( _data === FILE_DATA_MY_PICTURES_ROOT ){
+ return [ pettanr.premiumSatge ];
+ }
+ if( _type === pettanr.driver.FILE_TYPE.ARTIST ){
+ return [ pettanr.premiumSatge ];
+ }
+ return [];
+ },
+ editorApplicationList: function( _file ){
+ var _data = FileAPI.getFileData( _file ),
+ _type = _data !== null ? _data.type : null;
+ if( _type === pettanr.driver.FILE_TYPE.PANEL ){
+ return [ pettanr.editor ];
+ }
+ if( _type === pettanr.driver.FILE_TYPE.COMIC ){
+ return [ pettanr.editor, pettanr.comicConsole ];
+ }
+ return [];
+ }
+ },
+ FileAPI = pettanr.file.registerDriver( Driver ),
+ FILE_DATA_SERVICE_ROOT = {
+ name: 'PettanR root',
+ type: pettanr.file.FILE_TYPE.FOLDER,
+ children: []
+ },
+ FILE_DATA_COMICS_ROOT = {
+ name: 'Comics',
+ type: pettanr.file.FILE_TYPE.FOLDER,
+ children: [],
+ driver: Driver,
+ json: pettanr.CONST.URL_COMICS_JSON
+ },
+ FILE_DATA_PANELS_ROOT = {
+ name: 'Panels',
+ type: pettanr.file.FILE_TYPE.FOLDER,
+ children: [],
+ driver: Driver,
+ json: pettanr.CONST.URL_PANELS_JSON
+ },
+ FILE_DATA_PICTURE_ROOT = {
+ name: 'Picutures',
+ type: pettanr.file.FILE_TYPE.FOLDER,
+ children: [],
+ driver: Driver,
+ json: pettanr.CONST.URL_RESOURCE_PICTURES_JSON
+ },
+ FILE_DATA_MY_COMICS_ROOT = {
+ name: 'My Comics',
+ type: pettanr.file.FILE_TYPE.FOLDER,
+ children: [],
+ driver: Driver
+ },
+ FILE_DATA_LATEST_COMICS = {
+ name: 'Latest Comics',
+ type: pettanr.file.FILE_TYPE.FOLDER,
+ children: []
+ },
+ FILE_DATA_MY_PICTURES_ROOT = {
+ name: 'My Pictures',
+ type: pettanr.file.FILE_TYPE.FOLDER,
+ children: [],
+ driver: Driver,
+ json: pettanr.CONST.URL_ORIGINAL_PICTURES_JSON
+ },
+ FILE_DATA_AUTHOR_ROOT = {
+ name: 'Authors',
+ type: pettanr.file.FILE_TYPE.FOLDER,
+ children: []
+ },
+ FILE_DATA_ARTIST_ROOT = {
+ name: 'Artists',
+ type: pettanr.file.FILE_TYPE.FOLDER,
+ children: []
+ },
+ FILE_DATA_LISENCE_ROOT = {
+ name: 'Original Lisences',
+ type: pettanr.file.FILE_TYPE.FOLDER,
+ children: []
+ },
+ FILE_DATA_BALLOON_ROOT = {
+ name: 'Balloon templetes',
+ type: pettanr.file.FILE_TYPE.FOLDER,
+ children: []
+ },
+ AUTHOR_ARRAY = [],
+ ARTIST_ARRAY = [],
+ PANEL_ARRAY = [],
+ COMIC_ARRAY = [],
+ RESOURCE_PICTURE_ARRAY = [],
+ BALLOON_TEMPLETE_ARRAY = [],
+ ORIGINAL_LICENSE_ARRAY = [],
+ BASIC_LICENSES = 'cc_by,cc_nc,cc_nd,cc_sa,keep_aspect_ratio,no_convert,no_flip,no_resize'.split( ',');
+ FILE_DATA_SERVICE_ROOT.children.push( FILE_DATA_COMICS_ROOT, FILE_DATA_PICTURE_ROOT, FILE_DATA_PANELS_ROOT, FILE_DATA_LISENCE_ROOT, FILE_DATA_BALLOON_ROOT);
+ FILE_DATA_COMICS_ROOT.children.push( FILE_DATA_MY_COMICS_ROOT, FILE_DATA_LATEST_COMICS, FILE_DATA_AUTHOR_ROOT);
+ FILE_DATA_PICTURE_ROOT.children.push( FILE_DATA_MY_PICTURES_ROOT, FILE_DATA_ARTIST_ROOT);
+
+ FileAPI.createFolderUnderRoot( FILE_DATA_SERVICE_ROOT);
+
+ function onLoadJson( _file, _json ){
+ var _access = FileAPI.getFileDataAccess( _file),
+ _data = _access !== null ? _access.DATA : null,
+ l;
+ if( _data === null){
+ onErrorJson( _file);
+ return;
+ }
+ _data.state = pettanr.file.FILE_STATE.OK;
+ if( Type.isArray( _json ) === true ){
+ l = _json.length;
+ if( l === 0) return;
+ for( var i=0; i<l; ++i ){
+ buildFileData( _json[ i], _data);
+ }
+ } else
+ if( _json.id ){
+ buildFileData( _json, _data );
+ }
+ _access.dispatchFileEvent( FileAPI.createFileEvent( pettanr.file.FILE_EVENT.GET_SEQENTIAL_FILES, _file, 'children', null));
+ }
+ function onErrorJson( _file ){
+ var _data = FileAPI.getFileData( _file);
+ if( _data !== null){
+ _data.state = pettanr.file.FILE_STATE.ERROR;
+ }
+ }
+ function buildFileData( _data, _parent ){
+ var _array, i, l;
+ // Panel
+ if( _parent === FILE_DATA_PANELS_ROOT ){
+ _data.type = pettanr.driver.FILE_TYPE.PANEL;
+ _array = PANEL_ARRAY;
+ } else
+ // Comic
+ if( _parent === FILE_DATA_COMICS_ROOT ){
+ _data.type = pettanr.driver.FILE_TYPE.COMIC;
+ _array = COMIC_ARRAY;
+ } else
+ if( _parent.type === pettanr.driver.FILE_TYPE.COMIC ){
+ _array = COMIC_ARRAY;
+ } else
+ // Lisence
+ if( _parent === FILE_DATA_LISENCE_ROOT ){
+ _data.type = pettanr.driver.FILE_TYPE.LICENSE;
+ _array = ORIGINAL_LICENSE_ARRAY;
+ } else
+ // Author
+ if( _parent === FILE_DATA_AUTHOR_ROOT ){
+ _data.type = pettanr.driver.FILE_TYPE.AUTHOR;
+ _array = AUTHOR_ARRAY;
+ } else
+ // Artist
+ if( _parent === FILE_DATA_ARTIST_ROOT ){
+ _data.type = pettanr.driver.FILE_TYPE.ARTIST;
+ _array = ARTIST_ARRAY;
+ } else
+ // Picture
+ if( _parent === FILE_DATA_PICTURE_ROOT || _parent === FILE_DATA_MY_PICTURES_ROOT ){
+ _data.type = pettanr.driver.FILE_TYPE.PICTURE;
+ _array = RESOURCE_PICTURE_ARRAY;
+ // original_license を含まなければ、license object を削除して ビットデータ で保持
+ // original_license なら ファイルを作る buildFileData( _license, FILE_DATA_LISENCE_ROOT)
+ var _license = _data.license,
+ _rule,
+ _Math_pow = Math.pow,
+ _bits = 0;
+ if( typeof _license === 'object'){
+ for( i=0, l=BASIC_LICENSES.length; i<l; ++i){
+ _rule = _license[ BASIC_LICENSES[ i]]
+ if( typeof _rule === 'number' && _rule === 1 ){
+ _bits += _Math_pow( 2, i);
+ }
+ }
+ _data.license = _bits;
+ }
+ } else {
+ alert( 'error' );
+ }
+
+ _data.driver = Driver;
+
+ // _array に _data を格納 または 上書き
+ if( typeof _data.id === 'number' && _data.id > 0 ){
+ var _id = _data.id - 1,
+ __data = _array[ _id ],
+ _reserved = pettanr.file.FILE_DATA_PROPERTY_RESERVED.join( ', ' );
+ if( __data ){
+ for( var key in _data){
+ if( _reserved.indexOf( key ) === -1 ){
+ __data[ key ] = _data[ key ];
+ }
+ }
+ _data = __data; // このタイミングで参照が切れるので注意!!
+ } else {
+ _array[ _id ] = _data;
+ }
+ } else {
+ alert( 'error' );
+ }
+
+ // Author
+ // Artist
+ if( _parent === FILE_DATA_AUTHOR_ROOT || _parent === FILE_DATA_ARTIST_ROOT ){
+ addChildData( _parent, _data );
+ } else
+ // Comic + Panels
+ if( _parent.type === pettanr.driver.FILE_TYPE.COMIC || _parent === FILE_DATA_COMICS_ROOT ){
+ var _panels = _data.panels,
+ _panel;
+ if( _panels && Type.isArray( _panels ) === true ){
+
+ for( i=0, l=_panels.length; i<l; ++i){
+ _panel = buildFileData( _panels[ i ], FILE_DATA_PANELS_ROOT );
+ /*
+ * 間違い! t 順に格納
+ */
+ addChildData( _data, _panel );
+ }
+ delete _data.panels;
+ } else {
+ if( _data.json !== null ){
+ _data.json = true;
+ }
+ if( Type.isArray( _data.children ) === false ){
+ _data.children = [];
+ }
+ }
+ var _author = _data.author || getResource( AUTHOR_ARRAY, _data.author_id );
+ if( _author ){
+ _data.author = _author = buildFileData( _author, FILE_DATA_AUTHOR_ROOT );
+ addChildData( _author, _data );
+ _author.id === MyAuthorID && addChildData( FILE_DATA_MY_COMICS_ROOT, _data );
+ }
+ if( _parent === FILE_DATA_COMICS_ROOT ){
+ addChildData( FILE_DATA_LATEST_COMICS, _data);
+ }
+ } else
+ // Panel
+ if( _parent === FILE_DATA_PANELS_ROOT ){
+ _data.comic = getResource( COMIC_ARRAY, _data.comic_id );
+ _data.author = getResource( AUTHOR_ARRAY, _data.author_id );
+
+ // picture data をファイルに取り出し
+ var _elements = _data.panel_elements,
+ _elm;
+ if( Type.isArray( _elements ) === true ){
+ for( i=0, l=_elements.length; i<l; ++i){
+ _elm = _elements[ i];
+ if( _elm.resource_picture ){
+ _elm.resource_picture = buildFileData( _elm.resource_picture, FILE_DATA_PICTURE_ROOT ); // 上記参照切れに備えてここで上書き
+ } else {
+ _elm.resource_picture = getResource( RESOURCE_PICTURE_ARRAY, _elm.resource_picture_id );
+ }
+ }
+ }
+ } else
+ // Picture
+ if( _data.type == pettanr.driver.FILE_TYPE.PICTURE ){
+ var _artist = _data.artist || getResource( ARTIST_ARRAY, _data.artist_id );
+ if( _artist){
+ _data.artist = _artist = buildFileData( _artist, FILE_DATA_ARTIST_ROOT );
+ addChildData( _artist, _data );
+ _artist.id === MyArtistID && addChildData( FILE_DATA_MY_PICTURES_ROOT, _data );
+ }
+ }
+ return _data;
+ }
+ function addChildData( _parent, _child ){
+ if( Type.isArray( _parent.children ) === false){
+ _parent.children = [];
+ }
+ pettanr.util.getIndex( _parent.children, _child ) === -1 && _parent.children.push( _child );
+ }
+ function getResource( _array, _id ){
+ if( Type.isArray( _array ) === false || Type.isNumber( _id ) === false || _id < 1 ) return null;
+ var _data = _array[ _id - 1 ];
+ if( !_data ){
+ _data = _array[ _id - 1 ] = {};
+ }
+ return _data;
+ }
+
return {
- init: function( _option){
- option = _option;
- delete pettanr.gallery.init;
+ createComicTree: function(){
+ return pettanr.file.createTree( FILE_DATA_SERVICE_ROOT ); //FILE_DATA_COMICS_ROOT);
},
- firstOpen: function(){
- finder = pettanr.finder.createFinder( elmContainer, pettanr.file.TREE_TYPE_IS_IMAGE);
- delete pettanr.gallery.firstOpen;
+ createPictureTree: function(){
+ return pettanr.file.createTree( FILE_DATA_PICTURE_ROOT );
},
- onOpen: function(){
- pettanr.gallery.firstOpen !== undefined && pettanr.gallery.firstOpen();
- finder.onOpen();
-
+ createArtistTree: function(){
+ return pettanr.file.createTree( FILE_DATA_ARTIST_ROOT );
+ },
+ createServiceTree: function(){
+ return pettanr.file.createTree( FILE_DATA_SERVICE_ROOT );
},
- onClose: function(){
- finder.onClose();
+ isPettanrFileInstance: function( _file ){
+ if( pettanr.file.isFileInstance( _file ) === true){
+ var _data = FileAPI.getFileData( _file);
+ return _data !== null && _data.driver === Driver;
+ }
+ return false;
+ },
+ _getAPI: function(){
+ return FileAPI;
},
- onWindowResize: function( _w, _h){
- finder.onWindowResize( _w, _h);
+ FILE_TYPE: {
+ COMIC: FileAPI.createFileTypeID(),
+ PANEL: FileAPI.createFileTypeID(),
+ PICTURE: FileAPI.createFileTypeID(),
+ PANEL_PICTURE: FileAPI.createFileTypeID(),
+ BALLOON: FileAPI.createFileTypeID(),
+ AUTHOR: FileAPI.createFileTypeID(),
+ ARTIST: FileAPI.createFileTypeID(),
+ LICENSE: FileAPI.createFileTypeID()
}
}
})();
-pettanr.cabinet = ( function(){
+pettanr.entrance = pettanr.view.registerApplication( function(){
+ this.displayName = 'Home';
+ this.ID = 'Home';
+ this.rootElement = document.getElementById('entrance');
+ this.onOpen = function( _w, _h, _option ){
+ var pageHeaderH = pettanr.util.getElementSize( document.getElementById( 'header' ) ).height;
+ document.getElementById('inner-wrapper').style.height = ( _h - pageHeaderH ) + 'px';
+ }
+ this.onClose = function(){
+ document.getElementById('inner-wrapper').style.height = '0px';
+ }
+ this.onPaneResize = function( _w, _h){
+ this.onOpen( _w, _h );
+ }
+});
+pettanr.entrance.addToLancher();
+
+pettanr.cabinet = pettanr.view.registerApplication( function(){
var finder,
elmContainer = document.getElementById( 'cabinet'),
- option;
+ option,
+ pageHeaderH = pettanr.util.getElementSize( document.getElementById( 'header' ) ).height;
- return {
- init: function( _option){
- option = _option;
- delete pettanr.cabinet.init;
- },
- firstOpen: function(){
- finder = pettanr.finder.createFinder( elmContainer, pettanr.file.TREE_TYPE_IS_COMIC);
- delete pettanr.cabinet.firstOpen;
- },
- onOpen: function(){
- pettanr.cabinet.firstOpen !== undefined && pettanr.cabinet.firstOpen();
- finder.onOpen();
+ this.displayName = 'Comic list';
+ this.ID = 'Comiclist';
+ this.rootElement = elmContainer;
+ this.onOpen = function( _w, _h, _option ){
+ finder = finder || pettanr.finder.createFinder( elmContainer, pettanr.driver.createComicTree() );
+ finder.open( _w, _h - pageHeaderH, _option );
+ }
+ this.onClose = function(){
+ finder.close();
+ }
+ this.onPaneResize = function( _w, _h){
+ finder.resize( _w, _h - pageHeaderH );
+ }
+});
+pettanr.cabinet.addToLancher();
+
+pettanr.gallery = pettanr.view.registerApplication( function(){
+ var finder,
+ elmContainer = document.getElementById( 'gallery' ),
+ option,
+ pageHeaderH = pettanr.util.getElementSize( document.getElementById( 'header' ) ).height;
+
+ this.displayName = 'Pictures';
+ this.ID = 'pictures';
+ this.rootElement = elmContainer;
+ this.onOpen = function( _w, _h, _option ){
+ finder = finder || pettanr.finder.createFinder( elmContainer, pettanr.driver.createPictureTree() );
+ finder.open( _w, _h - pageHeaderH, _option );
+ }
+ this.onClose = function(){
+ finder.close();
+ }
+ this.onPaneResize = function( _w, _h){
+ finder.resize( _w, _h - pageHeaderH );
+ }
+});
+pettanr.gallery.addToLancher();
+
+pettanr.backyard = pettanr.view.registerApplication( function(){
+ this.displayName = 'Settings';
+ this.ID = 'Settinds';
+ this.rootElement = document.getElementById( 'backyard' );
+ this.onOpen = function( _w, _h, _option ){
+ }
+ this.onClose = function(){
+ }
+ this.onPaneResize = function( _w, _h){
+ }
+});
+pettanr.backyard.addToLancher();
+
+if( pettanr.DEBUG === true){
+ pettanr.debug = pettanr.view.registerApplication( function(){
+ var elmDl = document.getElementById( 'useragent'),
+ elmDt, elmDd,
+ data = {
+ pettanR: pettanr.version,
+ ua: navigator.userAgent,
+ platform: navigator.platform,
+ appVersion: navigator.appVersion,
+ appCodeName:navigator.appCodeName,
+ appName: navigator.appName,
+ language: navigator.browserLanguage || navigator.language,
+ ActiveX: pettanr.ua.ACTIVEX
+ },
+ ua = pettanr.ua;
+ if( ua.IE){
+ //data.ua = 'Internet Explorer';
+ data.version = ua.IE;
+ if( ua.ieVersion >= 8) data.RenderingVersion = ua.ieRenderingVersion;
+ data.browserType = ua.STANDALONE === true ? 'Standalone' : 'bundle';
+ if( ua.ieVersion < 9) {
+ data.vml = ua.VML;
+ } else {
+ data.svg = ua.SVG;
+ }
+ }
+ data.RenderingMode = ua.isStanderdMode === true ? 'Standerd' : 'Quirks';
+
+ for( var key in data){
+ elmDt = document.createElement( 'dt');
+ elmDt.innerHTML = key;
+ elmDd = document.createElement( 'dd');
+ elmDd.innerHTML = '' + data[ key];
+ if( !data[ key]) elmDd.style.color = 'red';
+ elmDl.appendChild( elmDt);
+ elmDl.appendChild( elmDd);
+ }
+ this.displayName = 'Debug';
+ this.ID = 'debug';
+ this.rootElement = document.getElementById( 'debug' );
+ this.onOpen = function( _w, _h, _option ){
+ var pageHeaderH = pettanr.util.getElementSize( document.getElementById( 'header' )).height;
+ document.getElementById( 'inner-wrapper' ).style.height = ( _h - pageHeaderH ) + 'px';
+ }
+ this.onClose = function(){
+ document.getElementById( 'inner-wrapper' ).style.height = '0px';
+ }
+ this.onPaneResize = function( _w, _h ){
+ pettanr.debug.onOpen( _w, _h );
+ }
+ });
+ pettanr.debug.addToLancher();
+
+} else {
+ var _debug = document.getElementById( 'debug');
+ if( _debug){
+ pettanr.util.removeAllChildren( _debug);
+ _debug.parentNode.removeChild( _debug);
+ _debug = null;
+ }
+}
+
+/* ----------------------------------------
+ * Image Group Exproler
+ * - overlay
+ */
+pettanr.premiumSatge = pettanr.view.registerApplication( function(){
+ var ICON_ARRAY = [],
+ WHEEL_DELTA = 64,
+ ARTIST_TREE = pettanr.driver.createArtistTree(),
+ ARTIST_ROOT_FILE = ARTIST_TREE.getRootFile(),
+ instance = this,
+ winW, winH,
+ wrapX,
+ elmWrap = document.getElementById( 'image-gruop-wrapper' ),
+ elmContainer = document.getElementById( 'image-icon-container' ),
+ containerW,
+ containerH = pettanr.util.getElementSize( elmContainer ).height,
+ elmIconOrigin = ( function(){
+ var ret = document.createElement( 'div' ),
+ data = document.createElement( 'div' );
+ ret.appendChild( data );
+ ret.className = 'image-gruop-item';
+ data.className = 'image-gruop-item-title';
+ return ret;
+ })(),
+ jqContainer,
+ size = pettanr.util.getElementSize( elmIconOrigin ),
+ itemW = size.width,
+ itemH = size.height,
+ elmName = document.getElementById( 'gruop-name-display' ),
+ elmButton = document.getElementById( 'image-gruop-button' ),
+ buttonW = pettanr.util.getElementSize( elmButton ).width,
+ //onUpdateFunction,
+ _g_onUpdateFunction,
+ onEnterInterval = null;
+
+ elmButton.onclick = clickOK;
+
+ var BASE_PATH = pettanr.LOCAL === true ? 'resource_pictures\/' : pettanr.CONST.PETTANR_ROOT_PATH + 'resource_pictures\/',
+ THUMB_PATH = BASE_PATH, // + 'thumbnail/',
+ LIMIT_FILESIZE = 1024 * 10; // 10KB
+
+ var ImageGroupIconClass = function( INDEX, file ){
+ var elmIconWrap = elmIconOrigin.cloneNode( true ),
+ elmIconTitle = pettanr.util.getElementsByClassName( elmIconWrap, 'image-gruop-item-title' )[ 0 ],
+ data = pettanr.driver._getAPI().getFileData( file ),
+ SRC = [ BASE_PATH, data.id, '.', data.ext ].join( ''),
+ LOW_SRC = data.filesize && data.filesize > LIMIT_FILESIZE ? [ THUMB_PATH, data.id, '.', data.ext ].join( '') : null,
+ reversibleImage = null,
+ onEnterFlag = false,
+ imgW, imgH;
+ elmContainer.appendChild( elmIconWrap );
+ elmIconWrap.style.left = ( INDEX * itemW ) + 'px';
+ elmIconTitle.appendChild( document.createTextNode( data.filesize + 'bytes' ));
+
+ function onImageLoad( url, _imgW, _imgH ){
+ if( reversibleImage === null) {
+ alert( url);
+ return;
+ }
+ data.width = imgW = _imgW || data.width || 64;
+ data.height = imgH = _imgH || data.height || 64;
+ elmIconTitle.firstChild.data = imgW + 'x' + imgH;
+ var zoom = 128 /( imgW > imgH ? imgW : imgH),
+ MATH_FLOOR = Math.floor
+ h = MATH_FLOOR( imgH *zoom ),
+ w = MATH_FLOOR( imgW *zoom );
+ reversibleImage.elm.style.cssText = [
+ 'width:', w, 'px;',
+ 'height:', h +'px;',
+ 'margin:', MATH_FLOOR( itemH /2 -h /2 ), 'px ', MATH_FLOOR( itemW /2 -w /2 ), 'px 0'
+ ].join('');
+ reversibleImage.resize( w, h );
+ elmIconWrap.onclick = onClick;
+ }
+
+ function onClick( e ){
+ if( _g_onUpdateFunction ) {
+ //if( LOW_SRC === null){
+ window[ _g_onUpdateFunction]( data );
+ window[ _g_onUpdateFunction] = null;
+ /*
+ } else {
+ var _onLoad = pettanr.util.createGlobalFunc( [
+ 'function( url, w, h ){',
+ 'window["', _g_onUpdateFunction, '"]( url, w || ', data.width,', h || ', data.height,');',
+ 'window["', _g_onUpdateFunction, '"] = null;',
+ '}'
+ ].join( '')),
+ _onError = pettanr.util.createGlobalFunc( [
+ 'function( url){',
+ 'window["', _g_onUpdateFunction, '"]( url, ', data.width || 64 ,', ', data.height || 64,');',
+ 'window["', _g_onUpdateFunction, '"] = null;',
+ '}'
+ ].join( ''));
+ pettanr.util.loadImage( SRC, window[ _onLoad], window[ _onError]);
+ window[ _onLoad] = window[ _onError] = undefined;
+ }*/
+ }
+ pettanr.premiumSatge.shutdown();
+ }
+
+ this.onEnter = function(){
+ if( onEnterFlag === true ) return;
+ reversibleImage = pettanr.image.createReversibleImage( LOW_SRC || SRC, itemW, itemH, onImageLoad );
+ elmIconWrap.appendChild( reversibleImage.elm );
+ onEnterFlag = true;
+ }
+ this.destroy = function(){
+ reversibleImage && reversibleImage.destroy();
+ pettanr.util.removeAllChildren( elmIconWrap );
+ elmContainer.removeChild( elmIconWrap );
+ file.destroy();
+ reversibleImage = elmIconWrap = elmIconTitle = data = file = null;
+ delete this.destroy;
+ }
+ }
+
+ function onEnterShowImage(){
+ var l = ICON_ARRAY.length,
+ _start = -wrapX /itemW -1,
+ _end = _start + winW /itemW +1;
+ for( var i=0; i<l; ++i){
+ _start < i && i < _end && ICON_ARRAY[ i].onEnter();
+ }
+ onEnterInterval !== null && window.clearTimeout( onEnterInterval );
+ onEnterInterval = null;
+ }
+ function clickOK(){
+ pettanr.premiumSatge.shutdown();
+ }
+ function onMouseWheel( e, delta ){
+ if( winW < containerW){
+ wrapX += delta * WHEEL_DELTA;
+ wrapX = wrapX > 0 ? 0 : wrapX < winW -containerW ? winW -containerW : wrapX;
+ jqContainer.css( { left: wrapX});
- },
- onClose: function(){
- finder.onClose();
- },
- onWindowResize: function( _w, _h){
- finder.onWindowResize( _w, _h);
+ onEnterInterval !== null && window.clearTimeout( onEnterInterval );
+ onEnterInterval = window.setTimeout( onEnterShowImage, 500);
}
+ //e.stopPropagation();
+ return false;
}
-})();
+
+ /* grobal method */
+ // this.rootElement = elmWrap;
+ this.displayName = 'premiumStage';
+ this.ID = 'premiumStage';
+ this.rootElement = elmWrap;
+ this.MIN_WIDTH = 320;
+ this.MIN_HEIGHT = 320;
+ this.init = function(){
+ jqContainer = $( elmContainer ).mousewheel( onMouseWheel );
+ delete instance.init;
+ }
+ this.onOpen = function( _windowW, _windowH, _ARTISTIDorFILE, _onUpdateFunction ){
+ instance.init && instance.init();
+
+ var _data, _artistID = -1;
+
+ if( pettanr.driver.isPettanrFileInstance( _ARTISTIDorFILE ) === true ){
+ if( _ARTISTIDorFILE.getType() === pettanr.driver.FILE_TYPE.ARTIST ){
+ _data = pettanr.driver._getAPI().getFileData( _ARTISTIDorFILE );
+ _artistID = _data !== null ? _data.id || 0 : -1;
+ }
+ } else
+ if( Type.isNumber( _ARTISTIDorFILE ) === true ){
+ _artistID = _ARTISTIDorFILE;
+ }
+
+ //onUpdateFunction = _onUpdateFunction;
+ if( _onUpdateFunction ){
+ _g_onUpdateFunction = pettanr.util.createGlobalFunction( _onUpdateFunction);
+ } else {
+ _g_onUpdateFunction = null;
+ }
+
+ var _index = ARTIST_ROOT_FILE.search( {
+ id: _artistID,
+ type: pettanr.driver.FILE_TYPE.ARTIST
+ } )[ 0 ],
+ _artistFile = ARTIST_ROOT_FILE.getChildFileByIndex( _index ),
+ i, l = 0;
+ if( _artistFile !== null ){
+ for( i=0, l=_artistFile.getChildFileLength(); i<l; ++i ){
+ ICON_ARRAY.push( new ImageGroupIconClass( i, _artistFile.getChildFileByIndex( i ) ));
+ }
+ elmName.firstChild.data = _artistFile.getName() + l;
+ _artistFile.destroy();
+ }
+
+ wrapX = 0;
+ containerW = l * itemW;
+
+ winW = _windowW;
+ winH = _windowH;
+ var w = winW > containerW ? winW : containerW,
+ h = _windowH > containerH ? containerH : _windowH,
+ MATH_FLOOR = Math.floor;
+
+ onEnterShowImage();
+
+ jqContainer.css( {
+ width: w,
+ height: 0,
+ left: 0,
+ top: MATH_FLOOR( _windowH /2)
+ }).stop().animate( {
+ height: h,
+ top: MATH_FLOOR( _windowH /2 -h /2)
+ });
+
+ elmButton.style.cssText = [
+ 'left:', MATH_FLOOR( winW /2 - buttonW /2), 'px;',
+ 'top:', MATH_FLOOR( _windowH /2 + containerH /2 +10), 'px'
+ ].join('');
+ }
+ this.onPaneResize = function( _windowW, _windowH ){
+ var w = _windowW > containerW ? _windowW : containerW,
+ h = _windowH > containerH ? containerH : _windowH,
+ MATH_FLOOR = Math.floor,
+ offsetW = MATH_FLOOR( _windowW /2 -winW /2);
+
+ winW = _windowW;
+ winH = _windowH;
+ if( offsetW <= 0){ // smaller
+ jqContainer.css( {
+ left: offsetW,
+ width: w
+ }).animate( {
+ left: 0,
+ top: MATH_FLOOR( _windowH /2 -h /2)
+ });
+ } else {
+ jqContainer.css( { // bigger
+ left: 0,
+ width: w,
+ borderLeftWidth: offsetW
+ }).animate( {
+ top: MATH_FLOOR( _windowH /2 -h /2),
+ borderLeftWidth: 0
+ });
+ }
+ elmButton.style.cssText = [
+ 'left:', MATH_FLOOR( _windowW /2 -buttonW /2), 'px;',
+ 'top:', MATH_FLOOR( _windowH /2 +containerH /2 +10), 'px'
+ ].join('');
+ onEnterShowImage();
+ }
+ this.onClose = function(){
+ jqContainer.stop().animate( {
+ height: 0,
+ top: Math.floor( winH /2 )
+ });
+ while( ICON_ARRAY.length > 0 ){
+ ICON_ARRAY.shift().destroy();
+ }
+ onEnterInterval !== null && window.clearTimeout( onEnterInterval );
+ onEnterInterval = _g_onUpdateFunction = null;
+ }
+});
+
+
+/* ----------------------------------------
+ * Text Editor
+ * - overlay
+ */
+pettanr.textEditor = pettanr.view.registerApplication( function(){
+ var jqWrap, jqTextarea, jqButton,
+ textElement, onUpdateFunction,
+ ID = 'textEditor',
+ panelX, panelY,
+ instance = this;
+ //pettanr.key.addKeyDownEvent( ID, 69, false, false, clickOK);
+
+ function clickOK(){
+ textElement && textElement.text( jqTextarea.val() );
+ onUpdateFunction && onUpdateFunction( textElement );
+ pettanr.textEditor.shutdown();
+ }
+
+ function keyCancel( e ){
+ if( e.keyCode === 69 && e.shiftKey === false && e.ctrlKey === true){
+ clickOK();
+ e.preventDefault();
+ e.keyCode = 0;
+ e.cancelBubble = true;
+ e.returnValue = false;
+ return false;
+ }
+ }
+
+ /* grobal method */
+ // this.rootElement = elmWrap;
+ this.displayName = 'textEditor';
+ this.ID = 'textEditor';
+ this.rootElement = document.getElementById( 'speach-editor-wrapper' );
+ this.MIN_WIDTH = 320;
+ this.MIN_HEIGHT = 320;
+ this.init = function(){
+ instance.jqWrap = jqWrap = $( '#speach-editor-wrapper' ).hide();
+ jqTextarea = $( '#speach-editor' ).keydown( keyCancel );
+ jqButton = $( '#speach-edit-complete-button').click( clickOK );
+ delete instance.init;
+ }
+ this.jqWrap = null;
+ this.onOpen = function( _w, _h, _panelX, _panelY, _textElement, _onUpdateFunction ){
+ instance.init && instance.init();
+
+ panelX = _panelX;
+ panelY = _panelY;
+ textElement = _textElement;
+ onUpdateFunction = _onUpdateFunction || null;
+
+ var h = _textElement.h;
+
+ instance.onPaneResize( _w, _h );
+ jqTextarea.val( _textElement.text() ).focus();
+
+ /*
+ * ie6,7は、textarea { width:100%}でも高さが変わらない。rowsを設定。
+ */
+ pettanr.ua.isIE === true && pettanr.ua.ieVersion <= 7 && setTimeout( function(){
+ var rows = 0;
+ while( jqTextarea.height() < h){
+ rows++;
+ jqTextarea.attr( 'rows', rows);
+ }
+ rows > 1 && jqTextarea.attr( 'rows', rows -1 );
+ }, 0);
+ }
+ this.onPaneResize = function( _w, _h ){
+ jqWrap.show().css( {
+ left: textElement.x + panelX,
+ top: textElement.y + panelY,
+ width: textElement.w,
+ height: textElement.h
+ });
+ }
+ this.onClose = function(){
+ jqWrap.hide();
+ textElement = onUpdateFunction = null;
+ }
+});
// i18n
// login
pettanr.fn( pettanr.overlay);
pettanr.fn( pettanr.key);
pettanr.fn( pettanr.balloon);
+
pettanr.fn( pettanr.editor);
+
pettanr.fn( pettanr.file);
pettanr.fn( pettanr.finder);
pettanr.fn( pettanr.gallery);