Initial commit

2023-08-29 19:55:48 +02:00
commit 7c2eec4446
473 changed files with 40947 additions and 0 deletions
--- a/Frontend/pages/home/sass/ActionEditor.scss
+++ b/Frontend/pages/home/sass/ActionEditor.scss
@@ -0,0 +1,152 @@
+.actioncontainer {
+    width: calc(100% - 20px);
+    margin: 10px 10px 0px 10px;
+    border-bottom: 1px solid #424242;
+    padding-bottom: 10px;
+
+    &:last-child {
+        border-bottom: 0px;
+    }
+
+    .header {
+        display: flex;
+        font-size: 12px;
+
+        .integration {
+            font-weight: 500;
+            margin-right: 5px;
+        }
+
+        .action {
+            color: #d9d9d9;
+            width: 100%;
+        }
+
+        .buttons {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            .btn {
+                padding: 2px 8px;
+                border-radius: var(--border-radius);
+                transition-duration: .2s;
+                cursor: pointer;
+            }
+
+            .btn.logs {
+                background: #707070;
+
+                &:hover {
+                    background: #4b4b4b;
+                }
+            }
+
+            .btn.remove {
+                background: var(--color-red);
+                margin-left: 5px;
+
+                &:hover {
+                    background: var(--color-red-hover);
+                }
+            }
+        }
+    }
+
+    .fields {
+        width: 100%;
+
+        .field {
+            width: calc(100% - 5px);
+            display: flex;
+            justify-content: flex-start;
+            align-items: center;
+            margin-left: 5px;
+            margin-top: 5px;
+
+            .fieldlabel {
+                font-size: 12px;
+                white-space: nowrap;
+                margin-right: 10px;
+                color: #bfbfbf;
+            }
+
+            .multiselect {
+                position: relative;
+                width: calc(100% - 14px);
+                margin: 0;
+                padding: 2px 5px;
+
+                select {
+                    width: calc(100% + 4px);
+                    margin: 0;
+                    padding: 2px 5px;
+
+                    &.open {
+                        border-bottom-left-radius: 0px;
+                        border-bottom-right-radius: 0px;
+                        border-color: var(--main-color);
+                    }
+                }
+
+
+                .dropdown {
+                    position: absolute;
+                    top: 25px;
+                    left: 5px;
+                    right: 1px;
+                    height: 300px;
+                    display: none;
+
+                    .inner {
+                        width: 100%;
+                        max-height: 300px;
+                        overflow-y: auto;
+                        border: 2px solid var(--main-color);
+                        border-bottom-left-radius: var(--border-radius);
+                        border-bottom-right-radius: var(--border-radius);
+
+                        // display: flex;
+                        // justify-content: center;
+                        // align-items: center;
+                        // flex-direction: column;
+
+                        .option {
+                            width: calc(100% - 20px);
+                            height: 18px;
+                            padding: 4px 10px;
+                            display: flex;
+                            justify-content: flex-start;
+                            align-items: center;
+                            border-bottom: 1px solid var(--main-color);
+                            background: #323232;
+                            user-select: none;
+                            font-size: 12px;
+
+                            &:last-child {
+                                border-bottom: 0px;
+                            }
+
+                            input {
+                                width: 18px;
+                                height: 18px;
+                                pointer-events: none;
+                            }
+
+                            .text {
+                                margin-left: 10px;
+                            }
+                        }
+                    }
+                }
+            }
+
+            input,
+            select {
+                width: 100%;
+                margin: 0px;
+                padding: 2px 5px;
+            }
+        }
+    }
+}