Versions Compared

Old Version 5

changes.mady.by.user Li Xuan Liew

Saved on

compared with

New Version Current

changes.mady.by.user Robert Alexander Marshall

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel6
outlinefalse
typeflat
separatorpipe
printablefalse

Overview

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 

...

Reporting, Scaffolding Forms & Templates, 

...

Linking for Confluence, 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

...

a dashboard similar to the one below.

Image Added

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!

Auibutton
titleVisit live demo site
typestandard
urlDefaultLink[destination=UrlResourceIdentifier[url=https://demo.servicerocket.io/display/UC/Visualizing+your+project+with+an+overview+dashboard],body=<null>,tooltip=<null>,anchor=<null>]

...

Insert excerpt
Use case asset
Use case asset
nameReporting_logo
nopaneltrue

Insert excerpt
Use case asset
Use case asset
nameScaffolding_logo
nopaneltrue

Insert excerpt
Use case asset
Use case asset
nameLinking_logo
nopaneltrue

Insert excerpt
Use case asset
Use case asset
nameComposition_logo
nopaneltrue

Ingredients

Confluence apps

You will need the following

...

Appfire 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.

Info

For more information on how to use this source code on your Confluence, read the following article

...

- How do I use Recipes that use the Storage Format with the Confluence Source Editor?

Expand
titleClick here for the code source

...

Code Block
<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
 Expand
titleClick here for the complete macro structure
...
Image Added
Building this use case
 Child pages (Children Display)