petri_flow 0.1.2 → 0.1.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (46) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +9 -9
  3. data/app/assets/stylesheets/wf/application.scss +19 -2
  4. data/app/assets/stylesheets/wf/uikit/_colors.scss +81 -0
  5. data/app/assets/stylesheets/wf/uikit/_variables.scss +33 -0
  6. data/app/assets/stylesheets/wf/uikit/alert.scss +19 -0
  7. data/app/assets/stylesheets/wf/uikit/button.scss +7 -0
  8. data/app/assets/stylesheets/wf/uikit/card.scss +6 -0
  9. data/app/assets/stylesheets/wf/uikit/index.scss +9 -0
  10. data/app/assets/stylesheets/wf/uikit/navbar.scss +28 -0
  11. data/app/assets/stylesheets/wf/uikit/table.scss +17 -0
  12. data/app/controllers/wf/workitems_controller.rb +1 -1
  13. data/app/models/wf/workflow.rb +23 -4
  14. data/app/views/layouts/wf/_alert.html.erb +2 -1
  15. data/app/views/layouts/wf/_footer.html.erb +7 -9
  16. data/app/views/layouts/wf/_nav.html.erb +2 -2
  17. data/app/views/layouts/wf/_notice.html.erb +2 -1
  18. data/app/views/layouts/wf/application.html.erb +5 -3
  19. data/app/views/wf/arcs/edit.html.erb +2 -0
  20. data/app/views/wf/arcs/new.html.erb +2 -0
  21. data/app/views/wf/arcs/show.html.erb +4 -2
  22. data/app/views/wf/cases/index.html.erb +16 -14
  23. data/app/views/wf/cases/new.html.erb +2 -0
  24. data/app/views/wf/cases/show.html.erb +5 -3
  25. data/app/views/wf/comments/new.html.erb +3 -1
  26. data/app/views/wf/fields/edit.html.erb +3 -1
  27. data/app/views/wf/fields/new.html.erb +2 -0
  28. data/app/views/wf/forms/edit.html.erb +2 -0
  29. data/app/views/wf/forms/index.html.erb +12 -10
  30. data/app/views/wf/forms/new.html.erb +2 -0
  31. data/app/views/wf/forms/show.html.erb +11 -9
  32. data/app/views/wf/guards/edit.html.erb +3 -1
  33. data/app/views/wf/guards/new.html.erb +2 -0
  34. data/app/views/wf/places/edit.html.erb +3 -1
  35. data/app/views/wf/places/new.html.erb +2 -0
  36. data/app/views/wf/transitions/edit.html.erb +2 -0
  37. data/app/views/wf/transitions/new.html.erb +2 -0
  38. data/app/views/wf/workflows/edit.html.erb +3 -1
  39. data/app/views/wf/workflows/index.html.erb +15 -10
  40. data/app/views/wf/workflows/new.html.erb +2 -0
  41. data/app/views/wf/workflows/show.html.erb +35 -31
  42. data/app/views/wf/workitem_assignments/new.html.erb +3 -1
  43. data/app/views/wf/workitems/index.html.erb +6 -3
  44. data/app/views/wf/workitems/show.html.erb +9 -7
  45. data/lib/wf/version.rb +1 -1
  46. metadata +9 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 0b63de997ab1759fc0d4ebf282bfd6994fcc5724f5536acccf5d75f0f7de4526
4
- data.tar.gz: 46c06f8c268cd939872634a583a384a9a0deae3a0c39de010f714a57b92fcbb1
3
+ metadata.gz: 0f669c4fb84fdecaea3a2662a2e0c192c26557553f019a6c0f8b230792873bfd
4
+ data.tar.gz: 9ed26a5ff25b478956d23240de68a1b0f8381b1fa95a6aba85400ebd0453fc72
5
5
  SHA512:
6
- metadata.gz: 6c22fec00a31eeb2026cc3f1c488da4bac9353c0cb275819b360a31b51c2b459ab4ee326e09194ee4d9eb6edbfcab08d50695ead0b1424c296a0300b403565ee
7
- data.tar.gz: bb80c81ea18f8fcbae114af7b6fee30b0fca83112a9b32b87a882efb3116c056c428a6042c4cafbeeedf8d62b2428d881d19e9f9b67440f8a7dc0549c2f74840
6
+ metadata.gz: '09ffd098c4d07ca5f05324ef0bd7bff6035ca94cefe43a260071e92ad513adbf0ed67ad4392dcdf2484190e131a9d9c5c5baf975b989bbef7f8027d36f5b6670'
7
+ data.tar.gz: 7de998e32418769e63521fe60cbd1d1a4c7c302847075fdd8fc0a3cc9265acca245c292223afd7366ad4b8c74f6edc912e3bc24f6ea92435f20e5e8a5f9b6661
data/README.md CHANGED
@@ -17,29 +17,29 @@ Workflow engine for Rails.
17
17
 
18
18
  ## Docs
19
19
 
20
- * [Petri-Nets and Workflows](https://app.gitbook.com/@hooopo/s/petri-flow/)
21
- * [Workflow Conceptual Guide](https://app.gitbook.com/@hooopo/s/petri-flow/workflow-conceptual-guide)
22
- * [Workflow Concepts Reference](https://app.gitbook.com/@hooopo/s/petri-flow/workflow-concepts-reference)
23
- * [Petri Flow ERD](https://app.gitbook.com/@hooopo/s/petri-flow/erd)
24
- * [Developer Doc](https://app.gitbook.com/@hooopo/s/petri-flow/developer-document)
20
+ * [Petri-Nets and Workflows](https://hooopo.gitbook.io/petri-flow/)
21
+ * [Workflow Conceptual Guide](https://hooopo.gitbook.io/petri-flow/workflow-conceptual-guide)
22
+ * [Workflow Concepts Reference](https://hooopo.gitbook.io/petri-flow/workflow-concepts-reference)
23
+ * [Petri Flow ERD](https://hooopo.gitbook.io/petri-flow/erd)
24
+ * [Developer Doc](https://hooopo.gitbook.io/petri-flow/developer-document)
25
25
 
26
26
  ## Screenshots
27
27
 
28
28
  ### iterative routing
29
29
 
30
- ![](https://github.com/hooopo/wf/blob/master/screenshots/iterative_routing.png)
30
+ ![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-M-GhlU_QaD6nbLAbaJI%2F-M-X0nIxUUBwJsNhY4FN%2F-M-XAAQJbxDdaxoaYVda%2Fimage.png?alt=media&token=e74d1ae7-fa16-47ab-83b5-ad73a382fa07)
31
31
 
32
32
  ### parallel_routing
33
33
 
34
- ![](https://github.com/hooopo/wf/blob/master/screenshots/parallel_routing.png)
34
+ ![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-M-GhlU_QaD6nbLAbaJI%2F-M-X0nIxUUBwJsNhY4FN%2F-M-XAKm9VN1MJxPZT9Xe%2Fimage.png?alt=media&token=c8beba84-72ec-470f-9987-81cf40762e15)
35
35
 
36
36
  ### guard
37
37
 
38
- ![](https://github.com/hooopo/wf/blob/master/screenshots/workflow_with_guard.png)
38
+ ![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-M-GhlU_QaD6nbLAbaJI%2F-M-X0nIxUUBwJsNhY4FN%2F-M-XAT8Ui_xjqy9Niccp%2Fimage.png?alt=media&token=de4298fb-14b9-40bc-ab75-92ef0b98a533)
39
39
 
40
40
  ### case state graph
41
41
 
42
- ![](https://github.com/hooopo/wf/blob/master/screenshots/case_state_graph.png)
42
+ ![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-M-GhlU_QaD6nbLAbaJI%2F-M-X0nIxUUBwJsNhY4FN%2F-M-XAeeR42ZRVIVKuUae%2Fimage.png?alt=media&token=90c96af9-d01f-4d6e-ae2b-445ea343a5ac)
43
43
 
44
44
  ###
45
45
  ## Installation
@@ -1,2 +1,19 @@
1
- // Custom bootstrap variables must be set or imported *before* bootstrap.
2
- @import "bootstrap";
1
+ @import "uikit/index";
2
+
3
+ main{
4
+ min-height: 80vh;
5
+ h2 {
6
+ margin-bottom: 1rem;
7
+ }
8
+ }
9
+
10
+ .footer{
11
+ text-align: center;
12
+ .container{
13
+ border-top: 1px solid rgb(245, 239, 228);
14
+ padding-top: 1rem;
15
+ }
16
+ a{
17
+ color: $gray-10;
18
+ }
19
+ }
@@ -0,0 +1,81 @@
1
+ // fork from: https://github.com/oortcast/42page/blob/master/app/javascript/42design/
2
+ //
3
+ // inspired by https://github.com/ant-design/ant-design
4
+ //
5
+ // The [colorPalette] means that the color is
6
+ // generated by https://ant.design/docs/spec/colors#Palette-Generation-Tool
7
+
8
+ // Brand Color
9
+ $pagegreen-base: #00d192;
10
+ $pagegreen-1: #f6fdfb; // tint background color
11
+ $pagegreen-2: #cff5e8; // background color
12
+ $pagegreen-3: #77f7c4; // [colorPalette]
13
+ $pagegreen-4: #4bebb0; // [colorPalette]
14
+ $pagegreen-5: #20CF97; // hover
15
+ $pagegreen-6: $pagegreen-base; // normal
16
+ $pagegreen-7: #00ab74; // click
17
+ $pagegreen-8: #008566; // [colorPalette]
18
+ $pagegreen-9: #005e4b; // [colorPalette]
19
+ $pagegreen-10: #00382f; // [colorPalette]
20
+
21
+ // Neutral Color
22
+ $gray-1: #fff;
23
+ $gray-2: #f7f7f7; //
24
+ $gray-3: #f1f1f2; // table header
25
+ $gray-4: #d2d3d4; // disable background
26
+ $gray-5: #92989c; // border
27
+ $gray-6: #868b8f; // disable text
28
+ $gray-7: #7a7e81; // secondary text
29
+ $gray-8: #53585c;
30
+ $gray-9: #23292f; // primary text
31
+ $gray-10: #000; // title
32
+
33
+ // Color Palette
34
+
35
+ $red-base: #fa4a4a;
36
+ $red-1: #fff2f0; // [colorPalette]
37
+ $red-2: #fff2f0;
38
+ $red-3: #ffcdc7; // [colorPalette]
39
+ $red-4: #ffa59e; // [colorPalette]
40
+ $red-5: #ff7a75; // [colorPalette]
41
+ $red-6: $red-base;
42
+ $red-7: #d4353a; // [colorPalette]
43
+ $red-8: #ad232c; // [colorPalette]
44
+ $red-9: #871420; // [colorPalette]
45
+ $red-10: #610e19; // [colorPalette]
46
+
47
+ $yellow-base: #F9C84A;
48
+ $yellow-1: #fffdf0; // [colorPalette]
49
+ $yellow-2: #FFF3E0;
50
+ $yellow-3: #fff5c7; // [colorPalette]
51
+ $yellow-4: #ffea9e; // [colorPalette]
52
+ $yellow-5: #ffdd75; // mark
53
+ $yellow-6: $yellow-base;
54
+ $yellow-7: #d4a135; // [colorPalette]
55
+ $yellow-8: #ad7d23; // [colorPalette]
56
+ $yellow-9: #875b14; // [colorPalette]
57
+ $yellow-10: #613e0e; // [colorPalette]
58
+
59
+ $blue-base: #3d90eb;
60
+ $blue-1: #f0faff; // [colorPalette]
61
+ $blue-2: #e6f5ff;
62
+ $blue-3: #bde3ff; // [colorPalette]
63
+ $blue-4: #94cfff; // [colorPalette]
64
+ $blue-5: #68b2f7; // [colorPalette]
65
+ $blue-6: $blue-base;
66
+ $blue-7: #296fc4; // [colorPalette]
67
+ $blue-8: #19519e; // [colorPalette]
68
+ $blue-9: #0d3678; // [colorPalette]
69
+ $blue-10: #082252; // [colorPalette]
70
+
71
+ $cyan-base: #01C1B2;
72
+ $cyan-1: #e6fff9; // [colorPalette]
73
+ $cyan-2: #E3FFF8;
74
+ $cyan-3: #72e8d2; // [colorPalette]
75
+ $cyan-4: #48dbc5; // [colorPalette]
76
+ $cyan-5: #23cfbb; // [colorPalette]
77
+ $cyan-6: $cyan-base;
78
+ $cyan-7: #009c94; // [colorPalette]
79
+ $cyan-8: #007573; // [colorPalette]
80
+ $cyan-9: #004e4f; // [colorPalette]
81
+ $cyan-10: #002729; // [colorPalette]
@@ -0,0 +1,33 @@
1
+ @import "colors";
2
+ @import "bootstrap/functions";
3
+ $blue: $blue-base;
4
+ $red: $red-base;
5
+ $yellow: $yellow-base;
6
+ $green: $pagegreen-base;
7
+ $cyan: $cyan-base;
8
+ $primary: $green;
9
+
10
+ $gray-100: $gray-1;
11
+ $gray-200: $gray-2;
12
+ $gray-300: $gray-3; // table header
13
+ $gray-400: $gray-4; // disable background
14
+ $gray-500: $gray-5; // border
15
+ $gray-600: $gray-6; // disable text
16
+ $gray-700: $gray-7; // secondary text
17
+ $gray-800: $gray-8;
18
+ $gray-900: $gray-9; // primary text
19
+ $secondary: $gray-7;
20
+
21
+ $body-bg: #fffefd;
22
+
23
+ $link-color: $primary;
24
+ $link-hover-color: $pagegreen-5;
25
+
26
+ $font-family-sans-serif: system, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji",
27
+ "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol";
28
+ $font-family-monospace: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
29
+
30
+ $line-height-base: 1.6;
31
+
32
+ @import "bootstrap/variables";
33
+
@@ -0,0 +1,19 @@
1
+ @import "variables";
2
+
3
+ .alert{
4
+ margin-bottom: 2rem;
5
+ p{
6
+ margin-bottom: 0;
7
+ }
8
+
9
+ &.alert-success{
10
+ background: $pagegreen-1;
11
+ border-color: $pagegreen-4;
12
+ color: $gray-9;
13
+ }
14
+ &.alert-warning{
15
+ background: $red-1;
16
+ border-color: $red-5;
17
+ color: $gray-9;
18
+ }
19
+ }
@@ -0,0 +1,7 @@
1
+ @import "_variables";
2
+
3
+ .btn-light{
4
+ color: $gray-8;
5
+ background: rgba(94, 94, 94, 0.2);
6
+ border: rgb(94,94,94);
7
+ }
@@ -0,0 +1,6 @@
1
+ .card{
2
+ margin-bottom: 4rem;
3
+ border: 1px solid rgba(230, 230, 230, 0.41);
4
+ border-radius: 0.625rem;
5
+ box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05);
6
+ }
@@ -0,0 +1,9 @@
1
+ @import "_variables";
2
+ @import "bootstrap";
3
+
4
+ //overwrite
5
+ @import "navbar";
6
+ @import "table";
7
+ @import "card";
8
+ @import "alert";
9
+ @import "button";
@@ -0,0 +1,28 @@
1
+ @import "variables";
2
+
3
+ .navbar-petri{
4
+ box-shadow: 0 12px 24px 0 rgba(0,0,0,0.05);
5
+ margin-bottom: 2rem;
6
+ background: $white;
7
+ .navbar-brand a{
8
+ color: $gray-9;
9
+ &:hover{
10
+ text-decoration: none;
11
+ color: $gray-10;
12
+ }
13
+ }
14
+ .navbar-end a{
15
+ color: #7b7f82;
16
+ margin: 0 20px;
17
+ font-size: 18px;
18
+ border-bottom: transparent solid 2px;
19
+ &:hover{
20
+ color: $gray-9;
21
+ text-decoration: none;
22
+ }
23
+ &.is-active{
24
+ color: $gray-9;
25
+ border-bottom: $primary solid 2px;
26
+ }
27
+ }
28
+ }
@@ -0,0 +1,17 @@
1
+ @import "variables";
2
+
3
+ .table-view{
4
+ thead th{
5
+ color: $gray-7;
6
+ font-weight: 500;
7
+ border-top: 0;
8
+ border-bottom-width: 1px;
9
+ border-color: $gray-3;
10
+ }
11
+ tbody tr:hover {
12
+ background-color: $gray-2;
13
+ }
14
+ tbody td a:not(.btn) {
15
+ color: $gray-10;
16
+ }
17
+ }
@@ -13,7 +13,7 @@ module Wf
13
13
  def index
14
14
  current_party_ids = [
15
15
  wf_current_user,
16
- Wf::Workflow.org_classes.map { |org, _org_class| wf_current_user.public_send(org) }
16
+ Wf::Workflow.org_classes.map { |org, _org_class| wf_current_user&.public_send(org) }
17
17
  ].flatten.map { |x| x&.party&.id }.compact
18
18
  @workitems = Wf::Workitem.joins(:workitem_assignments).where(Wf::WorkitemAssignment.table_name => { party_id: current_party_ids })
19
19
  @workitems = @workitems.where(state: params[:state].intern) if params[:state]
@@ -78,6 +78,7 @@ module Wf
78
78
  end
79
79
 
80
80
  # TODO: can from start place to end place
81
+ # todo: remove color hex to const.
81
82
  def do_validate!
82
83
  msgs = []
83
84
  msgs << "must have start place" if places.start.blank?
@@ -92,6 +93,8 @@ module Wf
92
93
  end
93
94
 
94
95
  def to_graph(wf_case = nil)
96
+ fontfamily = 'system, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, Segoe UI Symbol'
97
+ fontfamily_monospace = 'SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace'
95
98
  graph = GraphViz.new(name, type: :digraph, rankdir: "LR", splines: true, ratio: :auto)
96
99
  free_token_places = if wf_case
97
100
  wf_case.tokens.free.map(&:place_id)
@@ -101,13 +104,16 @@ module Wf
101
104
  pg_mapping = {}
102
105
  places.order("place_type ASC").each do |p|
103
106
  if p.start?
104
- fillcolor = :yellow
107
+ fillcolor = '#ffe7ba'
108
+ textcolor = '#fa8c16'
105
109
  shape = :doublecircle
106
110
  elsif p.end?
107
- fillcolor = :green
111
+ fillcolor = '#dff2ef'
112
+ textcolor = '#29c0b1'
108
113
  shape = :doublecircle
109
114
  else
110
- fillcolor = :lightpink
115
+ fillcolor = '#fbdbe1'
116
+ textcolor = '#ff3366'
111
117
  shape = :circle
112
118
  end
113
119
 
@@ -127,7 +133,10 @@ module Wf
127
133
  shape: shape,
128
134
  fixedsize: true,
129
135
  style: :filled,
136
+ fontname: fontfamily,
137
+ fontcolor: textcolor,
130
138
  fontsize: fontsize,
139
+ color: fillcolor,
131
140
  fillcolor: fillcolor,
132
141
  href: Wf::Engine.routes.url_helpers.edit_workflow_place_path(self, p))
133
142
  pg_mapping[p] = pg
@@ -135,7 +144,9 @@ module Wf
135
144
 
136
145
  tg_mapping = {}
137
146
  transitions.each do |t|
138
- tg = graph.add_nodes(t.name, label: t.name, shape: :box, style: :filled, fillcolor: :lightblue, href: Wf::Engine.routes.url_helpers.edit_workflow_transition_path(self, t))
147
+ tg = graph.add_nodes(t.name, label: t.name, shape: :box, style: :filled, fillcolor: "#d6ddfa", color: '#d6ddfa',
148
+ fontcolor: '#2c50ed', fontname: fontfamily,
149
+ href: Wf::Engine.routes.url_helpers.edit_workflow_transition_path(self, t))
139
150
  tg_mapping[t] = tg
140
151
  end
141
152
 
@@ -154,6 +165,10 @@ module Wf
154
165
  labelfloat: false,
155
166
  labelfontcolor: :red,
156
167
  arrowhead: :vee,
168
+ fontsize: 10,
169
+ color: '#53585c',
170
+ fontcolor: '#53585c',
171
+ fontname: fontfamily_monospace,
157
172
  href: Wf::Engine.routes.url_helpers.edit_workflow_arc_path(self, arc)
158
173
  )
159
174
  else
@@ -165,6 +180,10 @@ module Wf
165
180
  labelfloat: false,
166
181
  labelfontcolor: :red,
167
182
  arrowhead: :vee,
183
+ fontsize: 10,
184
+ color: '#53585c',
185
+ fontcolor: '#53585c',
186
+ fontname: fontfamily_monospace,
168
187
  href: Wf::Engine.routes.url_helpers.edit_workflow_arc_path(self, arc)
169
188
  )
170
189
  end
@@ -1,4 +1,5 @@
1
1
  <% return if alert.blank? %>
2
2
  <div id="alert" class="alert alert-warning">
3
- <p><%= alert %></p>
3
+ <p>
4
+ <svg viewBox="64 64 896 896" focusable="false" class="" data-icon="exclamation-circle" width="1em" height="1em" fill="#fa4a4a" aria-hidden="true"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"></path></svg> <%= alert %></p>
4
5
  </div>
@@ -1,13 +1,11 @@
1
1
  <footer class="footer">
2
2
  <div class="container">
3
- <div class="has-text-centered">
4
- <p>
5
- <strong>
6
- <a href="https://github.com/hooopo/petri_flow" target="_blank" rel="nofollow">Petri Flow</a>
7
- </strong>
8
- crafted by <a href="https://github.com/hooopo" target="_blank" rel="nofollow">Hooopo</a>.
9
- The source code is licensed under <a href="http://opensource.org/licenses/mit-license.php">MIT license</a>.
10
- </p>
11
- </div>
3
+ <p>
4
+ <strong>
5
+ <a href="https://github.com/hooopo/petri_flow" target="_blank" rel="nofollow">Petri Flow</a>
6
+ </strong>
7
+ crafted by <a href="https://github.com/hooopo" target="_blank" rel="nofollow">Hooopo</a>.
8
+ The source code is licensed under <a href="http://opensource.org/licenses/mit-license.php">MIT license</a>.
9
+ </p>
12
10
  </div>
13
11
  </footer>
@@ -1,7 +1,7 @@
1
- <nav class="navbar has-shadow" role="navigation" aria-label="main navigation">
1
+ <nav class="navbar navbar-petri" role="navigation" aria-label="main navigation">
2
2
  <div class="container">
3
3
  <div class="navbar-brand">
4
- <%= link_to "Petri Flow", root_path, class: "navbar-item" %>
4
+ <%= link_to "👨‍💻Petri Flow", root_path, class: "navbar-item" %>
5
5
  </div>
6
6
 
7
7
  <div class="navbar-end">
@@ -1,4 +1,5 @@
1
1
  <% return if notice.blank? %>
2
2
  <div id="notice" class="alert alert-success">
3
- <p><%= notice %></p>
3
+ <p>
4
+ <svg viewBox="64 64 896 896" focusable="false" class="" data-icon="check-circle" width="1em" height="1em" fill="#00d192" aria-hidden="true"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"></path></svg> <%= notice %></p>
4
5
  </div>
@@ -12,11 +12,12 @@
12
12
  <%= javascript_include_tag "wf/application", "data-turbolinks-track": "reload" %>
13
13
  </head>
14
14
  <body>
15
- <%= render "layouts/wf/notice" %>
16
- <%= render "layouts/wf/alert" %>
17
- <%= render "layouts/wf/nav" %>
18
15
 
16
+ <%= render "layouts/wf/nav" %>
19
17
  <main class="container">
18
+ <%= render "layouts/wf/notice" %>
19
+ <%= render "layouts/wf/alert" %>
20
+ <!--
20
21
  <nav aria-label="breadcrumb">
21
22
  <ol class='breadcrumb'>
22
23
  <% breadcrumb_trail do |crumb| %>
@@ -26,6 +27,7 @@
26
27
  <% end %>
27
28
  </ol>
28
29
  </nav>
30
+ -->
29
31
  <%= content_for?(:content) ? yield(:content) : yield %>
30
32
  </main>
31
33
 
@@ -1 +1,3 @@
1
+ <div class="card card-body">
1
2
  <%= render "form", workflow: @workflow, arc: @arc %>
3
+ </div>
@@ -1 +1,3 @@
1
+ <div class="card card-body">
1
2
  <%= render "form", workflow: @workflow, arc: @arc %>
3
+ </div>
@@ -1,3 +1,4 @@
1
+ <div class="card card-body">
1
2
  <div class="float-right">
2
3
  <%= link_to 'Delete Arc', workflow_path(@workflow, @arc), data: {confirm: 'confirm?'}, method: :delete, class: 'btn btn-danger' %>
3
4
  <%= link_to 'Edit Arc', edit_workflow_arc_path(@workflow, @arc), class: 'btn btn-primary' %>
@@ -7,7 +8,7 @@
7
8
  </div>
8
9
  <div>
9
10
  <h2>Arc Detail</h2>
10
- <table class="table table-bordered table-info">
11
+ <table class="table table-view">
11
12
  <tbody>
12
13
  <tr>
13
14
  <th scope="row">ID</th>
@@ -39,7 +40,7 @@
39
40
 
40
41
  <div>
41
42
  <h2>Guards</h2>
42
- <table class="table table-bordered table-info">
43
+ <table class="table table-view">
43
44
  <thead>
44
45
  <tr>
45
46
  <th scope="col">ID</th>
@@ -65,3 +66,4 @@
65
66
  </tbody>
66
67
  </table>
67
68
  </div>
69
+ </div>
@@ -1,10 +1,11 @@
1
- <div class="float-left"><h2>Cases</h2></div>
2
- <div class="float-right">
3
- <%= link_to 'New Case', new_workflow_case_path(@workflow), class: 'btn btn-primary' %>
4
- </div>
5
- <div>
6
- <table class="table table-bordered table-info">
7
- <thead>
1
+ <div class="card card-body">
2
+ <div class="float-left"><h2>Cases</h2></div>
3
+ <div class="float-right">
4
+ <%= link_to 'New Case', new_workflow_case_path(@workflow), class: 'btn btn-primary' %>
5
+ </div>
6
+ <div>
7
+ <table class="table table-view">
8
+ <thead>
8
9
  <tr>
9
10
  <th scope="col">ID</th>
10
11
  <th scope="col">State</th>
@@ -13,8 +14,8 @@
13
14
  <th scope="col">Targetable ID</th>
14
15
  <th scope="col">Action</th>
15
16
  </tr>
16
- </thead>
17
- <tbody>
17
+ </thead>
18
+ <tbody>
18
19
  <% @cases.each do |wf_case| %>
19
20
  <tr>
20
21
  <td><%= wf_case.id %></td>
@@ -27,9 +28,10 @@
27
28
  </td>
28
29
  </tr>
29
30
  <% end %>
30
- </tbody>
31
- </table>
31
+ </tbody>
32
+ </table>
33
+ </div>
34
+ <div>
35
+ <%= paginate @cases, theme: 'twitter-bootstrap-4' %>
36
+ </div>
32
37
  </div>
33
- <div>
34
- <%= paginate @cases, theme: 'twitter-bootstrap-4' %>
35
- </div>
@@ -1 +1,3 @@
1
+ <div class="card card-body">
1
2
  <%= render "form", workflow: @workflow, wf_case: @wf_case %>
3
+ </div>
@@ -1,6 +1,7 @@
1
+ <div class="card card-body">
1
2
  <div>
2
3
  <h2>Case Detail</h2>
3
- <table class="table table-bordered table-info">
4
+ <table class="table table-view">
4
5
  <tbody>
5
6
  <tr>
6
7
  <th scope="row">ID</th>
@@ -41,7 +42,7 @@
41
42
 
42
43
  <div>
43
44
  <h2>Tokens</h2>
44
- <table class="table table-bordered table-info">
45
+ <table class="table table-view">
45
46
  <thead>
46
47
  <tr>
47
48
  <th scope="col">ID</th>
@@ -75,7 +76,7 @@
75
76
 
76
77
  <div>
77
78
  <h2>Workitems</h2>
78
- <table class="table table-bordered table-info">
79
+ <table class="table table-view">
79
80
  <thead>
80
81
  <tr>
81
82
  <th scope="col">ID</th>
@@ -111,3 +112,4 @@
111
112
  </tbody>
112
113
  </table>
113
114
  </div>
115
+ </div>
@@ -1,3 +1,4 @@
1
+ <div class="card card-body">
1
2
  <%= form_with(model: @comment, url: workitem_comments_path(@workitem), local: true) do |f| %>
2
3
  <% if @comment.errors.any? %>
3
4
  <article class="message is-danger">
@@ -24,4 +25,5 @@
24
25
  <div class="form-group">
25
26
  <%= f.submit class: "btn btn-primary", value: "Comment", data: {disable_with: 'Waiting...'} %>
26
27
  </div>
27
- <% end %>
28
+ <% end %>
29
+ </div>
@@ -1 +1,3 @@
1
- <%= render "form", form: @form, field: @field %>
1
+ <div class="card card-body">
2
+ <%= render "form", form: @form, field: @field %>
3
+ </div>
@@ -1 +1,3 @@
1
+ <div class="card card-body">
1
2
  <%= render "form", form: @form, field: @field %>
3
+ </div>
@@ -1 +1,3 @@
1
+ <div class="card card-body">
1
2
  <%= render "form", form: @form %>
3
+ </div>
@@ -1,15 +1,16 @@
1
- <div class="float-left"><h2>Forms</h2></div>
2
- <div class="float-right">
3
- <%= link_to 'New Form', new_form_path, class: 'btn btn-primary' %>
4
- </div>
1
+ <div class="card card-body">
2
+ <div class="d-flex justify-content-between">
3
+ <div><h2>Forms</h2></div>
4
+ <div><%= link_to '+ New Form', new_form_path, class: 'btn btn-primary' %></div>
5
+ </div>
5
6
  <div>
6
- <table class="table table-bordered table-info">
7
+ <table class="table table-view">
7
8
  <thead>
8
9
  <tr>
9
10
  <th scope="col">ID</th>
10
11
  <th scope="col">Name</th>
11
12
  <th scope="col">Description</th>
12
- <th scope="col">Actions</th>
13
+ <th scope="col"></th>
13
14
  </tr>
14
15
  </thead>
15
16
  <tbody>
@@ -18,9 +19,9 @@
18
19
  <td><%= form.id %></td>
19
20
  <td><%= link_to form.name, form_path(form) %></td>
20
21
  <td><%= form.description %></td>
21
- <td>
22
- <%= link_to 'Delete Form', form_path(form), method: :delete, data: {confirm: 'confirm?'}, class: 'btn-danger btn btn-sm' %>
23
- <%= link_to 'Create Field', new_form_field_path(form), class: 'btn btn-info btn-sm' %>
22
+ <td class="text-right">
23
+ <%= link_to 'Delete Form', form_path(form), method: :delete, data: {confirm: 'confirm?'}, class: 'btn-link btn btn-sm text-danger' %>
24
+ <%= link_to 'Create Field', new_form_field_path(form), class: 'btn btn-link btn-sm' %>
24
25
  </td>
25
26
  </tr>
26
27
  <% end %>
@@ -29,4 +30,5 @@
29
30
  </div>
30
31
  <div>
31
32
  <%= paginate @forms, theme: 'twitter-bootstrap-4' %>
32
- </div>
33
+ </div>
34
+ </div>
@@ -1 +1,3 @@
1
+ <div class="card card-body">
1
2
  <%= render "form", form: @form %>
3
+ </div>
@@ -1,11 +1,12 @@
1
- <div class="float-right">
2
- <%= link_to 'Delete Form', form_path(@form), data: {confirm: 'confirm?'}, method: :delete, class: 'btn btn-danger' %>
3
- <%= link_to 'Edit Form', edit_form_path(@form), class: 'btn btn-primary' %>
4
- <%= link_to 'Create Fields', new_form_field_path(@form), class: 'btn btn-primary' %>
1
+ <div class="card card-body">
2
+ <div class="d-flex justify-content-end">
3
+ <%= link_to 'Delete Form', form_path(@form), data: {confirm: 'confirm?'}, method: :delete, class: 'btn btn-danger mr-2' %>
4
+ <%= link_to 'Edit Form', edit_form_path(@form), class: 'btn btn-light mr-2' %>
5
+ <%= link_to 'Create Fields', new_form_field_path(@form), class: 'btn btn-light' %>
5
6
  </div>
6
7
  <div>
7
8
  <h2>Form Detail</h2>
8
- <table class="table table-bordered table-info">
9
+ <table class="table table-view">
9
10
  <tbody>
10
11
  <tr>
11
12
  <th scope="row">ID</th>
@@ -25,7 +26,7 @@
25
26
 
26
27
  <div>
27
28
  <h2>Fields</h2>
28
- <table class="table table-bordered table-info">
29
+ <table class="table table-view">
29
30
  <thead>
30
31
  <tr>
31
32
  <th scope="col">ID</th>
@@ -33,7 +34,7 @@
33
34
  <th scope="col">Position</th>
34
35
  <th scope="col">Field Type</th>
35
36
  <th scope="col">Default Value</th>
36
- <th scope="col">Actions</th>
37
+ <th scope="col"></th>
37
38
  </tr>
38
39
  </thead>
39
40
  <tbody>
@@ -44,10 +45,11 @@
44
45
  <td><%= field.position %></td>
45
46
  <td><%= field.field_type %></td>
46
47
  <td><%= field.default_value %></td>
47
- <td><%= link_to 'Edit Field', edit_form_field_path(@form, field), class: 'btn btn-sm btn-info' %></td>
48
- <td><%= link_to 'Delete Field', [@form, field], remote: true, method: :delete, data: {confirm: 'confirm?'}, class: 'btn btn-sm btn-info' %></td>
48
+ <td class="text-right"><%= link_to 'Edit Field', edit_form_field_path(@form, field), class: 'btn btn-sm btn-link mr-2' %>
49
+ <%= link_to 'Delete Field', [@form, field], remote: true, method: :delete, data: {confirm: 'confirm?'}, class: 'btn btn-sm btn-link text-danger' %></td>
49
50
  </tr>
50
51
  <% end %>
51
52
  </tbody>
52
53
  </table>
53
54
  </div>
55
+ </div>
@@ -1 +1,3 @@
1
- <%= render "form", arc: @arc, guard: @guard %>
1
+ <div class="card card-body">
2
+ <%= render "form", arc: @arc, guard: @guard %>
3
+ </div>
@@ -1 +1,3 @@
1
+ <div class="card card-body">
1
2
  <%= render "form", arc: @arc, guard: @guard %>
3
+ </div>
@@ -1 +1,3 @@
1
- <%= render "form", workflow: @workflow, place: @place %>
1
+ <div class="card card-body">
2
+ <%= render "form", workflow: @workflow, place: @place %>
3
+ </div>
@@ -1 +1,3 @@
1
+ <div class="card card-body">
1
2
  <%= render "form", workflow: @workflow, place: @place %>
3
+ </div>
@@ -1 +1,3 @@
1
+ <div class="card card-body">
1
2
  <%= render "form", workflow: @workflow, transition: @transition %>
3
+ </div>
@@ -1 +1,3 @@
1
+ <div class="card card-body">
1
2
  <%= render "form", workflow: @workflow, transition: @transition %>
3
+ </div>
@@ -1 +1,3 @@
1
- <%= render "form", workflow: @workflow %>
1
+ <div class="card card-body">
2
+ <%= render "form", workflow: @workflow %>
3
+ </div>
@@ -1,9 +1,13 @@
1
- <div class="float-left"><h2>Workflows</h2></div>
2
- <div class="float-right">
1
+ <div class="card card-body">
2
+ <div class="d-flex justify-content-between">
3
+
4
+ <div><h2>Workflows</h2></div>
5
+ <div>
3
6
  <%= link_to 'New Workflow', new_workflow_path, class: 'btn btn-primary' %>
4
7
  </div>
8
+ </div>
5
9
  <div>
6
- <table class="table table-bordered table-info">
10
+ <table class="table table-view">
7
11
  <thead>
8
12
  <tr>
9
13
  <th scope="col">ID</th>
@@ -11,7 +15,7 @@
11
15
  <th scope="col">Description</th>
12
16
  <th scope="col">Is Valid?</th>
13
17
  <th scope="col">Error Msg</th>
14
- <th scope="col">Actions</th>
18
+ <th scope="col"></th>
15
19
  </tr>
16
20
  </thead>
17
21
  <tbody>
@@ -22,11 +26,11 @@
22
26
  <td><%= workflow.description %></td>
23
27
  <td><%= workflow.is_valid? %></td>
24
28
  <td><%= workflow.error_msg %></td>
25
- <td>
26
- <%= link_to 'Delete Workflow', workflow_path(workflow), remote: true, method: :delete, data: {confirm: 'confirm?'}, class: 'btn btn-danger btn-sm' %>
27
- <%= link_to 'Create Transition', new_workflow_transition_path(workflow), class: 'btn btn-info btn-sm' %>
28
- <%= link_to 'Create Place', new_workflow_place_path(workflow), class: 'btn btn-info btn-sm' %>
29
- <%= link_to 'Create Arc', new_workflow_arc_path(workflow), class: 'btn btn-info btn-sm' %>
29
+ <td class="text-right">
30
+ <%= link_to 'Delete Workflow', workflow_path(workflow), remote: true, method: :delete, data: {confirm: 'confirm?'}, class: 'btn btn-link btn-sm text-danger' %>
31
+ <%= link_to 'Create Transition', new_workflow_transition_path(workflow), class: 'btn btn-link btn-sm' %>
32
+ <%= link_to 'Create Place', new_workflow_place_path(workflow), class: 'btn btn-link btn-sm' %>
33
+ <%= link_to 'Create Arc', new_workflow_arc_path(workflow), class: 'btn btn-link btn-sm' %>
30
34
  </td>
31
35
  </tr>
32
36
  <% end %>
@@ -35,4 +39,5 @@
35
39
  </div>
36
40
  <div>
37
41
  <%= paginate @workflows, theme: 'twitter-bootstrap-4' %>
38
- </div>
42
+ </div>
43
+ </div>
@@ -1 +1,3 @@
1
+ <div class="card card-body">
1
2
  <%= render "form", workflow: @workflow %>
3
+ </div>
@@ -1,16 +1,16 @@
1
- <div class="float-right">
2
- <% if @workflow.is_valid? %>
3
- <%= link_to 'New Case', new_workflow_case_path(@workflow), class: 'btn btn-dark' %>
1
+ <div class="d-flex justify-content-end">
2
+ <% if @workflow.is_valid? %>
3
+ <%= link_to 'New Case', new_workflow_case_path(@workflow), class: 'btn btn-primary mr-2' %>
4
4
  <% end %>
5
- <%= link_to 'Edit Workflow', edit_workflow_path(@workflow), class: 'btn btn-primary' %>
6
- <%= link_to 'Create Transitions', new_workflow_transition_path(@workflow), class: 'btn btn-primary' %>
7
- <%= link_to 'Create Places', new_workflow_place_path(@workflow), class: 'btn btn-primary' %>
8
- <%= link_to 'Create Arcs', new_workflow_arc_path(@workflow), class: 'btn btn-primary' %>
9
- <%= link_to 'Delete Workflow', workflow_path(@workflow), data: {confirm: 'confirm?'}, method: :delete, class: 'btn btn-danger' %>
5
+ <%= link_to 'Delete Workflow', workflow_path(@workflow), data: {confirm: 'confirm?'}, method: :delete, class: 'btn btn-danger mr-2' %>
6
+ <%= link_to 'Edit Workflow', edit_workflow_path(@workflow), class: 'btn btn-light mr-2' %>
7
+ <%= link_to 'Create Transitions', new_workflow_transition_path(@workflow), class: 'btn btn-light mr-2' %>
8
+ <%= link_to 'Create Places', new_workflow_place_path(@workflow), class: 'btn btn-light mr-2' %>
9
+ <%= link_to 'Create Arcs', new_workflow_arc_path(@workflow), class: 'btn btn-light ' %>
10
10
  </div>
11
- <div>
11
+ <div class="card card-body">
12
12
  <h2 class="">Workflow Detail</h2>
13
- <table class="table table-bordered table-info">
13
+ <table class="table table-view">
14
14
  <tbody>
15
15
  <tr>
16
16
  <th scope="row">ID</th>
@@ -26,7 +26,7 @@
26
26
  </tr>
27
27
  <tr>
28
28
  <th scope="row">Is Valid?</th>
29
- <td><%= @workflow.is_valid? %></td>
29
+ <td><code><%= @workflow.is_valid? %></code></td>
30
30
  </tr>
31
31
 
32
32
  <tr>
@@ -37,7 +37,7 @@
37
37
  </table>
38
38
  </div>
39
39
 
40
- <div>
40
+ <div class="card card-body">
41
41
  <h2>Graph Editor</h2>
42
42
  <div class="card">
43
43
  <div class="card-body">
@@ -46,9 +46,9 @@
46
46
  </div>
47
47
  </div>
48
48
 
49
- <div>
49
+ <div class="card card-body">
50
50
  <h2 class="">Cases</h2>
51
- <table class="table table-bordered table-info">
51
+ <table class="table table-view">
52
52
  <thead>
53
53
  <tr>
54
54
  <th scope="col">All</th>
@@ -72,9 +72,9 @@
72
72
  </table>
73
73
  </div>
74
74
 
75
- <div>
75
+ <div class="card card-body">
76
76
  <h2>Places</h2>
77
- <table class="table table-bordered table-info">
77
+ <table class="table table-view">
78
78
  <thead>
79
79
  <tr>
80
80
  <th scope="col">ID</th>
@@ -82,7 +82,7 @@
82
82
  <th scope="col">Description</th>
83
83
  <th scope="col">Place Type</th>
84
84
  <th scope="col">Sort Order</th>
85
- <th scope="col">Actions</th>
85
+ <th scope="col"></th>
86
86
  </tr>
87
87
  </thead>
88
88
  <tbody>
@@ -93,16 +93,18 @@
93
93
  <td><%= place.description %></td>
94
94
  <td><%= place.place_type %></td>
95
95
  <td><%= place.sort_order %></td>
96
- <td><%= link_to 'Edit Place', edit_workflow_place_path(@workflow, place), class: 'btn btn-sm btn-info' %></td>
97
- <td><%= link_to 'Delete Place', [@workflow, place], remote: true, method: :delete, data: {confirm: 'confirm?'}, class: 'btn btn-sm btn-info' %></td>
96
+ <td class="text-right">
97
+ <%= link_to 'Edit Place', edit_workflow_place_path(@workflow, place), class: 'btn btn-sm btn-link mr-2' %>
98
+ <%= link_to 'Delete Place', [@workflow, place], remote: true, method: :delete, data: {confirm: 'confirm?'}, class: 'btn btn-sm btn-link text-danger' %>
99
+ </td>
98
100
  </tr>
99
101
  <% end %>
100
102
  </tbody>
101
103
  </table>
102
104
  </div>
103
- <div>
105
+ <div class="card card-body">
104
106
  <h2>Transitions</h2>
105
- <table class="table table-bordered table-info">
107
+ <table class="table table-view">
106
108
  <thead>
107
109
  <tr>
108
110
  <th scope="col">ID</th>
@@ -112,7 +114,7 @@
112
114
  <th scope="col">Trigger Type</th>
113
115
  <th scope="col">Sort Order</th>
114
116
  <th scope="col">Custom Form</th>
115
- <th scope='col'> Actions </th>
117
+ <th scope='col'> </th>
116
118
  </tr>
117
119
  </thead>
118
120
  <tbody>
@@ -132,16 +134,16 @@
132
134
  No Form
133
135
  <% end %>
134
136
  </td>
135
- <td><%= link_to 'Edit Transition', edit_workflow_transition_path(@workflow, transition), class: 'btn btn-sm btn-info' %></td>
136
- <td><%= link_to 'Delete Transition', [@workflow, transition], remote: true, method: :delete, data: {confirm: 'confirm?'}, class: 'btn btn-sm btn-info' %></td>
137
+ <td><%= link_to 'Edit Transition', edit_workflow_transition_path(@workflow, transition), class: 'btn btn-sm btn-link mr-2' %>
138
+ <%= link_to 'Delete Transition', [@workflow, transition], remote: true, method: :delete, data: {confirm: 'confirm?'}, class: 'btn btn-sm btn-link text-danger' %></td>
137
139
  </tr>
138
140
  <% end %>
139
141
  </tbody>
140
142
  </table>
141
143
  </div>
142
- <div>
144
+ <div class="card card-body">
143
145
  <h2>Arcs</h2>
144
- <table class="table table-bordered table-info">
146
+ <table class="table table-view">
145
147
  <thead>
146
148
  <tr>
147
149
  <th scope="col">ID</th>
@@ -151,7 +153,7 @@
151
153
  <th scope="col">Transition</th>
152
154
  <th scope="col">Arc Type</th>
153
155
  <th scope="col">Guards</th>
154
- <th scope='col'> Actions </th>
156
+ <th scope='col'> </th>
155
157
  </tr>
156
158
  </thead>
157
159
  <tbody>
@@ -162,14 +164,16 @@
162
164
  <td><%= arc.direction %></td>
163
165
  <td><%= arc.place&.name %></td>
164
166
  <td><%= arc.transition&.name %></td>
165
- <td><%= arc.guards.map(&:inspect).join(" & ") %></td>
166
- <td><%= link_to 'Edit Arc', edit_workflow_arc_path(@workflow, arc), class: 'btn btn-sm btn-info' %></td>
167
+ <td><code><%= arc.guards.map(&:inspect).join(" & ") %></code></td>
167
168
  <td>
168
169
  <% if arc.out? %>
169
- <%= link_to 'Add Gruards', new_arc_guard_path(arc), class: 'btn btn-sm btn-info' %>
170
+ <%= link_to 'Add Gruards', new_arc_guard_path(arc), class: 'btn btn-sm btn-outline-primary mr-2' %>
170
171
  <% end %>
171
172
  </td>
172
- <td><%= link_to 'Delete Arc', [@workflow, arc], remote: true, method: :delete, data: {confirm: 'confirm?'}, class: 'btn btn-sm btn-danger' %></td>
173
+ <td class="text-right">
174
+ <%= link_to 'Edit Arc', edit_workflow_arc_path(@workflow, arc), class: 'btn btn-sm btn-link mr-2' %>
175
+ <%= link_to 'Delete Arc', [@workflow, arc], remote: true, method: :delete, data: {confirm: 'confirm?'}, class: 'btn btn-sm btn-link text-danger' %>
176
+ </td>
173
177
  </tr>
174
178
  <% end %>
175
179
  </tbody>
@@ -1,3 +1,4 @@
1
+ <div class="card card-body">
1
2
  <%= form_with(model: @workitem_assignment, url: workitem_workitem_assignments_path(@workitem), local: true) do |f| %>
2
3
  <% if @workitem_assignment.errors.any? %>
3
4
  <article class="message is-danger">
@@ -24,4 +25,5 @@
24
25
  <div class="form-group">
25
26
  <%= f.submit class: "btn btn-primary", value: "Assign", data: {disable_with: 'Waiting...'} %>
26
27
  </div>
27
- <% end %>
28
+ <% end %>
29
+ </div>
@@ -1,6 +1,7 @@
1
+ <div class="card card-body">
1
2
  <div>
2
3
  <h2 class="">Stats</h2>
3
- <table class="table table-bordered table-info">
4
+ <table class="table table-view">
4
5
  <thead>
5
6
  <tr>
6
7
  <th scope="col">All</th>
@@ -23,10 +24,11 @@
23
24
  </tbody>
24
25
  </table>
25
26
  </div>
26
-
27
+ </div>
28
+ <div class="card card-body">
27
29
  <div>
28
30
  <h2>Workitems</h2>
29
- <table class="table table-bordered table-info">
31
+ <table class="table table-view">
30
32
  <thead>
31
33
  <tr>
32
34
  <th scope="col">ID</th>
@@ -66,3 +68,4 @@
66
68
  <div>
67
69
  <%= paginate @workitems, theme: 'twitter-bootstrap-4' %>
68
70
  </div>
71
+ </div>
@@ -1,9 +1,10 @@
1
+ <div class="card card-body">
1
2
  <div class="float-right">
2
3
  <%= link_to 'Back to Case', workflow_case_path(@workitem.workflow, @workitem.case), class: 'btn btn-primary' %>
3
4
  </div>
4
5
  <div>
5
6
  <h2>Transition</h2>
6
- <table class="table table-bordered table-info">
7
+ <table class="table table-view">
7
8
  <thead>
8
9
  <tr>
9
10
  <th scope="col">ID</th>
@@ -38,7 +39,7 @@
38
39
 
39
40
  <div>
40
41
  <h2>Detail</h2>
41
- <table class="table table-bordered table-info">
42
+ <table class="table table-view">
42
43
  <thead>
43
44
  <tr>
44
45
  <th scope="col">ID</th>
@@ -74,7 +75,7 @@
74
75
  <% if @workitem.transition.form %>
75
76
  <div>
76
77
  <h2>Entries</h2>
77
- <table class="table table-bordered table-info">
78
+ <table class="table table-view">
78
79
  <thead>
79
80
  <tr>
80
81
  <th scope="col">ID</th>
@@ -101,7 +102,7 @@
101
102
 
102
103
  <div>
103
104
  <h2>Assignments</h2>
104
- <table class="table table-bordered table-info">
105
+ <table class="table table-view">
105
106
  <thead>
106
107
  <tr>
107
108
  <th scope="col">ID</th>
@@ -144,7 +145,7 @@
144
145
 
145
146
  <div>
146
147
  <h2>Comments</h2>
147
- <table class="table table-bordered table-info">
148
+ <table class="table table-view">
148
149
  <thead>
149
150
  <tr>
150
151
  <th scope="col">ID</th>
@@ -171,7 +172,7 @@
171
172
 
172
173
  <div>
173
174
  <h2>All Workitems</h2>
174
- <table class="table table-bordered table-info">
175
+ <table class="table table-view">
175
176
  <thead>
176
177
  <tr>
177
178
  <th scope="col">ID</th>
@@ -208,4 +209,5 @@
208
209
  <% end %>
209
210
  </tbody>
210
211
  </table>
211
- </div>
212
+ </div>
213
+ </div>
data/lib/wf/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Wf
4
- VERSION = "0.1.2"
4
+ VERSION = "0.1.3"
5
5
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: petri_flow
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.2
4
+ version: 0.1.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Hooopo Wang
@@ -149,6 +149,14 @@ files:
149
149
  - app/assets/stylesheets/wf/guards.css
150
150
  - app/assets/stylesheets/wf/places.css
151
151
  - app/assets/stylesheets/wf/transitions.css
152
+ - app/assets/stylesheets/wf/uikit/_colors.scss
153
+ - app/assets/stylesheets/wf/uikit/_variables.scss
154
+ - app/assets/stylesheets/wf/uikit/alert.scss
155
+ - app/assets/stylesheets/wf/uikit/button.scss
156
+ - app/assets/stylesheets/wf/uikit/card.scss
157
+ - app/assets/stylesheets/wf/uikit/index.scss
158
+ - app/assets/stylesheets/wf/uikit/navbar.scss
159
+ - app/assets/stylesheets/wf/uikit/table.scss
152
160
  - app/assets/stylesheets/wf/workflows.css
153
161
  - app/assets/stylesheets/wf/workitem_assignments.css
154
162
  - app/assets/stylesheets/wf/workitems.css