作成途中
目的
page-content.html 内に存在する {% include '../_form.html' %}
をリファクタしたい。
_form.html
{% if req.form.errors %} <div class="alert alert-danger"> <ul> {% for error in req.form.errors %} <li>{{ t(error) }}</li> {% endfor %} </ul> </div> {% endif %} <div id="page-editor-navbar-bottom-container" class="d-none d-edit-block"></div> <div class="file-module hidden"></div>
以下は使われていないから消した。
<div id="page-editor-navbar-bottom-container" class="d-none d-edit-block"></div> <div class="file-module hidden"></div>
経過まとめ(slackLogs)
-
三連ボタンの表示部分を React.js 化した
-
そのリファクタした部分の末尾において、_form.html が使用されていた
-
内容は、リクエストフォームの errors が true の場合 そのエラー内容を羅列してくれと表示するもの。
-
他は使っていなさそうなので削除した。
-
三連ボタンでフォームを入力しそうなところを探したがなさそう。。。
-
また、req.form.errors を検索した
- installer.js, login.js
- _form.html,
- installer.html,
- invited.html,
- login.html
以上のものがHitした。
-
現状は考えていることは,
req のなかに、form が含まれていて、それはどこかで入力すれば、 ture になると思っている、
ex) login 画面 account 作成画面req.form.errors を確認する方法に辿り着けないのが問題だな。。。
旧バージョンの GROWI でさがそう
三連ボタンがリファクタリングした箇所は
View 編集 HackMD なのでそこを再度掘る。
編集、HackMD は form が使用されているところはなさそう。
View 部分は なのでどんどん掘っていく。
- LinkEditModal
結構使われている。
しかし、error をキャッチする仕組みがこのモーダルないで実装されているし、_form.html が登場する幕がわからない
LinkEditModal.jsx
renderLinkAndLabelForm() { return ( <> <h3 className="grw-modal-head">Set link and label</h3> <form className="form-group" renderPathFormatForm() { return ( <div className="card well pt-3"> <form className="form-group mb-0">
- HandsontableModal
- ここも error をキャッチする仕組みが実装されていそう。
render() { return ( <form className="data-import-form"> <div className="form-group"> <label htmlFor="data-import-form-type-select">Select Data Format</label> <select
- DrawioModal ここにはない。
元々使われていた場所を探すと
{% if !isTrashPage() %} {# edit form #} <div class="tab-pane" id="edit"> <div id="page-editor">{% if pageForm.body %}{{ pageForm.body }}{% endif %}</div> </div> <div class="tab-pane" id="hackmd"> <div id="page-editor-with-hackmd"></div> </div> {% include '../_form.html' %} {% endif %}
express express-form の知識と理解が必要らしい