Skip to content

Feature/FOUR-11539: Process Launchpad - Tabs - Default #5749

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
pmPaulis merged 10 commits into from
Dec 6, 2023
Merged

Feature/FOUR-11539: Process Launchpad - Tabs - Default #5749

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
71e46fb
Ready for PR
CarliPinell Dec 4, 2023
b41cccd
Merge branch 'feature/FOUR-11531' of https://github.com/ProcessMaker/…
CarliPinell Dec 4, 2023
d31894f
Solving SonarQube observation
CarliPinell Dec 4, 2023
b0d2e2e
Merge branch 'feature/FOUR-11531' into feature/FOUR-11539
CarliPinell Dec 4, 2023
370a07f
Observations solved
CarliPinell Dec 5, 2023
0c9dd10
Merge branch 'feature/FOUR-11531' of https://github.com/ProcessMaker/…
CarliPinell Dec 5, 2023
91419e5
Solving observations about images
CarliPinell Dec 5, 2023
30d158c
Deleting frame.png
CarliPinell Dec 5, 2023
fb9e9f1
Replacing frame.png for tasks-loading.svg
CarliPinell Dec 5, 2023
0fcca22
Adding css style to tabs
CarliPinell Dec 5, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
45 changes: 45 additions & 0 deletions resources/js/processes-catalogue/components/DefaultTab.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<template>
<div class="d-flex align-items-center justify-content-center flex-column tab-container">
<img
:src="imageSrc"
:alt="altText"
/>
<div class="text-center">
<strong>{{ titleText }}</strong>
</div>
<div class="text-center">
{{ descriptionText }}
</div>
</div>
</template>

<script>
export default {
props: {
imageSrc: {
type: String,
default: "/img/tasks-loading.svg",
},
altText: {
type: String,
default: "",
},
titleText: {
type: String,
default: "",
},
descriptionText: {
type: String,
default: "",
},
},
};
</script>

<style scoped>
.tab-container {
width: auto;
height: 622px;
background-color: white;
}
</style>
6 changes: 5 additions & 1 deletion resources/js/processes-catalogue/components/ProcessInfo.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,9 @@
<process-options :process="process" />
</b-col>
</div>
<b-col cols="12"> Process Tab </b-col>
<b-col cols="12">
<process-tab></process-tab>
</b-col>
</b-col>
</b-row>
</div>
Expand All @@ -43,6 +45,7 @@ import ProcessesCarousel from "../components/ProcessesCarousel.vue";
import ProcessMap from "./ProcessMap.vue";
import ProcessOptions from "./ProcessOptions.vue";
import Breadcrumbs from "./Breadcrumbs.vue";
import ProcessTab from './ProcessTab.vue';

export default {
components: {
Expand All @@ -51,6 +54,7 @@ export default {
ProcessMap,
MenuCatologue,
ProcessesCarousel,
ProcessTab,
},
props: ["process", "permission", "isDocumenterInstalled", "currentUserId", "category"],
data() {
Expand Down
38 changes: 38 additions & 0 deletions resources/js/processes-catalogue/components/ProcessTab.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<template>
<div class="mt-3">
<b-tabs content-class="mt-3 text-style">
<b-tab
title="My Requests"
active
>
<default-tab
:altText="$t('No Image')"
:titleText="$t('You have made no requests of this process.')"
:descriptionText="$t('All your requests will be shown here')"
/>
</b-tab>
<b-tab title="My Tasks">
<default-tab
:altText="$t('No Image')"
:titleText="$t('You have no tasks from this process')"
:descriptionText="
$t('All your tasks related to this process will be shown here.')
"
/>
</b-tab>
</b-tabs>
</div>
</template>

<script>
import DefaultTab from "./DefaultTab.vue";
export default {
components: { DefaultTab },
};
</script>
<style>
.text-style {
margin-bottom: 10px;
color: #556271;
}
</style>
1 change: 1 addition & 0 deletions resources/js/processes-catalogue/components/ProcessesCarousel.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
v-model="slide"
:interval="interval"
indicators
img-height="400px"
@sliding-start="onSlideStart"
@sliding-end="onSlideEnd"
>
Expand Down