Start9/start-os
2
0
Fork 0
mirror of https://github.com/Start9Labs/start-os.git synced 2026-03-30 04:01:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

feedback fixes

Browse Source
This commit is contained in:
Lucy Cifferello
2024-04-05 09:26:32 -04:00
parent 12a323f691
commit 0b93988450
16 changed files with 80 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/projects/ui/src/app/apps/portal/routes/system/marketplace/components/controls.component.ts
View File

@@ -37,14 +37,6 @@ import { ToManifestPipe } from 'src/app/apps/portal/pipes/to-manifest'
selector: 'marketplace-controls',
template: `
@if (localPkg) {
<button
tuiButton
type="button"
appearance="primary"
(click)="showService()"
>
View Installed
</button>
@if (
localPkg.stateInfo.state === 'installed' && (localPkg | toManifest);
as localManifest
@@ -54,7 +46,7 @@ import { ToManifestPipe } from 'src/app/apps/portal/pipes/to-manifest'
<button
tuiButton
type="button"
appearance="secondary-solid"
appearance="warning-solid"
(click)="tryInstall()"
>
Downgrade
@@ -64,7 +56,7 @@ import { ToManifestPipe } from 'src/app/apps/portal/pipes/to-manifest'
<button
tuiButton
type="button"
appearance="warning-solid"
appearance="primary"
(click)="tryInstall()"
>
Update
@@ -84,6 +76,14 @@ import { ToManifestPipe } from 'src/app/apps/portal/pipes/to-manifest'
}
}
}
<button
tuiButton
type="button"
appearance="outline"
(click)="showService()"
>
View Installed
</button>
} @else {
<button
tuiButton

1
web/projects/ui/src/app/apps/portal/routes/system/marketplace/components/notification.component.ts
View File

@@ -55,6 +55,7 @@ import { ConfigService } from 'src/app/services/config.service'
`
.notification-wrapper {
margin: 1rem;
pointer-events: none;
}
`,
],

5
web/projects/ui/src/app/apps/portal/routes/system/marketplace/components/tile.component.ts
View File

@@ -81,6 +81,11 @@ import { MarketplaceSidebarService } from '../services/sidebar.service'
.close-button {
place-self: end;
margin-bottom: 0;
@media (min-width: 768px) {
margin-bottom: 2rem;
}
}
.controls-wrapper {

5
web/projects/ui/src/app/apps/portal/routes/system/marketplace/marketplace.component.ts
View File

@@ -74,10 +74,6 @@ import { TuiScrollbarModule } from '@taiga-ui/core'
&-inner {
padding-top: 6rem;
// @media (min-width: 640px) {
// padding-top: 0.75rem;
// }
@media (min-width: 768px) {
padding: 0 2rem 2.5rem 2rem;
}
@@ -91,6 +87,7 @@ import { TuiScrollbarModule } from '@taiga-ui/core'
line-height: 2.5rem;
font-weight: 700;
color: rgb(250 250 250 / 0.8);
pointer-events: none;
@media (min-width: 640px) {
font-size: 3rem;

54
web/projects/ui/src/app/apps/portal/routes/system/marketplace/modals/preview.component.ts
View File

@@ -18,7 +18,7 @@ import {
StoreIdentity,
} from '@start9labs/marketplace'
import { displayEmver, Emver, SharedPipesModule } from '@start9labs/shared'
import { TuiButtonModule } from '@taiga-ui/experimental'
import { TuiButtonModule, TuiIconModule } from '@taiga-ui/experimental'
import { BehaviorSubject, filter, switchMap, tap } from 'rxjs'
import {
TuiDialogContext,
@@ -44,19 +44,20 @@ import { Router } from '@angular/router'
<marketplace-package-hero [pkg]="pkg">
<ng-content select="[slot=controls]" />
</marketplace-package-hero>
@if (hostInfo$ | async; as info) {
<a
[href]="constructDetailLink(info, pkg.manifest.id)"
tuiButton
appearance="tertiary-solid"
iconRight="tuiIconExternalLink"
target="_blank"
>
View more details
</a>
}
<div class="inner-container">
<marketplace-about [pkg]="pkg" />
<marketplace-about [pkg]="pkg">
@if (hostInfo$ | async; as info) {
<a
[href]="constructDetailLink(info, pkg.manifest.id)"
rel="noreferrer"
target="_blank"
class="listing"
>
View complete listing
<tui-icon icon="tuiIconExternalLink" />
</a>
}
</marketplace-about>
@if (!(pkg.manifest.dependencies | empty)) {
<marketplace-dependencies
[pkg]="pkg"
@@ -64,7 +65,7 @@ import { Router } from '@angular/router'
></marketplace-dependencies>
}
<release-notes [pkg]="pkg" />
<marketplace-additional class="additional-wrapper" [pkg]="pkg">
<marketplace-additional [pkg]="pkg">
<marketplace-additional-item
(click)="presentAlertVersions(pkg, version)"
data="Click to view all versions"
@@ -114,9 +115,14 @@ import { Router } from '@angular/router'
.outer-container {
display: grid;
gap: 2rem;
padding: 1.75rem;
min-width: 30rem;
min-width: 100%;
margin-top: 5rem;
@media (min-width: 768px) {
min-width: 30rem;
margin-top: 0;
}
}
.inner-container {
@@ -125,8 +131,19 @@ import { Router } from '@angular/router'
column-gap: 2rem;
}
.additional-wrapper {
margin-top: 1.5rem;
.listing {
font-size: 0.9rem;
// @TODO theme
color: #8059e5;
font-weight: 600;
display: flex;
align-items: center;
gap: 0.3rem;
tui-icon {
width: 0.8em;
height: 0.8em;
}
}
.versions {
@@ -158,6 +175,7 @@ import { Router } from '@angular/router'
MarketplaceAdditionalItemComponent,
TuiRadioListModule,
TuiLoaderModule,
TuiIconModule,
],
})
export class MarketplacePreviewComponent {