Skip to content

Commit f469a7f

Browse files
BrunoZirnsteinDanielHabenicht
BrunoZirnstein
authored and
DanielHabenicht
committed
feat(information-page): user-guide-link on information page (#369)
* feat: added user-guide link to information page created new mat-card at the information-page, set the link to the user-guide within a short discription, changed the display of the cards at information at smartphones and tablets ISSUES CLOSED: #349 * fix: fixed style deleted the styles, that have no use or no effect and added the style, that the cards at the inforamtion page are automatically splitting up their space, so that every card has the same width * fix: fixed styles and i18n replaced the max-width in styles by the media querry, run the extract i18n another time, deleted the .mat-action-action class in the styles * fix: added the manual styling to the overrides, removed not necessary css class * fix: moving the manual stlyling to the overrides * remove "small-card" and "flex 1" - add pb-flex-1 to each card * remove outdated workspace settings * remove prettier settings * remove overflow auto
1 parent b4342c3 commit f469a7f

File tree

7 files changed

+178
-41
lines changed

7 files changed

+178
-41
lines changed

‎Phonebook.Frontend/src/app/pages/page-information/page-information.component.html‎

Lines changed: 42 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@ <h1 i18n="PageInformationComponent|Title of the page information@@PageInformatio
88
Features are still subject to change without further notice and your data may get lost.
99
</p>
1010
</div>
11-
<div class="pb-flex pb-center-element">
11+
<div class="pb-flex cardcontainer">
1212
<!-- contact and feedback -->
13-
<mat-card class="small-card pb-text-align-center pb-margin-05">
13+
<mat-card class="pb-flex-1 pb-text-align-center pb-margin-05">
1414
<mat-card-header class="pb-center-element">
1515
<mat-card-title class="pb-icon-60"
1616
><mat-icon color="primary">sentiment_satisfied_alt</mat-icon>
@@ -33,13 +33,51 @@ <h1 i18n="PageInformationComponent|Title of the page information@@PageInformatio
3333
<span>
3434
You've found a bug or have an idea for a new feature?
3535
</span>
36+
</mat-card-content>
37+
<mat-card-actions>
3638
<span class="pb-center-element">
37-
<a mat-stroked-button color="primary" feedbackDrawer>Click here</a>
39+
<a
40+
i18n="Page-informationComponent|Feedback Button@@PageInformationComponentSectionFeedbackButton"
41+
mat-stroked-button
42+
color="primary"
43+
feedbackDrawer
44+
>Contact us</a
45+
>
46+
</span>
47+
</mat-card-actions>
48+
</mat-card>
49+
<!-- user-guide -->
50+
<mat-card class="pb-flex-1 pb-text-align-center pb-margin-05">
51+
<mat-card-header class="pb-center-element">
52+
<mat-card-title class="pb-icon-60"
53+
><mat-icon color="primary">receipt</mat-icon>
54+
<p i18n="Page-informationComponent|Subtitle for User Guide@@PageInformationComponentSubTitleUserGuide">
55+
User Guide
56+
</p></mat-card-title
57+
>
58+
</mat-card-header>
59+
<mat-card-content i18n="Page-informationComponent|User Guide Section@@PageInformationComponentSectionUserGuide">
60+
<span>
61+
Are you new to the Phonebook? Do you have any questions? Then visit the Phonebook's User Guide. It explains
62+
all its features and possibilities.
3863
</span>
3964
</mat-card-content>
65+
<mat-card-actions>
66+
<span class="pb-center-element">
67+
<a
68+
i18n="Page-informationComponent|User Guide Button@@PageInformationComponentSectionUserGuideButton"
69+
target="_blank"
70+
rel="noopener"
71+
mat-stroked-button
72+
color="primary"
73+
href="https://t-systems-mms.github.io/phonebook/pages/user-docs/"
74+
>Open User Guide</a
75+
>
76+
</span>
77+
</mat-card-actions>
4078
</mat-card>
4179
<!-- cookie notice -->
42-
<mat-card class="small-card pb-text-align-center pb-margin-05">
80+
<mat-card class="pb-flex-1 pb-text-align-center pb-margin-05">
4381
<mat-card-header class="pb-center-element">
4482
<mat-card-title class="pb-icon-60"
4583
><mat-icon color="primary">info_outline</mat-icon>

‎Phonebook.Frontend/src/app/pages/page-information/page-information.component.scss‎

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
1-
.small-card {
2-
width: 50%;
3-
}
1+
@import 'media-queries';
2+
3+
@include below-med {
4+
.cardcontainer {
5+
flex-wrap: wrap;
6+
flex-direction: column;
7+
align-items: stretch;
8+
}
9+
}

‎Phonebook.Frontend/src/i18n/messages.de.xlf‎

Lines changed: 28 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -741,9 +741,6 @@
741741
<x id="START_TAG_SPAN" ctype="x-span" equiv-text="&lt;span>"/>
742742
You've found a bug or have an idea for a new feature?
743743
<x id="CLOSE_TAG_SPAN" ctype="x-span" equiv-text="&lt;/span>"/>
744-
<x id="START_TAG_SPAN_2" ctype="x-span" equiv-text="&lt;span>"/>
745-
<x id="START_LINK_1" ctype="x-a" equiv-text="&lt;a>"/>Click here<x id="CLOSE_LINK" ctype="x-a" equiv-text="&lt;/a>"/>
746-
<x id="CLOSE_TAG_SPAN" ctype="x-span" equiv-text="&lt;/span>"/>
747744
</source><target state="translated">
748745
<x id="START_TAG_SPAN" ctype="x-span" equiv-text="&lt;span>"/>
749746
Dies ist eine Installation des Open Source Phonebooks.
@@ -756,12 +753,37 @@
756753
<x id="START_TAG_SPAN" ctype="x-span" equiv-text="&lt;span>"/>
757754
Du hast einen Bug gefunden oder eine tolle Idee für ein neues Feature?
758755
<x id="CLOSE_TAG_SPAN" ctype="x-span" equiv-text="&lt;/span>"/>
759-
<x id="START_TAG_SPAN_2" ctype="x-span" equiv-text="&lt;span>"/>
760-
<x id="START_LINK_1" ctype="x-a" equiv-text="&lt;a>"/>Klicke hier<x id="CLOSE_LINK" ctype="x-a" equiv-text="&lt;/a>"/>
761-
<x id="CLOSE_TAG_SPAN" ctype="x-span" equiv-text="&lt;/span>"/>
762756
</target>
763757
<note priority="1" from="description">Feedback Section</note>
764758
<note priority="1" from="meaning">Page-informationComponent</note>
759+
</trans-unit><trans-unit id="PageInformationComponentSectionFeedbackButton" datatype="html">
760+
<source>Contact us</source><target state="translated">Kontaktiere uns</target>
761+
<note priority="1" from="description">Feedback Button</note>
762+
<note priority="1" from="meaning">Page-informationComponent</note>
763+
</trans-unit><trans-unit id="PageInformationComponentSubTitleUserGuide" datatype="html">
764+
<source>
765+
User Guide
766+
</source><target state="translated">
767+
Benutzerhandbuch
768+
</target>
769+
<note priority="1" from="description">Subtitle for User Guide</note>
770+
<note priority="1" from="meaning">Page-informationComponent</note>
771+
</trans-unit><trans-unit id="PageInformationComponentSectionUserGuide" datatype="html">
772+
<source>
773+
<x id="START_TAG_SPAN" ctype="x-span" equiv-text="&lt;span>"/>
774+
Are you new to the Phonebook? Do you have any questions? Then visit the Phonebook's User Guide. It explains all its features and possibilities.
775+
<x id="CLOSE_TAG_SPAN" ctype="x-span" equiv-text="&lt;/span>"/>
776+
</source><target state="translated">
777+
<x id="START_TAG_SPAN" ctype="x-span" equiv-text="&lt;span>"/>
778+
Du bist neu beim Phonebook oder hast noch Fragen? Dann kannst du dir das Benutzerhandbuch vom Phonebook angucken. Es erklärt alle Funktionen und Möglichkeiten.
779+
<x id="CLOSE_TAG_SPAN" ctype="x-span" equiv-text="&lt;/span>"/>
780+
</target>
781+
<note priority="1" from="description">User Guide Section</note>
782+
<note priority="1" from="meaning">Page-informationComponent</note>
783+
</trans-unit><trans-unit id="PageInformationComponentSectionUserGuideButton" datatype="html">
784+
<source>Open User Guide</source><target state="translated">Benutzerhandbuch öffnen</target>
785+
<note priority="1" from="description">User Guide Button</note>
786+
<note priority="1" from="meaning">Page-informationComponent</note>
765787
</trans-unit><trans-unit id="PageInformationComponentSubTitleCookie" datatype="html">
766788
<source>
767789
Cookie Notice

‎Phonebook.Frontend/src/i18n/messages.en.xlf‎

Lines changed: 28 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -784,9 +784,6 @@
784784
<x id="START_TAG_SPAN" ctype="x-span" equiv-text="&lt;span>"/>
785785
You've found a bug or have an idea for a new feature?
786786
<x id="CLOSE_TAG_SPAN" ctype="x-span" equiv-text="&lt;/span>"/>
787-
<x id="START_TAG_SPAN_2" ctype="x-span" equiv-text="&lt;span>"/>
788-
<x id="START_LINK_1" ctype="x-a" equiv-text="&lt;a>"/>Click here<x id="CLOSE_LINK" ctype="x-a" equiv-text="&lt;/a>"/>
789-
<x id="CLOSE_TAG_SPAN" ctype="x-span" equiv-text="&lt;/span>"/>
790787
</source><target state="final">
791788
<x id="START_TAG_SPAN" ctype="x-span" equiv-text="&lt;span>"/>
792789
This is an Installation of the Open Source Phonebook.
@@ -799,12 +796,37 @@
799796
<x id="START_TAG_SPAN" ctype="x-span" equiv-text="&lt;span>"/>
800797
You've found a bug or have an idea for a new feature?
801798
<x id="CLOSE_TAG_SPAN" ctype="x-span" equiv-text="&lt;/span>"/>
802-
<x id="START_TAG_SPAN_2" ctype="x-span" equiv-text="&lt;span>"/>
803-
<x id="START_LINK_1" ctype="x-a" equiv-text="&lt;a>"/>Click here<x id="CLOSE_LINK" ctype="x-a" equiv-text="&lt;/a>"/>
804-
<x id="CLOSE_TAG_SPAN" ctype="x-span" equiv-text="&lt;/span>"/>
805799
</target>
806800
<note priority="1" from="description">Feedback Section</note>
807801
<note priority="1" from="meaning">Page-informationComponent</note>
802+
</trans-unit><trans-unit id="PageInformationComponentSectionFeedbackButton" datatype="html">
803+
<source>Contact us</source><target state="final">Contact us</target>
804+
<note priority="1" from="description">Feedback Button</note>
805+
<note priority="1" from="meaning">Page-informationComponent</note>
806+
</trans-unit><trans-unit id="PageInformationComponentSubTitleUserGuide" datatype="html">
807+
<source>
808+
User Guide
809+
</source><target state="final">
810+
User Guide
811+
</target>
812+
<note priority="1" from="description">Subtitle for User Guide</note>
813+
<note priority="1" from="meaning">Page-informationComponent</note>
814+
</trans-unit><trans-unit id="PageInformationComponentSectionUserGuide" datatype="html">
815+
<source>
816+
<x id="START_TAG_SPAN" ctype="x-span" equiv-text="&lt;span>"/>
817+
Are you new to the Phonebook? Do you have any questions? Then visit the Phonebook's User Guide. It explains all its features and possibilities.
818+
<x id="CLOSE_TAG_SPAN" ctype="x-span" equiv-text="&lt;/span>"/>
819+
</source><target state="final">
820+
<x id="START_TAG_SPAN" ctype="x-span" equiv-text="&lt;span>"/>
821+
Are you new to the Phonebook? Do you have any questions? Then visit the Phonebook's User Guide. It explains all its features and possibilities.
822+
<x id="CLOSE_TAG_SPAN" ctype="x-span" equiv-text="&lt;/span>"/>
823+
</target>
824+
<note priority="1" from="description">User Guide Section</note>
825+
<note priority="1" from="meaning">Page-informationComponent</note>
826+
</trans-unit><trans-unit id="PageInformationComponentSectionUserGuideButton" datatype="html">
827+
<source>Open User Guide</source><target state="final">Open User Guide</target>
828+
<note priority="1" from="description">User Guide Button</note>
829+
<note priority="1" from="meaning">Page-informationComponent</note>
808830
</trans-unit><trans-unit id="PageInformationComponentSubTitleCookie" datatype="html">
809831
<source>
810832
Cookie Notice

0 commit comments

Comments
 (0)