mirror of
https://github.com/OrchardCMS/Orchard.git
synced 2025-04-05 21:01:35 +08:00
Fixing that Workflows activities are not measured in relative coordinates
This commit is contained in:
Lombiq
parent
188fabe233
commit
c5fb96ca4f
@ -1,288 +1,307 @@
|
||||
var connectorPaintStyle = {
|
||||
lineWidth: 2,
|
||||
strokeStyle: "#999",
|
||||
joinstyle: "round",
|
||||
//outlineColor: "white",
|
||||
//outlineWidth: 7
|
||||
};
|
||||
|
||||
var connectorHoverStyle = {
|
||||
lineWidth: 2,
|
||||
strokeStyle: "#225588"
|
||||
};
|
||||
|
||||
var sourceEndpointOptions = {
|
||||
endpoint: ["Dot", { cssClass: 'sourceEndpoint', radius: 5 }],
|
||||
paintStyle: { fillStyle: '#225588' },
|
||||
isSource: true,
|
||||
isTarget: false,
|
||||
deleteEndpointsOnDetach: false,
|
||||
connector: ["Flowchart"], // gap needs to be the same as makeTarget.paintStyle.radius
|
||||
connectorStyle: connectorPaintStyle,
|
||||
hoverPaintStyle: connectorHoverStyle,
|
||||
connectorHoverStyle: connectorHoverStyle,
|
||||
overlays: [["Label", { location: [3, -1.5], cssClass: "sourceEndpointLabel" }]]
|
||||
};
|
||||
|
||||
jsPlumb.bind("ready", function () {
|
||||
|
||||
jsPlumb.importDefaults({
|
||||
Anchor : "Continuous",
|
||||
// default drag options
|
||||
DragOptions: { cursor: 'pointer', zIndex: 2000 },
|
||||
// default to blue at one end and green at the other
|
||||
EndpointStyles: [{ fillStyle: '#225588' }],
|
||||
// blue endpoints 7 px; Blank endpoints.
|
||||
Endpoints: [["Dot", { radius: 7 }], ["Blank"]],
|
||||
// the overlays to decorate each connection with. note that the label overlay uses a function to generate the label text; in this
|
||||
// case it returns the 'labelText' member that we set on each connection in the 'init' method below.
|
||||
ConnectionOverlays: [
|
||||
["Arrow", { width: 12, length: 12, location: -5 }],
|
||||
// ["Label", { location: 0.1, id: "label", cssClass: "aLabel" }]
|
||||
],
|
||||
ConnectorZIndex: 5
|
||||
});
|
||||
|
||||
// updates the state of any edited activity
|
||||
updateActivities(localId);
|
||||
|
||||
// deserialize the previously locally saved workflow
|
||||
loadActivities(localId);
|
||||
|
||||
// create activity toolbar for controlling their states
|
||||
createToolbar();
|
||||
|
||||
// a new connection is created
|
||||
jsPlumb.bind("jsPlumbConnection", function (connectionInfo) {
|
||||
// ...update your data model here. The contents of the 'connectionInfo' are described below.
|
||||
});
|
||||
|
||||
// a connection is detached
|
||||
jsPlumb.bind("jsPlumbConnectionDetached", function (connectionInfo) {
|
||||
// ...update your data model here. The contents of the 'connectionInfo' are described below.
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// instanciates a new workflow widget in the editor
|
||||
var createActivity = function (activityName, top, left) {
|
||||
return renderActivity(null, -1, activityName, {}, false, top, left);
|
||||
};
|
||||
|
||||
|
||||
// create a new activity node on the editor
|
||||
$('.activity-toolbox-item').draggable({ helper: 'clone' });
|
||||
$('#activity-editor').droppable({ drop: function(event, ui) {
|
||||
var activityName = ui.draggable.data('activity-name');
|
||||
if (activityName && activityName.length) {
|
||||
createActivity(activityName, event.pageY, event.pageX);
|
||||
}
|
||||
|
||||
displaySaveMessage();
|
||||
}
|
||||
});
|
||||
|
||||
$("#search-box").focus().on("keyup", function (e) {
|
||||
var text = $(this).val();
|
||||
if (text == "") {
|
||||
$(".activity-toolbox-item").show();
|
||||
} else {
|
||||
var lowerCaseText = text.toLowerCase();
|
||||
$(".activity-toolbox-item").each(function () {
|
||||
var recordText = $(this).data("activity-text").toLowerCase();
|
||||
$(this).toggle(recordText.indexOf(lowerCaseText) >= 0);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
var renderActivity = function (clientId, id, name, state, start, top, left) {
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: renderActivityUrl,
|
||||
data: { name: name, state: state, __RequestVerificationToken: requestAntiForgeryToken },
|
||||
async: false,
|
||||
success: function(data) {
|
||||
var dom = $($.parseHTML($.trim(data)));
|
||||
|
||||
if (dom == null) {
|
||||
return null;
|
||||
}
|
||||
|
||||
dom.addClass('activity');
|
||||
|
||||
if ($.inArray(id, awaitingRecords) != -1) {
|
||||
dom.addClass('awaiting');
|
||||
}
|
||||
|
||||
if (start) {
|
||||
dom.addClass('start');
|
||||
}
|
||||
|
||||
if (clientId) {
|
||||
dom.attr('id', clientId);
|
||||
}
|
||||
|
||||
var editor = $('#activity-editor');
|
||||
editor.append(dom);
|
||||
|
||||
jsPlumb.draggable(dom, { containment: "parent", scroll: true, drag: hideToolbar });
|
||||
|
||||
jsPlumb.makeTarget(dom, {
|
||||
dropOptions: { hoverClass: "dragHover" },
|
||||
anchor: "Continuous",
|
||||
endpoint: "Blank",
|
||||
paintStyle: { fillStyle: "#558822", radius: 3 },
|
||||
});
|
||||
|
||||
var elt = dom.get(0);
|
||||
elt.viewModel = {
|
||||
name: name,
|
||||
state: state,
|
||||
start: start,
|
||||
clientId: dom.attr("id"),
|
||||
hasForm: activities[name].hasForm
|
||||
};
|
||||
|
||||
elt.endpoints = {};
|
||||
|
||||
var outcomes = activities[name].outcomes;
|
||||
|
||||
if (dom.data('outcomes')) {
|
||||
outcomes = eval('[' + dom.data('outcomes') + ']');
|
||||
}
|
||||
|
||||
for (i = 0; i < outcomes.length; i++) {
|
||||
var ep = jsPlumb.addEndpoint(dom, {
|
||||
anchor: "Continuous",
|
||||
connectorOverlays: [["Label", { label: outcomes[i].Label, cssClass: "connection-label" }]],
|
||||
},
|
||||
sourceEndpointOptions);
|
||||
|
||||
elt.endpoints[outcomes[i].Id] = ep;
|
||||
ep.outcome = outcomes[i];
|
||||
// ep.overlays[0].setLabel(outcomes[i].Label);
|
||||
}
|
||||
|
||||
if (activities[name].hasForm) {
|
||||
var edit = function() {
|
||||
saveLocal(localId);
|
||||
window.location.href = editActivityUrl + "/" + $("#id").val() + "?name=" + name + "&clientId=" + elt.viewModel.clientId + "&localId=" + localId;
|
||||
};
|
||||
|
||||
dom.dblclick(edit);
|
||||
elt.viewModel.edit = edit;
|
||||
}
|
||||
|
||||
dom.css('top', top + 'px');
|
||||
dom.css('left', left + 'px');
|
||||
jsPlumb.repaint(elt.viewModel.clientId);
|
||||
|
||||
dom.on("click", function () {
|
||||
var self = $(this);
|
||||
var toolbar = $('#activity-toolbar');
|
||||
|
||||
|
||||
refreshToolbar(this);
|
||||
|
||||
toolbar.position({
|
||||
my: "right bottom",
|
||||
at: "right top",
|
||||
offset: "0 -5",
|
||||
of: self,
|
||||
collision: "none"
|
||||
});
|
||||
|
||||
toolbar.get(0).target = this;
|
||||
toolbar.show();
|
||||
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
var createToolbar = function () {
|
||||
var editor = $('#activity-editor');
|
||||
|
||||
// editor.focus(function () {
|
||||
editor.on("click", function () {
|
||||
hideToolbar();
|
||||
});
|
||||
|
||||
initToolbar();
|
||||
};
|
||||
|
||||
var initToolbar = function() {
|
||||
$('#activity-toolbar-start-checkbox').change(function () {
|
||||
var toolbar = $('#activity-toolbar');
|
||||
var target = $(toolbar).get(0).target;
|
||||
//var clientId = target.attr('id');
|
||||
//var activity = getActivity(localId, clientId);
|
||||
var checked = $(this).is(':checked');
|
||||
target.viewModel.start = checked;
|
||||
$(target).toggleClass('start', checked);
|
||||
|
||||
// display a warning if there are no activities with a start state
|
||||
refreshStateMessage();
|
||||
|
||||
displaySaveMessage();
|
||||
});
|
||||
|
||||
// prevent the editor from getting clicked when the label is clicked
|
||||
$('#activity-toolbar-start').click(function (event) {
|
||||
event.stopPropagation();
|
||||
});
|
||||
};
|
||||
|
||||
function refreshStateMessage() {
|
||||
if ($("#activity-editor div").hasClass('start')) {
|
||||
$("#start-message").hide();
|
||||
} else {
|
||||
$("#start-message").show();
|
||||
}
|
||||
}
|
||||
|
||||
function displaySaveMessage() {
|
||||
$("#save-message").show();
|
||||
}
|
||||
|
||||
var refreshToolbar = function(target) {
|
||||
target = $(target);
|
||||
|
||||
// start button
|
||||
$('#activity-toolbar-start').toggle(target.hasClass('canStart'));
|
||||
$('#activity-toolbar-start-checkbox').prop('checked', target.get(0).viewModel.start);
|
||||
|
||||
// edit button
|
||||
var editButton = $('#activity-toolbar-edit');
|
||||
if (target.get(0).viewModel.hasForm) {
|
||||
editButton.unbind("click").click(target.get(0).viewModel.edit);
|
||||
editButton.toggle(true);
|
||||
} else {
|
||||
editButton.toggle(false);
|
||||
}
|
||||
|
||||
// delete button
|
||||
var deleteButton = $('#activity-toolbar-delete');
|
||||
deleteButton.unbind("click").click(function () {
|
||||
if (!confirm($("#confirm-delete-activity").val())) {
|
||||
return false;
|
||||
}
|
||||
|
||||
jsPlumb.removeAllEndpoints(target.attr('id'));
|
||||
target.remove();
|
||||
|
||||
displaySaveMessage();
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
// hides the
|
||||
var hideToolbar = function () {
|
||||
var toolbar = $('#activity-toolbar');
|
||||
toolbar.offset({ top: 0, left: 0 });
|
||||
toolbar.hide();
|
||||
};
|
||||
var connectorPaintStyle = {
|
||||
lineWidth: 2,
|
||||
strokeStyle: "#999",
|
||||
joinstyle: "round",
|
||||
//outlineColor: "white",
|
||||
//outlineWidth: 7
|
||||
};
|
||||
|
||||
var connectorHoverStyle = {
|
||||
lineWidth: 2,
|
||||
strokeStyle: "#225588"
|
||||
};
|
||||
|
||||
var sourceEndpointOptions = {
|
||||
endpoint: ["Dot", { cssClass: 'sourceEndpoint', radius: 5 }],
|
||||
paintStyle: { fillStyle: '#225588' },
|
||||
isSource: true,
|
||||
isTarget: false,
|
||||
deleteEndpointsOnDetach: false,
|
||||
connector: ["Flowchart"], // gap needs to be the same as makeTarget.paintStyle.radius
|
||||
connectorStyle: connectorPaintStyle,
|
||||
hoverPaintStyle: connectorHoverStyle,
|
||||
connectorHoverStyle: connectorHoverStyle,
|
||||
overlays: [["Label", { location: [3, -1.5], cssClass: "sourceEndpointLabel" }]]
|
||||
};
|
||||
|
||||
jsPlumb.bind("ready", function () {
|
||||
|
||||
jsPlumb.importDefaults({
|
||||
Anchor : "Continuous",
|
||||
// default drag options
|
||||
DragOptions: { cursor: 'pointer', zIndex: 2000 },
|
||||
// default to blue at one end and green at the other
|
||||
EndpointStyles: [{ fillStyle: '#225588' }],
|
||||
// blue endpoints 7 px; Blank endpoints.
|
||||
Endpoints: [["Dot", { radius: 7 }], ["Blank"]],
|
||||
// the overlays to decorate each connection with. note that the label overlay uses a function to generate the label text; in this
|
||||
// case it returns the 'labelText' member that we set on each connection in the 'init' method below.
|
||||
ConnectionOverlays: [
|
||||
["Arrow", { width: 12, length: 12, location: -5 }],
|
||||
// ["Label", { location: 0.1, id: "label", cssClass: "aLabel" }]
|
||||
],
|
||||
ConnectorZIndex: 5
|
||||
});
|
||||
|
||||
// updates the state of any edited activity
|
||||
updateActivities(localId);
|
||||
|
||||
// deserialize the previously locally saved workflow
|
||||
loadActivities(localId);
|
||||
|
||||
// create activity toolbar for controlling their states
|
||||
createToolbar();
|
||||
|
||||
// a new connection is created
|
||||
jsPlumb.bind("jsPlumbConnection", function (connectionInfo) {
|
||||
// ...update your data model here. The contents of the 'connectionInfo' are described below.
|
||||
});
|
||||
|
||||
// a connection is detached
|
||||
jsPlumb.bind("jsPlumbConnectionDetached", function (connectionInfo) {
|
||||
// ...update your data model here. The contents of the 'connectionInfo' are described below.
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// instanciates a new workflow widget in the editor
|
||||
var createActivity = function (activityName, top, left) {
|
||||
return renderActivity(null, -1, activityName, {}, false, top, left);
|
||||
};
|
||||
|
||||
|
||||
// create a new activity node on the editor
|
||||
$('.activity-toolbox-item').draggable({ helper: 'clone' });
|
||||
$('#activity-editor').droppable({ drop: function(event, ui) {
|
||||
var activityName = ui.draggable.data('activity-name');
|
||||
if (activityName && activityName.length) {
|
||||
var offset = $(this).offset();
|
||||
if (displaySaveMessage()) {
|
||||
createActivity(activityName, event.pageY - offset.top - 40, event.pageX - offset.left); /* The displaySaveMessage's height is 40px */
|
||||
}
|
||||
else {
|
||||
createActivity(activityName, event.pageY - offset.top, event.pageX - offset.left);
|
||||
}
|
||||
}
|
||||
if (displaySaveMessage()) {
|
||||
var activityPosition = ui.position;
|
||||
activityPosition.top += 40; /* The displaySaveMessage's height is 40px */
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$("#search-box").focus().on("keyup", function (e) {
|
||||
var text = $(this).val();
|
||||
if (text == "") {
|
||||
$(".activity-toolbox-item").show();
|
||||
} else {
|
||||
var lowerCaseText = text.toLowerCase();
|
||||
$(".activity-toolbox-item").each(function () {
|
||||
var recordText = $(this).data("activity-text").toLowerCase();
|
||||
$(this).toggle(recordText.indexOf(lowerCaseText) >= 0);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
var renderActivity = function (clientId, id, name, state, start, top, left) {
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: renderActivityUrl,
|
||||
data: { name: name, state: state, __RequestVerificationToken: requestAntiForgeryToken },
|
||||
async: false,
|
||||
success: function(data) {
|
||||
var dom = $($.parseHTML($.trim(data)));
|
||||
|
||||
if (dom == null) {
|
||||
return null;
|
||||
}
|
||||
|
||||
dom.addClass('activity');
|
||||
|
||||
if ($.inArray(id, awaitingRecords) != -1) {
|
||||
dom.addClass('awaiting');
|
||||
}
|
||||
|
||||
if (start) {
|
||||
dom.addClass('start');
|
||||
}
|
||||
|
||||
if (clientId) {
|
||||
dom.attr('id', clientId);
|
||||
}
|
||||
|
||||
var editor = $('#activity-editor');
|
||||
editor.append(dom);
|
||||
|
||||
jsPlumb.draggable(dom, { containment: "parent", scroll: true, drag: hideToolbar });
|
||||
|
||||
jsPlumb.makeTarget(dom, {
|
||||
dropOptions: { hoverClass: "dragHover" },
|
||||
anchor: "Continuous",
|
||||
endpoint: "Blank",
|
||||
paintStyle: { fillStyle: "#558822", radius: 3 },
|
||||
});
|
||||
|
||||
var elt = dom.get(0);
|
||||
elt.viewModel = {
|
||||
name: name,
|
||||
state: state,
|
||||
start: start,
|
||||
clientId: dom.attr("id"),
|
||||
hasForm: activities[name].hasForm
|
||||
};
|
||||
|
||||
elt.endpoints = {};
|
||||
|
||||
var outcomes = activities[name].outcomes;
|
||||
|
||||
if (dom.data('outcomes')) {
|
||||
outcomes = eval('[' + dom.data('outcomes') + ']');
|
||||
}
|
||||
|
||||
for (i = 0; i < outcomes.length; i++) {
|
||||
var ep = jsPlumb.addEndpoint(dom, {
|
||||
anchor: "Continuous",
|
||||
connectorOverlays: [["Label", { label: outcomes[i].Label, cssClass: "connection-label" }]],
|
||||
},
|
||||
sourceEndpointOptions);
|
||||
|
||||
elt.endpoints[outcomes[i].Id] = ep;
|
||||
ep.outcome = outcomes[i];
|
||||
// ep.overlays[0].setLabel(outcomes[i].Label);
|
||||
}
|
||||
|
||||
if (activities[name].hasForm) {
|
||||
var edit = function() {
|
||||
saveLocal(localId);
|
||||
window.location.href = editActivityUrl + "/" + $("#id").val() + "?name=" + name + "&clientId=" + elt.viewModel.clientId + "&localId=" + localId;
|
||||
};
|
||||
|
||||
dom.dblclick(edit);
|
||||
elt.viewModel.edit = edit;
|
||||
}
|
||||
|
||||
var canvasWidth = $('#activity-editor').width();
|
||||
var domWidth = $('#' + clientId).width() + 25; /* width + padding */
|
||||
|
||||
dom.css('top', top + 'px');
|
||||
dom.css('left', left + domWidth > canvasWidth ? canvasWidth - domWidth : left + 'px');
|
||||
jsPlumb.repaint(elt.viewModel.clientId);
|
||||
|
||||
dom.on("click", function () {
|
||||
var self = $(this);
|
||||
var toolbar = $('#activity-toolbar');
|
||||
|
||||
|
||||
refreshToolbar(this);
|
||||
|
||||
toolbar.position({
|
||||
my: "right bottom",
|
||||
at: "right top",
|
||||
offset: "0 -5",
|
||||
of: self,
|
||||
collision: "none"
|
||||
});
|
||||
|
||||
toolbar.get(0).target = this;
|
||||
toolbar.show();
|
||||
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
var createToolbar = function () {
|
||||
var editor = $('#activity-editor');
|
||||
|
||||
// editor.focus(function () {
|
||||
editor.on("click", function () {
|
||||
hideToolbar();
|
||||
});
|
||||
|
||||
initToolbar();
|
||||
};
|
||||
|
||||
var initToolbar = function() {
|
||||
$('#activity-toolbar-start-checkbox').change(function () {
|
||||
var toolbar = $('#activity-toolbar');
|
||||
var target = $(toolbar).get(0).target;
|
||||
//var clientId = target.attr('id');
|
||||
//var activity = getActivity(localId, clientId);
|
||||
var checked = $(this).is(':checked');
|
||||
target.viewModel.start = checked;
|
||||
$(target).toggleClass('start', checked);
|
||||
|
||||
// display a warning if there are no activities with a start state
|
||||
refreshStateMessage();
|
||||
|
||||
displaySaveMessage();
|
||||
});
|
||||
|
||||
// prevent the editor from getting clicked when the label is clicked
|
||||
$('#activity-toolbar-start').click(function (event) {
|
||||
event.stopPropagation();
|
||||
});
|
||||
};
|
||||
|
||||
function refreshStateMessage() {
|
||||
if ($("#activity-editor div").hasClass('start')) {
|
||||
$("#start-message").hide();
|
||||
} else {
|
||||
$("#start-message").show();
|
||||
}
|
||||
}
|
||||
|
||||
function displaySaveMessage() {
|
||||
var saveMessage = $("#save-message");
|
||||
|
||||
if (saveMessage.css('display') === "none") {
|
||||
saveMessage.show();
|
||||
return true;
|
||||
}
|
||||
else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
var refreshToolbar = function(target) {
|
||||
target = $(target);
|
||||
|
||||
// start button
|
||||
$('#activity-toolbar-start').toggle(target.hasClass('canStart'));
|
||||
$('#activity-toolbar-start-checkbox').prop('checked', target.get(0).viewModel.start);
|
||||
|
||||
// edit button
|
||||
var editButton = $('#activity-toolbar-edit');
|
||||
if (target.get(0).viewModel.hasForm) {
|
||||
editButton.unbind("click").click(target.get(0).viewModel.edit);
|
||||
editButton.toggle(true);
|
||||
} else {
|
||||
editButton.toggle(false);
|
||||
}
|
||||
|
||||
// delete button
|
||||
var deleteButton = $('#activity-toolbar-delete');
|
||||
deleteButton.unbind("click").click(function () {
|
||||
if (!confirm($("#confirm-delete-activity").val())) {
|
||||
return false;
|
||||
}
|
||||
|
||||
jsPlumb.removeAllEndpoints(target.attr('id'));
|
||||
target.remove();
|
||||
|
||||
displaySaveMessage();
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
// hides the
|
||||
var hideToolbar = function () {
|
||||
var toolbar = $('#activity-toolbar');
|
||||
toolbar.offset({ top: 0, left: 0 });
|
||||
toolbar.hide();
|
||||
};
|
||||
|
||||
@ -1,287 +1,288 @@
|
||||
.activity {
|
||||
position: absolute;
|
||||
z-index: 20;
|
||||
padding: 1em; /*min-width: 5em;*/
|
||||
border: 1px solid #999;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
background-color: white;
|
||||
text-align: center;
|
||||
font-size: 0.9em;
|
||||
font-family: helvetica;
|
||||
-moz-opacity: 0.8;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=80);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.activity:hover, .dragHover {
|
||||
-moz-box-shadow: 2px 2px 19px #aaa;
|
||||
-o-box-shadow: 2px 2px 19px #aaa;
|
||||
-webkit-box-shadow: 2px 2px 19px #aaa;
|
||||
box-shadow: 2px 2px 19px #aaa;
|
||||
}
|
||||
|
||||
.event {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAATCAYAAACk9eypAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAANNJREFUOE+VkbENhDAMRcOtRElDRRsxB5MwAxNQ0yAGYAJqWiagASFfbMmRHXzcXfGk+Nvf+UocAPzDyxIfMcUnZJF94WYg0ziOkOc50TQNHMehZlQRyLqui4a+74Ok+jrSeZ5TXdc0XJYl7Psu+4Qssm3boKoqMrRtGyRwqHnvo1kZZH4JmxFpcDI/UxQFrOsa2okh5HecH19nGAY6y+1IPKTgbel2RA0xfNsv/0Dwa83zHErdUwWzLIu5HbkJCOa3tiM34bouMljbEVN8whQ/A+4NnH6HdIESjBQAAAAASUVORK5CYII=');
|
||||
background-position: top left;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.awaiting {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAADpJREFUOE9j+P//P0UYqyApGKsgKRhM/P79m+F/TTuEC8P+sf+/fv2KV27UgFEDhpsBlGCsgsTj/wwAFS7Z3zr+A08AAAAASUVORK5CYII=');
|
||||
background-position: top left;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.start {
|
||||
border-width: 2px;
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
._jsPlumb_connector {
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
._jsPlumb_endpoint {
|
||||
z-index: 21;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sourceEndpoint {
|
||||
fill: red;
|
||||
}
|
||||
|
||||
.sourceEndpointLabel, .targetEndpointLabel {
|
||||
z-index: 21;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px dotted green;
|
||||
}
|
||||
|
||||
.hover {
|
||||
border: 1px dotted red;
|
||||
}
|
||||
|
||||
|
||||
/* attempt to make the editor section to take the full height */
|
||||
#layout-main, #main, #content {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.connection-label {
|
||||
z-index: 10;
|
||||
padding: 0 0.5em;
|
||||
border: 1px solid #999;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
background-color: white;
|
||||
-moz-opacity: 0.8;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=80);
|
||||
filter: alpha(opacity=80);
|
||||
}
|
||||
|
||||
#workflow-container {
|
||||
}
|
||||
|
||||
#editor-wrapper {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#workflow-footer {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
#activity-editor {
|
||||
display: block;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
min-height: 600px;
|
||||
overflow:auto;
|
||||
margin-right: 302px; /* width + borders */
|
||||
}
|
||||
|
||||
/* toolbox */
|
||||
|
||||
#activity-toolbox {
|
||||
display: block;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 600px;
|
||||
overflow-y: scroll;
|
||||
border: 1px solid #E4E5E6;
|
||||
background-color: #F3F4F5;
|
||||
float:left;
|
||||
|
||||
width: 300px;
|
||||
margin-left: -302px; /* width + borders */
|
||||
}
|
||||
|
||||
#activity-toolbox .bulk-actions {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#activity-toolbox .activity-toolbox-item {
|
||||
display: block;
|
||||
margin: 5px 5px;
|
||||
width: auto;
|
||||
border: 1px solid #EAEAEA;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#activity-toolbox .activity-toolbox-item > div {
|
||||
display: block;
|
||||
padding: 0 5px 0 10px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#activity-toolbox .activity-toolbox-item > div > h2 {
|
||||
color: #333;
|
||||
font-size: 1.077em;
|
||||
}
|
||||
|
||||
#activity-toolbar {
|
||||
position: absolute;
|
||||
z-index: 30;
|
||||
left: -2000px;
|
||||
padding: 2px 0;
|
||||
min-width: 0;
|
||||
border: 1px solid #ccc;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#activity-toolbar > div {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin: 0;
|
||||
padding: 0 2px;
|
||||
float: left;
|
||||
border-right: 1px solid #ccc;
|
||||
}
|
||||
|
||||
#activity-toolbar > div:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
#activity-toolbar > div label {
|
||||
display: inline-block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: #eaeaea;
|
||||
background-repeat: no-repeat;
|
||||
border: 1px solid #999;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
#activity-toolbar > div label:hover {
|
||||
border-color: #333;
|
||||
}
|
||||
|
||||
/* Start button */
|
||||
#activity-toolbar #activity-toolbar-start-checkbox { /* hide the checkbox and rely on the label for two-state button */
|
||||
display: none;
|
||||
}
|
||||
|
||||
#activity-toolbar #activity-toolbar-start-checkbox + label {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAK1JREFUKFN1ULsNxSAQY6eUNKnSM0dGyERswARMkJqWASIoQMgP8gTigBQuwJ/zHQNAkFJi13XhPE+EECZ++ogxMiEE9n2Hc27iiaikeu+b4Xmed1pvbhW2bfs0VK5UZEop8jFW6gOllGgPrXWeuN7hvu8W2pOvYXWlHIKqmwwrEMNYaQVSaVx6FE9L9x+ccxhjsu4vttbiOA4S+BL1MoVYob9YG11Qu/agu4H9AENqkP+wqtOOAAAAAElFTkSuQmCC');
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
/* Edit button */
|
||||
#activity-toolbar #activity-toolbar-edit > label {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJFJREFUKFOVkLENAyEMRdmJBajoaakpkCgpmYAZGIoxmOAaJPQjLPmSiCN3KV6D3rOMBYAtYwyRUkIIAb13elskhmUpJcHRVi6loNZ6BpOc87XMk+fUz2gJWPbeI8b4FS0rXcnM8umnMgX/yBRM2TkHrfWtTIG1FsdxoLV2RjuZAmMMlFIUzdv/kicU3K3xBuIFb6p0auW2YMcAAAAASUVORK5CYII=');
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
|
||||
/* Delete button */
|
||||
#activity-toolbar #activity-toolbar-delete > label {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAGVJREFUKFOVkLENwCAMBL2TS3p2YwbvwwSuaRnjEywZBRJHSXEFr3sDJgCkqmBmlFLOIywbiIjltVbLqfeOnLOF14KLg5QSWmvrhAgfcLsyEhd5sBf2P4TiU+FVdOabf2/j255BB4ch671zW3IBAAAAAElFTkSuQmCC');
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
#activity-toolbar #activity-toolbar-start-checkbox:checked + label {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.toolbox-task {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAASFJREFUSEvFlbEVhCAMQNnJ0sbK3jkcwQmcwQncwAmcwNqWCWz0+XLGEy/EAHo+74rPewRCSAKJAoAgXddBFEUWbdsuS/J+iijkNE1zMFDX9bIk76ccBHhYkiQwDMMyfcuqqjoYKMtyX5+mSWVZJnplTfhNUUFrDWmaWnIkjmPo+x54+LhnzsPvQD1Zh3meVVEU4uZvyPMcxnG0PTBxlBSuwPO3G0Ck53gFkxd65ikD/FY+b/lLWgdfgrd4WkqIL2/kQhCMu+/HhkKKhrwGeGg4oYfxfwPI7RDhRt9N6KehhD7nVjJspceeqcFV2K7gNBBK2Fm4t+vwk2J3tw5RaE/YDSCPNhwDKvA4nm2ZUp+2Ji6kYigdJiEKOVJ+fD/8A6gXPdsrCgSlf2sAAAAASUVORK5CYII=');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px 10px;
|
||||
}
|
||||
|
||||
.toolbox-task div {
|
||||
margin-left: 36px;
|
||||
}
|
||||
|
||||
.toolbox-event {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAQNJREFUOE+Vk7ERgzAMAL0TJQ0VPXMwAhMwAxOwARMwATUtE9DAcYrlRJxsSfaleF2wpdgPkgOAwPM8bhgGqKpKMI6jT/nmEe+P4zigbVu1cF1Xn2IUbtumFjVNA+d5+hSjcFkWtVC7JhJCzk+7JhLCfd+u6zpR1Pc9XNclipAQLL95nv22LEJC0PzquoZ93/22/GN8YVk/C7yJ6WdBn8f0syBv8/tpcO+//HgzRH789afu/DQkBI206dPWi5I53D09DYmSOdM0vYVa60UPROqXnUcO97MaXSwg3C87VinkVxwrDvcrjhWH/H7NLPYJsUB+udMQsYB+pdOQ6IGGunQaALgPuFaRbIPh6Z8AAAAASUVORK5CYII=');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px 10px;
|
||||
}
|
||||
|
||||
.toolbox-event div {
|
||||
margin-left: 36px;
|
||||
}
|
||||
|
||||
/* RTL */
|
||||
.dir-rtl #editor-wrapper {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dir-rtl #workflow-footer {
|
||||
clear: right;
|
||||
}
|
||||
|
||||
.dir-rtl #activity-editor {
|
||||
margin-right: inherit;
|
||||
margin-left: 302px;
|
||||
}
|
||||
|
||||
/* RTL toolbox */
|
||||
|
||||
.dir-rtl #activity-toolbox {
|
||||
float:right;
|
||||
|
||||
margin-left: inherit; /* width + borders */
|
||||
margin-right: -302px; /* width + borders */
|
||||
}
|
||||
|
||||
.dir-rtl #activity-toolbox .activity-toolbox-item > div {
|
||||
padding: 0 10px 0 5px;
|
||||
}
|
||||
|
||||
|
||||
.dir-rtl #activity-toolbar > div {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dir-rtl #activity-toolbar > div:last-child {
|
||||
border-right: inherit;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.dir-rtl .toolbox-task div {
|
||||
margin-left: inherit;
|
||||
margin-right: 36px;
|
||||
}
|
||||
|
||||
.dir-rtl .toolbox-event div {
|
||||
margin-left: inherit;
|
||||
margin-right: 36px;
|
||||
.activity {
|
||||
position: absolute;
|
||||
z-index: 20;
|
||||
padding: 1em; /*min-width: 5em;*/
|
||||
border: 1px solid #999;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
background-color: white;
|
||||
text-align: center;
|
||||
font-size: 0.9em;
|
||||
font-family: helvetica;
|
||||
-moz-opacity: 0.8;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=80);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.activity:hover, .dragHover {
|
||||
-moz-box-shadow: 2px 2px 19px #aaa;
|
||||
-o-box-shadow: 2px 2px 19px #aaa;
|
||||
-webkit-box-shadow: 2px 2px 19px #aaa;
|
||||
box-shadow: 2px 2px 19px #aaa;
|
||||
}
|
||||
|
||||
.event {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAATCAYAAACk9eypAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAANNJREFUOE+VkbENhDAMRcOtRElDRRsxB5MwAxNQ0yAGYAJqWiagASFfbMmRHXzcXfGk+Nvf+UocAPzDyxIfMcUnZJF94WYg0ziOkOc50TQNHMehZlQRyLqui4a+74Ok+jrSeZ5TXdc0XJYl7Psu+4Qssm3boKoqMrRtGyRwqHnvo1kZZH4JmxFpcDI/UxQFrOsa2okh5HecH19nGAY6y+1IPKTgbel2RA0xfNsv/0Dwa83zHErdUwWzLIu5HbkJCOa3tiM34bouMljbEVN8whQ/A+4NnH6HdIESjBQAAAAASUVORK5CYII=');
|
||||
background-position: top left;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.awaiting {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAADpJREFUOE9j+P//P0UYqyApGKsgKRhM/P79m+F/TTuEC8P+sf+/fv2KV27UgFEDhpsBlGCsgsTj/wwAFS7Z3zr+A08AAAAASUVORK5CYII=');
|
||||
background-position: top left;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.start {
|
||||
border-width: 2px;
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
._jsPlumb_connector {
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
._jsPlumb_endpoint {
|
||||
z-index: 21;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sourceEndpoint {
|
||||
fill: red;
|
||||
}
|
||||
|
||||
.sourceEndpointLabel, .targetEndpointLabel {
|
||||
z-index: 21;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active {
|
||||
border: 1px dotted green;
|
||||
}
|
||||
|
||||
.hover {
|
||||
border: 1px dotted red;
|
||||
}
|
||||
|
||||
|
||||
/* attempt to make the editor section to take the full height */
|
||||
#layout-main, #main, #content {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.connection-label {
|
||||
z-index: 10;
|
||||
padding: 0 0.5em;
|
||||
border: 1px solid #999;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
background-color: white;
|
||||
-moz-opacity: 0.8;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=80);
|
||||
filter: alpha(opacity=80);
|
||||
}
|
||||
|
||||
#workflow-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#editor-wrapper {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#workflow-footer {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
#activity-editor {
|
||||
display: block;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
min-height: 600px;
|
||||
overflow:auto;
|
||||
margin-right: 302px; /* width + borders */
|
||||
}
|
||||
|
||||
/* toolbox */
|
||||
|
||||
#activity-toolbox {
|
||||
display: block;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 600px;
|
||||
overflow-y: scroll;
|
||||
border: 1px solid #E4E5E6;
|
||||
background-color: #F3F4F5;
|
||||
float:left;
|
||||
|
||||
width: 300px;
|
||||
margin-left: -302px; /* width + borders */
|
||||
}
|
||||
|
||||
#activity-toolbox .bulk-actions {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#activity-toolbox .activity-toolbox-item {
|
||||
display: block;
|
||||
margin: 5px 5px;
|
||||
width: auto;
|
||||
border: 1px solid #EAEAEA;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#activity-toolbox .activity-toolbox-item > div {
|
||||
display: block;
|
||||
padding: 0 5px 0 10px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#activity-toolbox .activity-toolbox-item > div > h2 {
|
||||
color: #333;
|
||||
font-size: 1.077em;
|
||||
}
|
||||
|
||||
#activity-toolbar {
|
||||
position: absolute;
|
||||
z-index: 30;
|
||||
left: -2000px;
|
||||
padding: 2px 0;
|
||||
min-width: 0;
|
||||
border: 1px solid #ccc;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#activity-toolbar > div {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin: 0;
|
||||
padding: 0 2px;
|
||||
float: left;
|
||||
border-right: 1px solid #ccc;
|
||||
}
|
||||
|
||||
#activity-toolbar > div:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
#activity-toolbar > div label {
|
||||
display: inline-block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: #eaeaea;
|
||||
background-repeat: no-repeat;
|
||||
border: 1px solid #999;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
#activity-toolbar > div label:hover {
|
||||
border-color: #333;
|
||||
}
|
||||
|
||||
/* Start button */
|
||||
#activity-toolbar #activity-toolbar-start-checkbox { /* hide the checkbox and rely on the label for two-state button */
|
||||
display: none;
|
||||
}
|
||||
|
||||
#activity-toolbar #activity-toolbar-start-checkbox + label {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAK1JREFUKFN1ULsNxSAQY6eUNKnSM0dGyERswARMkJqWASIoQMgP8gTigBQuwJ/zHQNAkFJi13XhPE+EECZ++ogxMiEE9n2Hc27iiaikeu+b4Xmed1pvbhW2bfs0VK5UZEop8jFW6gOllGgPrXWeuN7hvu8W2pOvYXWlHIKqmwwrEMNYaQVSaVx6FE9L9x+ccxhjsu4vttbiOA4S+BL1MoVYob9YG11Qu/agu4H9AENqkP+wqtOOAAAAAElFTkSuQmCC');
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
/* Edit button */
|
||||
#activity-toolbar #activity-toolbar-edit > label {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJFJREFUKFOVkLENAyEMRdmJBajoaakpkCgpmYAZGIoxmOAaJPQjLPmSiCN3KV6D3rOMBYAtYwyRUkIIAb13elskhmUpJcHRVi6loNZ6BpOc87XMk+fUz2gJWPbeI8b4FS0rXcnM8umnMgX/yBRM2TkHrfWtTIG1FsdxoLV2RjuZAmMMlFIUzdv/kicU3K3xBuIFb6p0auW2YMcAAAAASUVORK5CYII=');
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
|
||||
/* Delete button */
|
||||
#activity-toolbar #activity-toolbar-delete > label {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAGVJREFUKFOVkLENwCAMBL2TS3p2YwbvwwSuaRnjEywZBRJHSXEFr3sDJgCkqmBmlFLOIywbiIjltVbLqfeOnLOF14KLg5QSWmvrhAgfcLsyEhd5sBf2P4TiU+FVdOabf2/j255BB4ch671zW3IBAAAAAElFTkSuQmCC');
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
#activity-toolbar #activity-toolbar-start-checkbox:checked + label {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.toolbox-task {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAASFJREFUSEvFlbEVhCAMQNnJ0sbK3jkcwQmcwQncwAmcwNqWCWz0+XLGEy/EAHo+74rPewRCSAKJAoAgXddBFEUWbdsuS/J+iijkNE1zMFDX9bIk76ccBHhYkiQwDMMyfcuqqjoYKMtyX5+mSWVZJnplTfhNUUFrDWmaWnIkjmPo+x54+LhnzsPvQD1Zh3meVVEU4uZvyPMcxnG0PTBxlBSuwPO3G0Ck53gFkxd65ikD/FY+b/lLWgdfgrd4WkqIL2/kQhCMu+/HhkKKhrwGeGg4oYfxfwPI7RDhRt9N6KehhD7nVjJspceeqcFV2K7gNBBK2Fm4t+vwk2J3tw5RaE/YDSCPNhwDKvA4nm2ZUp+2Ji6kYigdJiEKOVJ+fD/8A6gXPdsrCgSlf2sAAAAASUVORK5CYII=');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px 10px;
|
||||
}
|
||||
|
||||
.toolbox-task div {
|
||||
margin-left: 36px;
|
||||
}
|
||||
|
||||
.toolbox-event {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAQNJREFUOE+Vk7ERgzAMAL0TJQ0VPXMwAhMwAxOwARMwATUtE9DAcYrlRJxsSfaleF2wpdgPkgOAwPM8bhgGqKpKMI6jT/nmEe+P4zigbVu1cF1Xn2IUbtumFjVNA+d5+hSjcFkWtVC7JhJCzk+7JhLCfd+u6zpR1Pc9XNclipAQLL95nv22LEJC0PzquoZ93/22/GN8YVk/C7yJ6WdBn8f0syBv8/tpcO+//HgzRH789afu/DQkBI206dPWi5I53D09DYmSOdM0vYVa60UPROqXnUcO97MaXSwg3C87VinkVxwrDvcrjhWH/H7NLPYJsUB+udMQsYB+pdOQ6IGGunQaALgPuFaRbIPh6Z8AAAAASUVORK5CYII=');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px 10px;
|
||||
}
|
||||
|
||||
.toolbox-event div {
|
||||
margin-left: 36px;
|
||||
}
|
||||
|
||||
/* RTL */
|
||||
.dir-rtl #editor-wrapper {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dir-rtl #workflow-footer {
|
||||
clear: right;
|
||||
}
|
||||
|
||||
.dir-rtl #activity-editor {
|
||||
margin-right: inherit;
|
||||
margin-left: 302px;
|
||||
}
|
||||
|
||||
/* RTL toolbox */
|
||||
|
||||
.dir-rtl #activity-toolbox {
|
||||
float:right;
|
||||
|
||||
margin-left: inherit; /* width + borders */
|
||||
margin-right: -302px; /* width + borders */
|
||||
}
|
||||
|
||||
.dir-rtl #activity-toolbox .activity-toolbox-item > div {
|
||||
padding: 0 10px 0 5px;
|
||||
}
|
||||
|
||||
|
||||
.dir-rtl #activity-toolbar > div {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dir-rtl #activity-toolbar > div:last-child {
|
||||
border-right: inherit;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.dir-rtl .toolbox-task div {
|
||||
margin-left: inherit;
|
||||
margin-right: 36px;
|
||||
}
|
||||
|
||||
.dir-rtl .toolbox-event div {
|
||||
margin-left: inherit;
|
||||
margin-right: 36px;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user