Skip to content
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

issue: Landing Page text into localization/translation #491

Open
wants to merge 8 commits into
base: main
Choose a base branch
from
Open

issue: Landing Page text into localization/translation #491

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
94eba9f
issue: Landing Page text into localization/translation
cpi-star Oct 30, 2023
fc42d9e
issue: german removed
cpi-star Oct 30, 2023
b832371
Merge branch 'main' into feature/landing_page
stritti Oct 30, 2023
15465e1
run lint:fix
cpi-star Oct 30, 2023
59a7315
Merge remote-tracking branch 'feature/harry/feature/landing_page' int…
cpi-star Oct 30, 2023
6ee855a
Merge branch 'main' into feature/landing_page
cpi-star Oct 31, 2023
9bab519
Merge branch 'main' into feature/landing_page
cpi-star Oct 31, 2023
60ef1ce
Merge branch 'main' into feature/landing_page
stritti Nov 3, 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
6 changes: 6 additions & 0 deletions frontend/src/locales/de.json
View file
Open in desktop
stritti marked this conversation as resolved.
Show resolved Hide resolved
Original file line number Diff line number Diff line change
Expand Up @@ -144,7 +144,13 @@
}
},
"hostLeft": "Warte, bis der Organisator die Sitzung wieder betritt..."
},
"instruction": {
"setUpSession": "Erstellen Sie eine Planungssitzung und wählen Sie Ihr bevorzugtes Abstimmungsset aus. <br> <br> Sie können Ihre User Stories importieren oder JIRA verbinden, um Story Points zu synchronisieren. <br> <br> <span style='color: grey;'>Verbindung zum Issue-Tracker</span> <br> <br> DIVENI kann sich mit Issue-Trackern wie Azure DevOps, JIRA Server und Cloud verbinden, um User Stories anzuzeigen und die abgestimmten Ergebnisse Ihres Planning Pokers zu aktualisieren.",
"inviteYourTeam": "Laden Sie Ihr Team mit QR-Code, Einladungslink oder Code ein. <br> <br> Jeder Benutzer wird zufällig einem Tier zugewiesen und ist bereit zur Schätzung. <br> <br> Wenn alle in der Sitzung sind, können Sie mit der Schätzung beginnen. Wenn Sie ein Zeitlimit festgelegt haben, wird dieses als Limit für die Abstimmungszeit verwendet.",
"estimateUserStories": "Jedes Mitglied des Teams kann sein definiertes Set verwenden, um die ausgewählte User Story zu bewerten. <br> <br> Wenn alle abgestimmt haben, zeigt DIVENI die Ergebnisse und wählt zufällig zwei Wähler aus, die das Minimum / Maximum gewählt haben, um ihre Schätzung zu besprechen. <br> <br> Nach der Diskussion können Sie die Schätzung wiederholen."
}

},
"session": {
"prepare": {
Expand Down
5 changes: 5 additions & 0 deletions frontend/src/locales/en.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -144,6 +144,11 @@
}
},
"hostLeft": "Waiting for the host to come back..."
},
"instruction": {
"setUpSession": "Create a planning session and select your prefered voting set. <br> <br> You could import your user stories or connect JIRA to syncronize story points. <br> <br> <span style='color: grey;'>Connecting to Issue-Tracker </span> <br> <br> DIVENI could connect to issue trackers like Azure DevOps, JIRA Server and Cloud to show user stories and update the voted results of your planning poker.",
"inviteYourTeam": "Invite your team using QR-Code, invite link or code. <br> <br> Every user will be randomly assinged to a animal and is ready to estimate. <br> <br> If everybody is in the session, you could start estimation. Having defined a time limit this will be used as limit for voting time.",
"estimateUserStories": "Every member of the Team could use your defined set to vote the selected user story. <br> <br> If everybody has voted, DIVENI shows results and randomly selects two voters having voted minimum / maximum to discuss their estimation. <br> <br> After discussion you could repeat estimation."
}
},
"session": {
Expand Down
127 changes: 52 additions & 75 deletions frontend/src/views/LandingPage.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<div id="landing-page">
<b-container fluid class="teaser">
<b-container>
<b-jumbotron header="DIVENI" lead="Instant free and easy remote Planning Poker" />
<b-jumbotron header="DIVENI" lead="Instant free and easy remote Planning Poker"/>
</b-container>
</b-container>
<b-container class="my-5">
Expand Down Expand Up @@ -35,74 +35,49 @@

</AnalyticsDataComponent>
<b-container class="py-5">
<div class="parent py-5 px-5">
<div class="background py-5"></div>
<div class="text">
<h1>Remote Planning Poker using DIVENI</h1>
<b-card-group deck class="py-5">
<b-card class="pictureCard">
<b-card-text>
<b-img
:src="require(`@/assets/SetUpSession.png`)"
class="landingPagePictures"
/>
</b-card-text>
</b-card>
<b-card class="pictureCard">
<b-card-text>
<b-img
:src="require(`@/assets/InviteYourTeam.png`)"
class="landingPagePictures"
/>
</b-card-text>
</b-card>
<b-card class="pictureCard">
<b-card-text>
<b-img
:src="require(`@/assets/EstimateUserStories.png`)"
class="landingPagePictures"
/>
</b-card-text>
</b-card>
</b-card-group>
<b-card-group deck>
<b-card class="aboutDiveni" title="Set up Session">
<b-card-text>
Create a planning session and select your prefered voting set.
</b-card-text>
<b-card-text>
You could import your user stories or connect JIRA to syncronize story points.
</b-card-text>

<b-card-sub-title> Connecting to Issue-Tracker </b-card-sub-title>
<b-card-text>
DIVENI could connect to issue trackers like Azure DevOps, JIRA Server and Cloud to show
user stories and update the voted results of your planning poker.
</b-card-text>
</b-card>
<b-card class="aboutDiveni" title="Invite your Team">
<b-card-text> Invite your team using QR-Code, invite link or code. </b-card-text>
<b-card-text>
Every user will be randomly assinged to a animal and is ready to estimate.
</b-card-text>
<b-card-text>
If everybody is in the session, you could start estimation. Having defined a time limit
this will be used as limit for voting time.
</b-card-text>
</b-card>
<b-card class="aboutDiveni" title="Estimate User Stories">
<b-card-text>
Every member of team could use your defined set to vote the selected user story.
</b-card-text>
<b-card-text>
If everybody has voted, DIVENI shows results and randomly selects two voters having
voted minimum / maximum to discuss their estimation.
</b-card-text>
<b-card-text> After discussion you could repeat estimation. </b-card-text>
</b-card>
</b-card-group>
</div>
<div class="parent py-5 px-5">
<div class="background py-5"></div>
<div class="text">
<h1>Remote Planning Poker using DIVENI</h1>
<b-card-group deck class="py-5">
<b-card class="pictureCard">
<b-card-text>
<b-img
:src="require(`@/assets/SetUpSession.png`)"
class="landingPagePictures"
/>
</b-card-text>
</b-card>
<b-card class="pictureCard">
<b-card-text>
<b-img
:src="require(`@/assets/InviteYourTeam.png`)"
class="landingPagePictures"
/>
</b-card-text>
</b-card>
<b-card class="pictureCard">
<b-card-text>
<b-img
:src="require(`@/assets/EstimateUserStories.png`)"
class="landingPagePictures"
/>
</b-card-text>
</b-card>
</b-card-group>
<b-card-group deck>
<b-card class="aboutDiveni" title="Set up Session">
<b-card-text v-html="$t('page.instruction.setUpSession')"></b-card-text>
</b-card>
<b-card class="aboutDiveni" title="Invite your Team">
<b-card-text v-html="$t('page.instruction.inviteYourTeam')"></b-card-text>
</b-card>
<b-card class="aboutDiveni" title="Estimate User Stories">
<b-card-text v-html="$t('page.instruction.estimateUserStories')"></b-card-text>
</b-card>
</b-card-group>
</div>
</div>
<h1 class="mt-5">About DIVENI</h1>
<p>DIVENI was initially developed by students of HTWG Constance and is open source now.</p>
<p>
Expand All @@ -119,12 +94,13 @@ import LandingPageCard from "../components/LandingPageCard.vue";
import Constants from "../constants";
import Session from "../model/Session";
import AnalyticsDataComponent from "../components/AnalyticsDataComponent.vue";

export default Vue.extend({
name: "LandingPage",
components: {
LandingPageCard,
AnalyticsDataComponent,
},
},
data() {
return {
sessionWrapper: {} as { session: Session },
Expand Down Expand Up @@ -165,18 +141,18 @@ export default Vue.extend({
sessionState: string;
members: Array<string>;
};
this.sessionWrapper = { session };
this.sessionWrapper = {session};
} catch (e) {
console.error(`got error: ${e}`);
window.localStorage.removeItem("adminCookie");
}
}
},
goToJoinPage() {
this.$router.push({ name: "JoinPage" });
this.$router.push({name: "JoinPage"});
},
goToPrepareSessionPage() {
this.$router.push({ name: "PrepareSessionPage" });
this.$router.push({name: "PrepareSessionPage"});
},
goToSessionPage() {
this.$store.commit("setUserStories", {
Expand Down Expand Up @@ -211,7 +187,7 @@ export default Vue.extend({

.teaser {
background: linear-gradient(var(--background-color-primary), var(--pictureGradientEnd)),
url("~@/assets/img/diveni-background.png");
url("~@/assets/img/diveni-background.png");
background-size: cover;
background-repeat: no-repeat;
}
Expand All @@ -226,8 +202,9 @@ export default Vue.extend({
.card-sub-title {
color: red;
}
.card-title{
color:var(--text-primary-color)

.card-title {
color: var(--text-primary-color)
}

.parent {
Expand Down