436 lines
12 KiB
JavaScript
436 lines
12 KiB
JavaScript
/* jslint node: true */
|
|
'use strict';
|
|
|
|
var MenuModule = require('../core/menu_module.js').MenuModule;
|
|
var ViewController = require('../core/view_controller.js').ViewController;
|
|
var ansi = require('../core/ansi_term.js');
|
|
var theme = require('../core/theme.js');
|
|
var MultiLineEditTextView = require('../core/multi_line_edit_text_view.js').MultiLineEditTextView;
|
|
var Message = require('../core/message.js');
|
|
|
|
var async = require('async');
|
|
var assert = require('assert');
|
|
var _ = require('lodash');
|
|
|
|
exports.getModule = FullScreenEditorModule;
|
|
|
|
exports.moduleInfo = {
|
|
name : 'Full Screen Editor (FSE)',
|
|
desc : 'A full screen editor/viewer',
|
|
author : 'NuSkooler',
|
|
};
|
|
|
|
function FullScreenEditorModule(options) {
|
|
MenuModule.call(this, options);
|
|
|
|
var self = this;
|
|
this.menuConfig = options.menuConfig;
|
|
|
|
//
|
|
// Editor Type ('editorType'):
|
|
// * netMail : User to user, optionally remote
|
|
// *
|
|
this.editorType = this.menuConfig.config.editorType;
|
|
|
|
this.artNames = [ 'header', 'body', 'footerEdit', 'footerEditMenu', 'footerView' ];
|
|
|
|
// :TODO: This needs to be passed in via args:
|
|
this.editorMode = 'edit'; // view | edit | editMenu |
|
|
|
|
// netMail/crashMail | echoMail
|
|
this.messageAreaId = 'netMail' === this.editorType ? Message.WellKnownAreaIds.Private : options.messageAreaId;
|
|
|
|
this.getFooterName = function(editorMode) {
|
|
editorMode = editorMode || this.editorMode;
|
|
return 'footer' + _.capitalize(editorMode); // e.g.. 'footerEditMenu'
|
|
};
|
|
|
|
this.getFormId = function(name) {
|
|
return {
|
|
header : 0,
|
|
body : 1,
|
|
footerEdit : 2,
|
|
footerEditMenu : 3,
|
|
footerView : 4,
|
|
|
|
help : 50,
|
|
}[name];
|
|
};
|
|
|
|
this.getMessageData = function() {
|
|
var headerValues = self.viewControllers.header.getFormData().value;
|
|
|
|
var messageOpts = {
|
|
areaId : self.messageAreaId,
|
|
toUserName : headerValues.to,
|
|
fromUserName : headerValues.from,
|
|
subject : headerValues.subject,
|
|
message : self.viewControllers.body.getFormData().value.message,
|
|
};
|
|
|
|
console.log(messageOpts);
|
|
|
|
/*var msg = new Message(messageOpts);
|
|
msg.persist(function persisted(err, msgId) {
|
|
|
|
});
|
|
*/
|
|
};
|
|
|
|
this.redrawFooter = function(options, cb) {
|
|
async.waterfall(
|
|
[
|
|
function moveToFooterPosition(callback) {
|
|
//
|
|
// Calculate footer staring position
|
|
//
|
|
// row = (header height + body height)
|
|
//
|
|
// Header: mciData.body.height
|
|
// Body : We must find this in the config / theme
|
|
//
|
|
// :TODO: don't hard code this -- allow footer height to be part of theme/etc.
|
|
self.client.term.rawWrite(ansi.goto(23, 1));
|
|
callback(null);
|
|
},
|
|
function clearFooterArea(callback) {
|
|
if(options.clear) {
|
|
self.client.term.rawWrite(ansi.reset() + ansi.deleteLine(3));
|
|
}
|
|
callback(null);
|
|
},
|
|
function displayFooterArt(callback) {
|
|
var footerArt = self.menuConfig.config.art[options.footerName];
|
|
|
|
theme.displayThemedAsset(
|
|
footerArt,
|
|
self.client,
|
|
{ font : self.menuConfig.font },
|
|
function displayed(err, artData) {
|
|
callback(err, artData);
|
|
}
|
|
);
|
|
}
|
|
],
|
|
function complete(err, artData) {
|
|
cb(err, artData);
|
|
}
|
|
);
|
|
};
|
|
|
|
this.redrawScreen = function(options, cb) {
|
|
var comps = [ 'header', 'body' ];
|
|
var art = self.menuConfig.config.art;
|
|
|
|
self.client.term.rawWrite(ansi.resetScreen());
|
|
|
|
async.series(
|
|
[
|
|
function displayHeaderAndBody(callback) {
|
|
async.eachSeries( comps, function dispArt(n, next) {
|
|
theme.displayThemedAsset(
|
|
art[n],
|
|
self.client,
|
|
{ font : self.menuConfig.font },
|
|
function displayed(err, artData) {
|
|
next(err);
|
|
}
|
|
);
|
|
}, function complete(err) {
|
|
callback(err);
|
|
});
|
|
},
|
|
function displayFooter(callback) {
|
|
// we have to treat the footer special
|
|
self.redrawFooter( { clear : false, footerName : self.getFooterName() }, function footerDisplayed(err) {
|
|
callback(err);
|
|
});
|
|
},
|
|
function refreshViews(callback) {
|
|
comps.push(self.getFooterName());
|
|
|
|
comps.forEach(function artComp(n) {
|
|
self.viewControllers[n].redrawAll();
|
|
});
|
|
}
|
|
],
|
|
function complete(err) {
|
|
cb(err);
|
|
}
|
|
);
|
|
};
|
|
|
|
|
|
this.switchFooter = function(cb) {
|
|
var footerName = self.getFooterName();
|
|
|
|
self.redrawFooter( { footerName : footerName, clear : true }, function artDisplayed(err, artData) {
|
|
if(err) {
|
|
cb(err);
|
|
return;
|
|
}
|
|
|
|
var formId = self.getFormId(footerName);
|
|
|
|
if(_.isUndefined(self.viewControllers[footerName])) {
|
|
var menuLoadOpts = {
|
|
callingMenu : self,
|
|
formId : formId,
|
|
mciMap : artData.mciMap
|
|
};
|
|
|
|
self.addViewController(
|
|
footerName,
|
|
new ViewController( { client : self.client, formId : formId } )
|
|
).loadFromMenuConfig(menuLoadOpts, function footerReady(err) {
|
|
cb(err);
|
|
});
|
|
} else {
|
|
self.viewControllers[footerName].redrawAll();
|
|
cb(null);
|
|
}
|
|
});
|
|
};
|
|
|
|
this.initSequence = function() {
|
|
var mciData = { };
|
|
var art = self.menuConfig.config.art;
|
|
assert(_.isObject(art));
|
|
|
|
async.series(
|
|
[
|
|
function beforeDisplayArt(callback) {
|
|
self.beforeArt();
|
|
callback(null);
|
|
},
|
|
function displayHeaderAndBodyArt(callback) {
|
|
assert(_.isString(art.header));
|
|
assert(_.isString(art.body));
|
|
|
|
async.eachSeries( [ 'header', 'body' ], function dispArt(n, next) {
|
|
theme.displayThemedAsset1(
|
|
art[n],
|
|
self.client,
|
|
{ font : self.menuConfig.font },
|
|
function displayed(err, artData) {
|
|
mciData[n] = artData;
|
|
next(err);
|
|
}
|
|
);
|
|
}, function complete(err) {
|
|
callback(err);
|
|
});
|
|
},
|
|
function displayFooter(callback) {
|
|
var footerName = self.getFooterName();
|
|
self.redrawFooter( { footerName : footerName }, function artDisplayed(err, artData) {
|
|
mciData[footerName] = artData;
|
|
callback(err);
|
|
});
|
|
},
|
|
function afterArtDisplayed(callback) {
|
|
self.mciReady(mciData);
|
|
callback(null);
|
|
}
|
|
],
|
|
function complete(err) {
|
|
|
|
}
|
|
);
|
|
};
|
|
|
|
this.mciReadyHandlerNetMail = function(mciData) {
|
|
|
|
var menuLoadOpts = { callingMenu : self };
|
|
|
|
async.series(
|
|
[
|
|
function header(callback) {
|
|
menuLoadOpts.formId = self.getFormId('header');
|
|
menuLoadOpts.mciMap = mciData.header.mciMap;
|
|
|
|
self.addViewController(
|
|
'header',
|
|
new ViewController( { client : self.client, formId : menuLoadOpts.formId } )
|
|
).loadFromMenuConfig(menuLoadOpts, function headerReady(err) {
|
|
callback(err);
|
|
});
|
|
},
|
|
function body(callback) {
|
|
menuLoadOpts.formId = self.getFormId('body');
|
|
menuLoadOpts.mciMap = mciData.body.mciMap;
|
|
|
|
self.addViewController(
|
|
'body',
|
|
new ViewController( { client : self.client, formId : menuLoadOpts.formId } )
|
|
).loadFromMenuConfig(menuLoadOpts, function bodyReady(err) {
|
|
callback(err);
|
|
});
|
|
},
|
|
function footer(callback) {
|
|
var footerName = self.getFooterName();
|
|
|
|
menuLoadOpts.formId = self.getFormId(footerName);
|
|
menuLoadOpts.mciMap = mciData[footerName].mciMap;
|
|
|
|
self.addViewController(
|
|
footerName,
|
|
new ViewController( { client : self.client, formId : menuLoadOpts.formId } )
|
|
).loadFromMenuConfig(menuLoadOpts, function footerReady(err) {
|
|
callback(err);
|
|
});
|
|
}
|
|
],
|
|
function complete(err) {
|
|
var bodyView = self.viewControllers.body.getView(1);
|
|
self.updateTextEditMode(bodyView.getTextEditMode());
|
|
self.updateEditModePosition(bodyView.getEditPosition());
|
|
|
|
self.viewControllers.body.setFocus(false);
|
|
self.viewControllers.header.switchFocus(1);
|
|
}
|
|
);
|
|
};
|
|
|
|
this.updateEditModePosition = function(pos) {
|
|
if('edit' === this.editorMode) {
|
|
var posView = self.viewControllers.footerEdit.getView(1);
|
|
if(posView) {
|
|
self.client.term.rawWrite(ansi.savePos());
|
|
posView.setText(_.padLeft(String(pos.row + 1), 2, '0') + ',' + _.padLeft(String(pos.col + 1), 2, '0'));
|
|
self.client.term.rawWrite(ansi.restorePos());
|
|
}
|
|
}
|
|
};
|
|
|
|
this.updateTextEditMode = function(mode) {
|
|
if('edit' === this.editorMode) {
|
|
var modeView = self.viewControllers.footerEdit.getView(2);
|
|
if(modeView) {
|
|
self.client.term.rawWrite(ansi.savePos());
|
|
modeView.setText('insert' === mode ? 'INS' : 'OVR');
|
|
self.client.term.rawWrite(ansi.restorePos());
|
|
}
|
|
}
|
|
};
|
|
|
|
/*
|
|
this.displayHelp = function() {
|
|
//
|
|
// Replace body area with a temporary read-only MultiLineEditText
|
|
// with help contents. ESC or 'Q' closes back to previous state.
|
|
//
|
|
var formId = self.getFormId('help');
|
|
|
|
if(_.isUndefined(self.viewControllers.help)) {
|
|
self.addViewController('help', new ViewController( { client : self.client, formId : formId } ));
|
|
|
|
var helpViewOpts = {
|
|
position : self.getBodyView().position,
|
|
//dimens : self.getBodyView().dimens,
|
|
acceptsFocus : true,
|
|
acceptsInput : true,
|
|
id : 1,
|
|
client : self.client,
|
|
ansiSGR : ansi.sgr( [ 'normal', 'reset' ] ), // :TODO: use a styleSGRx here; default to white on black
|
|
};
|
|
|
|
var helpView = new MultiLineEditTextView(helpViewOpts);
|
|
// :TODO: this is to work around a bug... dimens in ctor should be enough!
|
|
helpView.setWidth(self.getBodyView().dimens.width);
|
|
helpView.setHeight(self.getBodyView().dimens.height);
|
|
helpView.setText('Some help text...')
|
|
|
|
self.viewControllers.help.addView(helpView);
|
|
self.viewControllers.help.switchFocus(1);
|
|
}
|
|
|
|
self.viewControllers.help.redrawAll();
|
|
};
|
|
*/
|
|
|
|
this.displayHelp = function() {
|
|
self.client.term.rawWrite(ansi.resetScreen());
|
|
|
|
theme.displayThemeArt( { name : self.menuConfig.config.art.help, client : self.client },
|
|
function helpDisplayed(err, artData) {
|
|
self.client.waitForKeyPress(function keyPress(ch, key) {
|
|
self.redrawScreen();
|
|
self.viewControllers.footerEditMenu.setFocus(true);
|
|
});
|
|
}
|
|
);
|
|
};
|
|
|
|
this.observeEditEvents = function() {
|
|
var bodyView = self.viewControllers.body.getView(1);
|
|
|
|
bodyView.on('edit position', function cursorPosUpdate(pos) {
|
|
self.updateEditModePosition(pos);
|
|
});
|
|
|
|
bodyView.on('text edit mode', function textEditMode(mode) {
|
|
self.updateTextEditMode(mode);
|
|
});
|
|
};
|
|
|
|
|
|
this.menuMethods = {
|
|
headerSubmit : function(formData, extraArgs) {
|
|
self.viewControllers.header.setFocus(false);
|
|
self.viewControllers.body.switchFocus(1);
|
|
|
|
self.observeEditEvents();
|
|
},
|
|
editModeEscPressed : function(formData, extraArgs) {
|
|
self.editorMode = 'edit' === self.editorMode ? 'editMenu' : 'edit';
|
|
|
|
self.switchFooter(function next(err) {
|
|
if(err) {
|
|
// :TODO:... what now?
|
|
console.log(err)
|
|
} else {
|
|
switch(self.editorMode) {
|
|
case 'edit' :
|
|
if(!_.isUndefined(self.viewControllers.footerEditMenu)) {
|
|
self.viewControllers.footerEditMenu.setFocus(false);
|
|
}
|
|
self.viewControllers.body.switchFocus(1);
|
|
self.observeEditEvents();
|
|
break;
|
|
|
|
case 'editMenu' :
|
|
self.viewControllers.body.setFocus(false);
|
|
self.viewControllers.footerEditMenu.switchFocus(1);
|
|
break;
|
|
|
|
default : throw new Error('Unexpected mode');
|
|
}
|
|
|
|
}
|
|
});
|
|
},
|
|
editModeMenuSave : function(formData, extraArgs) {
|
|
self.getMessageData();
|
|
},
|
|
editModeMenuQuote : function(formData, extraArgs) {
|
|
|
|
},
|
|
editModeMenuHelp : function(formData, extraArgs) {
|
|
self.viewControllers.footerEditMenu.setFocus(false);
|
|
self.displayHelp();
|
|
}
|
|
};
|
|
}
|
|
|
|
require('util').inherits(FullScreenEditorModule, MenuModule);
|
|
|
|
FullScreenEditorModule.prototype.enter = function(client) {
|
|
FullScreenEditorModule.super_.prototype.enter.call(this, client);
|
|
};
|
|
|
|
FullScreenEditorModule.prototype.mciReady = function(mciData) {
|
|
this['mciReadyHandler' + _.capitalize(this.editorType)](mciData);
|
|
};
|
|
|