diff --git a/ts/Common/Api.ts b/ts/Common/Api.ts index 6a2c278..0cac44e 100644 --- a/ts/Common/Api.ts +++ b/ts/Common/Api.ts @@ -45,6 +45,8 @@ export interface Room { cleanLayout: boolean, joinMuted: boolean, running: boolean, + presentationUserId: string, + presentationPath: string | string[] } export interface RoomShare { @@ -178,7 +180,6 @@ class Api { public async updateRoom(room: Room) { const response = await axios.put(this.getUrl(`rooms/${room.id}`), room); - return response.data; } diff --git a/ts/Manager/App.scss b/ts/Manager/App.scss index 7b1f295..9b38895 100644 --- a/ts/Manager/App.scss +++ b/ts/Manager/App.scss @@ -67,6 +67,42 @@ pre { } } +.bbb-presentation-input { + display: flex; + flex-direction: column; + height: min-content; + width: fit-content; + margin-top: 10px; + align-content: flex-start; + + .hidden { + display: none; + } + + p { + display: flex; + justify-content: flex-start; + align-items: center; + + button { + border: 0; + background-color: transparent; + padding: 0; + margin: 5px; + border-radius: 50%; + line-height: 0; + display: inline-block; + justify-self: flex-end; + } + } + + img { + margin: 5px; + height: 32px; + width: auto; + } +} + #bbb-settings { #bbb-warning, #bbb-success { @@ -306,4 +342,4 @@ pre { border: 5px solid #fff; } } -} \ No newline at end of file +} diff --git a/ts/Manager/EditRoom.tsx b/ts/Manager/EditRoom.tsx index 3012a80..736a280 100644 --- a/ts/Manager/EditRoom.tsx +++ b/ts/Manager/EditRoom.tsx @@ -6,9 +6,10 @@ type Props = { room: Room; restriction?: Restriction; updateProperty: (key: string, value: string | boolean | number | null) => Promise; + updateRoom: (Room) => Promise; } -const EditRoom: React.FC = ({ room, restriction, updateProperty }) => { +const EditRoom: React.FC = ({ room, restriction, updateProperty, updateRoom }) => { const [open, setOpen] = useState(false); return ( @@ -18,7 +19,7 @@ const EditRoom: React.FC = ({ room, restriction, updateProperty }) => { - + ); }; diff --git a/ts/Manager/EditRoomDialog.tsx b/ts/Manager/EditRoomDialog.tsx index ba0ff44..6b6d3d2 100644 --- a/ts/Manager/EditRoomDialog.tsx +++ b/ts/Manager/EditRoomDialog.tsx @@ -6,6 +6,7 @@ import Dialog from './Dialog'; import ShareWith from './ShareWith'; import { SubmitInput } from './SubmitInput'; import { AccessOptions } from '../Common/Translation'; +import SharedPresentationInput from './SharedPresentationInput'; const descriptions: { [key: string]: string } = { name: t('bbb', 'Descriptive name of this room.'), @@ -29,11 +30,12 @@ type Props = { room: Room; restriction?: Restriction; updateProperty: (key: string, value: string | boolean | number | null) => Promise; + updateRoom: (Room) => Promise; open: boolean; setOpen: (open: boolean) => void; } -const EditRoomDialog: React.FC = ({ room, restriction, updateProperty, open, setOpen }) => { +const EditRoomDialog: React.FC = ({ room, restriction, updateProperty, open, setOpen, updateRoom }) => { const [shares, setShares] = useState(); const maxParticipantsLimit = (restriction?.maxParticipants || 0) < 0 ? undefined : restriction?.maxParticipants; @@ -226,6 +228,12 @@ const EditRoomDialog: React.FC = ({ room, restriction, updateProperty, op

{descriptions.joinMuted}

+
+
+ + +
+
); diff --git a/ts/Manager/RoomRow.tsx b/ts/Manager/RoomRow.tsx index 40de45b..20b0140 100644 --- a/ts/Manager/RoomRow.tsx +++ b/ts/Manager/RoomRow.tsx @@ -223,7 +223,7 @@ const RoomRow: React.FC = (props) => { - + +

+ + ); +}; + +export default SharedPresentationInput;