Table of Contents |
---|
minLevel | 1 |
---|
maxLevel | 6 |
---|
outline | false |
---|
type | flat |
---|
separator | pipe |
---|
printable | false |
---|
|
Overview
Let's build the first component of the Moderator Dashboard where a Confluence admin can immediately view recently updated or created pages.
Something that looks like this:Image Removedthe following.
...
Step 1
...
- table and column one
On a draft page
create a section with 3 columns
In the first column
...
...
...
create a Report Block macro
...
Within the Report Block
...
...
...
...
In the Content Reporter
...
create a Date Filter macro
...
...
Now back within the Report Block
...
create a Report Header macro
...
...
In the Report Header macro
...
create a Report Info macro
...
...
...
Again, back within the Report Block
...
create a Report Body macro
...
...
In this Report Body macro
...
create a Hidden Data macro
...
...
In the Hidden Data macro
...
create a Report Info macro
...
...
Step 2 - column two
In the second column
...
...
...
...
Within the Report Block
...
...
...
...
In the Content Reporter
...
...
...
Now back within the Report Block
...
create a Report Header macro
...
...
In the Report Header macro
...
create a Report Info macro
...
...
...
Again, back within the Report Block
...
create a Report Body macro
...
...
In this Report Body macro
...
create a Hidden Data macro
...
...
In the Hidden Data macro
...
create a Report Info macro
...
...
Step 3 - column three
In the third column
...
...
...
...
Within the Report Block
...
...
...
...
In the Content Reporter
...
...
...
Now back within the Report Block
...
create a Report Header macro
...
...
In this Report Header macro
...
create a Report Info macro
...
...
...
Again, back within the Report Block
...
create a Report Body macro
...
...
In the Report Body macro
...
create a Hidden Data macro
...
...
In the Hidden Data macro
...
create a Report Info macro
...
...
Editor
...
view - macro structure
You should have an editor displaying content that looks like this:
Image Removed
Storage Format
...
the following macro structure.
...
Source code
Expand |
---|
title | Storage Format source code | linenumbers
---|
|
| true | collapse | true | <ac:layout>
<ac:layout-section ac:type="three_equal">
<ac:layout-cell>
<ac:structured-macro ac:macro-id="8903159b-04da-4a00-8679-78dcf64293bc" ac:name="panel" ac:schema-version="1">
<ac:parameter ac:name="bgColor">#36B37E</ac:parameter>
<ac:parameter ac:name="borderWidth">0</ac:parameter>
<ac:rich-text-body>
<h2 style="text-align: center;">
<span style="color: rgb(51,51,51);"> </span>
</h2>
<h2 style="text-align: center;">
<span style="color: rgb(51,51,51);">Edited in the last 24h</span>
</h2>
<ac:structured-macro ac:macro-id="5be23bb4-7f0f-4005-9f78-20b3c2f1c35b" ac:name="report-block" ac:schema-version="1">
<ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter>
<ac:rich-text-body>
<ac:structured-macro ac:macro-id="94fcd368-faa5-441e-bff4-e1f2ada33ccf" ac:name="content-reporter" ac:schema-version="1">
<ac:parameter ac:name="types">page</ac:parameter>
<ac:rich-text-body>
<h1>
<span style="color: rgb(51,51,51);"> <ac:structured-macro ac:macro-id="cd8360c2-2657-49ff-a745-dffa7148a0f9" ac:name="date-filter" ac:schema-version="1">
<ac:parameter ac:name="minValue">-1m</ac:parameter>
<ac:parameter ac:name="beforeValue">+0d</ac:parameter>
<ac:parameter ac:name="relativeTo">%data:Relative To%</ac:parameter>
<ac:parameter ac:name="">content:modification date</ac:parameter>
</ac:structured-macro> </span>
</h1>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="aa9b7107-1cd0-4390-b0e1-469ff008b92b" ac:name="report-header" ac:schema-version="1">
<ac:rich-text-body>
<h1 style="text-align: center;">
<span style="color: rgb(51,51,51);"> <ac:structured-macro ac:macro-id="f8c60628-4721-43cb-b69f-4fb83b026077" ac:name="report-info" ac:schema-version="1">
<ac:parameter ac:name="">report:query>collection:size</ac:parameter>
</ac:structured-macro> </span>
</h1>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="15e0fc0d-a29d-4834-a139-867098df3329" ac:name="report-body" ac:schema-version="1">
<ac:rich-text-body>
<ac:structured-macro ac:macro-id="e14931f4-f5f1-4415-aa69-e7d9d44a8833" ac:name="hidden-data" ac:schema-version="1">
<ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter>
<ac:rich-text-body>
<h1>
<span style="color: rgb(51,51,51);"> <ac:structured-macro ac:macro-id="3b421be3-11b8-456b-9e9d-c847f2635379" ac:name="report-info" ac:schema-version="1">
<ac:parameter ac:name="">content:title</ac:parameter>
</ac:structured-macro> </span>
</h1>
</ac:rich-text-body>
</ac:structured-macro>
</ac:rich-text-body>
</ac:structured-macro>
</ac:rich-text-body>
</ac:structured-macro>
</ac:rich-text-body>
</ac:structured-macro>
</ac:layout-cell>
<ac:layout-cell>
<ac:structured-macro ac:macro-id="126252d6-7180-46e1-a247-2577d56712bb" ac:name="panel" ac:schema-version="1">
<ac:parameter ac:name="bgColor">#00B8D9</ac:parameter>
<ac:parameter ac:name="borderWidth">0</ac:parameter>
<ac:rich-text-body>
<h2 style="text-align: center;">
<span style="color: rgb(51,51,51);"> </span>
</h2>
<h2 style="text-align: center;">
<span style="color: rgb(51,51,51);">Created in the last 24h</span>
</h2>
<ac:structured-macro ac:macro-id="5ce2d14b-3234-4e66-8a0c-2ea0078cf45b" ac:name="report-block" ac:schema-version="1">
<ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter>
<ac:rich-text-body>
<ac:structured-macro ac:macro-id="7c647e70-8cd8-4988-b43f-60767aa4791d" ac:name="content-reporter" ac:schema-version="1">
<ac:parameter ac:name="types">page</ac:parameter>
<ac:rich-text-body>
<h2>
<span style="color: rgb(51,51,51);"> <ac:structured-macro ac:macro-id="4c8cbade-6d82-4242-a745-9e5f7da1e9c1" ac:name="date-filter" ac:schema-version="1">
<ac:parameter ac:name="minValue">-1d</ac:parameter>
<ac:parameter ac:name="beforeValue">+0d</ac:parameter>
<ac:parameter ac:name="relativeTo">%data:Relative To%</ac:parameter>
<ac:parameter ac:name="">content:creation date</ac:parameter>
</ac:structured-macro> </span>
</h2>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="b81d9955-cac0-48b2-b439-fdd12ebcaeb0" ac:name="report-header" ac:schema-version="1">
<ac:rich-text-body>
<h1 style="text-align: center;">
<span style="color: rgb(51,51,51);"> <ac:structured-macro ac:macro-id="639aa3c0-cc0d-4a80-9ba7-01bb65e0f585" ac:name="report-info" ac:schema-version="1">
<ac:parameter ac:name="">report:query>collection:size</ac:parameter>
</ac:structured-macro> </span>
</h1>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="7f12049d-f107-4f44-8c47-fff669a74a2c" ac:name="report-body" ac:schema-version="1">
<ac:rich-text-body>
<ac:structured-macro ac:macro-id="b0804e24-822d-42d1-9753-4da4c1012ccf" ac:name="hidden-data" ac:schema-version="1">
<ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter>
<ac:rich-text-body>
<h2>
<span style="color: rgb(51,51,51);"> <ac:structured-macro ac:macro-id="7016e14d-9ffc-4c22-95a5-83c06ea0944b" ac:name="report-info" ac:schema-version="1">
<ac:parameter ac:name="">content:title</ac:parameter>
</ac:structured-macro> </span>
</h2>
</ac:rich-text-body>
</ac:structured-macro>
</ac:rich-text-body>
</ac:structured-macro>
</ac:rich-text-body>
</ac:structured-macro>
</ac:rich-text-body>
</ac:structured-macro>
</ac:layout-cell>
<ac:layout-cell>
<ac:structured-macro ac:macro-id="1a6a2ca1-fa36-4c2c-8045-5b73f36d45e6" ac:name="panel" ac:schema-version="1">
<ac:parameter ac:name="bgColor">#FFAB00</ac:parameter>
<ac:parameter ac:name="borderWidth">0</ac:parameter>
<ac:rich-text-body>
<h2 style="text-align: center;">
<span style="color: rgb(51,51,51);"> </span>
</h2>
<h2 style="text-align: center;">
<span style="color: rgb(51,51,51);">Comments in the last 24h</span>
</h2>
<ac:structured-macro ac:macro-id="4e06cbbe-f21e-42bc-befb-195f0aadc88e" ac:name="report-block" ac:schema-version="1">
<ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter>
<ac:rich-text-body>
<ac:structured-macro ac:macro-id="e5fe9946-b959-4a08-b70f-a00335d18eae" ac:name="content-reporter" ac:schema-version="1">
<ac:parameter ac:name="types">comment</ac:parameter>
<ac:rich-text-body>
<h1>
<span style="color: rgb(51,51,51);"> <ac:structured-macro ac:macro-id="30a72078-8b90-4a99-9501-01dc6a1ac1ad" ac:name="date-filter" ac:schema-version="1">
<ac:parameter ac:name="minValue">-3m</ac:parameter>
<ac:parameter ac:name="beforeValue">+0d</ac:parameter>
<ac:parameter ac:name="relativeTo">%data:Relative To%</ac:parameter>
<ac:parameter ac:name="">content:modification date</ac:parameter>
</ac:structured-macro> </span>
</h1>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="c56f33fc-1e92-478c-8a10-c205f2978ee2" ac:name="report-header" ac:schema-version="1">
<ac:rich-text-body>
<h1 style="text-align: center;">
<span style="color: rgb(51,51,51);"> <ac:structured-macro ac:macro-id="4f74f1ff-290d-488c-a9e3-a3e63d04a6e8" ac:name="report-info" ac:schema-version="1">
<ac:parameter ac:name="">report:query>collection:size</ac:parameter>
</ac:structured-macro> </span>
</h1>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="70cc4bf3-4769-47ec-8208-424c7c36e2a0" ac:name="report-body" ac:schema-version="1">
<ac:rich-text-body>
<ac:structured-macro ac:macro-id="ae43ac7f-004b-4b1f-99ec-cc9248533f78" ac:name="hidden-data" ac:schema-version="1">
<ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter>
<ac:rich-text-body>
<h1>
<span style="color: rgb(51,51,51);"> <ac:structured-macro ac:macro-id="1471bd79-228d-47ae-810b-33b3899bd126" ac:name="report-info" ac:schema-version="1">
<ac:parameter ac:name="">content:title</ac:parameter>
</ac:structured-macro> </span>
</h1>
</ac:rich-text-body>
</ac:structured-macro>
</ac:rich-text-body>
</ac:structured-macro>
</ac:rich-text-body>
</ac:structured-macro>
</ac:rich-text-body>
</ac:structured-macro>
</ac:layout-cell>
</ac:layout-section>
</ac:layout> |
|
...
Next
...
Part 2 - Building the recently modified view panel