/* 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; // :TODO: MenuModule does this... // // menuConfig.config: // editorType : email | area // this.editorType = this.menuConfig.config.editorType; this.artNames = [ 'header', 'body', 'footerEdit', 'footerEditMenu', 'footerView' ]; // :TODO: The following needs to be passed in via args: // // options.extraArgs: // editorMode : edit | view this.editorMode = 'edit'; // view | edit | editMenu | quote this.isLocal = true; this.toUserId = options.toUserId || 0; this.fromUserId = options.fromUserId || 0; // 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.getMessage = 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, }; return new Message(messageOpts); }; 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.displayThemedAsset( 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) { var msg = self.getMessage(); console.log(msg); }, 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); };