Merge pull request #103 from koedame/release/v2.1.0

Release/v2.1.0

CHANGELOGS.md

@@ -1,5 +1,16 @@
 # CHANGELOGS
 
+## v2.1.0
+
+### 新規
+
+- トップページ追加
+
+### 変更
+
+- フッターにリンクを追加
+- 移調後キーの表示の不具合修正
+
 ## v2.0.2
 
 ### 変更

README.md

@@ -57,3 +57,5 @@ npm run build-zip
   - https://ja.chordwiki.org/wiki.cgi?c=view&key=0&symbol=&t=%E3%83%86%E3%83%AC%E3%82%AD%E3%83%A3%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%93%E3%83%BC%E3%83%9C%E3%83%BC%E3%82%A4
 - タイトル、サブタイトル、タグなどがない楽曲
   - https://ja.chordwiki.org/wiki.cgi?c=view&key=0&symbol=&t=%E7%B7%B4%E7%BF%92%E7%94%A8
+- 実体参照が必要な文字( `<` `>`など)が含まれている楽曲
+  - https://ja.chordwiki.org/wiki.cgi?c=view&key=0&symbol=&t=%E3%83%96%E3%83%AB%E3%83%BC%E3%82%A6%E3%82%A9%E3%83%BC%E3%82%BF%E3%83%BC

package.json

@@ -1,6 +1,6 @@
 {
   "name": "chordwiki-plus",
-  "version": "2.0.2",
+  "version": "2.1.0",
   "author": "",
   "engines": {
     "node": ">=10"

src/content_script/App.vue

@@ -1,6 +1,100 @@
 <template lang="pug">
 #syncroom-plus-app
-  <router-view/>
+  router-view
+  CustomFooter
 </template>
 
-<script></script>
+<script>
+import CustomFooter from './components/CustomFooter';
+
+export default {
+  components: {
+    CustomFooter,
+  },
+};
+</script>
+
+<style lang="sass">
+@import "~bulma/sass/utilities/_all"
+$navbar-breakpoint: $tablet
+@import "~bulma"
+@import "~buefy/src/scss/buefy"
+
+.♣
+  color: darkgreen
+.♠
+  color: mediumblue
+.♥
+  color: deeppink
+.♦
+  color: darkorange
+
+.current-url
+  max-width: 410px
+  width: 100%
+
+
+.chord-and-lyrics
+  display: inline-block
+  margin-right: 10px
+  margin-bottom: 5px
+  vertical-align: bottom
+  .chord-diagram
+    filter: invert(22%) sepia(100%) saturate(1164%) hue-rotate(181deg) brightness(100%) contrast(100%)
+
+    img
+      display: inline-block
+      transform: rotate(-90deg)
+  .chord
+    display: block
+    color: #3273dc
+    font-weight: bold
+    font-size: 14px
+    line-height: 20px
+    height: 20px
+  .lyrics
+    margin-left: 5px
+    display: block
+    font-weight: bold
+    line-height: 20px
+    height: 20px
+
+.empty-line
+  height: 2em
+
+.key
+  background: #f14668
+  border-radius: 2px
+  color: #fff
+  padding: 0 8px
+  font-weight: bold
+  display: inline-block
+  font-size: 14px
+  margin: 10px 0
+
+.comment
+  background: #e6e6e6
+  border-radius: 2px
+  padding: 0 8px
+  font-weight: bold
+  display: inline-block
+  font-size: 14px
+  margin: 10px 0
+
+.comment-italic
+  background: #e6e6e6
+  border-radius: 2px
+  padding: 0 8px
+  font-weight: bold
+  display: inline-block
+  font-size: 14px
+  margin: 10px 0
+  font-style: italic
+
+.navbar-item.is-active
+  .navbar-link
+    color: #363636 !important
+
+.icon
+  vertical-align: bottom
+</style>

src/content_script/components/CustomFooter.vue

@@ -5,16 +5,21 @@
       .menu
         .menu-label メニュー
         .menu-list
-          a(href="https://ja.chordwiki.org/") ホーム
+          router-link(:to="{name: 'home'}") ホーム
           a(href="https://ja.chordwiki.org/TermOfUse.html") 利用規約
           a(href="https://ja.chordwiki.org/Guideline.html") 編集ガイドライン
           a(href="https://ja.chordwiki.org/help.html") ヘルプ
-          a(href="https://ja.chordwiki.org/setlists.cgi") 新着セトリ
+          a(href="https://ja.chordwiki.org/setlists.cgi") 新着セットリスト
           a(href="https://ja.chordwiki.org/wiki.cgi?c=deleted") 削除済み
-          a(href="http://seesaawiki.jp/w/chordwiki/") 楽曲リスト
-          a(href="http://chordwiki.blog75.fc2.com/") ブログ
           a(href="https://ja.chordwiki.org/cd.html") コードブック
-          a(href="https://ja.chordwiki.org/random.cgi") ランダム
+          a(href="https://ja.chordwiki.org/random.cgi") ランダム表示
+          a(href="https://ja.chordwiki.org/wiki.cgi?c=editlist") マイセットリスト
+          a(href="https://ja.chordwiki.org/tagcloud.html") タグ一覧
+          a(href="https://ja.chordwiki.org/list/1.html") 楽曲一覧
+          a(href="https://ja.chordwiki.org/new.html") 新規作成
+          a(href="http://chordwiki.blog75.fc2.com/") ブログ
+          a(href="http://jbbs.shitaraba.net/music/25009/") 掲示板
+          a(href="https://ja.chordwiki.org/search2.html#gsc.tab=0") 横断検索
 
     hr
 

src/content_script/components/CustomHeader.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
 b-navbar(fixed-top, shadow)
   template(slot='brand')
-    b-navbar-item(tag='a', href="/")
+    b-navbar-item(tag='router-link', :to="{name: 'home'}")
       img(src='https://ja.chordwiki.org/logo.jpg')
   template(slot='start')
     b-navbar-item(tag="div")
@@ -13,10 +13,15 @@ b-navbar(fixed-top, shadow)
             b-button(size="is-small", @click="onSearch")
               | 検索
     b-navbar-item(href='https://ja.chordwiki.org/ranking.html')
-      | ランキング
+      b-icon(icon="chart-line", type="is-success")
+      span
+        |
+        | ランキング
     b-navbar-item(href='https://ja.chordwiki.org/wiki.cgi?c=history')
-      | 閲覧履歴
-
+      b-icon(icon="history", type="is-info")
+      span
+        |
+        | 閲覧履歴
   template(slot='end')
     b-navbar-dropdown(label='楽曲メニュー', right)
       b-navbar-item(:href="`https://ja.chordwiki.org/wiki.cgi?c=edit&t=${queries.t}`")
@@ -63,5 +68,5 @@ export default {
 
 <style lang="sass" scoped>
 .search-input
-  min-width: calc(100vw - 600px)
+  min-width: calc(100vw - 700px)
 </style>