Last edited one year ago
by Demo writer

Template:Action points and Template:Banner/styles.css: Difference between pages

(Difference between pages)
hw>Mlink-rodrigue
No edit summary
 
hw>Mlink-rodrigue
No edit summary
 
Line 1: Line 1:
<noinclude>Use this template to create "action points" in other wiki pages, such as meeting minutes.
/* styles for banner template */
For each "action point", a semantic subobject is created, which has its own property values. This allows to query e.g. all open action points for a specific user or from a specific namespace or subpage.
 
</noinclude><includeonly><templatestyles src="Action points/styles.css" />
.bannerbox {display:flex; background:#f1f3f9; }
{{#subobject:
.bannerbox .floatleft {margin:0;}
|ap-name={{{apname|}}}
 
|ap-description={{{apdescription|}}}
.banner-image { flex-grow:0;  flex-basis:auto;}
|ap-status={{{apstatus|}}}
.banner-content {flex-grow:1; flex-shrink:1; flex-basis:60%}
|ap-duedate={{{apduedate|}}}
.bannerbox .banner-title .bannerhd {font-size:1.6em; font-weight:bold}
|ap-comment={{{apcomment|}}}
.bannerbox .banner-text {font-size:1.3em;}
|ap-marker=1
.banner-content {padding:10px;}
}}<div class="ap {{#switch:{{{apstatus|}}}|open|offen=open|done|erledigt|ok|closed|geschlossen=done}}"><span id="ap-name">[[ap-name::{{{apname|}}}]]</span><span id="ap-description">{{{apdescription|}}}</span><span id="ap-status" class="{{#switch:{{{apstatus|}}}|open|offen=open|done|erledigt|ok|closed|geschlossen=done}}">{{#switch:{{{apstatus|}}}|open|offen=open|done|erledigt|ok|closed|geschlossen=closed}}</span>{{#if:{{{apduedate|}}}|<span id="ap-duedate"><span class="ap-label">Due:</span> [[ap-duedate::{{{apduedate|}}}]]</span>|}}{{#if: {{{apcomment|}}}|<div id="ap-comment"><span class="ap-label">Comment:</span> {{{apcomment|}}}</div>|}}</div></includeonly><noinclude>
 
<templatedata>
@media only screen
{
  and (max-width: 600px) {
"params": {
.bannerbox {flex-wrap:wrap;}
"apname": {
.banner-image {flex-basis:100%;}
"label": {
.banner-image img{ width: 100%;}
"en": "Who?",
.banner-content {flex-basis:100%}
"de": "Wer?"
},
"description": {
"en": "Who needs to complete the task?",
"de": "Wer soll die Aufgabe ausführen?"
},
"type": "wiki-user-name",
"required": true
},
"apdescription": {
"label": {
"en": "What?",
"de": "Was?"
},
"description": {
"en": "What needs to be done?",
"de": "Was ist die Aufgabe?"
},
"required": true
},
"apstatus": {
"label": {
"en": "Status",
"de": "Status"
},
"description": {
"en": "open or closed",
"de": "offen oder geschlossen"
},
"default": {
"en": "open",
"de": "offen"
},
"required": true
},
"apduedate": {
"label": {
"en": "Due date",
"de": "Fällig am:"
},
"description": {
"de": "Fälligkeitsdatum, sollte 7-14 Tage sein"
},
"suggested": true
},
"apcomment": {
"label": {
"en": "Comment",
"de": "Kommentar"
},
"description": {
"en": "Task comment or closing comment",
"de": "Kommentar zur Aufgabe oder zum Abschluss"
},
"suggested": true
}
},
"description": {
"en": "Create tasks, e.g. during meetings ",
"de": "Aufgabe erstellen, z.B. in einem Protokoll"
}
}
}
</templatedata>
</noinclude>

Revision as of 08:49, 8 September 2022

/* styles for banner template */

.bannerbox {display:flex; background:#f1f3f9; }
.bannerbox .floatleft {margin:0;}

.banner-image { flex-grow:0;  flex-basis:auto;}
.banner-content {flex-grow:1; flex-shrink:1; flex-basis:60%}
.bannerbox .banner-title .bannerhd {font-size:1.6em; font-weight:bold}
.bannerbox .banner-text {font-size:1.3em;}
.banner-content {padding:10px;}

@media only screen
  and (max-width: 600px) {
.bannerbox {flex-wrap:wrap;}
.banner-image {flex-basis:100%;}
.banner-image img{ width: 100%;}
.banner-content {flex-basis:100%}
}
No categories assignedEdit

Discussions