taikii / redmine_mermaid_macro Goto Github PK

{{mermaid
%%{init: {'theme': 'forest'} }%%
gantt 
    dateFormat  YYYY-MM-DD
    title       Adding GANTT diagram functionality to mermaid
    excludes    weekends
    %% (`excludes` accepts specific dates in YYYY-MM-DD format, days of the week ("sunday") or "weekends", but not the word "weekdays".)

    section A section
    Completed task            :done,    des1, 2014-01-06,2014-01-08
    Active task               :active,  des2, 2014-01-09, 3d
    Future task               :         des3, after des2, 5d
    Future task2              :         des4, after des3, 5d

    section Critical tasks
    Completed task in the critical line :crit, done, 2014-01-06,24h
    Implement parser and jison          :crit, done, after des1, 2d
    Create tests for parser             :crit, active, 3d
    Future task in critical line        :crit, 5d
    Create tests for renderer           :2d
    Add to mermaid                      :1d
    Functionality added                 :milestone, 2014-01-25, 0d

    section Documentation
    Describe gantt syntax               :active, a1, after des1, 3d
    Add gantt diagram to demo page      :after a1  , 20h
    Add another diagram to demo page    :doc1, after a1  , 48h

    section Last section
    Describe gantt syntax               :after doc1, 3d
    Add gantt diagram to demo page      :20h
    Add another diagram to demo page    :48h
}}

<script src="/assets/diagram_versions-c9bc306a1d9987a87bebf3dd1e855122d16f6be5cf688475b48b81297642f5d6.js" defer="defer"></script> <link rel="stylesheet" media="all" href="/plugin_assets/redmine_mermaid_macro/stylesheets/redmine_mermaid_macro.css?1675414321" />

<div class="wiki wiki-page">
  <h2>Mermaid Macro Plugin Test</h2><pre><code class="language-plaintext">{{mermaid()
graph LR;
  A[start]
  B[end]
  A --&amp;gt; B
}}</code></pre>
</div>

<div id="diagram-modal" style="display: none">
</div> <script src="https://unpkg.com/[email protected]/dist/mermaid.min.js"></script><script>
//<![CDATA[
mermaid.initialize({startOnLoad:true});var mermaidInitialized = 1;
//]]>
</script>