複合タグ検索にまともなUIが必要

[lo48576]

タグ単体での記事一覧は静的に生成しているので問題ないが、
https://github.com/titech-ssr/wiki.rogiken.org/blob/master/content/tags/search.html
このページでの動的な検索では、jsonによるクエリを直接入力するようになっており、使い勝手が一般向けではない。
なんとかしてマウスポチポチUIを実装したいが、難易度高そう。

[Mizuho32]

マウスポチポチUIこんなのつくってみたんですけど、どうですか。
まんまですが・・・・・

https://rsbpix.f5.si/~pi/rogy/searchUI/search.html

[lo48576]

えらー

TypeError: this.htags is null main.js:50:9
Child<.methods.addhtag() main.js:50
p/<() vue.min.js:6
fe/<() vue.min.js:6

[Mizuho32]

ごめんまだSelectするとこしか実装してないwww
こんなかんじ

[lo48576]

すげー！！！
(条件が複雑になったらツリービューみたいに縦に並べる方がいいかも？)

[Mizuho32]

あーまぁそんな感じですかね
大まかなとこはタグ検索の説明にあるようなクエリをそのまんまUIにしつつ、細かいとこは適宜調整、ということでどうでしょうか

[Mizuho32]

検索UIの提案はこんな感じです。
https://wiki.rogiken.org/branch/search-ui/tags/search.html

とりあえず動くものをくっつけただけなのでバギーなのは許してね💦
textareaへの反映、ローカルで試した時はうまくいったのになんか挙動おかしいなぁ・・・・

[lo48576]

Tags Tree - Rogiken wiki
タグの階層は静的なので(nanocによって生成されるので)、このリストかこれを加工した何かを検索ページに表示しといた方が入力の助けになりそうですね

[lo48576]

https://wiki.rogiken.org/branch/search-ui/tags/index.json
ちなみにタグ階層のjsonも生成されているので、もし補完とか候補表示とかを実装したいならコレ使うと楽だと思います

[Mizuho32]

ああ一応候補表示もどきはつくってあってそれ使わせてもらってます

[lo48576]

ほんまや、気付かんかったwww
タグ階層の一覧表示があれば楽なんだな……
右側のサイドバーに表示したいところだけど、右のはグローバルだからなぁ
(勿論このページでだけサイドバーのテンプレートを変更することはできる)

[Mizuho32]

そうなんだよね
まぁタグ階層を常に表示でも個人的にはいいと思うんだけど

[lo48576]

wiki.rogiken.org/layouts/part/sidebar.html

Lines 34 to 42 in fbb5f68

	<section>
	<h3>タグ階層</h3>
	<ul>
	<% root_node = articles_htag_items_tree %>
	<% root_node.children.each do |child| %>
	<%= print_tagtree child, '/tags/' %>
	<% end %>
	</ul>
	</section>

https://wiki.rogiken.org/branch/show-tag-hierarchy-on-sidebar/index.html
試しに fbb5f68 でサイドバーにタグ階層を表示してみました。
問題なさそうであれば、こちら(search-uiブランチ)にマージしてから削除して構いません。

タグが他のリンクより先に表示された方がいいとかあればお好きに改善してくらさい

[Mizuho32]

そのまま使わせてもらいました。
textareaへの反映を修正したのでこれでまぁ使えるかなという感じです。
何故かtextareaの初期化がうまく行かないなぜだorz