RT-Extension-LifecycleUI

 view release on metacpan or  search on metacpan

html/Elements/LifecycleGraph  view on Meta::CPAN

<div class="lifecycle-ui<% $Editing ? ' editing' : '' %><% $Interactive ? ' interactive' : '' %><% $Zoomable ? ' zoomable' : '' %> center-<% $Center || 'origin' %>" id="lifecycle-<% $id %>">
    <div class="lifecycle-view">
      <div class="overlay-buttons">
          <button class="zoom zoom-in">+</button>
          <button class="zoom zoom-reset">0</button>
          <button class="zoom zoom-out">-</button>
      </div>
      <svg>
          <& /Elements/LifecycleGraphExtras, %ARGS &>
          <g class="transform">
            <g class="decorations"></g>
            <g class="transitions"></g>
            <g class="statuses"></g>

static/css/lifecycleui-editor.css  view on Meta::CPAN

    /* checkerboard pattern */
    background: #F9F9F9 url('data:image/svg+xml,\
        <svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"         fill-opacity=".05" >\
            <rect x="200" width="200" height="200" />\
            <rect y="200" width="200" height="200" />\
    </svg>');
    background-size: 25px 25px;
}

.lifecycle-ui.editing .overlay-buttons {
    left: 700px;
}

.lifecycle-ui .inspector {
    display: inline-block;
    width: 250px;
    min-height: 500px;
    border: 1px solid black;
}

static/css/lifecycleui-viewer.css  view on Meta::CPAN

.lifecycle-ui svg {
    border: 1px solid black;
    width: 500px;
    height: 309px;
}

.lifecycle-ui.center-fit:not(.zoomable) svg {
    border: none;
}

.lifecycle-ui .overlay-buttons {
    position: absolute;
    top: 1em;
    left: 391px;
}

.lifecycle-ui .overlay-buttons .zoom {
    display: none;
}

.lifecycle-ui.zoomable .overlay-buttons .zoom {
    display: inline-block;
}

.lifecycle-ui .statuses circle {
    stroke: black;
    stroke-width: 2px;
}

.lifecycle-ui .transitions path {
    stroke: black;

static/css/lifecycleui-viewer.css  view on Meta::CPAN

}

.lifecycle-ui .decorations text.italic {
    font-style: italic;
}

.lifecycle-ui .lifecycle-view {
    position: relative;
}

.lifecycle-ui .overlay-buttons button {
    border: none;
}

static/js/d3.min.js  view on Meta::CPAN

// https://d3js.org Version 4.10.0. Copyright 2017 Mike Bostock.
(function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(t.d3=t.d3||{})})(this,function(t){"use strict";function n(t){return function(n,e){return ss(t(n),e)}}function...