{MessageHash['user_home.56']}
-
-
-
- {letters}
-
- )
- }
-});
-
-var HomeWorkspaceLegend = React.createClass({
-
- getInitialState: function() {
- return {workspace: null};
- },
- enterWorkspace:function(event){
- this.props.onOpenLink(event, this.state.workspace, this.refs.save_ws_choice.getDOMNode().checked);
- },
- componentWillUnmount: function(){
- if(window['homeWorkspaceTimer']){
- window.clearTimeout(window['homeWorkspaceTimer']);
- }
- },
- setWorkspace:function(ws){
- if(!this._internalCache){
- this._internalCache = new Map();
- this._repoInfosLoading = new Map();
- }
- this._internalState = ws;
- if(!ws){
- bufferCallback('homeWorkspaceTimer', 7000, function(){
- this.setState({workspace:null});
- this.props.onHideLegend();
- }.bind(this));
- return;
+
+ var gettingStartedBlock = '';
+ if(this.props.enableGettingStarted){
+ gettingStartedBlock = (
+ {MessageHash["user_home.55"].replace('', '').replace('','')}
+ )
+ }
+
+
+ return (
+
- {MessageHash[531]} {data['core.users']['internal']}
-
{MessageHash[532]} {data['core.users']['external']} -
+ var titleNode = workspacesNodes.length?
- {parseInt(100*data['meta.quota']['usage']/data['meta.quota']['total'])}%
- {roundSize(data['meta.quota']['total'], MessageHash["byte_unit_symbol"])} -
- );
- }
- if(data['core.notifications'] && data['core.notifications'][0]){
- blocks.push(
-
- {data['core.notifications'][0]['short_date']}
-
- );
+ });
+
+ var HomeWorkspaceItem = React.createClass({
+ onHoverLink: function(event) {
+ this.props.onHoverLink(event, this.props.ws);
+ },
+ onClickLink: function(event) {
+ if(!this.props.openOnDoubleClick){
+ this.props.onOpenLink(event, this.props.ws);
+ }
+ },
+ onDoubleClickLink: function(event) {
+ if(this.props.openOnDoubleClick){
+ this.props.onOpenLink(event, this.props.ws);
+ }
+ },
+ render: function(){
+ var letters = this.props.ws.getLabel().split(" ").map(function(word){return word.substr(0,1)}).join("");
+ return (
+
+ {letters}
+
+ )
}
+ });
+
+ var HomeWorkspaceLegend = React.createClass({
- return (
-
{MessageHash['user_home.57']}
-
-
-
-
- 
+ }
+ });
+
+ var TutorialPane = React.createClass({
+
+ componentDidMount: function(){
+ $('videos_pane').select('div.tutorial_load_button').invoke("observe", "click", function(e){
+ var t = Event.findElement(e, 'div.tutorial_load_button');
+ try{
+ var main = t.up('div.tutorial_legend');
+ if(main.next('img')){
+ main.insert({after:''});
+ main.next('img').remove();
+ }
+ }catch(e){}
+ });
+ },
+
+ closePane: function(){
+ React.unmountComponentAtNode(document.getElementById('tutorial_panel'));
+ },
+
+ render: function(){
+ var configs = pydio.getPluginConfigs('access.ajxp_home');
+ var htmlMessage = function(id){
+ return {__html:MessageHash[id]};
+ };
+ return (
+ 
+
- 
+
- 
+
- 
+
-
-
- );
-
- //
- }
-
-});
-
-var HomeWorkspaceUserCartridge = React.createClass({
-
- clickDisconnect: function(){
- this.props.controller.fireAction("logout");
- },
-
- clickConnect: function(){
- this.props.controller.fireAction("login");
- },
-
- showGettingStarted: function(){
- this.props.controller.fireAction("open_tutorial_pane");
- },
-
- render: function(){
- var userLabel = this.props.user.getPreference("USER_DISPLAY_NAME") || this.props.user.id;
- var loginLink = '';
- if(this.props.controller.getActionByName("logout") && this.props.user.id != "guest"){
- var parts = MessageHash["user_home.67"].replace('%s', userLabel).split("%logout");
- loginLink = (
- {parts[0]}
-
- {this.props.controller.getActionByName("logout").options.text.toLowerCase()}
- {parts[1]}
-
- )
- }else if(this.props.user.id == "guest" && this.props.controller.getActionByName("login")){
- loginLink = (
-
- You can login if you are not guest.
-
- )
- }
+ );
- var gettingStartedBlock = '';
- if(this.props.enableGettingStarted){
- gettingStartedBlock = (
- {MessageHash["user_home.55"].replace('', '').replace('','')}
- )
+ //
}
+ });
- return (
- {MessageHash['user_home.61']}
+ }
+ return
+
+
- {MessageHash['user_home.56']}
+
-
-
-
- Play Video
-
+
+
+
+ Play Video
+
-
-
-
- Play Video
-
+
+
+
+ Play Video
+
-
-
-
- Play Video
-
+
+
+
+ Play Video
+
-
-
-
- Play Video
-
+
+
+
+ Play Video
+
-
-
- {MessageHash['user_home.40'].replace('%s', userLabel)}
- {loginLink}
- {gettingStartedBlock}
-
- )
- }
-
-});
-
-var HomeWorkspacesList = React.createClass({
-
- render: function(){
- var workspacesNodes = [];
- var sharedNodes = [];
- this.props.workspaces.forEach(function(v){
- if (v.getAccessType().startsWith('ajxp_')) return;
- var node = {MessageHash[468]}
{MessageHash[469]}
-
- {titleNode}
- {workspacesNodes}
- {titleSharedNode}
- {sharedNodes}
-
{this.props.ws.getLabel()}
-{this.props.ws.getDescription()}
-
+ {MessageHash['user_home.40'].replace('%s', userLabel)}
+ {loginLink}
+ {gettingStartedBlock}
+
+ )
}
- // check the cache and re-render?
- var repoId = ws.getId();
- if(!this._repoInfosLoading.get(repoId) && !this._internalCache.get(repoId)){
- this.props.onShowLegend(ws);
- this._repoInfosLoading.set(repoId, 'loading');
- PydioApi.getClient().request({
- get_action:'load_repository_info',
- tmp_repository_id:repoId,
- collect:'true'
- }, function(transport){
- this._repoInfosLoading.delete(repoId);
- if(transport.responseJSON){
- var data = transport.responseJSON;
- this._internalCache.set(repoId, data);
- if(this._internalState == ws){
- this.setState({workspace:ws, data:data});
- }
+
+ });
+
+ var HomeWorkspacesList = React.createClass({
+
+ render: function(){
+ var workspacesNodes = [];
+ var sharedNodes = [];
+ this.props.workspaces.forEach(function(v){
+ if (v.getAccessType().startsWith('ajxp_')) return;
+ var node = {MessageHash[532]} {data['core.users']['external']} -
{MessageHash[468]}
{MessageHash[469]}
-
+ {titleNode}
+ {workspacesNodes}
+ {titleSharedNode}
+ {sharedNodes}
+
- {roundSize(data['meta.quota']['total'], MessageHash["byte_unit_symbol"])} -
{this.props.ws.getLabel()}
+{this.props.ws.getDescription()}
+
- {this.state.workspace.getLabel()}
- {this.state.workspace.getDescription()}
-
- {blocks}
+ getInitialState: function() {
+ return {workspace: null};
+ },
+ enterWorkspace:function(event){
+ this.props.onOpenLink(event, this.state.workspace, this.refs.save_ws_choice.getDOMNode().checked);
+ },
+ componentWillUnmount: function(){
+ if(window['homeWorkspaceTimer']){
+ window.clearTimeout(window['homeWorkspaceTimer']);
+ }
+ },
+ setWorkspace:function(ws){
+ if(!this._internalCache){
+ this._internalCache = new Map();
+ this._repoInfosLoading = new Map();
+ }
+ this._internalState = ws;
+ if(!ws){
+ bufferCallback('homeWorkspaceTimer', 7000, function(){
+ this.setState({workspace:null});
+ this.props.onHideLegend();
+ }.bind(this));
+ return;
+ }
+ // check the cache and re-render?
+ var repoId = ws.getId();
+ if(!this._repoInfosLoading.get(repoId) && !this._internalCache.get(repoId)){
+ this.props.onShowLegend(ws);
+ this._repoInfosLoading.set(repoId, 'loading');
+ PydioApi.getClient().request({
+ get_action:'load_repository_info',
+ tmp_repository_id:repoId,
+ collect:'true'
+ }, function(transport){
+ this._repoInfosLoading.delete(repoId);
+ if(transport.responseJSON){
+ var data = transport.responseJSON;
+ this._internalCache.set(repoId, data);
+ if(this._internalState == ws){
+ this.setState({workspace:ws, data:data});
+ }
+ }
+ }.bind(this));
+ }else if(this._internalCache.get(repoId)){
+ this.props.onShowLegend(ws);
+ this.setState({workspace:ws, data:this._internalCache.get(repoId)});
+ }
+ },
+ render: function(){
+ if(!this.state.workspace){
+ return ;
+ }
+ var blocks = [];
+ var data = this.state.data;
+ if(data['core.users'] && data['core.users']['internal'] != undefined && data['core.users']['external'] != undefined){
+ blocks.push(
+
+ {MessageHash[531]} {data['core.users']['internal']}
+
{MessageHash[532]} {data['core.users']['external']} +
+ );
+ }
+ if(data['meta.quota']){
+ blocks.push(
+
+ {parseInt(100*data['meta.quota']['usage']/data['meta.quota']['total'])}%
+ {roundSize(data['meta.quota']['total'], MessageHash["byte_unit_symbol"])} +
+ );
+ }
+ if(data['core.notifications'] && data['core.notifications'][0]){
+ blocks.push(
+
+ {data['core.notifications'][0]['short_date']}
+
+ );
+ }
+
+ return (
+
{MessageHash[532]} {data['core.users']['external']} +
+ {roundSize(data['meta.quota']['total'], MessageHash["byte_unit_symbol"])} +
+ {this.state.workspace.getLabel()}
+ {this.state.workspace.getDescription()}
+
-
+ {blocks}
+
+
+
+
+ {MessageHash['user_home.42']}
+
-
-
- {MessageHash['user_home.42']}
+ )
+ }
+ });
+
+ var HomeWorkspaceLegendInfoBlock = React.createClass({
+ render:function(){
+ return
+
- )
- }
-});
-
-var HomeWorkspaceLegendInfoBlock = React.createClass({
- render:function(){
- return
+ {this.props.badgeTitle}
+
+ {this.props.children}
-
- }
-});
-
-var UserDashboard = React.createClass({
-
- switchToWorkspace:function(repoId, save){
- if(!repoId) return;
- if(save){
- PydioApi.getClient().request({
- 'PREFERENCES_DEFAULT_START_REPOSITORY':repoId,
- 'get_action':'custom_data_edit'
- }, function(){
- this.props.pydio.user.setPreference('DEFAULT_START_REPOSITORY', repoId, false);
- }.bind(this));
}
- this.props.pydio.triggerRepositoryChange(repoId);
- },
- onShowLegend: function(){
- // PROTO STUFF!
- $('home_center_panel').addClassName('legend_visible');
- },
- onHideLegend: function(){
- // PROTO STUFF!
- $('home_center_panel').removeClassName('legend_visible');
- },
- onHoverLink:function(event, ws){
- this.refs.legend.setWorkspace(ws);
- },
- onOutLink:function(event, ws){
- this.refs.legend.setWorkspace(null);
- },
- onOpenLink:function(event, ws, save){
- this.switchToWorkspace(ws.getId(), save);
- },
- render:function(){
- var simpleClickOpen = this.props.pydio.getPluginConfigs("access.ajxp_home").get("SIMPLE_CLICK_WS_OPEN");
- var enableGettingStarted = this.props.pydio.getPluginConfigs('access.ajxp_home').get("ENABLE_GETTING_STARTED");
- return (
-
- {this.props.badgeTitle}
-
-
- {this.props.children}
-
-
-
- )
- }
+ )
+ }
+
+ });
-});
+ var WelcomeComponents = global.WelcomeComponents || {};
+ WelcomeComponents.UserDashboard = UserDashboard;
+ WelcomeComponents.TutorialPane = TutorialPane;
+ global.WelcomeComponents = WelcomeComponents;
-var WelcomeComponents = window.WelcomeComponents || {};
-WelcomeComponents.UserDashboard = UserDashboard;
-WelcomeComponents.TutorialPane = TutorialPane;
-window.WelcomeComponents = WelcomeComponents;
\ No newline at end of file
+})(window);
\ No newline at end of file
-
+
-
+
+
+