作成途中

目的

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)

  1. 三連ボタンの表示部分を React.js 化した

  2. そのリファクタした部分の末尾において、_form.html が使用されていた

  3. 内容は、リクエストフォームの errors が true の場合 そのエラー内容を羅列してくれと表示するもの。

  4. 他は使っていなさそうなので削除した。

  5. 三連ボタンでフォームを入力しそうなところを探したがなさそう。。。

  6. また、req.form.errors を検索した

    • installer.js, login.js
    • _form.html,
    • installer.html,
    • invited.html,
    • login.html
      以上のものがHitした。
  7. 現状は考えていることは,
    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 の知識と理解が必要らしい