gnh1201/seeddms-code
1
0
Fork 0
mirror of https://git.code.sf.net/p/seeddms/code synced 2025-05-13 13:11:31 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

add legend, click on action list users and groups

Browse Source
This commit is contained in:
Uwe Steinmann 2016-08-31 15:23:30 +02:00
parent 23592faf34
commit 730f0aee60
1 changed files with 37 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
views/bootstrap/class.WorkflowGraph.php
View File

@ -48,7 +48,7 @@ var cy = cytoscape({
'height': 40, 'height': 40,
'width': 40, 'width': 40,
'text-valign': 'top', 'text-valign': 'top',
'text-halign': 'right', 'text-halign': 'center',
// 'color': '#fff', // 'color': '#fff',
'background-color': '#11479e', 'background-color': '#11479e',
// 'text-outline-color': '#11479e', // 'text-outline-color': '#11479e',
@ -61,7 +61,7 @@ var cy = cytoscape({
{ {
selector: 'node.action', selector: 'node.action',
style: { style: {
'shape': 'rectangle', 'shape': 'roundrectangle',
'height': 30, 'height': 30,
'width': 30, 'width': 30,
'background-color': '#91479e', 'background-color': '#91479e',
@ -81,6 +81,8 @@ var cy = cytoscape({
selector: 'node.released', selector: 'node.released',
style: { style: {
'background-color': '#00b000', 'background-color': '#00b000',
'text-valign': 'bottom',
'text-margin-y': '3px',
// 'text-outline-color': '#00b000' // 'text-outline-color': '#00b000'
} }
}, },
@ -89,6 +91,8 @@ var cy = cytoscape({
selector: 'node.rejected', selector: 'node.rejected',
style: { style: {
'background-color': '#b00000', 'background-color': '#b00000',
'text-valign': 'bottom',
'text-margin-y': '3px',
// 'text-outline-color': '#b00000' // 'text-outline-color': '#b00000'
} }
}, },
@ -112,6 +116,20 @@ var cy = cytoscape({
cy.on('free', 'node', function(evt) { cy.on('free', 'node', function(evt) {
$('#png').attr('src', cy.png({'full': true})); $('#png').attr('src', cy.png({'full': true}));
}); });
cy.on('tap', 'node', function(evt) {
var node = evt.cyTarget;
var scratch = node.scratch('app');
noty({
text: (scratch.users ? '<p><?php printMLText('users'); ?>: ' + scratch.users + '</p>' : '') + (scratch.groups ? '<?php printMLText('groups'); ?>: ' + scratch.groups + '</p>' : ''),
type: 'information',
dismissQueue: true,
layout: 'topCenter',
theme: 'defaultTheme',
timeout: 4000,
killer: true,
});
});
<?php <?php
if(!$renderdata) if(!$renderdata)
$this->printGraph(); $this->printGraph();
@ -171,9 +189,12 @@ $(document).ready(function() {
echo "cy.add({ echo "cy.add({
data: { data: {
id: 'A".$transition->getID()."-".$action->getID()."', id: 'A".$transition->getID()."-".$action->getID()."',
name: \"".str_replace('"', "\\\"", $action->getName()).($unames ? "\\n(".str_replace('"', "\\\"", implode(", ", $unames)).")" : '').($gnames ? "\\n(".str_replace('"', "\\\"", implode(", ", $gnames)).")" : '')."\" name: \"".str_replace('"', "\\\"", $action->getName())/*.($unames ? "\\n(".str_replace('"', "\\\"", implode(", ", $unames)).")" : '').($gnames ? "\\n(".str_replace('"', "\\\"", implode(", ", $gnames)).")" : '')*/."\"
}, },
classes: 'action' classes: 'action',
scratch: {
app: {groups: '".implode(", ", $gnames)."', users: '".implode(", ", $unames)."'}
}
});\n"; });\n";
} }
@ -185,7 +206,7 @@ $(document).ready(function() {
echo "cy.add({ echo "cy.add({
data: { data: {
id: 'S".$state->getID()."', id: 'S".$state->getID()."',
name: \"".str_replace('"', "\\\"", $state->getName()."\\n".$initstate)."\" name: \"".str_replace('"', "\\\"", $state->getName()/*."\\n".$initstate*/)."\"
}, },
classes: 'state ".($state == $this->workflow->getInitState() ? 'init' : '')."' classes: 'state ".($state == $this->workflow->getInitState() ? 'init' : '')."'
});\n"; });\n";
@ -254,17 +275,25 @@ $(document).ready(function() {
body {padding: 0px;} body {padding: 0px;}
div.buttons {float: right; padding-left: 4px; height: 100px; width: 120px; margin-right: 5px;} div.buttons {float: right; padding-left: 4px; height: 100px; width: 120px; margin-right: 5px;}
div.buttons button {margin: 3px; float: right;} div.buttons button {margin: 3px; float: right;}
#preview {background: #f5f5f5; border-top: 1px solid #e3e3e3;} #legend {display: inline-block; margin-left: 10px;}
#preview img {border: 1px solid #bbb; background: #fff; min-height: 100px; min-width: 100px; height: 100px; _width: 100px; padding: 3px; margin: 3px;} #preview {height: 115px; background: #f5f5f5; border-top: 1px solid #e3e3e3;}
#preview img {float: left;border: 1px solid #bbb; background: #fff; min-height: 100px; min-width: 100px; height: 100px; _width: 100px; padding: 3px; margin: 3px;}
</style> </style>
', 'css'); ', 'css');
$this->htmlStartPage(getMLText("admin_tools")); $this->htmlStartPage(getMLText("admin_tools"));
// $this->contentContainerStart(); // $this->contentContainerStart();
?> ?>
<div id="canvas" style="width: 100%; height:546px; _border: 1px solid #bbb;"></div> <div id="canvas" style="width: 100%; height:545px; _border: 1px solid #bbb;"></div>
<div id="preview"> <div id="preview">
<img id="png" /> <img id="png" />
<div id="legend">
<i class="icon-circle" style="color: #ff9900;"></i> <?php printMLText("workflow_initstate"); ?><br />
<i class="icon-circle" style="color: #00b000;"></i> <?php echo getOverallStatusText(S_RELEASED); ?><br />
<i class="icon-circle" style="color: #b00000;"></i> <?php echo getOverallStatusText(S_REJECTED); ?><br />
<i class="icon-circle" style="color: #11479e;"></i> <?php echo getOverallStatusText(S_IN_WORKFLOW); ?><br />
<i class="icon-sign-blank" style="color: #91479e;"></i> <?php echo printMLText('global_workflow_actions'); ?>
</div>
<div class="buttons"> <div class="buttons">
<button class="btn btn-mini" id="setlayout" data-layout="cose">Redraw</button> <button class="btn btn-mini" id="setlayout" data-layout="cose">Redraw</button>
</div> </div>