kamishibai 0.6.2

data/public/js/utilities.js

@@ -0,0 +1,170 @@
+/*!
+License: refer to LICENSE file
+ */
+
+// function to format the hash to object
+// example: #book=abc.zip&page=7 -> $['book']='abc.zip', $['page']=7
+function getHashParams() {
+    var hashParams = {};
+    var e,
+        a = /\+/g,  // Regex for replacing addition symbol with a space
+        r = /([^&;=]+)=?([^&;]*)/g,
+        // d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
+        d = function (s) { return decodeURIComponent(s); },
+        q = window.location.hash.substring(1);
+
+    while (e = r.exec(q))
+       hashParams[d(e[1])] = d(e[2]);
+
+    return hashParams;
+}
+
+// return fully formatted hash
+function fullhash(page) {
+	return 'book=' + getHashParams()['book'] + '&page=' + page;
+}
+
+// a queue that will make the browser run more responsively
+// renamed $.queue to $.jobqueue, because of name conflict with scrollTo jquery plug-in
+$.jobqueue = {
+    _timer: null,
+    _queue: [],
+    add: function(fn, context, time) {
+        var setTimer = function(time) {
+            $.jobqueue._timer = setTimeout(function() {
+                time = $.jobqueue.add();
+                if ($.jobqueue._queue.length) {
+                    setTimer(time);
+                }
+            }, time || 2);
+        }
+
+        if (fn) {
+            $.jobqueue._queue.push([fn, context, time]);
+            if ($.jobqueue._queue.length == 1) {
+                setTimer(time);
+            }
+            return;
+        }
+
+        var next = $.jobqueue._queue.shift();
+        if (!next) {
+            return 0;
+        }
+        next[0].call(next[1] || window);
+        return next[2];
+    },
+    clear: function() {
+        clearTimeout($.jobqueue._timer);
+        $.jobqueue._queue = [];
+    }
+};
+
+function reload_locale() {
+    // load the text localization for corresponding language i18n
+    var opts = { pathPrefix: "/lang" };
+    $("[data-localize]").localize("k", opts);
+}
+
+// set screen resolution on the session
+function setScreenSize() {
+    $.post('/screen', { width: window.innerWidth, height: window.innerHeight }, function(json) {
+        if (json.outcome == 'success') {
+            // do something with the knowledge possibly?
+        } else {
+            alert('Unable to let server know what the screen resolution is!');
+        }
+    },'json');
+}
+
+function uport() {
+    // get the url port
+    var port = window.location.port || '80';
+    return port;
+}
+
+
+/*
+  full screen functions
+*/
+function goFullScreen(i) {
+    var elem;
+
+    // if out what i is
+    if (typeof i == 'object' || i instanceof Object) {
+        // i is a DOM element
+        elem = i;
+    }
+    else if (typeof i == 'string' || i instanceof String) {
+        // i is an ID of DOM element
+        elem = document.getElementById(i);
+    }
+    else {
+        alert('goFullScreen(): unknown i');
+    }
+
+    // go full screen
+    if (elem.mozRequestFullScreen) {
+        elem.mozRequestFullScreen();
+    }
+    else if (elem.webkitRequestFullScreen) {
+        elem.webkitRequestFullScreen();
+    }
+    else {
+        alert('cannot go full screen');
+    }
+}
+
+function exitFullScreen() {
+    if (document.mozCancelFullScreen) {
+        document.mozCancelFullScreen();
+    }
+    else if (document.webkitCancelFullScreen) {
+        document.webkitCancelFullScreen();
+    }
+    else {
+        alert('cannot exit full screen');
+    }
+}
+
+function toggleFullScreen(id) {
+    if (isFullScreen()) {
+        exitFullScreen();
+    }
+    else {
+        goFullScreen(id);
+    }
+}
+
+function isFullScreen() {
+    if (typeof document.mozFullScreen != 'undefined') {
+        return document.mozFullScreen;
+    }
+    else if (typeof document.webkitIsFullScreen != 'undefined') {
+        return document.webkitIsFullScreen;
+    }
+    else if (screen.width == window.innerWidth && screen.height == window.innerHeight) {
+        return true;
+    }
+    else {
+        return false;
+    }
+}
+
+function isImageCached(src) {
+    var image = new Image();
+    image.src = src;
+
+    return image.complete;
+}
+
+function updateBatteryLevel() {
+    if (navigator.battery) {
+        // firefox support
+        battery_level = Math.floor(navigator.battery.level * 100) + '%';
+    }
+    else if (navigator.getBattery()) {
+        // chrome support
+        navigator.getBattery().then(function(battery) { battery_level =  Math.floor(battery.level * 100) + '%' });
+    }
+}

data/public/lang/k-cn.json

@@ -0,0 +1,82 @@
+{
+	"Kamishibai": "Kamishibai",
+	"yes": "是",
+	"no": "否",
+	"username": "用戶名",
+	"password": "密碼",
+	"cancel": "取消",
+	"save": "儲存",
+	"close": "關閉",
+	"orderby": "排序方式",
+	"filename": "檔案名",
+	"filesize": "檔案大小",
+	"filedate": "檔案日期",
+	"folder": "文件夾",
+	"folders": "文件夾",
+	"preferences": "設定",
+	"toggleFullScreen": "全屏切換",
+
+	"login": {
+		"header": "Kamishibai 登錄",
+		"LogIn": "登錄"
+	},
+
+	"browse":
+	{
+		"Path": "路徑",
+		"All": "全",
+		"New": "新",
+		"Reading": "閱讀中",
+		"Finished": "閱讀完",
+		"Author": "作者",
+		"Search": "搜索",
+		"Action": "動作",
+		"Bookmarks": "書籤",
+		"Menu": "菜單",
+		"SimpleMode": "簡單模式",
+		"Preferences": "設定",
+		"Restart": "重啟程序",
+		"RestartMsg": "重啟中。請稍候。",
+		"LogOut": "登出",
+		"Edit": "編輯",
+		"Delete": "刪除",
+		"DeleteDisable": "刪除結束"
+	},
+
+	"reader":
+	{
+		"Single": "單頁(s)",
+		"Double": "雙頁",
+		"ReadToLeft": "L←R (e)",
+		"ReadToRight": "L→R",
+		"Normal": "norm<u>a</u>l",
+		"Full": "full",
+		"NoBlackBar": "no <u>b</u>lack bar",
+		"BlackBar": "black bar",
+		"Even": "e<u>v</u>en",
+		"Odd": "odd",
+		"Home": "Home (&#9243;)",
+		"Close": "Close (&crarr;)"
+	},
+
+	"config":
+	{
+		"Browse": "瀏覽",
+		"SaveFolders": "Save Folders",
+		"Path": "Path",
+		"AddFolder": "Add Folder",
+		"RemoveFolder": "X",
+		"Action": "Action",
+		"Books": "Books",
+		"Port": "Port",
+		"NewBookDays": "新書(天)",
+		"ResizeImage": "Resize Image",
+		"ImageQuality": "Image Quality (%)",
+		"SavePreferences": "Save Preferences",
+		"alertPort": "端口只能在1025和65535之間",
+		"alertImageQuality": "Image quality can only be between 0 and 100",
+		"Saving": "Saving",
+		"SavingMsg": "Saving preferences/folders...",
+		"Statistics": "統計"
+	}
+}

data/public/lang/k-en.json

@@ -0,0 +1,82 @@
+{
+	"Kamishibai": "Kamishibai",
+	"yes": "yes",
+	"no": "no",
+	"username": "Username",
+	"password": "Password",
+	"cancel": "Cancel",
+	"save": "Save",
+	"close": "Close",
+	"orderby": "Order By",
+	"filename": "Name",
+	"filesize": "Size",
+	"filedate": "Date",
+	"folder": "Folder",
+	"folders": "Folders",
+	"preferences": "Preferences",
+	"toggleFullScreen": "Toggle Full Screen",
+
+	"login": {
+		"header": "Kamishibai log in",
+		"LogIn": "Log In"
+	},
+
+	"browse":
+	{
+		"Path": "Path",
+		"All": "All",
+		"New": "New",
+		"Reading": "Reading",
+		"Finished": "Finished",
+		"Author": "Author",
+		"Search": "Search",
+		"Action": "Action",
+		"Bookmarks": "Bookmarks",
+		"Menu": "Menu",
+		"SimpleMode": "Simple Mode",
+		"Preferences": "Preferences",
+		"Restart": "Restart",
+		"RestartMsg": "Restarting... Please wait, the page will auto refresh in few seconds.",
+		"LogOut": "Log out",
+		"Edit": "Edit",
+		"Delete": "Delete",
+		"DeleteDisable": "Disable Delete"
+	},
+
+	"reader":
+	{
+		"Single": "<u>s</u>ingle",
+		"Double": "double",
+		"ReadToLeft": "L&larr;R (e)",
+		"ReadToRight": "L&rarr;R",
+		"Normal": "norm<u>a</u>l",
+		"Full": "full",
+		"NoBlackBar": "no <u>b</u>lack bar",
+		"BlackBar": "black bar",
+		"Even": "e<u>v</u>en",
+		"Odd": "odd",
+		"Home": "Home (&#9243;)",
+		"Close": "Close (&crarr;)"
+	},
+
+	"config":
+	{
+		"Browse": "Browse",
+		"SaveFolders": "Save Folders",
+		"Path": "Path",
+		"AddFolder": "Add Folder",
+		"RemoveFolder": "X",
+		"Action": "Action",
+		"Books": "Books",
+		"Port": "Port",
+		"NewBookDays": "New Book (Days)",
+		"ResizeImage": "Resize Image",
+		"ImageQuality": "Image Quality (%)",
+		"SavePreferences": "Save Preferences",
+		"alertPort": "Port number can only be between 1025 and 65535",
+		"alertImageQuality": "Image quality can only be between 0 and 100",
+		"Saving": "Saving",
+		"SavingMsg": "Saving preferences/folders...",
+		"Statistics": "Statistics"
+	}
+}

data/public/lang/k-ja.json

@@ -0,0 +1,82 @@
+{
+	"Kamishibai": "カミシバイ",
+	"yes": "はい",
+	"no": "いいえ",
+	"username": "ユーザ",
+	"password": "パスワード",
+	"cancel": "キャンセル",
+	"save": "セーブ",
+	"close": "閉じる",
+	"orderby": "並び",
+	"filename": "名",
+	"filesize": "サイズ",
+	"filedate": "日付",
+	"folder": "フォルダ",
+	"folders": "フォルダ",
+	"preferences": "設定",
+	"toggleFullScreen": "フルスクリーン",
+
+	"login": {
+		"header": "カミシバイ ログイン",
+		"LogIn": "ログイン"
+	},
+
+	"browse":
+	{
+		"Path": "フォルダ",
+		"All": "全",
+		"New": "新",
+		"Reading": "読む中",
+		"Finished": "既読",
+		"Author": "作家",
+		"Search": "捜索",
+		"Action": "行動",
+		"Bookmarks": "ブックマーク",
+		"Menu": "メニュー",
+		"SimpleMode": "簡単モード",
+		"Preferences": "設定",
+		"Restart": "再起動",
+		"RestartMsg": "再起動中、少々お待ちください。",
+		"LogOut": "ログアウト",
+		"Edit": "編集",
+		"Delete": "削除",
+		"DeleteDisable": "削除終了"
+	},
+
+	"reader":
+	{
+		"Single": "単ページ(s)",
+		"Double": "双ページ",
+		"ReadToLeft": "左←右(e)",
+		"ReadToRight": "左→右",
+		"Normal": "普通(a)",
+		"Full": "フルスクリーン",
+		"NoBlackBar": "黒バー無し(b)",
+		"BlackBar": "黒バー有り",
+		"Even": "偶数頁(v)",
+		"Odd": "奇数頁",
+		"Home": "戻る (␛)",
+		"Close": "閉じる (↵)"
+	},
+
+	"config":
+	{
+		"Browse": "戻る",
+		"SaveFolders": "セーブ",
+		"Path": "ディレクトリ",
+		"AddFolder": "フォルダ追加",
+		"RemoveFolder": "外す",
+		"Action": "行動",
+		"Books": "本",
+		"Port": "ポート",
+		"NewBookDays": "新刊(日付)",
+		"ResizeImage": "画像再圧縮",
+		"ImageQuality": "画質(%)",
+		"SavePreferences": "セーブ",
+		"alertPort": "ポートの有効な設定は1025-65535です。",
+		"alertImageQuality": "画質の有効な設定は0-100です。",
+		"Saving": "セーブ",
+		"SavingMsg": "セーブ中、少々お待ちください。",
+		"Statistics": "統計"
+	}
+}

data/public/vendor/css/bootstrap-slider.css

@@ -0,0 +1,252 @@
+/*! =========================================================
+ * bootstrap-slider.js
+ *
+ * Maintainers:
+ *		Kyle Kemp
+ *			- Twitter: @seiyria
+ *			- Github:  seiyria
+ *		Rohit Kalkur
+ *			- Twitter: @Rovolutionary
+ *			- Github:  rovolution
+ *
+ * =========================================================
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================= */
+.slider {
+  display: inline-block;
+  vertical-align: middle;
+  position: relative;
+}
+.slider.slider-horizontal {
+  width: 210px;
+  height: 20px;
+}
+.slider.slider-horizontal .slider-track {
+  height: 10px;
+  width: 100%;
+  margin-top: -5px;
+  top: 50%;
+  left: 0;
+}
+.slider.slider-horizontal .slider-selection,
+.slider.slider-horizontal .slider-track-low,
+.slider.slider-horizontal .slider-track-high {
+  height: 100%;
+  top: 0;
+  bottom: 0;
+}
+.slider.slider-horizontal .slider-tick,
+.slider.slider-horizontal .slider-handle {
+  margin-left: -10px;
+  margin-top: -5px;
+}
+.slider.slider-horizontal .slider-tick.triangle,
+.slider.slider-horizontal .slider-handle.triangle {
+  border-width: 0 10px 10px 10px;
+  width: 0;
+  height: 0;
+  border-bottom-color: #0480be;
+  margin-top: 0;
+}
+.slider.slider-horizontal .slider-tick-label-container {
+  white-space: nowrap;
+  margin-top: 20px;
+}
+.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
+  padding-top: 4px;
+  display: inline-block;
+  text-align: center;
+}
+.slider.slider-vertical {
+  height: 210px;
+  width: 20px;
+}
+.slider.slider-vertical .slider-track {
+  width: 10px;
+  height: 100%;
+  margin-left: -5px;
+  left: 50%;
+  top: 0;
+}
+.slider.slider-vertical .slider-selection {
+  width: 100%;
+  left: 0;
+  top: 0;
+  bottom: 0;
+}
+.slider.slider-vertical .slider-track-low,
+.slider.slider-vertical .slider-track-high {
+  width: 100%;
+  left: 0;
+  right: 0;
+}
+.slider.slider-vertical .slider-tick,
+.slider.slider-vertical .slider-handle {
+  margin-left: -5px;
+  margin-top: -10px;
+}
+.slider.slider-vertical .slider-tick.triangle,
+.slider.slider-vertical .slider-handle.triangle {
+  border-width: 10px 0 10px 10px;
+  width: 1px;
+  height: 1px;
+  border-left-color: #0480be;
+  margin-left: 0;
+}
+.slider.slider-vertical .slider-tick-label-container {
+  white-space: nowrap;
+}
+.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
+  padding-left: 4px;
+}
+.slider.slider-disabled .slider-handle {
+  background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
+  background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
+  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
+}
+.slider.slider-disabled .slider-track {
+  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
+  background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
+  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
+  cursor: not-allowed;
+}
+.slider input {
+  display: none;
+}
+.slider .tooltip.top {
+  margin-top: -36px;
+}
+.slider .tooltip-inner {
+  white-space: nowrap;
+}
+.slider .hide {
+  display: none;
+}
+.slider-track {
+  position: absolute;
+  cursor: pointer;
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
+  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
+  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+}
+.slider-selection {
+  position: absolute;
+  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
+  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
+  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  border-radius: 4px;
+}
+.slider-selection.tick-slider-selection {
+  background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
+  background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
+  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
+}
+.slider-track-low,
+.slider-track-high {
+  position: absolute;
+  background: transparent;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  border-radius: 4px;
+}
+.slider-handle {
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  background-color: #337ab7;
+  background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
+  background-image: -o-linear-gradient(top, #149bdf 0%, #0480be 100%);
+  background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
+  filter: none;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  border: 0px solid transparent;
+}
+.slider-handle.round {
+  border-radius: 50%;
+}
+.slider-handle.triangle {
+  background: transparent none;
+}
+.slider-handle.custom {
+  background: transparent none;
+}
+.slider-handle.custom::before {
+  line-height: 20px;
+  font-size: 20px;
+  content: '\2605';
+  color: #726204;
+}
+.slider-tick {
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
+  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
+  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  filter: none;
+  opacity: 0.8;
+  border: 0px solid transparent;
+}
+.slider-tick.round {
+  border-radius: 50%;
+}
+.slider-tick.triangle {
+  background: transparent none;
+}
+.slider-tick.custom {
+  background: transparent none;
+}
+.slider-tick.custom::before {
+  line-height: 20px;
+  font-size: 20px;
+  content: '\2605';
+  color: #726204;
+}
+.slider-tick.in-selection {
+  background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
+  background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
+  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
+  opacity: 1;
+}