| Revision | 7 (tree) |
|---|---|
| Time | 2021-10-01 04:32:29 |
| Author |  mateuszviste |
todo items that are done are styled differently
trunk/index.php (diff)
trunk/style.css (diff)| @@ -74,6 +74,16 @@ | ||
| 74 | 74 | echo '<input type="hidden" name="formtype" value="' . $formtype . '">' . "\n"; |
| 75 | 75 | echo '<input type="hidden" name="id" value="' . $id . '">' . "\n"; |
| 76 | 76 | |
| 77 | + if ($formtype === 'TODO') { | |
| 78 | + echo "status: "; | |
| 79 | + if ($obj['doneday'] == 0) { | |
| 80 | + echo "not done"; | |
| 81 | + } else { | |
| 82 | + echo "done since " . day2formdate($obj['doneday']); | |
| 83 | + } | |
| 84 | + echo "<br><br>\n"; | |
| 85 | + } | |
| 86 | + | |
| 77 | 87 | if (($formtype === 'TODO') || ($formtype === 'MEMO')) { |
| 78 | 88 | echo "notbefore:<br>\n"; |
| 79 | 89 | if (!empty($obj)) { |
| @@ -369,10 +379,12 @@ | ||
| 369 | 379 | } |
| 370 | 380 | if ($row['doneday'] == 0) { |
| 371 | 381 | $checkbox = '☐'; |
| 382 | + $classname = 'todo'; | |
| 372 | 383 | } else { |
| 373 | 384 | $checkbox = '☑'; |
| 385 | + $classname = 'tododone'; | |
| 374 | 386 | } |
| 375 | - echo ' <div class="todo"><a href="?day=' . $day . '&a=todocheck&id=' . $row['id'] . '">' . $checkbox . '</a> <a href="?a=todo&day=' . $day . '&id=' . $row['id'] . '">' . htmlspecialchars($row['title']) . "</a></div>\n"; | |
| 387 | + echo ' <div class="' . $classname . '"><a href="?day=' . $day . '&a=todocheck&id=' . $row['id'] . '">' . $checkbox . '</a> <a href="?a=todo&day=' . $day . '&id=' . $row['id'] . '">' . htmlspecialchars($row['title']) . "</a></div>\n"; | |
| 376 | 388 | } |
| 377 | 389 | $sqlres->finalize(); |
| 378 | 390 | echo "</div>\n"; |
| @@ -74,7 +74,7 @@ | ||
| 74 | 74 | margin-top: 1em; |
| 75 | 75 | } |
| 76 | 76 | |
| 77 | -div.event, div.eventpast, div.memo, div.todo { | |
| 77 | +div.event, div.eventpast, div.memo, div.todo, div.tododone { | |
| 78 | 78 | margin: 0.2em 0; |
| 79 | 79 | border: 1px #ccc solid; |
| 80 | 80 | border-radius: 0.25em; |
| @@ -91,6 +91,10 @@ | ||
| 91 | 91 | background: #ffd; |
| 92 | 92 | } |
| 93 | 93 | |
| 94 | +div.tododone { | |
| 95 | + background: #eee; | |
| 96 | +} | |
| 97 | + | |
| 94 | 98 | div.eventpast { |
| 95 | 99 | color: #222; |
| 96 | 100 | background: #eec; |
| @@ -197,6 +201,11 @@ | ||
| 197 | 201 | background: inherit; |
| 198 | 202 | } |
| 199 | 203 | |
| 204 | + div.event, div.eventpast, div.todo, div.tododone, div.memo { | |
| 205 | + background: #111; | |
| 206 | + border-color: #888; | |
| 207 | + } | |
| 208 | + | |
| 200 | 209 | div.event { |
| 201 | 210 | background: #222; |
| 202 | 211 | } |
| @@ -203,13 +212,16 @@ | ||
| 203 | 212 | |
| 204 | 213 | div.eventpast { |
| 205 | 214 | color: #666; |
| 206 | - background: #111; | |
| 207 | 215 | } |
| 208 | 216 | |
| 209 | 217 | div.todo { |
| 210 | - background: #111; | |
| 211 | 218 | } |
| 212 | 219 | |
| 220 | + div.tododone { | |
| 221 | + border-color: #666; | |
| 222 | + color: #999; | |
| 223 | + } | |
| 224 | + | |
| 213 | 225 | div.memo { |
| 214 | 226 | background: #222; |
| 215 | 227 | } |