|
|
@ -1,6 +1,7 @@ |
|
|
|
import { SliderSuperTab } from "../../slider" |
|
|
|
import { SliderSuperTab } from "../../slider" |
|
|
|
import InputField from "../../inputField"; |
|
|
|
import InputField from "../../inputField"; |
|
|
|
import EditPeer from "../../editPeer"; |
|
|
|
import EditPeer from "../../editPeer"; |
|
|
|
|
|
|
|
import { SettingSection } from "../../sidebarLeft"; |
|
|
|
|
|
|
|
|
|
|
|
export default class AppEditGroupTab extends SliderSuperTab { |
|
|
|
export default class AppEditGroupTab extends SliderSuperTab { |
|
|
|
private groupNameInputField: InputField; |
|
|
|
private groupNameInputField: InputField; |
|
|
@ -11,35 +12,50 @@ export default class AppEditGroupTab extends SliderSuperTab { |
|
|
|
this.container.classList.add('edit-peer-container', 'edit-group-container'); |
|
|
|
this.container.classList.add('edit-peer-container', 'edit-group-container'); |
|
|
|
this.title.innerHTML = 'Edit'; |
|
|
|
this.title.innerHTML = 'Edit'; |
|
|
|
|
|
|
|
|
|
|
|
const inputFields: InputField[] = []; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{ |
|
|
|
{ |
|
|
|
|
|
|
|
const section = new SettingSection({noDelimiter: true}); |
|
|
|
|
|
|
|
const inputFields: InputField[] = []; |
|
|
|
|
|
|
|
|
|
|
|
const inputWrapper = document.createElement('div'); |
|
|
|
const inputWrapper = document.createElement('div'); |
|
|
|
inputWrapper.classList.add('input-wrapper'); |
|
|
|
inputWrapper.classList.add('input-wrapper'); |
|
|
|
|
|
|
|
|
|
|
|
this.groupNameInputField = new InputField({ |
|
|
|
this.groupNameInputField = new InputField({ |
|
|
|
label: 'Group Name', |
|
|
|
label: 'Group Name', |
|
|
|
name: 'group-name', |
|
|
|
name: 'group-name', |
|
|
|
maxLength: 70 |
|
|
|
maxLength: 255 |
|
|
|
}); |
|
|
|
}); |
|
|
|
this.descriptionInputField = new InputField({ |
|
|
|
this.descriptionInputField = new InputField({ |
|
|
|
label: 'Description', |
|
|
|
label: 'Description', |
|
|
|
name: 'group-description', |
|
|
|
name: 'group-description', |
|
|
|
maxLength: 64 |
|
|
|
maxLength: 255 |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
inputWrapper.append(this.groupNameInputField.container, this.descriptionInputField.container); |
|
|
|
inputWrapper.append(this.groupNameInputField.container, this.descriptionInputField.container); |
|
|
|
|
|
|
|
|
|
|
|
inputFields.push(this.groupNameInputField, this.descriptionInputField); |
|
|
|
inputFields.push(this.groupNameInputField, this.descriptionInputField); |
|
|
|
this.scrollable.append(inputWrapper); |
|
|
|
|
|
|
|
|
|
|
|
this.editPeer = new EditPeer({ |
|
|
|
|
|
|
|
peerId: -1408712018, |
|
|
|
|
|
|
|
inputFields, |
|
|
|
|
|
|
|
listenerSetter: this.listenerSetter |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
this.content.append(this.editPeer.nextBtn); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
section.content.append(this.editPeer.avatarEdit.container, inputWrapper); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.scrollable.append(section.container); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
this.editPeer = new EditPeer({ |
|
|
|
{ |
|
|
|
peerId: -1408712018, |
|
|
|
const section = new SettingSection({ |
|
|
|
inputFields, |
|
|
|
|
|
|
|
listenerSetter: this.listenerSetter |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
this.content.append(this.editPeer.nextBtn); |
|
|
|
|
|
|
|
this.scrollable.prepend(this.editPeer.avatarEdit.container); |
|
|
|
{ |
|
|
|
|
|
|
|
const section = new SettingSection({ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|