|
|
@ -6,6 +6,7 @@ import { Layouter, RectPart } from "./groupedLayout"; |
|
|
|
import InputField from "./inputField"; |
|
|
|
import InputField from "./inputField"; |
|
|
|
import { PopupElement } from "./popup"; |
|
|
|
import { PopupElement } from "./popup"; |
|
|
|
import { ripple } from "./ripple"; |
|
|
|
import { ripple } from "./ripple"; |
|
|
|
|
|
|
|
import Scrollable from "./scrollable"; |
|
|
|
import { toast } from "./toast"; |
|
|
|
import { toast } from "./toast"; |
|
|
|
import { wrapDocument } from "./wrappers"; |
|
|
|
import { wrapDocument } from "./wrappers"; |
|
|
|
|
|
|
|
|
|
|
@ -19,6 +20,8 @@ type SendFileParams = Partial<{ |
|
|
|
|
|
|
|
|
|
|
|
const MAX_LENGTH_CAPTION = 1024; |
|
|
|
const MAX_LENGTH_CAPTION = 1024; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// TODO: .gif upload as video
|
|
|
|
|
|
|
|
|
|
|
|
export default class PopupNewMedia extends PopupElement { |
|
|
|
export default class PopupNewMedia extends PopupElement { |
|
|
|
private btnSend: HTMLElement; |
|
|
|
private btnSend: HTMLElement; |
|
|
|
private input: HTMLInputElement; |
|
|
|
private input: HTMLInputElement; |
|
|
@ -47,10 +50,12 @@ export default class PopupNewMedia extends PopupElement { |
|
|
|
|
|
|
|
|
|
|
|
this.mediaContainer = document.createElement('div'); |
|
|
|
this.mediaContainer = document.createElement('div'); |
|
|
|
this.mediaContainer.classList.add('popup-photo'); |
|
|
|
this.mediaContainer.classList.add('popup-photo'); |
|
|
|
|
|
|
|
const scrollable = new Scrollable(null); |
|
|
|
|
|
|
|
scrollable.container.append(this.mediaContainer); |
|
|
|
|
|
|
|
|
|
|
|
const inputField = InputField('Add a caption...', 'Caption', 'photo-caption', MAX_LENGTH_CAPTION, 80); |
|
|
|
const inputField = InputField('Add a caption...', 'Caption', 'photo-caption', MAX_LENGTH_CAPTION, 80); |
|
|
|
this.input = inputField.firstElementChild as HTMLInputElement; |
|
|
|
this.input = inputField.firstElementChild as HTMLInputElement; |
|
|
|
this.container.append(this.mediaContainer, inputField); |
|
|
|
this.container.append(scrollable.container, inputField); |
|
|
|
|
|
|
|
|
|
|
|
this.attachFiles(files); |
|
|
|
this.attachFiles(files); |
|
|
|
} |
|
|
|
} |
|
|
|