Overview
Summary
Contact
Donate
Imprint
Prompt for the
MediaFileApp
Please create a React-JS application for the MediaFileModule. The application has to offer the following views for the user interface: 1. MediaFileView 2. StatusUpdateView 3. StickerView 4. StickerPackView The views have to be reachable for the user via a menu list at the left side of each view. The requirements for the 4 views are defined below. 1. The MediaFileView must contain the following fields: - name: Checksum type: STRING - name: CreatedAt type: DATE - name: FileName type: STRING - name: IsEncrypted type: BOOL - name: MimeType type: STRING - name: SizeBytes type: LONG - name: StoragePath type: STRING An existing MediaFile entity should be loaded from the relative URL: "/MediaFileService/mediafile/{id}" (HTTP-GET) If a new MediaFile entity has been created, the new entity should be posted to the relative URL: "/MediaFileService/mediafile" (HTTP-POST) If an existing MediaFile entity has been updated, the modified entity should be sent to the relative URL: "/MediaFileService/mediafile/{id}" (HTTP-PUT) If an existing MediaFile entity has to be deleted, the following relative URL should be called: "/MediaFileService/mediafile/{id}" (HTTP-DELETE) Add a HTML table to the view with the following UserAvatar columns: - column: UserAccount - column: RenderedMediaFile - column: CreatedAt - column: StyleJson - column: UpdatedAt The table should have the title "UserAvatars" und the data must be loaded from the server with the following relative URL: "/UserAccountService/useravatar/renderedmediafile/{id}" Add a HTML table to the view with the following StatusUpdate columns: - column: VoiceNoteMediaFile - column: CreatedAt - column: ExpiresAt - column: TextContent - column: VisibilityScope - column: UserAccount - column: MediaFile - column: StatusType The table should have the title "StatusUpdates" und the data must be loaded from the server with the following relative URL: "/MediaFileService/statusupdate/mediafile/{id}" Add a HTML table to the view with the following StatusUpdate columns: - column: VoiceNoteMediaFile - column: CreatedAt - column: ExpiresAt - column: TextContent - column: VisibilityScope - column: UserAccount - column: MediaFile - column: StatusType The table should have the title "StatusUpdates" und the data must be loaded from the server with the following relative URL: "/MediaFileService/statusupdate/voicenotemediafile/{id}" Add a HTML table to the view with the following MessageMedia columns: - column: DurationSeconds - column: MediaType - column: MediaFile - column: ThumbnailMediaFile - column: Caption - column: Width - column: Height - column: ChatMessage The table should have the title "MessageMedias" und the data must be loaded from the server with the following relative URL: "/ChatMessageService/messagemedia/mediafile/{id}" Add a HTML table to the view with the following MessageMedia columns: - column: DurationSeconds - column: MediaType - column: MediaFile - column: ThumbnailMediaFile - column: Caption - column: Width - column: Height - column: ChatMessage The table should have the title "MessageMedias" und the data must be loaded from the server with the following relative URL: "/ChatMessageService/messagemedia/thumbnailmediafile/{id}" Add a HTML table to the view with the following Sticker columns: - column: StickerPack - column: CreatedAt - column: MediaFile - column: EmojiHint The table should have the title "Stickers" und the data must be loaded from the server with the following relative URL: "/MediaFileService/sticker/mediafile/{id}" 2. The StatusUpdateView must contain the following fields: - name: CreatedAt type: DATE - name: ExpiresAt type: DATE - name: MediaFile type: MediaFile - name: StatusType type: STRING - name: TextContent type: STRING - name: UserAccount type: UserAccount - name: VisibilityScope type: STRING - name: VoiceNoteMediaFile type: MediaFile The data source for the [MediaFile] select control should be loaded from the relative URL: "/MediaFileService/mediafile" (HTTP-GET) The data source for the [VoiceNoteMediaFile] select control should be loaded from the relative URL: "/MediaFileService/mediafile" (HTTP-GET) The data source for the [UserAccount] select control should be loaded from the relative URL: "/UserAccountService/useraccount" (HTTP-GET) An existing StatusUpdate entity should be loaded from the relative URL: "/MediaFileService/statusupdate/{id}" (HTTP-GET) If a new StatusUpdate entity has been created, the new entity should be posted to the relative URL: "/MediaFileService/statusupdate" (HTTP-POST) If an existing StatusUpdate entity has been updated, the modified entity should be sent to the relative URL: "/MediaFileService/statusupdate/{id}" (HTTP-PUT) If an existing StatusUpdate entity has to be deleted, the following relative URL should be called: "/MediaFileService/statusupdate/{id}" (HTTP-DELETE) 3. The StickerView must contain the following fields: - name: CreatedAt type: DATE - name: EmojiHint type: STRING - name: MediaFile type: MediaFile - name: StickerPack type: StickerPack The data source for the [MediaFile] select control should be loaded from the relative URL: "/MediaFileService/mediafile" (HTTP-GET) The data source for the [StickerPack] select control should be loaded from the relative URL: "/MediaFileService/stickerpack" (HTTP-GET) An existing Sticker entity should be loaded from the relative URL: "/MediaFileService/sticker/{id}" (HTTP-GET) If a new Sticker entity has been created, the new entity should be posted to the relative URL: "/MediaFileService/sticker" (HTTP-POST) If an existing Sticker entity has been updated, the modified entity should be sent to the relative URL: "/MediaFileService/sticker/{id}" (HTTP-PUT) If an existing Sticker entity has to be deleted, the following relative URL should be called: "/MediaFileService/sticker/{id}" (HTTP-DELETE) 4. The StickerPackView must contain the following fields: - name: Author type: STRING - name: CreatedAt type: DATE - name: IsAnimated type: BOOL - name: Name type: STRING An existing StickerPack entity should be loaded from the relative URL: "/MediaFileService/stickerpack/{id}" (HTTP-GET) If a new StickerPack entity has been created, the new entity should be posted to the relative URL: "/MediaFileService/stickerpack" (HTTP-POST) If an existing StickerPack entity has been updated, the modified entity should be sent to the relative URL: "/MediaFileService/stickerpack/{id}" (HTTP-PUT) If an existing StickerPack entity has to be deleted, the following relative URL should be called: "/MediaFileService/stickerpack/{id}" (HTTP-DELETE) Add a HTML table to the view with the following Sticker columns: - column: StickerPack - column: CreatedAt - column: MediaFile - column: EmojiHint The table should have the title "Stickers" und the data must be loaded from the server with the following relative URL: "/MediaFileService/sticker/stickerpack/{id}"
Copy prompt
Overview
Summary
Contact
Donate
Imprint