見積一覧

見積の一覧です。顧客で絞り込み、新規を押すとダイアログが開き、保存すると通知が出ます。

まず quote.html を読んでください。LPScript を知らない人が書いた普通の HTML と CSS で、画面の見た目は全部あちらにあります。LPScript のための印は一つも入っていません。 id と class は、元から CSS を当てるために書かれるものです。

複製するもの

Html clone: '#lines tr'         明細の行
Html clone: '#board .modal'     編集ダイアログ

行だけでなく、ダイアログも見本の複製です。デザイナは見た目を確かめるために一つ置いてあり、それをそのまま使います。マークアップの書き写しは一行もありません。デザイナが列を足しても、class 名が残っていれば、こちらは無傷です。

引き受ける場所と、そうでない場所

#board          表とダイアログの入る枠。ここはこのアクタのもの
#filter #new    聞くだけ。要素は書き換えない
#count #toast   埋めるだけ

画面全体を持つ必要はありません。アクタが持つのは一区画で、残りはデザイナのページのままです。 押されたことを聞きたいだけの要素は、持たずに聞きます。

me listen: '#new' on: #click send: #startNew.

間違いは組み立てのときに出る

ボタンに結んだハンドラが無ければ、その場でコンパイルエラーです。ask の結果の型は、返事をするハンドラで決まります。イベントが運ぶ値にも型が付きます。

デザイナが class 名を変えたときも同じです。組み立てが止まるので、画面を開いてから「値がどこにも入っていない」と気付くことはありません。