Skip to content

Instantly share code, notes, and snippets.

@gregmac

gregmac/usermacro.html

Last active May 4, 2017 21:24
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save gregmac/fa89a3d86dcb1a008153 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save gregmac/fa89a3d86dcb1a008153 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. gregmac revised this gist Sep 21, 2015. 1 changed file with 11 additions and 2 deletions.
    13 changes: 11 additions & 2 deletions usermacro.html
    View file
    Original file line number Diff line number Diff line change
    @@ -6,13 +6,14 @@
    ##
    ## Developed by: Greg MacLellan
    ## Date created: 2015-09-15
    ## 2015-09-21: Added suppor for displaying parse errors while rendering
    ## Installed by: Greg MacLellan

    ## @param Theme:title=Theme|type=enum|required=true|enumValues=Hand drawn,Simple

    #set( $id = $action.dateFormatter.calendar.timeInMillis)

    <div id="diagram$id" class="sequence-diagram" data-sequence-theme="$paramTheme">$body</div>
    <div id="diagram$id" class="sequence-diagram" data-sequence-theme="$paramTheme" style="font-family: monospace; white-space: pre;">$body</div>
    <script type="text/javascript">
    jQuery(function() {
    if (typeof sequenceInitalized == "undefined") {
    @@ -23,7 +24,15 @@
    jQuery(".sequence-diagram").each(function(e) {
    var jqe = jQuery(this);
    var theme = jqe.attr('data-sequence-theme') == "Simple" ? "simple" : "hand";
    jqe.sequenceDiagram({theme: theme});
    try {
    jqe.sequenceDiagram({theme: theme});
    } catch (err) {
    console.log('Sequence error', err.message);
    jqe
    .css('border', '1px solid #999')
    .append('<div class="error">'+err.message+'</div>');
    throw err;
    }
    });
    });
    });
  2. gregmac revised this gist Sep 16, 2015. 1 changed file with 7 additions and 3 deletions.
    10 changes: 7 additions & 3 deletions usermacro.html
    View file
    Original file line number Diff line number Diff line change
    @@ -8,19 +8,23 @@
    ## Date created: 2015-09-15
    ## Installed by: Greg MacLellan

    ## @noparams
    ## @param Theme:title=Theme|type=enum|required=true|enumValues=Hand drawn,Simple

    #set( $id = $action.dateFormatter.calendar.timeInMillis)

    <div id="diagram$id" class="sequence-diagram">$body</div>
    <div id="diagram$id" class="sequence-diagram" data-sequence-theme="$paramTheme">$body</div>
    <script type="text/javascript">
    jQuery(function() {
    if (typeof sequenceInitalized == "undefined") {
    sequenceInitalized = true;

    jQuery.getScript("https://cdn.rawgit.com/bramp/js-sequence-diagrams/gh-pages/js/raphael-min.js", function() {
    jQuery.getScript("https://cdn.rawgit.com/bramp/js-sequence-diagrams/gh-pages/js/sequence-diagram-min.js", function() {
    jQuery(".sequence-diagram").sequenceDiagram({theme: 'hand'});
    jQuery(".sequence-diagram").each(function(e) {
    var jqe = jQuery(this);
    var theme = jqe.attr('data-sequence-theme') == "Simple" ? "simple" : "hand";
    jqe.sequenceDiagram({theme: theme});
    });
    });
    });
    }
  3. gregmac created this gist Sep 16, 2015.
    29 changes: 29 additions & 0 deletions usermacro.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,29 @@
    ## Macro title: UML Sequence Diagram
    ## Macro has a body: Y
    ## Body processing: Unrendered
    ##
    ## This macro allows use of js-sequence-diagrams from http://bramp.github.io/js-sequence-diagrams/
    ##
    ## Developed by: Greg MacLellan
    ## Date created: 2015-09-15
    ## Installed by: Greg MacLellan

    ## @noparams

    #set( $id = $action.dateFormatter.calendar.timeInMillis)

    <div id="diagram$id" class="sequence-diagram">$body</div>
    <script type="text/javascript">
    jQuery(function() {
    if (typeof sequenceInitalized == "undefined") {
    sequenceInitalized = true;

    jQuery.getScript("https://cdn.rawgit.com/bramp/js-sequence-diagrams/gh-pages/js/raphael-min.js", function() {
    jQuery.getScript("https://cdn.rawgit.com/bramp/js-sequence-diagrams/gh-pages/js/sequence-diagram-min.js", function() {
    jQuery(".sequence-diagram").sequenceDiagram({theme: 'hand'});
    });
    });
    }

    });
    </script>