mermaid/cypress/platform/gitgraph.html

123 lines
3.0 KiB
HTML
Raw Normal View History

2020-10-22 21:40:08 +02:00
<html>
<head>
<link
href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
<style>
body {
background: rgb(221, 208, 208);
/*background:#333;*/
font-family: 'Arial';
}
h1 { color: white;}
.mermaid2 {
display: none;
}
.customCss > rect, .customCss{
fill:#FF0000 !important;
stroke:#FFFF00 !important;
stroke-width:4px !important;
}
</style>
</head>
<body>
<h1>info below</h1>
2022-02-24 18:40:22 +01:00
<div class="mermaid2" style="width: 100%; height: 20%;">
2020-10-22 21:40:08 +02:00
gitGraph:
commit "Ashish"
branch newbranch
checkout newbranch
commit id:"1111"
commit tag:"test"
checkout master
commit type: HIGHLIGHT
commit
merge newbranch
commit
branch b2
commit
</div>
2022-02-24 18:40:22 +01:00
<div class="mermaid" style="width: 100%; height: 20%;">
gitGraph:
commit
branch develop
checkout develop
commit
branch featureB
checkout featureB
commit
checkout master
branch hotfix
checkout hotfix
commit
checkout develop
commit
checkout featureB
commit
checkout master
merge hotfix
checkout featureB
commit
checkout develop
branch featureA
commit
checkout develop
merge hotfix
checkout featureA
commit
checkout featureB
commit
checkout develop
merge featureA
branch release
checkout release
commit
checkout master
commit
checkout release
merge master
checkout develop
merge release
</div>
2020-10-22 21:40:08 +02:00
<div class="mermaid2" style="width: 100%; height: 20%;">
gitGraph:
commit
commit
branch newbranch
checkout newbranch
commit
reset master
</div>
<script src="./mermaid.js"></script>
<script>
mermaid.parseError = function (err, hash) {
2022-02-24 18:40:22 +01:00
// console.error('Mermaid error: ', err);
};
2020-10-22 21:40:08 +02:00
mermaid.initialize({
theme: 'default',
// arrowMarkerAbsolute: true,
// themeCSS: '.edgePath .path {stroke: red;} .arrowheadPath {fill: red;}',
2022-02-24 18:40:22 +01:00
logLevel: 1,
flowchart: { curve: 'linear', htmlLabels: true },
2020-10-22 21:40:08 +02:00
// gantt: { axisFormat: '%m/%d/%Y' },
sequence: { actorMargin: 50, showSequenceNumbers: true },
// sequenceDiagram: { actorMargin: 300 } // deprecated
// fontFamily: '"arial", sans-serif',
// themeVariables: {
// fontFamily: '"arial", sans-serif',
// },
curve: 'linear',
2022-02-24 18:40:22 +01:00
securityLevel: 'loose',
2020-10-22 21:40:08 +02:00
});
2022-02-24 18:40:22 +01:00
function callback() {
alert('It worked');
}
2020-10-22 21:40:08 +02:00
</script>
</body>
</html>