Merge pull request #414 from hibiya-itchief/develop

Release 0.5.1

Author: thoth333

CHANGELOG.md

@@ -1,9 +1,19 @@
 # quaint-app 変更履歴
 
-## Release 0.5.0 (2023/08/30)
+## Release 0.5.1 (2023/09/04)
+
+- `/ticket` 提灯の追加含むバグおよびデザインを調整 #366
+- `/edit` 入力フォームの前回入力した内容を保持するように #383
+- `/groups` ブックマーク機能(旧お気に入り機能)の調整など #386
+- `/` アクセス案内を設置 #406
+- `/` 外部から入った際に祭徠の動画を表示するように #407
+- ハンバーガーメニューに白い背景を追加 #411
+- #316 の調整 #412
+
+## Release 0.5.0 (2023/09/03)
 
 - `/groups` 不要なページ遷移を除去 #330
-  「デフォルト順」の並び替えを Nuxt generate 内で行うように？#332
+- 「デフォルト順」の並び替えを Nuxt generate 内で行うように #332
 - `/admin` をより使いやすく #339
 - `/login` ログインボタンが画面外にはみださないように#346
 - 学校アカウント以外は整理券の人数を選択できるように#348
@@ -41,7 +51,7 @@
 
 - `/groups` タイトル・説明文を 1 行に収めるように #264
 - `/groups` 検索で大文字小文字を区別しないように #272
-- トップページに最低限の内容を追加 #278
+- `/` 最低限の内容を追加 #278
 
 ## Release 0.2.3 (2023/08/05)
 
@@ -59,7 +69,7 @@
 
 - `/groups` 一覧画面でサムネイル画像が表示されないバグを修正 #204
 - `/edit` 公演削除の確認 dialog 及び団体削除ボタンの v-icon 化 #209
-- head の title を「団体名+団体情報の編集」に #209
+- `/edit` head の title を「団体名+団体情報の編集」に #209
 - `/_groupId` 整理券取得ボタンより前に未ログインエラーを出すように #215
 - アカウントの owner 表示 #216
 - `/_groupId` 閲覧数を表示するように #219

layouts/default.vue

@@ -284,10 +284,11 @@ export default Vue.extend({
 
 .hamburgermenu {
   position: relative; /* ボタン内側の基点となるためrelativeを指定 */
+  background: #fff;
   cursor: pointer;
   width: 50px;
   height: 50px;
-  border-radius: 5px;
+  border-radius: 0 0 20px;
 }
 
 /* ボタン内側 */

nuxt.config.ts

@@ -82,12 +82,6 @@ const nuxtConfig: NuxtConfig = {
   router: {
     base: '/',
     middleware: ['auth'],
-    extendRoutes(routes, resolve) {
-      routes.push({
-        path: '*',
-        component: resolve(__dirname, 'pages/404.vue'),
-      })
-    },
   },
 
   // Global CSS: https://go.nuxtjs.dev/config-css
@@ -233,6 +227,7 @@ const nuxtConfig: NuxtConfig = {
     transpile: ['defu'],
   },
   generate: {
+    fallback: true,
     async routes() {
       // emvSet.BASEURLの末尾にスラッシュがある場合は削除する
       const baseurl_without_slash =

pages/groups/_groupId/edit/index.vue

@@ -818,6 +818,13 @@ export default Vue.extend({
     }
   },
   async created() {
+    // 入力フォームに現在の内容を提示
+    this.change_title_input = this.group?.title ?? ''
+    this.change_description_input = this.group?.description ?? ''
+    this.change_twitter_url_input = this.group?.twitter_url ?? ''
+    this.change_instagram_url_input = this.group?.instagram_url ?? ''
+    this.change_stream_url_input = this.group?.stream_url ?? ''
+
     this.hostname = location.host // data()のreturn()内で使うとエラーになるのでここで代入
     if (
       !(this.$auth.user?.groups as string[]).includes(this.userGroups.admin)

pages/groups/_groupId/index.vue

@@ -86,14 +86,14 @@
                 </div>
               </div>
               <v-btn
-                v-if="IsFavorite(group)"
+                v-if="is_bookmarked"
                 icon
-                class="pink--text"
-                @click="removeFavorite(group)"
-                ><v-icon>mdi-heart</v-icon></v-btn
+                color="sairai"
+                @click="removeBookmark(group.id)"
+                ><v-icon>mdi-bookmark</v-icon></v-btn
               >
-              <v-btn v-else icon @click="addFavorite(group)"
-                ><v-icon>mdi-heart-outline</v-icon></v-btn
+              <v-btn v-else icon @click="addBookmark(group.id)"
+                ><v-icon>mdi-bookmark-outline</v-icon></v-btn
               >
             </v-card-actions>
 
@@ -379,7 +379,8 @@ type Data = {
   ticket_person: number
   person_labels: any[]
   person_icons: any[]
-  displayFavorite: number
+  nowloading: boolean
+  is_bookmarked: boolean
   listStock: number[]
   listTakenTickets: number[]
   view_count: number | string
@@ -430,7 +431,8 @@ export default Vue.extend({
       dialog: false,
       success_snackbar_link: undefined,
       error_snackbar_link: undefined,
-      displayFavorite: 0,
+      nowloading: true,
+      is_bookmarked: false,
       listStock: [],
       listTakenTickets: [],
       view_count: '...',
@@ -522,32 +524,29 @@ export default Vue.extend({
       return this.$quaintUserRole(val.target, this.$auth.user)
     })
   },
-  methods: {
-    IsFavorite(group: Group) {
-      if (this.displayFavorite === 0) {
-        this.displayFavorite = 1
-        return false
-      }
-      if (this.displayFavorite === 2) {
-        return false
-      }
-      if (this.displayFavorite === 3) {
-        return true
-      }
-      for (let i = 0; i < localStorage.length; i++) {
-        if ('seiryofes.groups.favorite.' + group?.id === localStorage.key(i)) {
-          return true
-        }
+
+  mounted() {
+    for (let i = 0; i < localStorage.length; i++) {
+      if (
+        'seiryofes.groups.favorite.' + this.group?.id ===
+        localStorage.key(i)
+      ) {
+        // お気に入りならtrue
+        this.is_bookmarked = true
+        break
       }
-      return false
-    },
-    addFavorite(group: Group) {
-      localStorage.setItem('seiryofes.groups.favorite.' + group?.id, group?.id)
-      this.displayFavorite = 3
+    }
+    this.nowloading = false
+  },
+
+  methods: {
+    addBookmark(id: string) {
+      localStorage.setItem('seiryofes.groups.favorite.' + id, id)
+      this.is_bookmarked = true
     },
-    removeFavorite(group: Group) {
-      localStorage.removeItem('seiryofes.groups.favorite.' + group?.id)
-      this.displayFavorite = 2
+    removeBookmark(id: string) {
+      localStorage.removeItem('seiryofes.groups.favorite.' + id)
+      this.is_bookmarked = false
     },
     checkStock(index: number) {
       return this.listStock[index]