- |
+ |
diff --git a/frontend/app/features/rules/pages/events/rule-event.component.scss b/frontend/app/features/rules/pages/events/rule-event.component.scss
index fbf08624c..79e8dd057 100644
--- a/frontend/app/features/rules/pages/events/rule-event.component.scss
+++ b/frontend/app/features/rules/pages/events/rule-event.component.scss
@@ -1,36 +1,43 @@
-h4 {
- margin-bottom: 1rem;
+td {
+ &.details {
+ border-top: 0;
+ border-top-left-radius: 0 !important;
+ border-top-right-radius: 0 !important;
+ padding: 0 !important;
+ }
}
-.expanded {
- border-bottom: 0;
+.table-items-row {
+ &.expanded {
+ td {
+ border-bottom: 0;
+ border-bottom-left-radius: 0 !important;
+ border-bottom-right-radius: 0 !important;
+ }
+ }
}
-$color-dark-onboarding:#273039;
-
.event {
&-stats {
font-size: $font-smallest;
}
- &-dump {
- margin-top: 1rem;
+ &-header,
+ &-dump,
+ &-stats {
+ padding: .75rem 1.25rem;
}
&-header {
- background: $color-white;
+ background: $color-border-light;
border: 0;
- margin: -.75rem -1.25rem;
- margin-bottom: 1rem;
+ border-bottom: 2px solid $color-border;
padding: .75rem 1.25rem;
position: relative;
- &::before {
- @include caret-top($color-white);
- @include absolute(-1.1rem, 1.8rem, auto, auto);
- }
-
- h3 {
+ h4 {
+ font-size: 1rem;
+ font-weight: 500;
margin: 0;
}
}
diff --git a/frontend/app/features/rules/pages/rule/rule-page.component.html b/frontend/app/features/rules/pages/rule/rule-page.component.html
index 146520fd7..5f65f7722 100644
--- a/frontend/app/features/rules/pages/rule/rule-page.component.html
+++ b/frontend/app/features/rules/pages/rule/rule-page.component.html
@@ -14,19 +14,31 @@
-
-
- {{ 'common.enabled' | sqxTranslate }}
-
-
-
- {{ 'common.disabled' | sqxTranslate }}
-
+
+
+
+
+
+
+
+ {{ 'common.enabled' | sqxTranslate }}
+
-
-
+
+ {{ 'common.disabled' | sqxTranslate }}
+
+
+
+
+
-
diff --git a/frontend/app/features/rules/pages/rule/rule-page.component.ts b/frontend/app/features/rules/pages/rule/rule-page.component.ts
index df618597e..f76022b6c 100644
--- a/frontend/app/features/rules/pages/rule/rule-page.component.ts
+++ b/frontend/app/features/rules/pages/rule/rule-page.component.ts
@@ -29,6 +29,10 @@ export class RulePageComponent extends ResourceOwner implements OnInit {
public isEnabled = false;
public isEditable = false;
+ public get isManual() {
+ return this.rule?.triggerType === 'Manual';
+ }
+
public get actionElement() {
return this.supportedActions[this.currentAction?.type || ''];
}
@@ -109,6 +113,10 @@ export class RulePageComponent extends ResourceOwner implements OnInit {
this.currentTrigger = undefined;
}
+ public trigger() {
+ this.rulesState.trigger(this.rule!);
+ }
+
public save() {
if (!this.isEditable || !this.currentAction || !this.currentTrigger) {
return;
diff --git a/frontend/app/features/rules/pages/rules/rules-page.component.html b/frontend/app/features/rules/pages/rules/rules-page.component.html
index 5796e3539..c68fd441c 100644
--- a/frontend/app/features/rules/pages/rules/rules-page.component.html
+++ b/frontend/app/features/rules/pages/rules/rules-page.component.html
@@ -6,7 +6,7 @@
{{ 'common.refresh' | sqxTranslate }}
-
+
{{ 'rules.create' | sqxTranslate }}
diff --git a/frontend/app/features/rules/shared/actions/generic-action.component.html b/frontend/app/features/rules/shared/actions/generic-action.component.html
index 968c846fe..8f7a31cb2 100644
--- a/frontend/app/features/rules/shared/actions/generic-action.component.html
+++ b/frontend/app/features/rules/shared/actions/generic-action.component.html
@@ -14,6 +14,9 @@
+
+
+
diff --git a/frontend/app/theme/_lists.scss b/frontend/app/theme/_lists.scss
index 740e14bea..fa8bfd1ca 100644
--- a/frontend/app/theme/_lists.scss
+++ b/frontend/app/theme/_lists.scss
@@ -67,13 +67,15 @@
vertical-align: middle;
&:first-child {
+ border-bottom-left-radius: $border-radius;
border-left: 1px solid $color-border;
- border-radius: $border-radius 0 0 $border-radius;
+ border-top-left-radius: $border-radius;
}
&:last-child {
- border-radius: 0 $border-radius $border-radius 0;
+ border-bottom-right-radius: $border-radius;
border-right: 1px solid $color-border;
+ border-top-right-radius: $border-radius;
}
}
@@ -173,7 +175,7 @@
tbody {
&:last-child {
.spacer {
- display: none
+ display: none;
}
}
}
|