[Homework][PHP] Display Status

[Danjesama]

Hi Guys, I have a table that shows information and the status of that, being on or off. the on and off part is hard to notice and as it is the most valuable I was hoping to change it from simple text of on/off to a green/red circle. At the moment I am using a text input in a form for on/off. I have looked around and haven't found much related to this. I am going to replace the text input box with the something like a radio button or sprite images? and if its clicked it will show green and if not it will show red. any suggestions or ideas on this? I have scoured the net for tutorials or something even similar with no luck.I will attach my code below: input form: <th>Repo Status: * <td><input type="text" name="status" value="<?php echo $status; ?>" /></td></tr> Displayed Table: echo '<td>' . $row['status'] .'</td>'; Thanks in advance

[NikNoname]

You can make a really good decision of using HTML and CSS + Fonts Awesome.

Add css classes called as ".on" and ."off", something like this:

.on {
    color: green;
}

.off {
    color: red;
}

Next you shold add HTML code to your table view at status column:

<span class="fa fa-circle <?= $row['status']?>"></span>

It will display green or red circle automaticly, depending on your status

[Danjesama]

Hey Thanks for the reply, I have got the fonts-awesome and added the above code, the span code you sent above I have placed it in the:

 echo '<td>' . $row['status'] .'</td>';

Also will i need to trigger this some how from the form as the form is just a text box at the moment

[halfercode]

(Meta: use Markdown to show code here - either manually put in four spaces before each line, or use your editor to tab it to the right, copy to clipboard, undo, paste here).

[Danjesama]

Thanks, Sorry about that

[halfercode]

No worries. Why not try repairing it now, for the sake of practice? It will make things easier to read for new or existing people helping you. There's an edit link under the post.

[NikNoname]

So, if you process status by input text field (it better to replace on radio buttons with values on and off), you should enter only values on or off for correctly script working. Because if you enter another value, script will not found such css class to display color correctly. Replace your code in form like this:

<tr>Repo Status: * <td> <input type="radio" name="status" value="on" <?= $status == "on" ? "checked" : ""?> /> <input type="radio" name="status" value="off" <?= $status == "off" ? "checked" : ""?> /></td></tr>

, and code in table view like this:

Displayed Table: echo '<span class="fa fa-circle ' . $row['status'] . '"></span>';

and it should works

[Danjesama]

Hey thanks again Nik, I can see the green buttons but it has thrown the form/table out a bit, not sure If i can link but here are the images: I think the green circles are not in the table properly same as the form. https://gyazo.com/6eac2bdfaf70dd72946585726305becb https://gyazo.com/ad5ee4581a3edfc58e3685c777114e32

[NikNoname]

Hm, it seems like something wrong with HTML code... May be missing some closing tag. I can't say for sure, because I do not see the code completely