aimond/sapiens-web2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve report slide viewer by integrating PowerPoint API seamlessly

Browse Source 
Integrate PowerPoint API into the Report page's slide viewer, removing unnecessary black margins and ensuring a clean, full-width display by utilizing an iframe with adjusted styling and dimensions.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 0fb68265-c270-4198-9584-3d9be9bddb41
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/0fb68265-c270-4198-9584-3d9be9bddb41/16cZmxV
This commit is contained in:
kimjaehyeon0101
2025-09-30 05:50:03 +00:00
parent 88c60741e9
commit 73f9ad199e
2 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
.replit
View File

@ -26,6 +26,10 @@ externalPort = 3001
localPort = 38387 localPort = 38387
externalPort = 3003 externalPort = 3003
[[ports]]
localPort = 39255
externalPort = 4200
[[ports]] [[ports]]
localPort = 43349 localPort = 43349
externalPort = 3000 externalPort = 3000

18
client/src/pages/Report.tsx
View File

@ -66,18 +66,22 @@ export default function Report() {
</Card> </Card>
</TabsContent> </TabsContent>
<TabsContent value="slides"> <TabsContent value="slides" className="w-full">
<Card className="bg-white shadow-2xl"> <div className="w-full bg-white rounded-lg overflow-hidden shadow-lg">
<CardContent className="p-0"> <div className="relative w-full" style={{ paddingTop: '56.25%' }}>
<iframe <iframe
src={`https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(getFullPptUrl())}`} src={`https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(getFullPptUrl())}`}
className="w-full border-none" className="absolute top-0 left-0 w-full h-full border-none"
style={{ minHeight: '600px', height: '80vh' }}
title="Presentation Slides" title="Presentation Slides"
data-testid="iframe-slides" data-testid="iframe-slides"
allowFullScreen
style={{
backgroundColor: 'white',
display: 'block'
}}
/> />
</CardContent> </div>
</Card> </div>
</TabsContent> </TabsContent>
</Tabs> </Tabs>
</main> </main>