screenLock.js 7.84 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
/**
 *  ABook Viewer for WEB
 *	Screen Lock Library
 *  Copyright (C) Agentec Co, Ltd. All rights reserved.
 * 
 * options
 * 		timeout:		タイムアウト秒
 * 		id:				オーバーレイ要素のID属性
 * 		html:			オーバーレイ上に表示するHTML
 * 		color:			テキスト色
 * 		opacity:		透明度
 * 		background:		背景色
 * 		lockspeed: 		アニメーションスピード( 'slow' 'normal' 'fast' or millisecond like jquery.fadein/fadeout)
 * 		unlockFunc:		ロック解除イベント処理
 * 		userScript:		ユーザスクリプト
 * 
 * usage:
 * 
 * 	$(function() {
 * 		var options = { ... };
 * 		screenLock(options);
 * }
 * 
 */
25
 
26
//グローバルの名前空間用のオブジェクトを用意する
27 28 29
var SCREENLOCK = {};

SCREENLOCK.screenLock = function(options) {
30 31 32 33
	
	var idleTimerId = null;
	var bTimeout = false;
	var defaultOptions = {
34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70
		timeout : 600000,		// default timeout = 10min.
		id: 'to',
		html: 'Clickして画面ロックを解除してください。',
		color: '#fff',
		opacity: '0.95',
		background: '#333',
		lockspeed: 'slow',
		errorMessage: 'ロックを解除できません。入力したパスワードを確認してください。',
		unlockFunc : function(elmId) {
			// overlay click then fade out and remove element
			$('#' + elmId).fadeOut(lockspeed, function() { 
				
				// ロック画面をDOM要素から削除
				$('#' + elmId).remove(); 
				
				// 画面ロック状態を解除
				removeLockState();
				
				// アイドルタイマーをもう一度仕掛ける
				setIdleTimer();
			});
			
			// unlock
			return { 'result': true, 'errorCode' : 'success' };
		}
	};
	
	var timeout;
	var elmId;
	var html;
	var color;
	var opacity;
	var background;
	var lockspeed;
	var unlockEvent;
	var unlockFunc;
	var errorMessage;
71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96
	
	// overlay option
	if(options) {
		timeout = (options.timeout) ? options.timeout : defaultOptions.timeout;
		elmId = (options.id) ? options.id : defaultOptions.id;
		html = (options.html) ? options.html : defaultOptions.html;
		color = (options.color) ? options.color : defaultOptions.color;
		opacity = (options.opacity) ? options.opacity : defaultOptions.opacity;
		background = (options.background) ? options.background : defaultOptions.background;
		lockspeed = (options.lockspeed) ? options.lockspeed : defaultOptions.lockspeed;
		unlockFunc = (options.unlockFunc) ? options.unlockFunc : null;
		errorMessage = (options.errorMessage) ? options.errorMessage : defaultOptions.errorMessage;
	} else {
		timeout = defaultOptions.timeout;
		elmId = defaultOptions.id;
		html = defaultOptions.html;
		color = defaultOptions.color;
		opacity = defaultOptions.opacity;
		background = defaultOptions.background;
		lockspeed = defaultOptions.lockspeed;
		unlockFunc = defaultOptions.unlockFunc;
		errorMessage = defaultOptions.errorMessage;
	}
	
	// bind event
	$(window).click(resetIdleTimer)
97 98 99 100
		.mousemove(resetIdleTimer)
		.keydown(resetIdleTimer)
		.bind('touchstart', resetIdleTimer)
		.bind('touchmove', resetIdleTimer);
101 102 103 104 105 106 107

	// アイドルタイマーを起動
	setIdleTimer();

	/* ロックするまでのアイドルタイマー */	
	function setIdleTimer() {

108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124
		// check time out
		if (timeout < 0) {  // Remove unlock when timeout < 0 (this case for: after unlock, values from service options: web_screen_lock=N)
			
			// clear timeout
			if (idleTimerId) {
				clearTimeout(idleTimerId);
				idleTimerId = null;
			}
			
			bTimeout = false;
			
			// clear lock state
			removeLockState();
			
			return;
		}
		
125 126 127 128 129 130 131 132 133 134 135 136
		// アイドルタイマーのタイムアウト時間(デフォルト/オプション指定時間)
		var idleStateTimeout = timeout;
		
		// clear timeout
		if(idleTimerId) {
			clearTimeout(idleTimerId);
			idleTimerId = null;
		}
		
		// すでにロック状態かどうかをチェックし、ロック状態であれば、即ロックをかける
		if(isLocked()) {
			idleStateTimeout = 0;
137 138 139 140
		}
		// clear lock state
		
		removeLockState();
141 142 143 144 145 146 147 148 149 150 151 152 153 154 155
		// set idle timeout
		idleTimerId = setTimeout(function() {
			
			// clear timer id
			clearTimeout(idleTimerId);
			idleTimerId = null;
			bTimeout = true;
			
			// set lock state
			setLockState();
			
			// show lock screen
			showLockScreen();
			
		}, idleStateTimeout);
156
		
157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174
		// clear time out
		bTimeout = false;
	};
	
	/* reset idle timer */
	function resetIdleTimer() {
		if(!bTimeout) {
			setIdleTimer();
		}
	};
	
	/* show lock screen */
	function showLockScreen() {
		
		// show message overlay
		var tags = '<div id="' + elmId + '" class="screenLock">' +
				   '<div style="display:table; width:100%; height:100%;">' + 
				   '<div style="display:table-cell; text-align:center; vertical-align:middle;">' +
175
				   '<p class="screenLock-content">' + html + I18N.i18nText('sysInfoScrLock01') + '</p>' + 
176
				   '<div id="pw" style="display:none;">' +
177
				   '<input id="passwd-txt" placeholder="'+ I18N.i18nText('sysLockScrPwdInput')+'" type="password" value="" />&nbsp;' +
178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209
				   '<button id="unlock-btn">OK</button>' +
				   '<div id="screenLockErrMsg" class="screenLock-error" style="display:none;">' + errorMessage + '</div>' +
				   '</div>' +
				   '</div>' + 
				   '</div>' +
				   '</div>';
		$(document.body).append(tags);
		$('#' + elmId).css( {
			'color': color,
			'opacity': opacity,
			'display': 'none',
			'position': 'fixed',
			'top': '0',
			'left': '0',
			'width': $(window).width(),
			'height': $(window).height(),
			'background': background,
			'zIndex': '10000'
		})
		.fadeIn(lockspeed);
		
		// bind event hander to unlock
		$('#' + elmId).click(function() {
			$('#pw').fadeIn();
			var pwInputTimer = null;
			pwInputTimer = setTimeout(function() {
				$('#pw').fadeOut();
				clearTimeout(pwInputTimer);
			}, 15000);
			
			// フォーカスを当ててキーダウンイベントでタイムアウト解除を登録
			$('#passwd-txt').focus()
210 211 212 213 214 215 216 217 218 219 220 221
				.keydown(function(event) {
					// パスワード入力タイマーを解除
					if(pwInputTimer) {
						clearTimeout(pwInputTimer);
					}
					pwInputTimer = null;
					// エンターキーで解除実行
					if(event.which == 13) {
						executeUnlock();
					}
				});
			
222 223 224 225 226 227 228 229 230
		});
		
		// force unlock function
		function forceUnlockFunc() {
			defaultOptions.unlockFunc(elmId);	
		};
		
		// execute unlock process 
		function executeUnlock() {
231 232 233
			if (unlockFunc) {
				var val = unlockFunc($('#passwd-txt').val(), forceUnlockFunc);
				if (!val.result) {
234 235 236 237 238 239 240 241 242
					
					//pana対応 W002が返った場合は解除できないので強制的にログイン画面に遷移
					if( val.errorCode.errorMessage == "W002" ){
						AVWEB.showSystemError();
					} else {
						$('#screenLockErrMsg').text(AVWEB.format(errorMessage, val.errorCode.errorMessage));
						$('#screenLockErrMsg').fadeIn();
						$('#passwd-txt').focus();
					}
243 244 245 246 247 248 249 250 251 252 253 254 255 256 257
					return;
				}
				else {
					// Set new timeout value
					timeout = val.newTimeout;
				}
				/*
				if(!unlockFunc($('#passwd-txt').val(), forceUnlockFunc)) {
					$('#screenLockErrMsg').fadeIn();
					$('#passwd-txt').focus();
					return;
				}
				*/
			}
			defaultOptions.unlockFunc(elmId);
258 259 260 261
		}
		
		// OKボタン押下でロック解除関数を実行
		$('#unlock-btn').click(function() { executeUnlock(); });
262 263
		
		// resize overlay
264 265 266 267
		$(window).resize(function() {
			$('#' + elmId).css( {
				'width': $(window).width(),
				'height': $(window).height()
268 269
			});
		});
270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299
	};
	
	/* set lock state */
	function setLockState() {
		var sessionStorage = window.sessionStorage;
		if(sessionStorage) {
			sessionStorage.setItem('AVW_ScreenLock', true);
		}
	};
	
	/* unset lock state */
	function removeLockState() {
		var sessionStorage = window.sessionStorage;
		if(sessionStorage) {
			sessionStorage.removeItem('AVW_ScreenLock');
		}
	};
	
	/* check lock state or not */
	function isLocked() {
		var sessionStorage = window.sessionStorage;
		if(sessionStorage) {
			var lockState = sessionStorage.getItem('AVW_ScreenLock');
			if(lockState) {
				return true;
			}
		}
		return false;
	};
};