見積一覧

見積の一覧画面です。顧客で絞り込み、「新規」を押すとダイアログが開き、保存すると通知が表示されます。

quote.html は LPScript を知らないデザイナが書いた HTML と CSS で、見た目は全部そちらにあります。LPScript のための記述はありません。

複製する要素

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

行だけでなく、ダイアログも HTML の見本の複製です。デザイナが見た目を確かめるために置いた要素をそのまま使います。プログラム側でマークアップを書き直した箇所はありません。

アクタが担当する領域

#board          表とダイアログが入る領域。このアクタが描く
#filter #new    イベントを受け取るだけ。要素は書き換えない
#count #toast   値を入れるだけ

アクタが担当するのは #board だけで、残りはデザイナの HTML のままです。クリックだけ受け取りたい要素は、描画せずにイベントだけ受け取ります。

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

コンパイル時の検査

ボタンに指定したハンドラが存在しなければコンパイルエラーです。ask の結果の型は返事をするハンドラの型で決まり、イベントが運ぶ値にも型が付きます。

デザイナが class 名を変えたときもコンパイルエラーになります。