@signalk/charts-plugin 3.3.0 → 3.5.0-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/public/style.css CHANGED
@@ -1,116 +1,118 @@
1
1
  #activeJobsTable {
2
- width: 100%;
3
- border-collapse: collapse;
4
- font-family: Arial, sans-serif;
5
- margin-top: 8px;
2
+ width: 100%;
3
+ border-collapse: collapse;
4
+ font-family: Arial, sans-serif;
5
+ margin-top: 8px;
6
6
  }
7
7
 
8
8
  #activeJobsTable th,
9
9
  #progressTable td {
10
- border: 1px solid #ddd;
11
- padding: 6px 8px;
12
- text-align: left;
13
- vertical-align: middle;
14
- font-size: 13px;
10
+ border: 1px solid #ddd;
11
+ padding: 6px 8px;
12
+ text-align: left;
13
+ vertical-align: middle;
14
+ font-size: 13px;
15
15
  }
16
16
 
17
17
  #activeJobsTable th {
18
- background: #f4f4f4;
19
- font-weight: 600;
18
+ background: #f4f4f4;
19
+ font-weight: 600;
20
20
  }
21
21
 
22
22
  .progress-bar {
23
- width: 160px;
24
- height: 18px;
25
- background: #eee;
26
- border-radius: 6px;
27
- overflow: hidden;
28
- display: inline-block;
29
- vertical-align: middle;
30
- margin-right: 8px;
23
+ width: 160px;
24
+ height: 18px;
25
+ background: #eee;
26
+ border-radius: 6px;
27
+ overflow: hidden;
28
+ display: inline-block;
29
+ vertical-align: middle;
30
+ margin-right: 8px;
31
31
  }
32
32
 
33
33
  .progress-fill {
34
- display: inline-block;
35
- width: 0%;
36
- height: 100%;
37
- box-sizing: border-box;
38
- background: linear-gradient(90deg, #4caf50, #2e7d32);
39
- transition: width 300ms ease;
34
+ display: inline-block;
35
+ width: 0%;
36
+ height: 100%;
37
+ box-sizing: border-box;
38
+ background: linear-gradient(90deg, #4caf50, #2e7d32);
39
+ transition: width 300ms ease;
40
40
  }
41
41
 
42
42
  .percent {
43
- font-size: 12px;
44
- color: #333;
45
- vertical-align: middle;
43
+ font-size: 12px;
44
+ color: #333;
45
+ vertical-align: middle;
46
46
  }
47
47
 
48
48
  .muted {
49
- color: #666;
50
- font-size: 12px;
49
+ color: #666;
50
+ font-size: 12px;
51
51
  }
52
52
 
53
53
  .action-buttons {
54
- display: flex;
55
- gap: 8px;
56
- justify-content: center;
57
- align-items: center;
54
+ display: flex;
55
+ gap: 8px;
56
+ justify-content: center;
57
+ align-items: center;
58
58
  }
59
59
 
60
60
  .btn {
61
- display: flex;
62
- justify-content: center;
63
- align-items: center;
64
- width: 36px;
65
- height: 36px;
66
- border: none;
67
- border-radius: 8px;
68
- cursor: pointer;
69
- background-color: #444;
70
- transition: transform 0.15s ease, background-color 0.2s ease;
71
- padding: 0;
72
- line-height: 0;
61
+ display: flex;
62
+ justify-content: center;
63
+ align-items: center;
64
+ width: 36px;
65
+ height: 36px;
66
+ border: none;
67
+ border-radius: 8px;
68
+ cursor: pointer;
69
+ background-color: #444;
70
+ transition:
71
+ transform 0.15s ease,
72
+ background-color 0.2s ease;
73
+ padding: 0;
74
+ line-height: 0;
73
75
  }
74
76
 
75
77
  .btn:hover {
76
- transform: scale(1.1);
78
+ transform: scale(1.1);
77
79
  }
78
80
 
79
81
  .icon {
80
- width: 20px;
81
- height: 20px;
82
- fill: white;
83
- display: block;
84
- /* ensures true centering */
85
- vertical-align: middle;
86
- stroke-linecap: round;
87
- stroke-linejoin: round;
82
+ width: 20px;
83
+ height: 20px;
84
+ fill: white;
85
+ display: block;
86
+ /* ensures true centering */
87
+ vertical-align: middle;
88
+ stroke-linecap: round;
89
+ stroke-linejoin: round;
88
90
  }
89
91
 
90
92
  .startstop-btn {
91
- background-color: #27ae60;
93
+ background-color: #27ae60;
92
94
  }
93
95
 
94
96
  .startstop-btn.running {
95
- background-color: #c0392b;
97
+ background-color: #c0392b;
96
98
  }
97
99
 
98
100
  .delete-btn {
99
- background-color: #e74c3c;
101
+ background-color: #e74c3c;
100
102
  }
101
103
 
102
104
  .delete-btn:hover {
103
- background-color: #c0392b;
105
+ background-color: #c0392b;
104
106
  }
105
107
 
106
108
  .remove-btn {
107
- background-color: #7f8c8d;
109
+ background-color: #7f8c8d;
108
110
  }
109
111
 
110
112
  .remove-btn:hover {
111
- background-color: #95a5a6;
113
+ background-color: #95a5a6;
112
114
  }
113
115
 
114
116
  .hidden {
115
- display: none;
116
- }
117
+ display: none;
118
+ }
@@ -0,0 +1,26 @@
1
+ {
2
+ "$schema": "./node_modules/@stryker-mutator/core/schema/stryker-schema.json",
3
+ "packageManager": "npm",
4
+ "reporters": ["clear-text", "progress", "html"],
5
+ "testRunner": "mocha",
6
+ "mochaOptions": {
7
+ "spec": ["test/**/*.ts"]
8
+ },
9
+ "coverageAnalysis": "perTest",
10
+ "mutate": ["src/**/*.ts"],
11
+ "buildCommand": "npm run build",
12
+ "thresholds": {
13
+ "high": 90,
14
+ "low": 80,
15
+ "break": 0
16
+ },
17
+ "disableTypeChecks": false,
18
+ "ignorePatterns": [
19
+ "coverage",
20
+ "plugin",
21
+ "reports",
22
+ ".stryker-tmp",
23
+ "node_modules/.cache"
24
+ ],
25
+ "timeoutMS": 30000
26
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "extends": "./tsconfig.json",
3
+ "compilerOptions": {
4
+ "rootDir": "src",
5
+ "noUnusedLocals": false,
6
+ "noUnusedParameters": false
7
+ },
8
+ "include": ["src/**/*"],
9
+ "exclude": [
10
+ "node_modules",
11
+ "plugin",
12
+ "coverage",
13
+ "reports",
14
+ ".stryker-tmp",
15
+ "test"
16
+ ]
17
+ }