Template:Task: Difference between revisions

Browse history interactively

← Older edit Newer edit →

Content deleted Content added

VisualWikitext

Inline

Revision as of 23:47, 27 August 2022

Task template:

Something should be done

Fennec

16.08.2022

Here's how

Something should be done

Fennec

16.08.2022

Here's how

@@ Line 6: / Line 6: @@
 |task-date=2022-08-16
 |task-status=Done
+}}
+{{task
+|task-title=Something should be done
+|task-description=Here's how
+|task-user=Fennec
+|task-date=2022-08-16
 }}
 </noinclude>
-<includeonly>
+<includeonly>{{#vardefine:task-no|{{#counter:tasks}} }}
-<div class="card card-body task-card fox-card status-{{{status|open}}}">
+<div class="card card-body task-card fox-card card-{{{color|purple}}} {{#if: {{{shadow|}}}||no-shadow}} status-{{{status|open}}}">
     <div class="row">
-<div class="col-8"><h5 class="task-title">{{{task-title|}}}</h5></div>
+<div class="col-md-7"><h5 class="task-title" role="button" data-target="#task-{{#var:task-no}}" data-toggle="collapse">{{{task-title|}}}</h5></div>
-<div class="col-4">{{AutoEdit dropdown|states=Done;Still working;Stuck|currentState={{{task-status|Change status}}} }}</div>
+<div class"col-md-3"><div class="task-metadata row">
+{{#if: {{{task-user|}}}|<div class="task-owner">{{I|user|fad|pt-2 pl-2}} {{{task-user}}}</div>|}}
+{{#if: {{{task-date|}}}|<div class="task-date">{{I|calendar|fad|pt-2 pl-2}} {{#time:d.m.Y|{{{task-date}}}}}</div>|}}
+{{#if: {{{task-priority|}}}|<div class="task-priority">{{I|star|fad|pt-2 pl-2}} {{{task-priority}}}</div>|}}
+<div class="task-status">{{I|check-circle|fad|pt-2 pl-2}} {{AutoEdit dropdown|states=Done;Still working;Stuck|currentState={{{task-status|Change status}}}|inline=yes|condensed=yes|no-border=yes }}</div>
+</div></div><div class="collapse task-more" id="task-{{#var:task-no}}">
     {{#if: {{{task-description|}}}|<div class="task-description">
 {{{task-description|}}}
     </div>|}}
-<div class="task-metadata">
-{{#if: {{{task-user|}}}|<div class="task-owner"><i class="fal fa-user"></i> {{{task-user}}}</div>|}}
-{{#if: {{{task-date|}}}|<div class="task-date"><i class="fal fa-calendar-alt"></i> {{#time:d.m.Y|{{{task-date}}}}}</div>|}}
-{{#if: {{{task-priority|}}}|<div class="task-priority"><i class="fal fa-star"></i> {{{task-priority}}}</div>|}}
 </div>
-<span class="task-status">{{{task-status|}}}
-</span>
 </div>
 </includeonly>