Skip to content
Snippets Groups Projects
Verified Commit 082b96f2 authored by Sebastian Kawelke's avatar Sebastian Kawelke :upside_down:
Browse files

Merge branch 'chore/translate-de' of... 

Merge branch 'chore/translate-de' of gitlab.opencode.de:open-code/badgebackend/gitlab-profile into chore/translate-de
parents 25ccad35 a60e4e8f
No related branches found
No related tags found
1 merge request!1Translation to de
Checking pipeline status
Hide whitespace changes
Inline Side-by-side
src/components/ResultGrid.tsx
+ 3
− 3
View file @ 082b96f2
...@@ -53,7 +53,7 @@ export default function ResultGrid({ currentScan }: Props) { ...@@ -53,7 +53,7 @@ export default function ResultGrid({ currentScan }: Props) {
} }
</a> </a>
</div> </div>
<div className="-mx-6 grid grid-cols-1 gap-0.5 overflow-hidden px-6 sm:mx-0 sm:rounded-2xl sm:px-0 md:grid-cols-3"> <div className="-mx-6 grid grid-cols-1 gap-0.5 overflow-hidden px-6 sm:mx-0 sm:grid-cols-2 sm:rounded-2xl sm:px-0 md:grid-cols-2 lg:grid-cols-3">
{currentScan.runs[0].properties.testedRepository && {currentScan.runs[0].properties.testedRepository &&
currentScan?.runs[0].properties.badges currentScan?.runs[0].properties.badges
.sort(sortBadges) .sort(sortBadges)
...@@ -64,8 +64,8 @@ export default function ResultGrid({ currentScan }: Props) { ...@@ -64,8 +64,8 @@ export default function ResultGrid({ currentScan }: Props) {
> >
<div className="relative aspect-square"> <div className="relative aspect-square">
{!badge.badgeGranted && ( {!badge.badgeGranted && (
<div className="absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 rotate-45 bg-red-600 px-10 py-2 text-xs font-bold text-white"> <div className="absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 rotate-45 bg-red-600 px-10 py-2 text-center text-xs font-bold text-white">
Nicht gewährt Verweigert
</div> </div>
)} )}
<Image <Image
......
src/components/ResultTable.tsx
+ 23
− 17
View file @ 082b96f2
...@@ -13,7 +13,7 @@ interface Props { ...@@ -13,7 +13,7 @@ interface Props {
const translateCriteriaStatus = (status: string) => { const translateCriteriaStatus = (status: string) => {
switch (status) { switch (status) {
case 'open': case 'open':
return 'Konnte nicht überprüft werden' return 'Offen'
case 'pass': case 'pass':
return 'Bestanden' return 'Bestanden'
case 'fail': case 'fail':
...@@ -59,7 +59,7 @@ export default function ResultTable({ currentScan }: Props) { ...@@ -59,7 +59,7 @@ export default function ResultTable({ currentScan }: Props) {
className="mt-8 rounded-lg bg-gray-100 px-4 py-2" className="mt-8 rounded-lg bg-gray-100 px-4 py-2"
> >
<details className=""> <details className="">
<summary className="relative flex cursor-pointer flex-row justify-between text-lg font-medium text-gray-900"> <summary className="relative flex cursor-pointer flex-row justify-between font-medium text-gray-900 md:text-lg">
<span> <span>
{translateBadge( {translateBadge(
badge.badgeId, badge.badgeId,
...@@ -74,26 +74,26 @@ export default function ResultTable({ currentScan }: Props) { ...@@ -74,26 +74,26 @@ export default function ResultTable({ currentScan }: Props) {
className="ml-2" className="ml-2"
> >
{badge.badgeGranted {badge.badgeGranted
? 'Gewährt' ? 'Verliehen'
: 'Nicht gewährt'} : 'Verweigert'}
</Badge> </Badge>
</span> </span>
<div className="flex flex-row items-center gap-2"> <div className="flex flex-row items-center gap-2">
<span className="text-sm text-gray-500"> <span className="hidden text-sm text-gray-500 md:inline-block">
Mehr informationen Mehr informationen
</span> </span>
<ChevronDownIcon className="w-4" /> <ChevronDownIcon className="w-4" />
</div> </div>
</summary> </summary>
<div className="mt-8"> <div className="md:mt-8">
<div className="overflow-x-aut"> <div className="overflow-x-aut">
<div className="inline-block min-w-full py-2 align-middle"> <div className="inline-block min-w-full py-2 align-middle">
<table className="min-w-full divide-y divide-gray-400"> <table className="flex min-w-full divide-gray-400 md:table md:divide-y">
<thead> <thead className="hidden md:table-header-group">
<tr className="grid grid-cols-6"> <tr className="grid grid-cols-6">
<th <th
scope="col" scope="col"
className="col-span-1 py-3.5 pl-4 pr-3 text-left font-semibold sm:pl-6 lg:pl-8" className="col-span-1 py-3.5 pr-3 text-left font-semibold lg:pl-8"
> >
Überprüfung Überprüfung
</th> </th>
...@@ -122,13 +122,13 @@ export default function ResultTable({ currentScan }: Props) { ...@@ -122,13 +122,13 @@ export default function ResultTable({ currentScan }: Props) {
(criteria) => ( (criteria) => (
<tr <tr
key={`${badge.badgeId}-${badge.badgeLevel}-${criteria.ruleId}`} key={`${badge.badgeId}-${badge.badgeLevel}-${criteria.ruleId}`}
className="grid grid-cols-6" className="grid grid-cols-1 md:grid-cols-6"
> >
<td <td
title={ title={
criteria.ruleId criteria.ruleId
} }
className="col-span-1 overflow-hidden overflow-ellipsis whitespace-nowrap py-4 pl-4 pr-3 font-medium text-gray-900 sm:pl-6 lg:pl-8" className="col-span-1 overflow-hidden overflow-ellipsis whitespace-nowrap py-4 font-medium text-gray-900 md:pr-3 lg:pl-8"
> >
{ {
criteria.ruleId.split( criteria.ruleId.split(
...@@ -136,8 +136,8 @@ export default function ResultTable({ currentScan }: Props) { ...@@ -136,8 +136,8 @@ export default function ResultTable({ currentScan }: Props) {
)[0] )[0]
} }
</td> </td>
<td className="col-span-1 whitespace-nowrap px-3 py-4"> <td className="col-span-1 whitespace-nowrap py-4 md:px-3">
<div className="flex items-center justify-end gap-x-2 sm:justify-start"> <div className="flex items-center justify-end gap-x-2 md:justify-start">
<span className="relative flex size-2"> <span className="relative flex size-2">
<span <span
className={cn( className={cn(
...@@ -164,19 +164,25 @@ export default function ResultTable({ currentScan }: Props) { ...@@ -164,19 +164,25 @@ export default function ResultTable({ currentScan }: Props) {
)} )}
></span> ></span>
</span> </span>
<div className="hidden sm:block"> <span className="w-full">
{translateCriteriaStatus( {translateCriteriaStatus(
criteria.status, criteria.status,
)} )}
</div> </span>
</div> </div>
</td> </td>
<td className="col-span-2 px-3 py-4"> <td className="col-span-2 py-4 md:px-3">
<b className="md:hidden">
Beschreibung:{' '}
</b>
{ {
criteria.description criteria.description
} }
</td> </td>
<td className="col-span-2 px-3 py-4"> <td className="col-span-2 py-4 md:px-3">
<b className="md:hidden">
Nachweis:{' '}
</b>
{ {
criteria.evidence criteria.evidence
} }
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Consent

On this website, we use the web analytics service Matomo to analyze and review the use of our website. Through the collected statistics, we can improve our offerings and make them more appealing for you. Here, you can decide whether to allow us to process your data and set corresponding cookies for these purposes, in addition to technically necessary cookies. Further information on data protection—especially regarding "cookies" and "Matomo"—can be found in our privacy policy. You can withdraw your consent at any time.