mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(editor): Change executions title to match menu (#5349)

Browse source 
* fix(editor): Prevent content moving between pages

* fix(editor): Change execution page title
This commit is contained in:
Csaba Tuncsik 2023-02-03 14:00:22 +01:00 committed by GitHub
parent 50cb75706b
commit 338b354ef1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
packages/editor-ui/src/components/ExecutionsList.vue
View file

@ -1,13 +1,7 @@
<template> <template>
<div :class="$style.execListWrapper"> <div :class="$style.execListWrapper">
<div :class="$style.execList"> <div :class="$style.execList">
<n8n-heading tag="h1" size="2xlarge"> <n8n-heading tag="h1" size="2xlarge">{{ this.pageTitle }}</n8n-heading>
{{
`${$locale.baseText('executionsList.workflowExecutions')} ${combinedExecutions.length}/${
finishedExecutionsCountEstimated === true ? '~' : ''
}${combinedExecutionsCount}`
}}
</n8n-heading>
<div :class="$style.filters"> <div :class="$style.filters">
<span :class="$style.filterItem">{{ $locale.baseText('executionsList.filters') }}:</span> <span :class="$style.filterItem">{{ $locale.baseText('executionsList.filters') }}:</span>
<n8n-select <n8n-select
@ -276,6 +270,7 @@ import mixins from 'vue-typed-mixins';
import { mapStores } from 'pinia'; import { mapStores } from 'pinia';
import { useUIStore } from '@/stores/ui'; import { useUIStore } from '@/stores/ui';
import { useWorkflowsStore } from '@/stores/workflows'; import { useWorkflowsStore } from '@/stores/workflows';
import { setPageTitle } from '@/utils';
type ExecutionStatus = 'failed' | 'success' | 'waiting' | 'running' | 'unknown'; type ExecutionStatus = 'failed' | 'success' | 'waiting' | 'running' | 'unknown';
@ -311,6 +306,9 @@ export default mixins(externalHooks, genericHelpers, executionHelpers, restApi,
workflows: [] as IWorkflowShortResponse[], workflows: [] as IWorkflowShortResponse[],
}; };
}, },
mounted() {
setPageTitle(`n8n - ${this.pageTitle}`);
},
async created() { async created() {
await this.loadWorkflows(); await this.loadWorkflows();
await this.refreshData(); await this.refreshData();
@ -404,6 +402,9 @@ export default mixins(externalHooks, genericHelpers, executionHelpers, restApi,
} }
return filter; return filter;
}, },
pageTitle() {
return this.$locale.baseText('executionsList.workflowExecutions');
},
}, },
methods: { methods: {
closeDialog() { closeDialog() {
@ -935,7 +936,10 @@ export default mixins(externalHooks, genericHelpers, executionHelpers, restApi,
position: relative; position: relative;
height: 100%; height: 100%;
overflow: auto; overflow: auto;
padding: var(--spacing-3xl) var(--spacing-xl) var(--spacing-3xl) var(--spacing-xl); padding: var(--spacing-l) var(--spacing-l) 0;
@media (min-width: 1200px) {
padding: var(--spacing-2xl) var(--spacing-2xl) 0;
}
} }
.selectionOptions { .selectionOptions {

2
packages/editor-ui/src/plugins/i18n/locales/en.json
View file

@ -484,7 +484,7 @@
"executionsList.unknown": "Unknown", "executionsList.unknown": "Unknown",
"executionsList.unsavedWorkflow": "[UNSAVED WORKFLOW]", "executionsList.unsavedWorkflow": "[UNSAVED WORKFLOW]",
"executionsList.waiting": "Waiting", "executionsList.waiting": "Waiting",
"executionsList.workflowExecutions": "Workflow Executions", "executionsList.workflowExecutions": "All Executions",
"executionsList.view": "View", "executionsList.view": "View",
"executionsList.stop": "Stop", "executionsList.stop": "Stop",
"executionsList.statusTooltipText.theWorkflowIsWaitingIndefinitely": "The workflow is waiting indefinitely for an incoming webhook call.", "executionsList.statusTooltipText.theWorkflowIsWaitingIndefinitely": "The workflow is waiting indefinitely for an incoming webhook call.",

14
packages/editor-ui/src/views/TemplatesView.vue
View file

@ -35,17 +35,17 @@ export default Vue.extend({
<style lang="scss" module> <style lang="scss" module>
.template { .template {
display: flex; display: flex;
padding: var(--spacing-3xl) var(--spacing-xl) var(--spacing-4xl) var(--spacing-xl); width: 100%;
max-width: 1280px;
padding: var(--spacing-l) var(--spacing-l) 0;
justify-content: center;
@media (min-width: 1200px) {
padding: var(--spacing-2xl) var(--spacing-2xl) 0;
}
} }
.container { .container {
width: 100%; width: 100%;
max-width: 1024px;
margin: 0 auto;
@media (max-width: $breakpoint-md) {
width: 900px;
}
} }
.header { .header {