# {{post.Id}} {{post.Timestamp}}
-
+
diff --git a/src/app/send-post/send-post.component.html b/src/app/send-post/send-post.component.html
index 1e3bbe4..9ae10d7 100644
--- a/src/app/send-post/send-post.component.html
+++ b/src/app/send-post/send-post.component.html
@@ -8,5 +8,5 @@
diff --git a/src/app/send-post/send-post.component.ts b/src/app/send-post/send-post.component.ts
index ee007f1..ef63357 100644
--- a/src/app/send-post/send-post.component.ts
+++ b/src/app/send-post/send-post.component.ts
@@ -4,6 +4,7 @@ import { MinIoService } from '../services/min-io.service.'
import {IPicresponse} from "../models/picResponse";
import * as vars from "../var/api";
+
@Component({
selector: 'app-send-post',
templateUrl: './send-post.component.html',
@@ -15,22 +16,31 @@ export class SendPostComponent implements OnInit {
message: string;
filename: string[] = [];
- constructor(public apiChatService: ApiChatService, public minIoService: MinIoService) {
+ constructor(
+ public apiChatService: ApiChatService,
+ public minIoService: MinIoService,
+ ) {
}
+
+
+
sendPost(text: string) {
var threadId = vars.displayed_thread;
this.apiChatService.sendPostToApi(text, this.filename, threadId).subscribe();
this.message = '0';
this.filename = [];
alert("Сообщение отправлено.");
+
}
+
sendPic(event: any) {
this.apiChatService.sendpic(event.target.files[0]).subscribe(
response => {
response = response.value.toString();
this.filename.push(response);
+ vars.showAlert("Картинка " + response + " добавлена к посту!", "#696116")
});
}
diff --git a/src/app/services/api-chat.service.ts b/src/app/services/api-chat.service.ts
index 33d1b66..f19985d 100644
--- a/src/app/services/api-chat.service.ts
+++ b/src/app/services/api-chat.service.ts
@@ -20,13 +20,13 @@ export class ApiChatService {
sendPostToApi(text: string, imgUrl: string[], threadId: number,) {
//console.log("Отправляю пост...");
var postToSend =
- {
- Timestamp: "time",
- Id: 0,
- Text: text,
- ImgURL: imgUrl,
- Thread_Id: threadId
- }
+ {
+ Timestamp: "time",
+ Id: 0,
+ Text: text,
+ ImgURL: imgUrl,
+ Thread_Id: threadId
+ }
return this.http.post( globals.api_endpoint +'PostTo', postToSend)
}
diff --git a/src/app/var/api.ts b/src/app/var/api.ts
index 92d7dff..842f10b 100644
--- a/src/app/var/api.ts
+++ b/src/app/var/api.ts
@@ -4,3 +4,24 @@ export var displayed_thread: number = 2;
export function setDisplayedThread(toset:number){
displayed_thread = toset;
};
+
+const ALERT_SHOW_TIME = 5000;
+const showAlert = (message:string, color:string) => {
+ const alertContainer = document.createElement('div');
+ alertContainer.style.zIndex = '100';
+ alertContainer.style.position = 'fixed';
+ alertContainer.style.left = '50';
+ alertContainer.style.top = '0';
+ alertContainer.style.right = '0';
+ alertContainer.style.padding = '10px 3px';
+ alertContainer.style.fontSize = '30px';
+ alertContainer.style.textAlign = 'center';
+ alertContainer.style.backgroundColor = color;
+ alertContainer.style.border = "2px dashed #6CFFDD"
+ alertContainer.textContent = message;
+ document.body.append(alertContainer);
+ setTimeout(() => {
+ alertContainer.remove();
+ }, ALERT_SHOW_TIME);
+}
+export {showAlert}
Загрузить картинку:
-Картинка: {{filename}}
+Картинка: {{singlePic}}