Smartyのforeachを使って色分け

Question

前提・実現したいこと

投稿システムを作っているのですが、
投稿されたものに対して
確認ボタンでステータスが新規
okボタンでステータスが進行中
完了ボタンでステータスが終了
なのですが

smartyを使って、投稿されたものに対して
ボタン押し、ステータスが変更されるたびに色を変えたいです。

ステータスが新規の時は赤色
ステータスが進行中の時は青色
ステータスが終了の時は緑色

このような感じに（例なので適当です）したいです。
fromと、item変更できないです。

該当のソースコード（コードもお見せできないので、変数などを適当にしています）

{{foreach from=$aaa item=bbb}}
    <tr>
        <td>{{$ccc.nnn|escape}}</td>
        <td>{{$ccc.mmm|escape}}</td>
        <td>{{$ccc.lll|escape}}</td>
        <td>{{$ccc.sss|escape}}</td>
        <td>{{$ccc.ooo|escape}}</td>
    </tr>
{{/foreach}}

補足情報

phpを使っています。
プロのエンジニアの方が特別に作ったフレームワークを使っています。
しかし,MVCで作られているので、基本はcakephpなどと変わらないと思います。

Comments

[m.ts10806]

ボタンでステータスを変える部分はできているんですよね？あくまで表示だけの問題という認識で良いですか？

[m.ts10806]

色はどこを変えるのでしょうか？行？ボタン？ステータスのラベル？

[退会済みユーザー]

行です！

[退会済みユーザー]

そうです。ボタンでステータスが変わります。

[m.ts10806]

自身でどのように解決できたか回答を書いて自己解決としてください。 https://teratail.com/help#resolve-myself

Answer 1

生phpを扱う場合と同じですが、if文を使って条件分岐させると良いです。

cssで色を準備しておく

tr.status-default{
 background-color:#fff;
}
tr.status-new{
 background-color:red;
}
tr.status-now{
 background-color:blue;
}
tr.status-end{
 background-color:green;
}

smarty内でstatusによる分岐をかけてclassを与える
※ステータスは日本語で入れましたがそれぞれコードが振られているのであれば振り替えてください

{assign var=status_color value='status_default'}

{{foreach from=$aaa item=bbb}}
 {if $bbb.status eq '新規'}
  {assign var=status_color value='status_new'}
 {elseif $bbb.status eq '進行中'}
   {assign var=status_color value='status_now'}
 {elseif $bbb.status eq '終了'}
  {assign var=status_color value='status_end'}
 {/if}
    <tr class="{{$status_color}}">
        <td>{{$ccc.nnn|escape}}</td>
        <td>{{$ccc.mmm|escape}}</td>
        <td>{{$ccc.lll|escape}}</td>
        <td>{{$ccc.sss|escape}}</td>
        <td>{{$ccc.ooo|escape}}</td>
    </tr>
{{/foreach}}

Comments

[m.ts10806]

コメントを受けてコード修正しました。

[退会済みユーザー]

返信がおくれｒてしまい、もうしわけございませんでした。
コードを参考にしてもできなかったのですが、ヒントを得られることができ、自己解決いたしました。
ありがとうございました。

[m.ts10806]

無事解決できたようで良かったです。
自身でどのように解決できたか回答を書いて自己解決としてください。
https://teratail.com/help#resolve-myself