Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

522 lines (469 sloc) 25.3 kb
<!DOCTYPE html>
<!--<html manifest="cache.appcache">-->
<html>
<head>
<title>My Book Manager</title>
<meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.0.min.css" />
<link rel="stylesheet" href="css/style.css" />
<!--<script type="text/javascript" src="http://mybookmanagerserver.iamdenny.com:2046/socket.io/socket.io.js"></script>-->
<!--<script src="phonegap.js" type="text/javascript" charset="utf-8"></script>-->
<script type="text/javascript" src="jquery.mobile/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.mobile/jquery.mobile-1.1.0.min.js"></script>
<script type="text/javascript" src="jquery.mobile/jquery.numberformatter.js"></script>
<script type="text/javascript" src="jindo/jindo.mobile.all.ns.js"></script>
<script type="text/javascript" src="jindo/jindo.Component.js"></script>
<script type="text/javascript" src="js/datejs/date-ko-KR.js"></script>
<script type="text/javascript" src="js/prettydate/prettydate.js"></script>
<script type="text/javascript" src="js/migrator/migrator.js"></script>
<script type="text/javascript" src="js/com.iamdenny.js"></script>
<script type="text/javascript" src="js/com.iamdenny.MyBookManager.js"></script>
<script type="text/javascript" src="js/com.iamdenny.MyBookManager.Config.js"></script>
<script type="text/javascript" src="js/com.iamdenny.MyBookManager.List.js"></script>
<script type="text/javascript" src="js/com.iamdenny.MyBookManager.Book.js"></script>
<script type="text/javascript" src="js/com.iamdenny.MyBookManager.DB.js"></script>
<script type="text/javascript" src="js/com.iamdenny.MyBookManager.SearchAPI.js"></script>
<script type="text/javascript" src="js/com.iamdenny.MyBookManager.SearchAPI.Naver.js"></script>
<script type="text/javascript">
/*
var ioLogin = io.connect('http://mybookmanagerserver.iamdenny.com:2046/login');
ioLogin.on('connect', function(){
console.log('/login connect');
});
var ioBook = io.connect('http://mybookmanagerserver.iamdenny.com:2046/book');
ioBook.on('connect', function(){
console.log('/book connect');
});
*/
$.mobile.showPageLoadingMsg();
$(document).ready(function(){
$.mobile.defaultPageTransition = "none";
$.mobile.defaultDialogTransition = 'none';
$.mobile.allowCrossDomainPages = true;
var woMyBookManager = new com.iamdenny.MyBookManager();
// Wait for PhoneGap to connect with the device
document.addEventListener("deviceready", function(){
//alert('deviceready');
});
window.applicationCache.addEventListener('updateready', function(e) {
if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
window.applicationCache.swapCache();
if (confirm('A new version of this site is available. Load it?')) {
window.location.reload();
}
}
}, false);
});
</script>
</head>
<body>
<section id="main" data-role="page" data-title="의 도서 관리">
<header data-role="header" data-theme="a">
<h1>나의 도서 관리</h1>
</header>
<div id="main-content" data-role="content" class="content">
<ul id="main-list" data-role="listview" data-divider-theme="c" data-inset="true">
<script id="tpl-main-list-divider" type="text/template">
<li class="main-list-divider {=p_class}" data-role="list-divider" role="heading">
<a href="#">{=title}<span class="ui-li-count">0</span></a>
</li>
</script>
<script id="tpl-main-list-book" type="text/template">
<li id='main-list-book-idx_{=db_idx}' class="main-list-book {=p_class}" data-theme="c">
<img class='main-list-book-thumbnail' src="{=db_image}" alt="{=db_title}">
<h4>{=db_title}</h4>
<span>{=db_author}</span>
<p class="ui-li-aside"><strong>{=p_upd}</strong></p>
</li>
</script>
</ul>
</div>
<footer data-role="footer" data-id="main-footer" data-position="fixed" data-theme="a" data-tap-toggle="false">
<div class="navbar" data-role="navbar" data-iconpos="top">
<ul>
<li><a class="auto-turn-off" data-icon="home" data-theme="a" href="#config">설정</a></li>
<li><a class="auto-turn-off" id="go_to_viewlist" data-icon="search" data-theme="a" href="#">전체검색</a></li>
<li><a class="auto-turn-off" data-icon="plus" data-theme="a" href="#addbook">추가</a></li>
</ul>
</div>
</footer>
</section>
<section id="addbook" data-role="page" title="도서 추가">
<header data-role="header" data-theme="a">
<h1>도서 추가</h1>
</header>
<div id="addbook-content" class="cotnent" data-role="content" data-inset="true">
<div class="addbook-search">
<input type="text" data-type="search" name="addbook-search-input" id="addbook-search-input" value="" placeholder="검색어를 입력하세요." />
</div>
<ul id="addbook-list" data-role="listview" data-divider-theme="c" data-inset="true">
<script id="tpl-addbook-list-book" type="text/template">
<li id="addbook-list-book_{=p_idx}" class="addbook-list-book" data-theme="c">
<img class='addbook-list-book-thumbnail' src="{=image}" alt="{=title}">
<h4>{=title}</h4>
<span>{=author}</span>
<p class="ui-li-aside"><strong>{=pubdate}</strong></p>
</li>
</script>
</ul>
</div>
<footer data-role="footer" data-id="main-footer" data-position="fixed" data-theme="a" data-tap-toggle="false">
<div class="navbar" data-role="navbar" data-iconpos="top">
<ul>
<li><a class="auto-turn-off" data-icon="arrow-l" data-theme="a" href="#" data-rel="back">Back</a></li>
</ul>
</div>
</footer>
</section>
<section id="addbookdialog" data-role="dialog" title="도서 추가">
<header data-role="header" data-theme="a">
<h1>도서 추가</h1>
</header>
<div id="addbookdialog-content" class="cotnent" data-role="content" data-inset="true">
<script id="tpl-addbookdialog-book" type="text/template">
<div class="bif b2">
<span class="tmb1">
<img width="88" height="125" src="{=image}" class='bx1' />
</span>
<dl class="cntm1">
<dt class="h"><strong>{=title}</strong></dt>
<!--
<dd class="if2">
<span class="rv">
<span class="mask" style="width:90%;">
<img src="http://static.naver.com/www/m/cm/im/bl.gif" alt="포인트" />
</span>
<span class="hc">포인트</span>
</span>
<strong class="if21 tx1">9</strong>
<span class="if21 if1"><span class="br tx3">|</span> 리뷰264건</span>
</dd>
-->
<dd class="if4">
<h4 class="hc">기본정보</h4>
<dl class="cnt">
<dt><span class="w">저</span><span>자&nbsp;&nbsp;:</span></dt>
<dd>{=author}</dd>
<dt>출판사&nbsp;&nbsp;:</dt>
<dd>{=publisher}</dd>
<dt>출간일&nbsp;&nbsp;:</dt>
<dd>{=pubdate}</dd>
<dt>ISBN&nbsp;&nbsp;:</dt>
<dd>{=isbn}</dd>
</dl>
<dl class="cnt">
<dt><span class="w">가</span><span>격&nbsp;&nbsp;:</span></dt>
<dd>
<span class="strike db_price">{=price}원</span>
<span class="price"><strong class="db_discounted_price">{=discount}</strong>원(↓<strong class="per">{=p_discount_ratio}</strong>%)</span>
</dd>
</dl>
<dl class="cnt">
<dt>설명&nbsp;&nbsp;:</dt>
<dd>{=p_description}</dd>
</dl>
</dd>
</dl>
<div style="clear:both;padding:10px 0 0 0">
<fieldset class="a_categorygroup" data-role="controlgroup" data-type="horizontal" data-mini="true">
<legend>
현재 이 책의 상태
</legend>
<input class="a_checkboxradio" name="a_category" id="a_category1" value="isreading" type="radio"/>
<label for="a_category1">
읽는중
</label>
<input class="a_checkboxradio" name="a_category" id="a_category2" value="willread" type="radio" checked="checked"/>
<label for="a_category2">
읽어야지
</label>
<input class="a_checkboxradio" name="a_category" id="a_category3" value="hasread" type="radio"/>
<label for="a_category3">
다읽었다
</label>
</fieldset>
<label for="db_favorite" class="hc">즞겨찾기</label>
<select class="a_selectmenu" name="a_favorite" id="a_favorite" data-role="slider" data-mini="true">
<option value="off" selected="selected">안 즐겨찾기</option>
<option value="on">즐겨찾기</option>
</select>
<input id="addbookdialog-addbook-{=p_idx}" class="addbookdialog-addbook-btn" type="button" data-role="button" data-theme="b" data-mini="true" value="추가" />
</div>
</div>
</script>
</div>
</section>
<section id="viewbook" data-role="page" data-title="나의 도서 관리">
<header data-role="header" data-theme="a">
<h1>나의 도서 관리</h1>
</header>
<div id="viewbook-content" class="content" data-role="content" data-inset="true">
<script id="tpl-viewbook-detail" type="text/template">
<div>
<div class="bif b2">
<span class="tmb1">
<img width="88" height="125" src="{=db_image}" class='bx1' />
</span>
<dl class="cntm1">
<dt class="h"><strong>{=db_title}</strong></dt>
<dd class="if2">
<span class="rv">
<span class="mask" style="width:90%;">
<img src="http://static.naver.com/www/m/cm/im/bl.gif" alt="포인트" />
</span>
<span class="hc">포인트</span>
</span>
<strong class="if21 tx1">9</strong>
<span class="if21 if1"><span class="br tx3">|</span> 리뷰264건</span>
</dd>
<dd class="if4">
<h4 class="hc">기본정보</h4>
<dl class="cnt">
<dt><span class="w">저</span><span>자&nbsp;&nbsp;:</span></dt>
<dd>{=db_author}</dd>
<dt>출판사&nbsp;&nbsp;:</dt>
<dd>{=db_publisher}</dd>
<dt>출간일&nbsp;&nbsp;:</dt>
<dd>{=db_pubdate}</dd>
<dt>ISBN&nbsp;&nbsp;:</dt>
<dd>{=db_isbn}</dd>
</dl>
<dl class="cnt">
<dt><span class="w">가</span><span>격&nbsp;&nbsp;:</span></dt>
<dd>
<span class="strike db_price">{=db_price}원</span>
<span class="price"><strong class="db_discounted_price">{=db_price}</strong>원(↓<strong class="per">10</strong>%)</span>
</dd>
</dl>
</dd>
</dl>
<div class="u_me2b3">
<div class="s2plug">
<fieldset class="categorygroup" data-role="controlgroup" data-type="horizontal" data-mini="true">
<legend>
현재 이 책의 상태
</legend>
<input name="db_category" id="category1" value="isreading" type="radio" {=p_category_isreading}/>
<label for="category1">
읽는중
</label>
<input name="db_category" id="category2" value="willread" type="radio" {=p_category_willread}/>
<label for="category2">
읽어야지
</label>
<input name="db_category" id="category3" value="hasread" type="radio" {=p_category_hasread}/>
<label for="category3">
다읽었다
</label>
</fieldset>
<label for="db_favorite" class="hc">즞겨찾기</label>
<select name="db_favorite" id="db_favorite" data-role="slider" data-mini="true">
<option value="off" {=p_favorite_off}>안 즐겨찾기</option>
<option value="on" {=p_favorite_on}>즐겨찾기</option>
</select>
</div>
</div>
</div>
{if db_description}
<div style="padding:15px">
<div class="viewbook-collapsible">
<h5>책소개</h5>
<p>{=db_description}</p>
</div>
</div>
{/if}
{if comments.length}
<div style="padding:15px">
<div class="viewbook-collapsible">
<h5>좋은 글귀</h5>
<ol class="viewbook-listview" data-role="listview" data-inset="true" data-split-icon="delete">
{for key:val in comments}
<li id="_dbc_idx_{=val.dbc_idx}" class="_viewbook-comments">
<span class="_viewbook-comment">{=val.dbc_comment}</span>
<p class="ui-li-aside"><strong>{=val.p_upd}</strong>AM</p>
</li>
{/for}
</ol>
</div>
</div>
{/if}
{if images.length}
<div style="padding:15px">
<div class="viewbook-collapsible">
<h5>사진</h5>
<ul class="viewbook-image">
{for key:val in images}
<li id="_dbi_idx_{=val.dbi_idx}" class="_viewbook-images"><img src="{=val.dbi_src}" width="88" height="125"/></li>
{/for}
</ul>
</div>
</div>
{/if}
<!--
<div class="viewbook-collapsible">
<h5>사진</h5>
<ul class="viewbook-image">
<li id="_dbi_idx_1" class="_viewbook-images"><img src="http://bookthumb.phinf.naver.net/cover/068/189/06818977.jpg?type=m1" width="88" height="125"/></li>
<li id="_dbi_idx_2" class="_viewbook-images"><img src="http://bookthumb.phinf.naver.net/cover/068/189/06818977.jpg?type=m1" width="88" height="125"/></li>
<li id="_dbi_idx_3" class="_viewbook-images"><img src="http://bookthumb.phinf.naver.net/cover/068/189/06818977.jpg?type=m1" width="88" height="125"/></li>
<li id="_dbi_idx_4" class="_viewbook-images"><img src="http://bookthumb.phinf.naver.net/cover/068/189/06818977.jpg?type=m1" width="88" height="125"/></li>
</ul>
</div>
-->
</div>
</script>
</div>
<footer data-role="footer" data-id="main-footer" data-position="fixed" data-theme="a" data-tap-toggle="false">
<div class="navbar" data-role="navbar" data-iconpos="top">
<ul>
<li><a class="auto-turn-off" data-icon="arrow-l" data-theme="a" href="#" data-rel="back">뒤로</a></li>
<li><a class="auto-turn-off" data-icon="plus" data-theme="a" href="#viewbookaddcomment">글귀 추가</a></li>
<li><a class="auto-turn-off" id="_insertPhoto" data-icon="plus" data-theme="a" href="#">사진 삽입</a></li>
<li><a class="auto-turn-off" data-icon="delete" data-theme="a" href="#viewbookdeletebook">도서 삭제</a></li>
</ul>
</div>
</footer>
</section>
<section id="viewbookdeletebook" data-role="dialog" title="도서 삭제">
<header data-role="header" data-theme="a">
<h1>도서 삭제</h1>
</header>
<div id="viewbookdeletebook-content" class="cotnent" data-role="content" data-inset="true">
<p>정말로 삭제하시겠습니까?</p>
<div style="text-align:center">
<a class="auto-turn-off" type="button" data-role="button" data-theme="b" data-rel="back" data-inline="true">취소</a>
<input id="viewbookdeletebook-btn" class="auto-turn-off" type="button" data-role="button" data-theme="d" data-inline="true" value="삭제" />
</div>
</div>
</section>
<section id="viewbookupdatecomment" data-role="dialog" title="글귀 수정">
<header data-role="header" data-theme="a">
<h1>글귀 수정</h1>
</header>
<div id="viewbookupdatecomment-content" class="cotnent" data-role="content" data-inset="true">
<textarea name="textarea" id="viewbookupdatecomment-textarea"></textarea>
<input id="viewbookupdatecomment-btn" class="auto-turn-off" type="button" data-role="button" data-theme="b" data-mini="true" value="수정" />
<input id="viewbookdeletecomment-btn" class="auto-turn-off" type="button" data-role="button" data-theme="d" data-mini="true" value="삭제" />
</div>
</section>
<section id="viewbookaddcomment" data-role="dialog" title="글귀 추가">
<header data-role="header" data-theme="a">
<h1>글귀 추가</h1>
</header>
<div id="viewbookaddcomment-content" class="cotnent" data-role="content" data-inset="true">
<textarea name="textarea" id="viewbookaddcomment-textarea"></textarea>
<input id="viewbookaddcomment-btn" class="auto-turn-off" type="button" data-role="button" data-theme="b" data-mini="true" value="추가" />
</div>
</section>
<section id="viewbookimage" data-role="page" data-title="사진">
<div id="viewbookimage-content" data-role="content" class="content">
</div>
<footer data-role="footer" data-id="main-footer" data-position="fixed" data-theme="a" data-tap-toggle="false">
<div class="navbar" data-role="navbar" data-iconpos="top">
<ul>
<li><a class="auto-turn-off" data-icon="arrow-l" data-theme="a" href="#" data-rel="back">뒤로</a></li>
<li><a class="auto-turn-off" id="_deleteImage" data-icon="delete" data-theme="a" href="#">삭제</a></li>
</ul>
</div>
</footer>
</section>
<section id="viewlist" data-role="page" data-title="나의 도서 관리">
<header data-role="header" data-theme="a">
<h1>나의 도서 관리</h1>
</header>
<div id="viewlist-content" data-role="content" class="content">
<ul id="viewlist-list" data-role="listview" data-filter="true" data-filter-placeholder="검색어(제목,저자,가격,ISBN,설명등)를 입력하세요." data-inset="true">
<script id="tpl-viewlist-list-book" type="text/template">
<li id='viewlist-list-book-idx_{=db_idx}' class="viewlist-list-book {=p_class}" data-theme="c" data-filtertext="{=p_filtertext}">
<img class='viewlist-list-book-thumbnail' src="{=db_image}" alt="{=db_title}">
<h4>{=db_title}</h4>
<span>{=db_author}</span>
<p class="ui-li-aside"><strong>{=p_upd}</strong></p>
</li>
</script>
</ul>
</div>
<footer data-role="footer" data-id="main-footer" data-position="fixed" data-theme="a" data-tap-toggle="false">
<div class="navbar" data-role="navbar" data-iconpos="top">
<ul>
<li><a class="auto-turn-off" data-icon="arrow-l" data-theme="a" href="#" data-rel="back">뒤로</a></li>
</ul>
</div>
</footer>
</section>
<section id="config" data-role="page">
<header data-role="header" data-theme="a">
<h1>환경설정</h1>
</header>
<div id="config-content" class="cotnent" data-role="content" data-inset="true">
<h2>메인</h2>
<ul data-role="listview" data-inset="true">
<li data-role="fieldcontain">
<label for="c_isreading_count">현재 읽고 있는 도서의 개시물 수</label>
<input type="range" class="config-content-main" name="c_isreading_count" id="c_isreading_count" min="1" max="15" data-highlight="true" data-mini="true" />
</li>
<li data-role="fieldcontain">
<label for="c_favorite_count">즐겨찾는 도서의 개시물 수</label>
<input type="range" class="config-content-main" name="c_favorite_count" id="c_favorite_count" min="1" max="15" data-highlight="true" data-mini="true" />
</li>
<li data-role="fieldcontain">
<label for="c_willread_count">앞으로 읽을 도서의 개시물 수</label>
<input type="range" class="config-content-main" name="c_willread_count" id="c_willread_count" min="1" max="15" data-highlight="true" data-mini="true" />
</li>
<li data-role="fieldcontain">
<label for="c_hasread_count">다 읽은 도서의 개시물 수</label>
<input type="range" class="config-content-main" name="c_hasread_count" id="c_hasread_count" min="1" max="15" data-highlight="true" data-mini="true" />
</li>
</ul>
<h2>도서 추가</h2>
<ul data-role="listview" data-inset="true">
<li data-role="fieldcontain">
<label for="c_result_count">검색 결과 수</label>
<input type="range" class="config-content-search" name="c_result_count" id="c_result_count" value="20" min="1" max="100" data-highlight="true" data-mini="true" />
</li>
</ul>
<!--
<h2>로그인</h2>
<ul data-role="listview" data-inset="true">
<li data-role="fieldcontain">
<label for="c_keep_login">로그인 유지</label>
<select name="c_keep_login" id="c_keep_login" data-role="slider" data-mini="true">
<option value="off">끄기</option>
<option value="on">켜기</option>
</select>
</li>
<li data-role="fieldcontain">
<label for="c_login_id">아이디</label>
<input type="text" name="c_login_id" id="c_login_id" value="" />
</li>
<li data-role="fieldcontain">
<label for="c_login_passwd">비밀번호</label>
<input type="password" name="c_login_passwd" id="c_login_passwd" value="" />
</li>
<li data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
<legend>최근 동기시간</legend>
<input type="radio" name="c_sync_period" id="c_sync_period-1" value="1" checked="checked" />
<label for="c_sync_period-1">1분</label>
<input type="radio" name="c_sync_period" id="c_sync_period-2" value="3" />
<label for="c_sync_period-2">3분</label>
<input type="radio" name="c_sync_period" id="c_sync_period-3" value="5" />
<label for="c_sync_period-3">5분</label>
<input type="radio" name="c_sync_period" id="c_sync_period-4" value="10" />
<label for="c_sync_period-4">10분</label>
</fieldset>
</li>
</ul>
-->
</div>
<footer data-role="footer" data-id="main-footer" data-position="fixed" data-theme="a" data-tap-toggle="false">
<div class="navbar" data-role="navbar" data-iconpos="top">
<ul>
<li><a class="auto-turn-off" data-icon="arrow-l" data-theme="a" href="#" data-rel="back">뒤로</a></li>
</ul>
</div>
</footer>
</section>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.