Browse Source

temp

master
morethanwords 4 years ago
parent
commit
b2e4c9211c
  1. 40
      src/components/sidebarRight/tabs/editGroup.ts
  2. 5
      src/scss/partials/_rightSidebar.scss

40
src/components/sidebarRight/tabs/editGroup.ts

@ -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);
}
{
const section = new SettingSection({
});
} }
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);
} }
} }

5
src/scss/partials/_rightSidebar.scss

@ -74,6 +74,11 @@
display: flex; display: flex;
} }
} }
.input-wrapper {
width: 100%;
max-width: 100%;
}
} }
.profile { .profile {

Loading…
Cancel
Save