marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-18 14:59:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added 'clickable' class to all elements with interactivity. This allows css styling for clickable elements

Browse Source
This commit is contained in:
abzicht
2019-03-09 20:08:52 +01:00
parent 10057217cb
commit 4587f5a73d
2 changed files with 27 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/diagrams/gantt/ganttRenderer.js
View File

@@ -142,6 +142,11 @@ export const draw = function (text, id) {
.attr('class', function (d) {
const res = 'task '
let classStr = ''
if (d.classes.length > 0) {
classStr = d.classes.join(' ')
}
let secNum = 0
for (let i = 0; i < categories.length; i++) {
if (d.type === categories[i]) {
@@ -151,25 +156,25 @@ export const draw = function (text, id) {
if (d.active) {
if (d.crit) {
return res + ' activeCrit' + secNum
return res + classStr + ' activeCrit' + secNum
} else {
return res + ' active' + secNum
return res + classStr + ' active' + secNum
}
}
if (d.done) {
if (d.crit) {
return res + ' doneCrit' + secNum
return res + classStr + ' doneCrit' + secNum
} else {
return res + ' done' + secNum
return res + classStr + ' done' + secNum
}
}
if (d.crit) {
return res + ' crit' + secNum
return res + classStr + ' crit' + secNum
}
return res + ' task' + secNum
return res + classStr + ' task' + secNum
})
rectangles.append('a').attr('href', function (d) {
@@ -206,6 +211,13 @@ export const draw = function (text, id) {
const startX = timeScale(d.startTime)
const endX = timeScale(d.endTime)
const textWidth = this.getBBox().width
let classStr = ''
if (d.classes.length > 0) {
classStr = d.classes.join(' ')
}
let secNum = 0
for (let i = 0; i < categories.length; i++) {
if (d.type === categories[i]) {
@@ -237,12 +249,12 @@ export const draw = function (text, id) {
// Check id text width > width of rectangle
if (textWidth > (endX - startX)) {
if (endX + textWidth + 1.5 * conf.leftPadding > w) {
return 'taskTextOutsideLeft taskTextOutside' + secNum + ' ' + taskType
return classStr + ' taskTextOutsideLeft taskTextOutside' + secNum + ' ' + taskType
} else {
return 'taskTextOutsideRight taskTextOutside' + secNum + ' ' + taskType
return classStr + ' taskTextOutsideRight taskTextOutside' + secNum + ' ' + taskType
}
} else {
return 'taskText taskText' + secNum + ' ' + taskType
return classStr + ' taskText taskText' + secNum + ' ' + taskType
}
})
}