mohiit1502/Automata
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(editor): Add Workflow history route and base page (no-changelog) (#7161)

Browse Source
This commit is contained in:
Csaba Tuncsik
2023-09-15 13:17:04 +02:00
committed by GitHub
parent 556a6132ba
commit 240b2f075e
6 changed files with 88 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
packages/editor-ui/src/views/WorkflowHistory.vue Normal file
View File

@@ -0,0 +1,56 @@
<script setup lang="ts">
import { useI18n } from '@/composables';
const i18n = useI18n();
</script>
<template>
<div :class="$style.view">
<n8n-heading :class="$style.header" tag="h2" size="medium" bold>Workflow name</n8n-heading>
<div :class="$style.corner">
<n8n-heading tag="h2" size="medium" bold>{{
i18n.baseText('workflowHistory.title')
}}</n8n-heading>
<n8n-button type="tertiary" icon="times" size="small" text square />
</div>
<div :class="$style.content"></div>
<div :class="$style.list"></div>
</div>
</template>
<style module lang="scss">
.view {
display: grid;
width: 100%;
grid-template-areas: 'header corner' 'content list';
grid-template-columns: auto 330px;
grid-template-rows: 65px auto;
background-color: var(--color-background-xlight);
}
.header {
grid-area: header;
display: flex;
align-items: center;
padding: 0 var(--spacing-l);
border-bottom: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
}
.corner {
grid-area: corner;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 var(--spacing-3xs) 0 var(--spacing-s);
background-color: var(--color-background-lighter);
border-bottom: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
border-left: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
}
.content {
grid-area: content;
}
.list {
grid-area: list;
border-left: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
}
</style>