kamishibai 0.6.2

data/views/browse.haml

@@ -0,0 +1,97 @@
+!!!5
+%html
+	%head
+		%meta(charset="utf-8")
+		%meta(name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0")
+		%meta(name="apple-mobile-web-app-capable" content="yes")
+		%meta(name="apple-mobile-web-app-status-bar-style" content="black")
+		%title Kamishibai
+		%link(rel='stylesheet' type='text/css' href='/vendor/css/bootstrap.css')
+		%link(rel='stylesheet' type='text/css' href='/css/browse.css')
+		%script(src='/vendor/js/jquery-2.1.4.js')
+		%script(src='/vendor/js/jquery.localize.js')
+		%script(src='/vendor/js/jquery.cookie.js')
+		%script(src='/vendor/js/bootstrap.js')
+		%script(src='/js/utilities.js')
+		%script(src='/js/browse.js')
+		%script(src='/vendor/js/jquery.scrollTo-1.4.3.1.js')
+		%script(src='/vendor/js/jquery.lazyload.min.js')
+	%body
+		%nav.navbar.navbar-default#navtop
+			%div.container-fluid
+
+				%div.navbar-header
+					%a.navbar-brand(data-localize="browse.Path")
+					%ol.breadcrumb.pull-left#path
+
+					%button.navbar-toggle.collapsed(type="button" data-toggle="collapse" data-target="#navcollapse")
+						%span.sr-only Toggle Navigation
+						%span.icon-bar
+						%span.icon-bar
+						%span.icon-bar
+
+				%div.collapse.navbar-collapse#navcollapse
+					%form.navbar-form.navbar-right(role="search")
+						%div.form-group
+							%input.form-control#searchbox(type="text" placeholder="" data-localize="browse.Search")
+
+					%ul.nav.navbar-nav
+						%li.dropdown
+							%a.dropdown-toggle(href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false")
+								%span(data-localize="browse.Bookmarks")
+								%span.caret
+							%ul#ul-sources.dropdown-menu(role="menu" aria-labelledby="dropdownMenu")
+								%li
+									%a(tabindex="-1" href="#") blank
+
+						%li.dropdown
+							%a.dropdown-toggle(href="#" data-toggle="dropdown")
+								%span(data-localize="browse.Menu")
+								%span.caret
+							%ul.dropdown-menu(role="menu" aria-labelledby="dropdownMenu")
+								%li
+									%a(tabindex="-1" href="/tablet")
+										%span.glyphicon.glyphicon-book  
+										%span(data-localize="browse.SimpleMode")
+								%li
+									%a(tabindex="-1" href="/config")
+										%span.glyphicon.glyphicon-wrench  
+										%span(data-localize="browse.Preferences")
+								%li
+									%a(tabindex="-1" href="#" onclick="toggleFullScreen(document.documentElement); $('.nav-collapse').collapse('toggle'); return false;")
+										%span.glyphicon.glyphicon-fullscreen  
+										%span(data-localize="toggleFullScreen")
+
+						%li.dropdown
+							%a.dropdown-toggle(href="#" data-toggle="dropdown")
+								%span(data-localize="orderby")
+								%span.caret
+							%ul.dropdown-menu(role="menu" aria-labelledby="dropdownMenu")
+								%li
+									%a(tabindex="-1" href="#" onclick="exe_order_by('name'); return false;")
+										%span.glyphicon.glyphicon-font  
+										%span(data-localize="filename")
+								%li
+									%a(tabindex="-1" href="#" onclick="exe_order_by('size'); return false;")
+										%span.glyphicon.glyphicon-file  
+										%span(data-localize="filesize")
+								%li
+									%a(tabindex="-1" href="#" onclick="exe_order_by('date'); return false;")
+										%span.glyphicon.glyphicon-time  
+										%span(data-localize="filedate")
+
+						%li.dropdown
+							%a.dropdown-toggle(href="#" data-toggle="dropdown")
+								%span(data-localize="browse.Edit")
+								%span.caret
+							%ul.dropdown-menu(role="menu" aria-labelledby="dropdownMenu")
+								%li
+									%a(tabindex="-1" href="#" onclick="delete_enable(); return false;")
+										%span.glyphicon.glyphicon-remove  
+										%span(data-localize="browse.Delete")
+
+				%div
+					%a.btn.hidden.btn-danger.pull-right#btnDeleteDisable(data-localize="browse.DeleteDisable" onclick="delete_disable(); return false;")
+
+		%div.container-fluid#container
+			%div#dir_lists

data/views/config.haml

@@ -0,0 +1,115 @@
+!!!5
+%html(lang="en")
+	%head
+		%meta(charset="utf-8")
+		%title Kamishibai
+		%link(rel='stylesheet' type='text/css' href='/css/config.css')
+		%link(rel='stylesheet' type='text/css' href='/vendor/css/bootstrap.css')
+		%link(rel='stylesheet' type='text/css' href='/vendor/css/jqueryFileTree.css')
+		%script(src='/vendor/js/jquery-2.1.4.js')
+		%script(src='/vendor/js/bootstrap.js')
+		%script(src='/vendor/js/jquery.localize.js')
+		%script(src='/vendor/js/jqueryFileTree.js')
+		%script(src='/js/config.js')
+		%script(src='/js/utilities.js')
+	%body
+		%script
+			var drives = eval(#{available_drives});
+		%div.container
+			%div.page-header
+				%h2(data-localize="Kamishibai")
+				%a(href="/")
+					%span.btn.btn-link(data-localize="config.Browse")
+				%a(href="/statistics")
+					%span.btn.btn-link(data-localize="config.Statistics")
+
+			%div.tabbable
+				%ul.nav.nav-tabs
+					%li.active
+						%a(href="#tab1" data-toggle="tab" data-localize="folders")
+					%li
+						%a(href="#tab2" data-toggle="tab" onclick="pref_load(); return false;" data-localize="preferences")
+
+				%div.tab-content
+					%div.tab-pane.active#tab1
+						%p.text-right
+							%button.btn.btn-primary#btn_sf(href="#modal-saving" data-toggle="modal" onclick="save_dirs();" data-localize="config.SaveFolders")
+							%button.btn#btn_af(href="#modal-add-folder" data-toggle="modal" onclick="load_dir('/');" data-localize="config.AddFolder")
+
+						%table.table.table-bordered.table-striped#dirtable
+							%thead
+								%tr
+									%th.c1(data-localize="folder")
+									%th.c2(data-localize="config.Action")
+							%tbody
+							%tfoot
+								%tr
+									%td(colspan=2)
+										%span.pull-right(data-localize="config.Books")
+										%span.pull-right#total_books ? 
+
+					%div.tab-pane#tab2
+						%form.form-horizontal
+							%div.control-group
+								%label.control-label(for="port" data-localize="config.Port")
+								%div.controls
+									%input(type="text" name="port" id="port" value="loading..." disabled="")
+							%div.control-group
+								%label.control-label(for="new_book_days" data-localize="config.NewBookDays")
+								%div.controls
+									%input(type="text" name="new_book_days" id="new_book_days" value="loading..." disabled="")
+							%div.control-group
+								%label.control-label(for="username" data-localize="username")
+								%div.controls
+									%input(type="text" name="username" id="username" value="loading..." disabled="")
+							%div.control-group
+								%label.control-label(for="password" data-localize="password")
+								%div.controls
+									%input(type="text" name="password" id="password" value="loading..." disabled="")
+							%div.control-group
+								%label.control-label(for="img_resize" data-localize="config.ResizeImage")
+								%div.controls
+									%select(name="img_resize" id="img_resize" data-role="slider" disabled="")
+										%option(value="on" data-localize="yes")
+										%option(value="off" data-localize="no")
+							%div.control-group
+								%label.control-label(for="img_quality" data-localize="config.ImageQuality")
+								%div.controls
+									%input(type="text" name="img_quality" id="img_quality" value="loading..." disabled="")
+							%div#pref-buttons
+								%div.controls
+									%button.btn#pref-cancel(onclick="pref_load(); return false;" data-localize="cancel")
+									%button.btn.btn-primary#pref-save(href="#modal-saving" data-toggle="modal" onclick="pref_save(); return false;" disabled="" data-localize="config.SavePreferences")
+			%div.text-center
+				
+
+		%div.modal.fade#modal-saving
+			%div.modal-dialog
+				%div.modal-content
+					%div.modal-header
+						%h3(data-localize="config.Saving")
+					%div.modal-body
+						%p(data-localize="config.SavingMsg")
+					%div.modal-footer
+						%p
+
+		%div.modal.fade#modal-add-folder
+			%div.modal-dialog
+				%div.modal-content
+					%div.modal-header
+						%button.close(type="button" data-dismiss="modal" aria-hidden="true") x
+						%h3.modal-title(data-localize="config.AddFolder")
+						%div
+							%div#drives
+							%label.span1(data-localize="config.Path")
+							%input.span5.input-small(type="text" name="path" id="path" value="/")
+					%div.modal-body
+						%div#af-dirnav
+					%div.modal-footer
+						%button.btn(data-dismiss="modal" aria-hiden="true" data-localize="cancel")
+						%button.btn.btn-primary#af-save(data-dismiss="modal" aria-hiden="true" onclick="af_add_dir( $('#path').val() );" data-localize="config.AddFolder")
+
+		%div(style="display: none;")
+			/ error messages, hack for localization
+			%span#alertPort(data-localize="config.alertPort")
+			%span#alertImageQuality(data-localize="config.alertImageQuality")

data/views/layout.haml

@@ -0,0 +1,12 @@
+!!!5
+%html(lang="en")
+	%head
+		%meta(charset="utf-8")
+		%title Kamishibai
+		%link(rel='stylesheet' type='text/css' href='/css/bootstrap.css')
+		%script(src='/vendor/js/jquery-2.1.4.js')
+		%script(src='/vendor/js/bootstrap.js')
+		%script(src='/vendor/js/jquery.localize.js')
+		%script(src='/js/utilities.js')
+	%body
+		= yield

data/views/login.haml

@@ -0,0 +1,51 @@
+:css
+	body {
+		padding-top: 40px;
+		padding-bottom: 40px;
+		background-color: #f5f5f5;
+	}
+
+	.form-signin {
+		max-width: 300px;
+		padding: 19px 29px 29px;
+		margin: 0 auto 20px;
+		background-color: #fff;
+		border: 1px solid #e5e5e5;
+		-webkit-border-radius: 5px;
+		   -moz-border-radius: 5px;
+		        border-radius: 5px;
+		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
+		   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
+		        box-shadow: 0 1px 2px rgba(0,0,0,.05);
+	}
+	.form-signin .form-signin-heading,
+	.form-signin .checkbox {
+		margin-bottom: 10px;
+	}
+	.form-signin input[type="text"],
+	.form-signin input[type="password"] {
+		font-size: 16px;
+		height: auto;
+		margin-bottom: 15px;
+		padding: 7px 9px;
+	}
+%div.container
+	%form.form-signin(action="/login" method="post")
+		%h2.form-signin-heading(data-localize="login.header")
+		%input.input-block-level(type="text" name="username" placeholder="Username")
+		%input.input-block-level(name="password" type="password" placeholder="Password")
+		%input#url_redirect(type="hidden" name="url_redirect" value="")
+		%button.btn.btn-primary(type="submit" data-localize="login.LogIn")
+:javascript
+	$(function(e) {
+		// on page init	
+
+		// load the text localization
+		reload_locale();
+
+		// load redirect details
+		var el = document.location;
+		var url = el.href.replace(el.protocol + '//' + el.host + el.pathname, '');
+		url = url.replace('?redirect=', '');
+		$('#url_redirect').val( url );
+	});

data/views/reader.haml

@@ -0,0 +1,70 @@
+!!!5
+%html
+	%head
+		%meta(charset="utf-8")
+		%title Kamishibai
+		%link(rel='stylesheet' type='text/css' href='/vendor/css/jquery-ui-1.10.0.custom.css')
+		%link(rel='stylesheet' type='text/css' href='/vendor/css/bootstrap.css')
+		%link(rel='stylesheet' type='text/css' href='/css/reader.css')
+		%script(src='/vendor/js/jquery-2.1.4.js')
+		%script(src='/vendor/js/bootstrap.js')
+		%script(src='/vendor/js/jquery.localize.js')
+		%script(src='/vendor/js/jquery-ui-1.10.2.custom.min.js')
+		%script(src='/vendor/js/jquery.cookie.js')
+		%script(src='/js/utilities.js')
+		%script(src='/js/reader.js')
+	%body
+		%div#container
+			%div#cleft
+				%a(onclick="goPrevPages()")
+			%div#cright
+				%a(onclick="goNextPages()")
+			%div#cbutton
+				%a(onclick="showmenu()")
+			%div#icontainer
+				%img#ileft
+				%div#ibar
+				%img#iright
+			%div(style="100px")
+		%div#menu
+			%div.control
+				%div#booktitle
+				%span#pagemode(data-toggle="buttons-radio")
+					%input#singlepage(type="radio" name="pagemode")
+					%label(for="singlepage" data-localize="reader.Single")
+					%input#doublepage(type="radio" name="pagemode" checked="checked")
+					%label(for="doublepage" data-localize="reader.Double")
+
+				%span#readdirection(data-toggle="buttons-radio")
+					%input#readtoleft(type="radio" name="readdirection" checked="checked")
+					%label(for="readtoleft" data-localize="reader.ReadToLeft")
+					%input#readtoright(type="radio" name="readdirection")
+					%label(for="readtoright" data-localize="reader.ReadToRight")
+
+				%span#itemsheight(data-toggle="buttons-radio")
+					%input#normalheight(type="radio" name="itemsheight" checked="checked")
+					%label(for="normalheight" data-localize="reader.Normal")
+					%input#fullheight(type="radio" name="itemsheight")
+					%label(for="fullheight" data-localize="reader.Full")
+
+				%span#barmode(data-toggle="buttons-radio")
+					%input#nobar(type="radio" name="barmode" checked="checked")
+					%label(for="nobar" data-localize="reader.NoBlackBar")
+					%input#yesbar(type="radio" name="barmode")
+					%label(for="yesbar" data-localize="reader.BlackBar")
+
+				%span#primarypage(data-toggle="buttons-radio")
+					%input#pageeven(type="radio" name="primarypage")
+					%label(for="pageeven" data-localize="reader.Even")
+					%input#pageodd(type="radio" name="primarypage")
+					%label(for="pageodd" data-localize="reader.Odd")
+
+				%button#gohome(data-localize="reader.Home")
+
+				%button#closemenu(data-localize="reader.Close")
+
+			%div.d_row
+				%div.ps.ps-1
+					%input#pageslider-value(disabled)
+				%div.ps.ps-2
+					%div#pageslider

data/views/statistics.haml

@@ -0,0 +1,108 @@
+:ruby
+	test = 1234
+!!!5
+%html
+	%head
+		%meta(charset="utf-8")
+		%title Kamishibai
+		%link(rel='stylesheet' type='text/css' href='/vendor/css/bootstrap.css')
+		%script(src='/vendor/js/jquery-2.1.4.js')
+		%script(src='/vendor/js/bootstrap.js')
+		%script(src='/vendor/js/jquery.localize.js')
+		%script(src='/vendor/js/jquery.cookie.js')
+		%script(src='/js/utilities.js')
+		:css
+			p {
+				background-color: gold;
+				width: 150px;
+			}
+		:javascript
+			function test() {
+				alert('hi');
+			}
+	%body
+		%div
+			%h3
+				Total books
+			%p
+				#{ $db.books.length }
+		%div
+			%h3
+				Total pages
+			%p
+				#{ $db.books.collect { |bc, b| b.pages }.reduce( :+ ) }
+		%div
+			%h3
+				Total pages read
+			%p
+				#{ $db.books.collect { |bc, b| b.page if b.page }.compact.reduce( :+ ) }
+		%div
+			%h3
+				Total books read
+			%p
+				#{ $db.books.collect { |bc, b| b.page if b.page }.compact.length }
+		%div
+			%h3
+				Unfinished books
+			%p
+				#{ $db.books.collect { |bc, b| true if b.page && b.page < b.pages }.compact.length }
+		%div
+			%h3
+				Time spent reading
+			%p
+				? hours ? minutes
+		%div
+			%h3
+				Average stint
+			%p
+				? hours ? minutes
+		%div
+			%h3
+				Quickest record
+			%p
+				? pages / hour
+		%div
+			%h3
+				Longest stint
+			%p
+				? hours ? minutes
+		%div
+			%h3
+				Last books read
+			%p
+				titles...
+		%div
+			%h3
+				Favourite Authors
+			%p
+				name...
+		%div
+			%h3
+				Logins
+			%p
+				?
+		%div
+			%h3
+				Last login
+			%p
+				time
+		%div
+			%h3
+				Last IP
+			%p
+				ip
+		%div
+			%h3
+				Times started up
+			%p
+				?
+		%div
+			%h3
+				Uptime
+			%p
+				? hours ? minutes
+		%div
+			%h3
+				Total uptime
+			%p
+				? hours ? minutes