Deface を使用して、Spree Admin のテーブルの列にボタンを追加しようとしています。しかし、CSS のようなセレクターを正しく取得できません。データ フックを使用してテーブルの行を選択し、子要素 (td、span など) を選択できますが、特定のクラス (この場合は .balance_due) で選択することはできません。簡単なものがありませんか??
私のオーバーライド:
Deface::Override.new(:virtual_path => "spree/admin/orders/index",
:name => "add_capture_order_shortcut2",
:insert_bottom => "[data-hook='admin_orders_index_rows'] .balance_due",
:text => '<h1>hey yo, your balance is due</h1>'
)
jQuery を使用して CSS セレクターを確認しました。
$("[data-hook='admin_orders_index_rows'] .balance_due")
=> [<span class="state balance_due">…</span>]
生成された HTML からの抜粋:
<tr data-hook="admin_orders_index_rows" class="state-complete odd">
...
<td class="align-center"><span class="state balance_due"><a href="/admin/orders/R617712280/payments">balance due</a></span></td>
...
</tr>