Skip to content

Instantly share code, notes, and snippets.

@backy22

backy22/AirBnBPro

Created June 13, 2015 13:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save backy22/ce3b735916aa83dbc26b to your computer and use it in GitHub Desktop.
Save backy22/ce3b735916aa83dbc26b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
AirBnBPro
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>AirBnBPro</title>
<link href="default.css" rel="stylesheet" type="text/css">
<link href="airbnbpro.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<h1>AirBnB侍</h1>
</header>
<div id="calender">
<!-- 根津 -->
<div id="nezu">
<table border="1" class="tableclass">
<tr>
<th colspan="5">根津</th>
</tr>
<tr>
<th rowspan="2" class="jscell line1">6/1</th>
<td class="jscell line2"></td>
<td class="bggray line3"><input type="checkbox" value="1"></td>
<td class="bggray jscell line4"><img src="images/trash-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray jscell line5">メンバー</td>
</tr>
<tr>
<td class="jscell"></td>
<td class="bggray"><input type="checkbox" value="1"></td>
<td class="bggray jscell"><img src="images/mail-forward-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray jscell">メンバー</td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/2</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/3</th>
<td class="jscell">~6/8</td>
<td class="bgred"><input type="checkbox" value="1"></td>
<td class="bgred jscell"><img src="images/thumb-up-icon.png" class="icons" alt="check"></td>
<td class="bgred jscell">メンバー</td>
</tr>
<td class="jscell">Jon</td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
<tr>
<th rowspan="2" class="jscell">6/4</th>
<td class="jscell">2名</td>
<td class="bgyellow"><input type="checkbox" value="1"></td>
<td class="bgyellow jscell"><img src="images/home-icon.png" class="icons" alt="home"></td>
<td class="bgyellow jscell">メンバー</td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/5</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/6</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/7</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/8</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
</table>
</div>
<!-- 根津 -->
<!-- 渋谷 -->
<div id="shibuya">
<table border="1" class="tableclass">
<tr>
<th colspan="5">渋谷</th>
</tr>
<tr>
<th rowspan="2" class="jscell line1">6/1</th>
<td class="jscell line2"></td>
<td class="bggray line3"><input type="checkbox" value="1"></td>
<td class="bggray jscell line4"><img src="images/trash-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray jscell line5">メンバー</td>
</tr>
<tr>
<td class="jscell"></td>
<td class="bggray"><input type="checkbox" value="1"></td>
<td class="bggray jscell"><img src="images/mail-forward-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray jscell">メンバー</td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/2</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/3</th>
<td class="jscell">~6/8</td>
<td class="bgred"><input type="checkbox" value="1"></td>
<td class="bgred jscell"><img src="images/thumb-up-icon.png" class="icons" alt="check"></td>
<td class="bgred jscell">メンバー</td>
</tr>
<td class="jscell">Jon</td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
<tr>
<th rowspan="2" class="jscell">6/4</th>
<td class="jscell">2名</td>
<td class="bgyellow"><input type="checkbox" value="1"></td>
<td class="bgyellow jscell"><img src="images/home-icon.png" class="icons" alt="home"></td>
<td class="bgyellow jscell">メンバー</td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/5</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/6</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/7</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/8</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
</table>
</div>
<!-- 渋谷 -->
<!-- 神楽坂 -->
<div id="kagurazaka">
<table border="1" class="tableclass">
<tr>
<th colspan="5">神楽坂</th>
</tr>
<tr>
<th rowspan="2" class="jscell line1">6/1</th>
<td class="jscell line2"></td>
<td class="bggray line3"><input type="checkbox" value="1"></td>
<td class="bggray jscell line4"><img src="images/trash-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray jscell line5">メンバー</td>
</tr>
<tr>
<td class="jscell"></td>
<td class="bggray"><input type="checkbox" value="1"></td>
<td class="bggray jscell"><img src="images/mail-forward-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray jscell">メンバー</td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/2</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/3</th>
<td class="jscell">~6/8</td>
<td class="bgred"><input type="checkbox" value="1"></td>
<td class="bgred jscell"><img src="images/thumb-up-icon.png" class="icons" alt="check"></td>
<td class="bgred jscell">メンバー</td>
</tr>
<td class="jscell">Jon</td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
<tr>
<th rowspan="2" class="jscell">6/4</th>
<td class="jscell">2名</td>
<td class="bgyellow"><input type="checkbox" value="1"></td>
<td class="bgyellow jscell"><img src="images/home-icon.png" class="icons" alt="home"></td>
<td class="bgyellow jscell">メンバー</td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/5</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/6</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/7</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/8</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
</table>
</div>
<!-- 神楽坂 -->
<!-- 外苑前 -->
<div id="gaienmae">
<table border="1" class="tableclass">
<tr>
<th colspan="5">外苑前</th>
</tr>
<tr>
<th rowspan="2" class="jscell line1">6/1</th>
<td class="jscell line2"></td>
<td class="bggray line3"><input type="checkbox" value="1"></td>
<td class="bggray jscell line4"><img src="images/trash-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray jscell line5">メンバー</td>
</tr>
<tr>
<td class="jscell"></td>
<td class="bggray"><input type="checkbox" value="1"></td>
<td class="bggray jscell"><img src="images/mail-forward-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray jscell">メンバー</td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/2</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/3</th>
<td class="jscell">~6/8</td>
<td class="bgred"><input type="checkbox" value="1"></td>
<td class="bgred jscell"><img src="images/thumb-up-icon.png" class="icons" alt="check"></td>
<td class="bgred jscell">メンバー</td>
</tr>
<td class="jscell">Jon</td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
<tr>
<th rowspan="2" class="jscell">6/4</th>
<td class="jscell">2名</td>
<td class="bgyellow"><input type="checkbox" value="1"></td>
<td class="bgyellow jscell"><img src="images/home-icon.png" class="icons" alt="home"></td>
<td class="bgyellow jscell">メンバー</td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/5</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/6</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/7</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/8</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
</table>
</div>
<!-- 外苑前 -->
<!-- 恵比寿 -->
<div id="ebisu">
<table border="1" class="tableclass">
<tr>
<th colspan="5">恵比寿</th>
</tr>
<tr>
<th rowspan="2" class="jscell line1">6/1</th>
<td class="jscell line2"></td>
<td class="bggray line3"><input type="checkbox" value="1"></td>
<td class="bggray jscell line4"><img src="images/trash-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray jscell line5">メンバー</td>
</tr>
<tr>
<td class="jscell"></td>
<td class="bggray"><input type="checkbox" value="1"></td>
<td class="bggray jscell"><img src="images/mail-forward-icon.png" class="icons" alt="cleaning"></td>
<td class="bggray jscell">メンバー</td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/2</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/3</th>
<td class="jscell">~6/8</td>
<td class="bgred"><input type="checkbox" value="1"></td>
<td class="bgred jscell"><img src="images/thumb-up-icon.png" class="icons" alt="check"></td>
<td class="bgred jscell">メンバー</td>
</tr>
<td class="jscell">Jon</td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
<tr>
<th rowspan="2" class="jscell">6/4</th>
<td class="jscell">2名</td>
<td class="bgyellow"><input type="checkbox" value="1"></td>
<td class="bgyellow jscell"><img src="images/home-icon.png" class="icons" alt="home"></td>
<td class="bgyellow jscell">メンバー</td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/5</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/6</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/7</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/8</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
</table>
</div>
<!-- 恵比寿 -->
<!-- 新規物件 -->
<div id="newroom">
<table border="1" class="tableclass">
<tr>
<th colspan="5"><input name="newhousename" value=""></th>
</tr>
<tr>
<th rowspan="2" class="jscell line1">6/1</th>
<td class="jscell line2"></td>
<td class="line3"></td>
<td class="jscell line4"></td>
<td class="jscell line5"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/2</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/3</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
<tr>
<th rowspan="2" class="jscell">6/4</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/5</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/6</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/7</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<th rowspan="2" class="jscell">6/8</th>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
<tr>
<td class="jscell"></td>
<td></td>
<td class="jscell"></td>
<td class="jscell"></td>
</tr>
</table>
</div>
<!-- 新規物件 -->
<!-- ポップアップで出てくるフォーム -->
<div id="dialog-form">
<form>
<table id="guestinfo">
<tr>
<td class="header">ゲスト名</td>
<td class="shortinput"><input id="guestname" type="text" value=""></td>
</tr>
<tr>
<td class="header">人数</td>
<td class="shortinput"><input id="people" type="text"value=""></td><td>名</td>
</tr>
<tr>
<td class="header">宿泊日</td>
<td class="shortinput"><input class="nittei" type="date" id="stay1" value=""></td>
<td>〜</td>
<td class="shortinput"><input class="nittei" type="date" id="stay2"　value=""></td>
</tr>
<tr>
<td class="header">物件名</td>
<td class="shortinput"><input id="userhouse" type="text" value=""></td>
</tr>
<tr>
<td class="header">備考</td>
<td colspan="4"><input id="memo" type="text" value=""></td>
</tr>
</table>
<!-- guestinfo -->
<table id="taskinfo">
<tr>
<td class="task"><input type="checkbox" value="1"><img src="images/mail-forward-icon.png" class="icons" alt="cleaning"></td>
<td><input class="nittei"type="date" value=""></td>
<td>に</td>
<td><select name="membername"><option>山田</option><option>田中</option><option>小林</option>
</select></td>
<td>はゲスト名にリマインドメールの送信</td>
<td>削除</td>
</tr>
<tr>
<td class="task"><input type="checkbox" value="1"><img src="images/thumb-up-icon.png" class="icons" alt="cleaning"></td>
<td><input class="nittei" type="date" value=""></td>
<td>に</td>
<td><select name="membername"><option>山田</option><option>田中</option><option>小林</option>
</select></td>
<td>は入室確認</td>
<td>削除</td>
</tr>
<tr>
<td class="task"><input type="checkbox" value="1"><img src="images/home-icon.png" class="icons" alt="cleaning"></td>
<td><input class="nittei" type="date" value=""></td>
<td>に</td>
<td><select name="membername"><option>山田</option><option>田中</option><option>小林</option>
</select></td>
<td>はゲスト名を訪問</td>
<td>削除</td>
</tr>
<tr>
<td class="task"><input type="checkbox" value="1"><img src="images/trash-icon.png" class="icons" alt="cleaning"></td>
<td><input class="nittei" type="date" value=""></td>
<td>に</td>
<td><select name="membername"><option>山田</option><option>田中</option><option>小林</option>
</select></td>
<td>は清掃完了</td>
<td>削除</td>
</tr>
<tr>
<td class="task"><input type="checkbox" value="1"><img src="images/plus-icon.png" class="icons" alt="cleaning"></td>
<td><input class="nittei" type="date" value=""></td>
<td>に</td>
<td><select name="membername"><option>山田</option><option>田中</option><option>小林</option>
</select></td>
<td><input type="text" value=""></td>
<td>削除</td>
</tr>
</table>
<!-- taskinfo -->
<button type="button" id="modal-close">閉じる</button>
</form>
</div>
<!-- dialog-form -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script charset="UTF-8" src="AirBnBPro.js" type="text/javascript"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment