wterm_app.js

enyo.kind({

	name: "wTermApp",
	kind: enyo.VFlexBox,
	
	_isPhone: null,
	_orientation: null,
	_rotationLock: null,
	_vkbClass: null,
	_showVKB: true,
	_windowTitle: null,
	
	components: [
		{
			name : "sysSound",
			kind : "PalmService",
			service : "palm://com.palm.audio/systemsounds",
			method : "playFeedback"
		},
		{
			name : "getPreferencesCall",
			kind : "PalmService",
			subscribe: true,
			service : "palm://com.palm.systemservice/"
		},
		{
			name: "prefs",
			kind: "PrefsPullout",
			style: "width: 320px; position: absolute; margin-bottom: 0px; right: 0", //width: 384px
			className: "enyo-bg",
			flyInFrom: "right",
			onOpen: "pulloutToggle",
			onClose: "closeRightPullout",
			onVKBLayoutChange: 'VKBLayoutChange'
		},
		{
			kind: 'Popup2',
			name: 'about',
			scrim: true,
			components: [
				{style: 'text-align: center; padding-bottom: 6px; font-size: 120%;', allowHtml: true, content: '<img src="images/icon-64.png"/ style="vertical-align: middle; padding-right: 1em;"><b><u>wTerm v'+enyo.fetchAppInfo().version+'</u></b>'},
				{style: 'padding: 4px; text-align: center; font-size: 90%', content: '<a href="https://github.com/PuffTheMagic/wTerm">Project Home</a>'},
				{style: 'padding: 4px; text-align: center; font-size: 90%', content: '<a href="https://github.com/PuffTheMagic/wTerm/issues">Issues</a>'},
				{style: 'padding: 4px; text-align: center; font-size: 90%', content: '<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=VU4L7VTGSR5C2">Donate</a>'},
				{style: 'text-align: center; padding-top: 24px; font-style: italic; font-size: 60%', allowHtml: true, content: '&copy; 2011-2012 WebOS Internals'}
			]
		},
		{
			kind: 'Popup2',
			name: 'launchWarning',
			modal: true,
			scrim: true,
			autoClose: false,
			dismissWithClick: false,
			components: [
				{style: 'text-align: center; padding-bottom: 12px; font-size: 120%;', allowHtml: true, content: '<b><u>Notice!</u></b>'},
				{name: 'warninig', allowHtml: true, content: 'Another application is trying to run the following command(s):'},
				{name: 'command', allowHtml: true, style: 'font-family: monospace; padding-left: 1em; padding-bottom: 1em'},
				{kind: 'HFlexBox', components: [
					{kind: 'HFlexBox', flex: 2, align: 'center', components: [
						{kind: "CheckBox", name: 'launchParamsCheckbox', onChange: 'launchParamWarn'},
						{style: 'font-size: 80%; padding-left: 1em;', content: 'Do not show this warning again.'},
					]},
					{kind: 'HFlexBox', flex: 1, components: [
						{kind: 'Button', flex: 1, className: 'enyo-button-negative', content: 'Cancel', onclick: 'warningCancel'},
						{kind: 'Button', flex: 1, className: 'enyo-button-affirmative ', content: 'Ok', onclick: 'warningOk'},
					]}
				]}
			]
		}
	],
	launchParamWarn: function() {
		enyo.application.p.set('launchParamsOK', this.$.launchParamsCheckbox.checked)
	},
	warningCancel: function() {
		this.$.launchWarning.close()
		window.close()
	},
	warningOk: function() {
		this.$.launchWarning.close()
		this.$.terminal.inject(enyo.windowParams.command)
	},

	newTerm: function(inSender, inEvent, params, reactivate) {
		enyo.application.m.launch(true)
	},

	windowActivated: function() {
		this.$.terminal.setActive(1)
	},
	windowDeactivated: function() {
		this.$.terminal.setActive(0)
	},
	
	create: function() {
		this.inherited(arguments)
		this._isPhone = (enyo.fetchDeviceInfo().keyboardAvailable || enyo.fetchDeviceInfo().keyboardSlider)
		this._showVKB = enyo.application.p.get('showVKB')
		this.getRotationLock()
	},
	
	initComponents: function() {
		this.inherited(arguments)
		this.createComponent({
			kind: "AppMenu", components: [
				{caption: "New Terminal", onclick: "newTerm"},
				{caption: "Preferences", onclick: "openPrefs"},
				{caption: "Setup", onclick: "openSetup"},
				{name: 'vkbToggle', caption: this.getVKBMenuText(), onclick: 'toggleVKB'},
				{caption: "Paste", onclick: "doPaste"},
				{caption: "About", onclick: "openAbout"}
			]
		})
	},
	
	createVKB: function(large) {
		this.createComponent({
			kind: 'vkb',
			name: 'vkb',
			showing: true,
			className: 'vkb ' + this._vkbStyle,
			isPhone: this._isPhone,
			_large: large,
			onPostrender: 'createTerminal'
		})
	},
	
	createTerminal: function(inSender, vkbHeight) {
		var exec = enyo.application.p.get('exec')
		if (enyo.windowParams.root && !enyo.windowParams.command)
			exec = 'login -f root'
		else if (enyo.windowParams.command)
			exec = 'login -f wterm'
		var term = this.createComponent({
			name: 'terminal',
			kind: 'Terminal',
			executable: 'wterm',
			width: window.innerWidth,
			height: window.innerHeight - vkbHeight,
			onBell: 'bell',
			onPluginReady: 'pluginReady',
			onWindowTitleChanged: 'windowTitleChanged',
			allowKeyboardFocus: true,
			bgcolor: '000000',
			params: [enyo.application.p.get('fontSize').toString(10), exec]
		})
		term.prepend = true
		term.render()
		this.finalize()
	},
	
	finalize: function() {
		this.$.vkb.terminal = this.$.terminal
		this.$.terminal.vkb = this.$.vkb
		this.$.prefs.vkb = this.$.vkb
		this.$.prefs.terminal = this.$.terminal
		this.createComponent({
			kind: "ApplicationEvents",
			onWindowActivated: 'windowActivated',
			onWindowDeactivated: 'windowDeactivated'
		})
	},

	windowTitleChanged: function(inSender, txt) {
		if (this._windowTitle != txt) {
			this._windowTitle = txt
			enyo.windows.addBannerMessage(this._windowTitle, enyo.json.stringify({bannerTap: true, windowName: window.name}))
		}
	},

	bell: function() {
		this.$.sysSound.call({"name": "error_02"})
	},

	pluginReady: function() {
		if (enyo.windowParams.command) {
			if (enyo.application.p.get('launchParamsOK')) {
				this.$.terminal.inject(enyo.windowParams.command)
			} else {
				this.$.launchWarning.openAtTopCenter()
				this.$.command.setContent(enyo.windowParams.command)
			}
		}
	},

	setupKeyboard: function(portrait) {
		if (typeof this.$.vkb != 'undefined' && this.$.vkb.hasNode()) {
			var width = window.innerWidth
			var height = window.innerHeight
			if (portrait)
				this.$.vkb.small()
			else
				this.$.vkb.large()
			if (this._showVKB)
				height = height - this.$.vkb.hasNode().scrollHeight
			this.$.terminal.resize(width, height)
		} else {
			enyo.asyncMethod(this, enyo.bind(this, this.setupKeyboard))
		}
	},

	getRotationLock: function() {
		this.$.getPreferencesCall.call(
			{"keys": ["rotationLock"]},
			{method : "getPreferences",onSuccess : "rotationLockReponse"}
		)
	},

	rotationLockReponse: function(inSender, inResponse) {		
		this._rotationLock = inResponse.rotationLock
		var tmpOrientation = null
		if (this._rotationLock == 0)
			tmpOrientation = enyo.getWindowOrientation()
		else if (this._rotationLock == 3)
			tmpOrientation = 'up'
		else if (this._rotationLock == 4)
			tmpOrientation = 'down'
		else if (this._rotationLock == 5)
			tmpOrientation = 'left'
		else if (this._rotationLock == 6)
			tmpOrientation = 'right'
		if (!this._vkbStyle || this._orientation != tmpOrientation) {
			this._orientation = tmpOrientation
			if (this._isPhone) {
				if (this._orientation == 'up' || this.orientation == 'down')
					this._vkbStyle = 'smallP'
				else
					this._vkbStyle = 'largeP'
			} else {
				if (this._orientation == 'up' || this.orientation == 'down')
					this._vkbStyle = 'large'
				else
					this._vkbStyle = 'small'
			}
		}
		if (typeof inResponse.returnValue === 'undefined')
			this.refresh()
		else if (inResponse.returnValue)
			this.createVKB((this._vkbStyle == 'large' || this._vkbStyle == 'largeP'))
	},

	getVKBMenuText: function() {
		return this._showVKB ? 'Hide Virtual Keyboard' : 'Show Virtual Keyboard'
	},

	setVKBMenu: function() {
		this.$.vkbToggle.setCaption(this.getVKBMenuText())
	},

	toggleVKB: function() {
		this._showVKB = !this._showVKB
		enyo.application.p.set('showVKB', this._showVKB)
		this.setVKBMenu()
		this.resizeHandler()
	},

	openAbout: function() {
		this.$.about.openAtTopCenter()
	},

	openSetup: function() {
		enyo.windows.openWindow('app.html', null, {setup: true}, null);
	},
	
	openPrefs: function() {
		if (this.$.prefs.showing)
			this.$.prefs.close();
		else
			this.$.prefs.open();
	},

	VKBLayoutChange: function() {
		this.refresh()
		this.render()
	},

	doPaste: function () {
		enyo.dom.getClipboard(enyo.bind(this, this.handleClipboard))
	},

	handleClipboard: function (clipData) {
		this.$.terminal.inject(unescape(clipData), 1)
	},

	refresh: function() {
		if (this._orientation == 'up' || this._orientation == 'down')
			this.setupKeyboard(this._isPhone)
		else
			this.setupKeyboard(!this._isPhone)
		this.$.prefs.updateHeight()
	},
	
	resizeHandler: function(inSender, inEvent) {
		var tmpOrientation = enyo.getWindowOrientation()
		if (this._rotationLock == 0 && (this._orientation != tmpOrientation))
			this._orientation = tmpOrientation
		this.refresh()
	}
})