You are viewing an old version of this page. View the current version.
Compare with Current
View Page History
« Previous
Version 7
Next »
If you're a project manager tasked with overseeing multiple projects at once, it may come in useful to have a one-stop dashboard to view important details and charts from those projects.
With a combination of the REP, Scaffolding Forms & Templates, LIN, and Composition Tabs for Confluence apps, it is possible to be build such a dashboard for this use case.
By the end of this use case you should have something like this:
For the project manager to start using this dashboard, they only need to create some project reports by entering the project name in the text field and clicking the Enter Project Name button.
Check it out!
Ingredients
Confluence apps
You will need the following ServiceRocket apps installed on your Confluence.
Complete source code
The following source code is shared using Confluence Storage Format, the XHTML-based format that Confluence uses to store the content of pages, page templates, blueprints, blog posts and comments.
For more information on how to use this source code on your Confluence, read the following article:
Click here for the code source...
<p>
<ac:structured-macro ac:macro-id="afcf4dba-6f30-4305-9b5f-7270dbdeda14" ac:name="detailssummary" ac:schema-version="2">
<ac:parameter ac:name="showLikesCount">true</ac:parameter>
<ac:parameter ac:name="cql">label = "show" and space = currentSpace()</ac:parameter>
</ac:structured-macro>
</p>
<p>
<strong>Show Charts</strong> <ac:structured-macro ac:macro-id="a50e28da-b546-4746-a523-f190741c23b4" ac:name="toggle-cloak" ac:schema-version="1"/>
</p>
<ac:structured-macro ac:macro-id="5656a751-3bb1-4d45-8b1a-1444152cf815" ac:name="cloak" ac:schema-version="1">
<ac:rich-text-body>
<ac:structured-macro ac:macro-id="f4de998b-ff14-417b-8be9-99f7422adc31" ac:name="section" ac:schema-version="1">
<ac:rich-text-body>
<ac:structured-macro ac:macro-id="d98c753c-683c-41c2-997e-bd7fd15b2a4a" ac:name="column" ac:schema-version="1">
<ac:parameter ac:name="width">5%</ac:parameter>
<ac:rich-text-body>
<p>
<br/>
</p>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="e7edc8bd-8a2e-441a-aa68-9fbc632742da" ac:name="column" ac:schema-version="1">
<ac:parameter ac:name="width">25%</ac:parameter>
<ac:rich-text-body>
<ac:structured-macro ac:macro-id="5ed12c7e-1e82-41ff-9cd5-b04d9380fc70" ac:name="chart" ac:schema-version="1">
<ac:parameter ac:name="columns">Title, Cost</ac:parameter>
<ac:parameter ac:name="title">Cost</ac:parameter>
<ac:parameter ac:name="type">bar</ac:parameter>
<ac:rich-text-body>
<p>
<ac:structured-macro ac:macro-id="3d42238c-b4d1-4799-bb31-c9d3705a1203" ac:name="detailssummary" ac:schema-version="2">
<ac:parameter ac:name="showLikesCount">true</ac:parameter>
<ac:parameter ac:name="cql">label = "show" and space = currentSpace()</ac:parameter>
</ac:structured-macro>
</p>
</ac:rich-text-body>
</ac:structured-macro>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="ffb31194-40d4-4f8c-b562-ef1292b687ce" ac:name="column" ac:schema-version="1">
<ac:parameter ac:name="width">25%</ac:parameter>
<ac:rich-text-body>
<ac:structured-macro ac:macro-id="2b6144d6-a91f-4a16-9471-c5778cebbdad" ac:name="chart" ac:schema-version="1">
<ac:parameter ac:name="columns">Title, Remaining Time</ac:parameter>
<ac:parameter ac:name="title">Due Date</ac:parameter>
<ac:parameter ac:name="type">bar</ac:parameter>
<ac:rich-text-body>
<p>
<ac:structured-macro ac:macro-id="01814e4e-d893-4a45-8723-dd1c8234290b" ac:name="detailssummary" ac:schema-version="2">
<ac:parameter ac:name="showLikesCount">true</ac:parameter>
<ac:parameter ac:name="cql">label = "show" and space = currentSpace()</ac:parameter>
</ac:structured-macro>
</p>
</ac:rich-text-body>
</ac:structured-macro>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="5e634953-d0a9-4459-85e1-3e7287b6042b" ac:name="column" ac:schema-version="1">
<ac:parameter ac:name="width">25%</ac:parameter>
<ac:rich-text-body>
<ac:structured-macro ac:macro-id="bf16bf25-8e6c-4447-a7da-47d38e259775" ac:name="chart" ac:schema-version="1">
<ac:parameter ac:name="columns">Title, Team Size</ac:parameter>
<ac:parameter ac:name="title">Team Size</ac:parameter>
<ac:parameter ac:name="type">bar</ac:parameter>
<ac:rich-text-body>
<p>
<ac:structured-macro ac:macro-id="2ccff793-0da0-4d57-abe0-b26ac0265dc0" ac:name="detailssummary" ac:schema-version="2">
<ac:parameter ac:name="showLikesCount">true</ac:parameter>
<ac:parameter ac:name="cql">label = "show" and space = currentSpace()</ac:parameter>
</ac:structured-macro>
</p>
</ac:rich-text-body>
</ac:structured-macro>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="b0ccb42d-021c-4be7-b33b-53c28fd9bdc0" ac:name="column" ac:schema-version="1">
<ac:parameter ac:name="width">5%</ac:parameter>
<ac:rich-text-body>
<p>
<br/>
</p>
</ac:rich-text-body>
</ac:structured-macro>
</ac:rich-text-body>
</ac:structured-macro>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="1011efa2-1ef3-438e-80fc-4834c41eb288" ac:name="section" ac:schema-version="1">
<ac:rich-text-body>
<ac:structured-macro ac:macro-id="7a8e7b85-609e-4644-8335-de94b8fbc983" ac:name="column" ac:schema-version="1">
<ac:parameter ac:name="width">25%</ac:parameter>
<ac:rich-text-body>
<p>
<br/>
</p>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="dcbf0e7d-61a4-48f8-a02b-cb91be303d56" ac:name="column" ac:schema-version="1">
<ac:parameter ac:name="width">50%</ac:parameter>
<ac:rich-text-body>
<ac:structured-macro ac:macro-id="9840dd49-ddc0-4638-91be-d77a4bb35520" ac:name="panel" ac:schema-version="1">
<ac:parameter ac:name="borderColor">blue</ac:parameter>
<ac:parameter ac:name="bgColor">lightblue</ac:parameter>
<ac:rich-text-body>
<p style="text-align: center;">
<ac:structured-macro ac:macro-id="1c1faa39-ff19-42f9-b15a-aebe96c080be" ac:name="add-page-form" ac:schema-version="1">
<ac:parameter ac:name="prefix">Project </ac:parameter>
<ac:parameter ac:name="linkText">Enter Project Name</ac:parameter>
<ac:parameter ac:name="source">Project</ac:parameter>
<ac:parameter ac:name="labels">show</ac:parameter>
</ac:structured-macro>
</p>
</ac:rich-text-body>
</ac:structured-macro>
<p>
<br/>
</p>
<p>
<br/>
</p>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="2516f67a-678b-4b43-aa83-9edb828366b1" ac:name="column" ac:schema-version="1">
<ac:parameter ac:name="width">25%</ac:parameter>
<ac:rich-text-body>
<p>
<br/>
</p>
</ac:rich-text-body>
</ac:structured-macro>
</ac:rich-text-body>
</ac:structured-macro>
Building this use case
Complete macro structure
Click here for the complete macro structure...
