diff options
| -rw-r--r-- | static/index.html | 16 | ||||
| -rw-r--r-- | studios.json | 46 |
2 files changed, 50 insertions, 12 deletions
diff --git a/static/index.html b/static/index.html index ed7a2da..0c2cffe 100644 --- a/static/index.html +++ b/static/index.html @@ -33,9 +33,10 @@ td.closed { background: #fff; } td.hour { border-right-color: #bbb; } .err { color: #c23a3a; font-size: 12px; font-weight: normal; } - .offline { margin-top: 16px; } - .offline h2 { font-size: 15px; margin: 0 0 6px; } - .offline li { margin: 4px 0; font-size: 14px; } + .offline { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; } + .offline a.btn { display: inline-block; padding: 6px 12px; border: 1px solid var(--line); border-radius: 6px; text-decoration: none; color: #222; font-size: 13px; } + .offline a.btn:hover { background: #f6f6f6; } + .offline .meta { display: inline; margin-left: 6px; } .note { font-size: 12px; color: #777; margin-top: 10px; } .legend span { display: inline-block; width: 14px; height: 14px; vertical-align: middle; border: 1px solid var(--line); margin: 0 4px 0 10px; } #status { font-size: 13px; color: #777; } @@ -62,9 +63,9 @@ <span class="legend"><span style="background:var(--free-bg)"></span>空き<span style="background:#e6e6e6"></span>予約済み</span> </div> +<div class="offline" id="offline"></div> <div class="wrap"><table id="grid"></table></div> <p class="note" id="note"></p> -<div class="offline" id="offline"></div> <script> const $ = (id) => document.getElementById(id); @@ -175,10 +176,9 @@ function render() { : ""; const offline = data.studios.filter((s) => !s.online); - $("offline").innerHTML = offline.length - ? `<h2>オンラインで空きを確認できないスタジオ</h2><ul>${offline.map((s) => - `<li><a href="${esc(s.url)}" target="_blank" rel="noopener">${esc(s.name)}</a>（${esc(s.area)}）${s.phone ? ` <a href="tel:${esc(s.phone)}">${esc(s.phone)}</a>` : " 問い合わせフォーム"}</li>`).join("")}</ul>` - : ""; + // 空き枠を取れないスタジオは、公式サイト（空室検索）へのボタンにする + $("offline").innerHTML = offline.map((s) => + `<a class="btn" href="${esc(s.url)}" target="_blank" rel="noopener">${esc(s.name)} ↗<span class="meta">${s.phone ? esc(s.phone) : "問い合わせフォーム"}</span></a>`).join(""); } async function init() { diff --git a/studios.json b/studios.json index 9969d42..999dcec 100644 --- a/studios.json +++ b/studios.json @@ -3,17 +3,40 @@ { "id": "nishiogi", "name": "西荻窪周辺", - "studios": ["rinky-nishiogi", "rinky-warp", "rinky-ores", "noah-kichijoji", "uen", "akseli"] + "studios": [ + "rinky-nishiogi", + "rinky-warp", + "rinky-ores", + "noah-kichijoji", + "noah-nakano", + "uen", + "akseli" + ] }, { "id": "kichijoji", "name": "吉祥寺", - "studios": ["rinky-warp", "rinky-ores", "noah-kichijoji"] + "studios": [ + "rinky-warp", + "rinky-ores", + "noah-kichijoji" + ] + }, + { + "id": "nakano", + "name": "中野", + "studios": [ + "rinky-nakano", + "noah-nakano" + ] }, { "id": "rinky-midnight", "name": "西荻・吉祥寺 深夜/早朝", - "studios": ["rinky-nishiogi-midnight", "rinky-ores-midnight"] + "studios": [ + "rinky-nishiogi-midnight", + "rinky-ores-midnight" + ] } ], "studios": { @@ -60,7 +83,7 @@ "noah-kichijoji": { "name": "サウンドスタジオノア吉祥寺", "area": "吉祥寺", - "url": "https://www.studionoah.jp/book/rentalstudio/kantou/tokyo/musashino/post_9.html", + "url": "https://www.studionoah.jp/kichijoji/", "phone": "0422-23-1741", "provider": null }, @@ -77,6 +100,21 @@ "url": "http://www.akseli.jp/rehearsalall/reserve-rehearsal/", "phone": null, "provider": null + }, + "noah-nakano": { + "name": "サウンドスタジオノア中野", + "area": "中野", + "url": "https://www.studionoah.jp/nakano/", + "phone": "03-5318-4110", + "provider": null + }, + "rinky-nakano": { + "name": "リンキィディンク中野", + "area": "中野", + "url": "https://rinky.info/studio/nakano/", + "phone": "03-5385-0354", + "provider": "rinky", + "grand": 8 } } } |