- 云上镜像名称
+ 云上镜像名称
+ library/
clear
@@ -15,7 +16,7 @@
本地镜像名称
- {{ repo_svc.settings().base_address + '/ ' }}
+ {{ repo_svc.settings().repo_name + '/ ' }}
clear
@@ -33,4 +34,4 @@
-
+
\ No newline at end of file
diff --git a/front/src/app/component/download-image/download-image.component.ts b/front/src/app/component/download-image/download-image.component.ts
index 3975869..882d04d 100644
--- a/front/src/app/component/download-image/download-image.component.ts
+++ b/front/src/app/component/download-image/download-image.component.ts
@@ -1,4 +1,4 @@
-import {Component} from '@angular/core';
+import { Component } from '@angular/core';
import {
MatDialogActions,
MatDialogClose,
@@ -6,20 +6,19 @@ import {
MatDialogRef,
MatDialogTitle
} from "@angular/material/dialog";
-import {MatButton} from "@angular/material/button";
-import {MatFormField, MatLabel, MatPrefix, MatSuffix} from "@angular/material/form-field";
-import {MatInput} from "@angular/material/input";
-import {MatIcon} from "@angular/material/icon";
-import {RepoService} from "../../service/repo.service";
-import {HttpClient} from "@angular/common/http";
-import {FormsModule} from "@angular/forms";
-import {CdkConnectedOverlay, CdkOverlayOrigin} from "@angular/cdk/overlay";
-import {MatProgressSpinner} from "@angular/material/progress-spinner";
-import {MsgService} from "../../service/msg.service";
+import { MatButton } from "@angular/material/button";
+import { MatFormField, MatLabel, MatPrefix, MatSuffix } from "@angular/material/form-field";
+import { MatInput } from "@angular/material/input";
+import { MatIcon } from "@angular/material/icon";
+import { RepoService } from "../../service/repo.service";
+import { HttpClient } from "@angular/common/http";
+import { FormsModule } from "@angular/forms";
+import { CdkConnectedOverlay, CdkOverlayOrigin } from "@angular/cdk/overlay";
+import { MatProgressSpinner } from "@angular/material/progress-spinner";
+import { MsgService } from "../../service/msg.service";
@Component({
selector: 'app-download-image',
- standalone: true,
imports: [
MatDialogTitle,
MatDialogContent,
@@ -33,9 +32,7 @@ import {MsgService} from "../../service/msg.service";
MatFormField,
MatPrefix,
FormsModule,
- CdkConnectedOverlay,
MatProgressSpinner,
- CdkOverlayOrigin
],
templateUrl: './download-image.component.html',
styleUrl: './download-image.component.scss'
@@ -48,7 +45,7 @@ export class DownloadImageComponent {
title = '下载云上镜像'
inProgress = false
- readonly url_proxy_download = '/api/repo/proxy'
+ readonly url_proxy_download = '/_api/repo/proxy'
constructor(
public repo_svc: RepoService,
@@ -67,14 +64,14 @@ export class DownloadImageComponent {
async proxyDownload() {
const response = await fetch(this.url_proxy_download, {
method: "POST",
- body: JSON.stringify({target: this.target, source: this.source, proxy: this.proxy}),
- headers: {"Content-Type": "application/json"},
+ body: JSON.stringify({ target: this.target, source: this.source, proxy: this.proxy }),
+ headers: { "Content-Type": "application/json" },
})
const reader = response.body?.pipeThrough(new TextDecoderStream()).getReader()
if (reader) {
this.inProgress = true
while (true) {
- const {value, done} = await reader.read()
+ const { value, done } = await reader.read()
if (done) {
break;
}
diff --git a/front/src/app/interceptor/alerter.interceptor.ts b/front/src/app/interceptor/alerter.interceptor.ts
index 25a6f46..b2ce072 100644
--- a/front/src/app/interceptor/alerter.interceptor.ts
+++ b/front/src/app/interceptor/alerter.interceptor.ts
@@ -1,10 +1,4 @@
-import {
- HttpEvent,
- HttpHandler,
- HttpInterceptor,
- HttpRequest,
- HttpResponse
-} from '@angular/common/http';
+import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest, HttpResponse } from '@angular/common/http';
import {map, Observable} from "rxjs";
import {Response} from "../interface/response";
import {MsgService} from "../service/msg.service";
diff --git a/front/src/app/interface/repo.ts b/front/src/app/interface/repo.ts
index 32373d8..b1f3e2b 100644
--- a/front/src/app/interface/repo.ts
+++ b/front/src/app/interface/repo.ts
@@ -17,5 +17,5 @@ export interface Repo {
}
export interface Settings {
- base_address: string
+ repo_name: string
}
diff --git a/front/src/app/service/msg.service.ts b/front/src/app/service/msg.service.ts
index d3fa626..51313c5 100644
--- a/front/src/app/service/msg.service.ts
+++ b/front/src/app/service/msg.service.ts
@@ -95,8 +95,8 @@ export class MsgService {
@Component({
- selector: 'snack-message-success',
- template: `
+ selector: 'snack-message-success',
+ template: `
cancel
@@ -106,11 +106,10 @@ export class MsgService {
`,
- standalone: true,
- imports: [
- MatIconModule
- ],
- styles: [`
+ imports: [
+ MatIconModule
+ ],
+ styles: [`
.snack-message-success {
}
`]
@@ -126,8 +125,8 @@ export class SnackMessageSuccess {
@Component({
- selector: 'snack-message-info',
- template: `
+ selector: 'snack-message-info',
+ template: `
cancel
@@ -137,11 +136,10 @@ export class SnackMessageSuccess {
`,
- standalone: true,
- imports: [
- MatIconModule
- ],
- styles: [`
+ imports: [
+ MatIconModule
+ ],
+ styles: [`
.snack-message-info {
}
`]
@@ -156,8 +154,8 @@ export class SnackMessageInfo {
}
@Component({
- selector: 'snack-message-warning',
- template: `
+ selector: 'snack-message-warning',
+ template: `
cancel
@@ -167,11 +165,10 @@ export class SnackMessageInfo {
`,
- standalone: true,
- imports: [
- MatIconModule
- ],
- styles: [`
+ imports: [
+ MatIconModule
+ ],
+ styles: [`
.snack-message-warning {
}
`]
@@ -186,8 +183,8 @@ export class SnackMessageWarning {
}
@Component({
- selector: 'snack-message-error',
- template: `
+ selector: 'snack-message-error',
+ template: `
cancel
@@ -197,11 +194,10 @@ export class SnackMessageWarning {
`,
- standalone: true,
- imports: [
- MatIconModule
- ],
- styles: [`
+ imports: [
+ MatIconModule
+ ],
+ styles: [`
`]
})
export class SnackMessageError {
diff --git a/front/src/app/service/repo.service.ts b/front/src/app/service/repo.service.ts
index 62fa4cb..25fc303 100644
--- a/front/src/app/service/repo.service.ts
+++ b/front/src/app/service/repo.service.ts
@@ -1,8 +1,8 @@
-import {Injectable, signal, WritableSignal} from '@angular/core';
-import {Repo, Settings} from '../interface/repo'
-import {Response} from "../interface/response";
-import {HttpClient} from "@angular/common/http";
-import {MsgService} from "./msg.service";
+import { Injectable, signal, WritableSignal } from '@angular/core';
+import { Repo, Settings } from '../interface/repo'
+import { Response } from "../interface/response";
+import { HttpClient } from "@angular/common/http";
+import { MsgService } from "./msg.service";
@Injectable({
providedIn: 'root'
@@ -10,14 +10,14 @@ import {MsgService} from "./msg.service";
export class RepoService {
readonly init_catalog = [
- {id: 1, created_at: 1713164091576, updated_at: 1713164091576, digest_id: 1, repo: "external/golang", tag: "latest"},
- {id: 2, created_at: 1713164091576, updated_at: 1713164091576, digest_id: 2, repo: "external/alpine", tag: "latest"},
- {id: 3, created_at: 1713164091576, updated_at: 1713164091576, digest_id: 3, repo: "external/nginx", tag: "latest"},
+ { id: 1, created_at: 1713164091576, updated_at: 1713164091576, digest_id: 1, repo: "external/golang", tag: "latest" },
+ { id: 2, created_at: 1713164091576, updated_at: 1713164091576, digest_id: 2, repo: "external/alpine", tag: "latest" },
+ { id: 3, created_at: 1713164091576, updated_at: 1713164091576, digest_id: 3, repo: "external/nginx", tag: "latest" },
] as Repo[]
- readonly url_settings = '/api/repo/settings'
- readonly url_catalog = '/api/repo/list'
- readonly url_tag = '/api/repo/tag/list'
+ readonly url_settings = '/_api/repo/settings'
+ readonly url_catalog = '/_api/repo/list'
+ readonly url_tag = '/_api/repo/tag/list'
settings = signal({} as Settings)
@@ -58,7 +58,7 @@ export class RepoService {
}).subscribe(res => {
if (res.status === 200) {
this.catalog.update(v => {
- return {...v, limit: limit, last: last, keyword: keyword, list: res.data.list, total: res.data.total}
+ return { ...v, limit: limit, last: last, keyword: keyword, list: res.data.list, total: res.data.total }
})
return
diff --git a/front/src/index.html b/front/src/index.html
index fea1461..4141b17 100644
--- a/front/src/index.html
+++ b/front/src/index.html
@@ -1,15 +1,18 @@
+
- Front
+ ❤repo️
+
-
+
+