fCM-runtime-support/app/index.html at main · bptlab/fCM-runtime-support · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <link rel="icon" href="favicon.ico">
    <title>fcm-js</title>

    <link rel="stylesheet" href="vendor/bpmn-js/assets/diagram-js.css" />
    <link rel="stylesheet" href="vendor/bpmn-js/assets/bpmn-font/css/bpmn-embedded.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/lib.css" />
    <!-- CSS only -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Quicksand" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>

<body>
    <div class="topBar">
        <a id="newButton" class="barButton"> New </a>
        <a id="openButton" class="barButton"> Open </a>
        <a id="saveButton" class="barButton"> Save </a>
        <a id="noteAreaToggleButton" class="barButton"> Toggle Note Area </a>
        <a class="barButton" href="https://github.com/bptlab/fCM-design-support/wiki" target="_blank"> Guideline Help </a>
    </div>
    <div id="note-area-wrapper" class="hidden">
        <div id="note-area-drag" style="display:inline"><i class="material-icons">crop</i></div>
        <div id="note-area-close" style="display:inline"><i class="material-icons">close</i></div>
        <textarea class="note-area"></textarea>
    </div>
    <div id="main" class="mainContent">
        <div class="content left">
            <div id="fragments-canvas" class="canvas focus">
                <div class="canvasHeader">
                    <h3 class="focusHeader">Fragments <i class="material-icons focusHeaderIcon">photo_size_select_small</i></h3>
                    <a class="questionButton" href="https://github.com/bptlab/fCM-design-support/wiki/Fragments" target="_blank">?</a>
                </div>
            </div>
        </div>

        <div class="divider vertical"></div>

        <div class="content right">
            <div class="content top">
                <div id="datamodel-canvas" class="canvas">
                    <div class="canvasHeader">
                        <h3 class="focusHeader">Data Model <i class="material-icons focusHeaderIcon">photo_size_select_small</i></h3>
                        <a class="questionButton" href="https://github.com/bptlab/fCM-design-support/wiki/Data-Model" target="_blank">?</a>
                    </div>
                </div>
            </div>

            <div class="divider horizontal"></div>

            <div class="content bottom">
                <div class="content top">
                    <div id="goalstate-canvas" class="canvas">
                        <div class="canvasHeader" style="position:relative">
                            <h3 class="focusHeader">Goal State <i class="material-icons focusHeaderIcon">photo_size_select_small</i></h3>
                            <a class="questionButton" href="https://github.com/bptlab/fCM-design-support/wiki/Goal-State" target="_blank">?</a>
                        </div>
                    </div>
                </div>

                <div class="divider horizontal"></div>

                <div class="content bottom">
                    <div id="olc-canvas" class="canvas">
                        <div class="canvasHeader">
                            <h3 class="focusHeader">OLCs <i class="material-icons focusHeaderIcon">photo_size_select_small</i></h3>
                            <a class="questionButton" href="https://github.com/bptlab/fCM-design-support/wiki/Object-Lifecycle-(OLC)" target="_blank">?</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="errorBar" class="hidingTable">
        <table id="errorTable" class="errorTable">
            <tr>
                <th> </th>
                <th>Message</th>
                <th> </th>
                <th>Element</th>
                <th>Artifact</th>
            </tr>
        </table>
        <div class="errorBarControls">
            <div>
                <a id="toggleErrorTable" class="barButton"></a>
            </div>
            <div id="numberOfViolations">

            </div>
        </div>
    </div>

    <script src="./index.js"></script>
</body>

</html>