traptitech / knoq-ui Goto Github PK

View Code? Open in Web Editor NEW

0.0 10.0 1.0 4.08 MB

JavaScript 0.16% HTML 0.45% Vue 46.24% TypeScript 53.00% SCSS 0.01% Shell 0.13%

hacktoberfest

knoq-ui's Introduction

knoQ-UI

開発

必要要件

node.js
yarn

UIの起動

$ yarn
$ yarn dev

knoQサーバーと連携して実際に動作をテストする

knoQサーバーのリポジトリを適当なところにcloneし，開発用サーバーを起動する．knoQサーバーの起動に必要な要件についてはここを参照．

$ git clone https://github.com/traPtitech/knoQ.git
$ cd knoQ
$ docker compose up --build

UIを起動していないなら起動する
ブラウザで http://localhost:6006 を開く
traQのOAuthの許可を求められるので，許可ボタンをおす．
knoQのページに戻ったら，http://localhost:8080 を開く．

knoq-ui's People

Contributors

Watchers

Forkers

series2

knoq-ui's Issues

進捗部屋をcsvインポートするUI

サイドバーのフッターかその周辺にadminのときだけ表示されるボタンを作り、それを押すとモーダルが出てくる
モーダルの内容はテキストエリアとボタンで、テキストエリアにcsvをコピペしてから提出という流れ
csvの形式が間違っているときに警告する

イベント一覧でmarkdownをパースしてほしい

あなたが管理者のイベント・グループ-> あなたのイベント・グループ

所属しているグループと管理してるグループの和にして、管理していないグループの編集ボタンをdisable イベントも同様にする

グループ外NGのときorグループ外NGに変更するときはUIからwarning出るようにしたい

グループ外NGのときorグループ外NGに変更するときはUIからwarning出るようにしたいかも
フロントエンドの方にissue建てておきます

Originally posted by @ras0q in traPtitech/knoQ#404 (comment)

Eventsでtagをクリックしてもフィルターがかからない

traPtitech/knoQ#178

vue3移行

https://vuetifyjs.com/en/introduction/roadmap/#in-development

v3.0 (Titan)

Target Release: Q1 2021
Alpha: Q4 2020

2021年入ってから

ユーザーアイコンのURLをResponseUserから取ってくる

やること

ユーザーアイコンを取得するURLを，ハードコードされたものではなくknoQのAPIから得られるものを使うようにする．

背景

ハードコードされた状態だと、UIが暗黙的にtraQに依存している状態になる。またサーバーがtraQ以外のユーザーを扱おうとしたときに困る

フォームをキーボードのみでも記入できるように

部屋の空き時間を取得するAPIの変更への対応

traPtitech/knoQ#182
クエリパラメタexcludeEventIdをつけてリクエストするように修正する必要がある

イベント作成時アラート文が欲しい

イベント作成中にリロードを挟むと書いていたものが消える
traQのように一度警告文を出してほしい

icalを取得するUIの実装

イベント作成時の上の部分をクリックして遷移させたい

この写真の部分は今はBackボタンで戻るようにしてありますが、個人的にイベント内容の部分とかをクリックして遷移したほうが自然だなとおもってissueをたてました

カレンダーのタイトルの色が見にくい

カレンダーのタイトルの色が色によっては見にくい
同じように白で良さそう

Groupを消せないようにする

Groupは記録として残しておくべき．traQのチャンネルのような運用がいいのではないか．

複数の日にまたがるイベントの作成

実装する前に、今まで1日のイベントしか作れないように実装されていた(フォームで日と時を分けて、POSTする時に結合している)理由を確認する
バックエンドは複数の日にまたがるイベントを受けとれるようになっている

formでcontinueボタンを押せない

自分の作ったグループの一部が表示されない

自分が作ったグループから抜けるとダッシュボードの「あなたのグループ」からそれが消える

イベント詳細ページでtraPのスタンプを表示する

何も把握してないけどmdとかwikiの実装見るとよさそう

イベント作成時に通知が飛ぶ対象を事前に表示してほしい

traPtitech/knoQ#405

Remove box shadow

グループ詳細ページのv-expansion-panelのshadowを消す

現在はdevelopmentビルドのときはうまく行くがproductionビルドのときは崩れる

補完後に補完前の文字が残る

https://q.trap.jp/messages/1cdc54a3-1cae-471b-8da8-1f5630b83d71

イベントの場所を見ていい感じにアイコンを表示する

Discordならdiscordアイコンを出すとか

自分以外が作ったイベントが表示される

ダッシュボード画面の「あなたの作成したイベント」に自分が作ったものでないイベントが表示される

group detailの表示順について

Group detailのEventの表示について
古いEventよりの現在のEventのほうを確認したいことが多いと思う.
新しいEventを優先的に表示したほうがよいのではないか
できれば現在の時刻を基準に無限スクロールしたい.

グループ選択時に自分がグループ管理者であるものを上方に表示してほしい

https://q.trap.jp/messages/7f74dcb1-3810-4446-8fdf-581aae333aa3

前に作ったイベントを元に新イベント作りたい

クリップボードにコピーできない

Groupの新規作成時に意図していないタイミングで警告が出る

データが未保存のタイミングで画面を移動しようとした際に出すはずの警告が，グループ新規作成→送信ボタンを押すという正規の流れでも出てしまっている。

トップページの「あなたのイベント」にattendeeになっているイベントを表示する

サーバー側とフロント側の両方で変更が必要なはず

イベント登録フォームの日付のところに古い日付を入力すると次の開始時間入力中に固まる

1800年とか入力すると起こる。まだコード見てないので分からないが無限ループ等が起きていそう。
現実的な日時の入力では起こらないため優先度は低い。

イベントが複数の部屋を持てるようにする

traPtitech/knoQ#174

イベントの日時範囲指定

traPtitech/knoQ#53

イベントの個人開催

traQリダイレクト条件の変更

Header: X-Knoq-Need-Authorization 1のときに限ってtraQのOAuthをして欲しい
ユーザーがtraPユーザーでない場合や、tokenが不正な場合を考えると、401でtraQのOAuthをするのは不適な場合がある

formを書き途中のときにページ遷移しようとしたらダイアログを出す

traQのOAuth遷移前の確認

#130 の適応後であっても非traPユーザーのログインを考えると遷移前の確認が必要

"私のイベント"の意味の統一

knoQ-UI/src/pages/EventDetail.vue

Lines 191 to 196 in f28eb40

  get isMyEvent(): boolean { 

  return ( 

  this.event?.admins.includes(this.$store.direct.state.me?.userId ?? '') ?? 

  false 

  ) 

  }

isMyEvent が私が管理者のイベントという意味だが、
#411 では、あなたのイベントは所属しているイベントと管理してるイベントの和になる

	get isMyEvent(): boolean {
	return (
	this.event?.admins.includes(this.$store.direct.state.me?.userId ?? '') ??
	false
	)
	}