Page Flow
4-Page Navigation
Page 01
Content Hub
hub.html
Page 02
Paper Listing
paper-listing.html
Page 03
Paper Detail
paper-detail.html?id=X
Page 04
PDF Viewer
paper-viewer.html?id=X
Page 2
Paper Listing
paper-listing.html — status filter tabs, paper cards with author + tag row।
Studio
All
Published
Under Review
Smart Grid Fault Detection Using MATLAB Simulink
Published
Solar PV Optimization — I-V Curve Analysis
Under Review
1
Status Filter Tabs
3 tabs: All, Published, Under Review. Filters paper cards in real-time. Published = green badge, Under Review = yellow badge.
Status অনুযায়ী filter — Published (green), Under Review (yellow)।
2
Paper Card — Title + Authors
Full paper title, author names (comma-separated). Tap the card →
paper-detail.html?id=X.Title ও author দেখায়। Tap করলে detail page-এ যায়।
3
Tag Chips
Research keywords as small tag chips under author names. Searchable.
4
Status Badge
Green "Published" or yellow "Under Review" pill badge at the bottom of each card. Same data from
status field in content.json. Page 3
Paper Detail View
paper-detail.html — cover art, abstract (expandable), DOI link, Read/Cite buttons।
Papers
Smart Grid Fault Detection Using MATLAB Simulink
doi.org/10.xxxx/xxxx.2024.xxxxx
Abstract
Show more
This paper presents a novel approach to fault detection in smart grids using MATLAB Simulink...
Read PDF
Copy Citation
1
Cover Art Panel
Top panel with gradient background + large paper icon. Optional: custom cover image from
coverImage field.2
DOI Clickable Link
Renders as
https://doi.org/{doi} — opens in new tab. Shown only if doi field present in data.DOI tap করলে new tab-এ real paper page open হয়।
3
Expandable Abstract
toggleAbstract() — shows first ~120 chars, "Show more" expands full text. Toggle button rotates chevron icon.Abstract truncated হয়ে দেখায় — "Show more" tap করলে full text বেরোয়।
4
Read PDF Button
→
paper-viewer.html?id=X — full PDF reading page (Page 4).5
Copy Citation Button
copyCitation() — formats APA/IEEE citation string, copies to clipboard. Toast confirmation shown.Citation copy করে clipboard-এ, toast notification দেখায়।
Page 4
PDF Viewer
paper-viewer.html — embedded PDF reader with controls.
Detail
Page 1 of 12
Smart Grid Fault Detection...
1 / 12
All Features
Papers System — Every Feature
Status Filter
3-tab filter: All / Published / Under Review. Real-time card filtering. Status shown as green (published) or yellow (under review) badge.
Status filter — Published (green badge), Under Review (yellow badge)।
DOI Clickable Links
DOI rendered as
https://doi.org/{doi}. Tapping opens official paper page in new tab. Displayed only when doi field is present.DOI tap করলে new tab-এ real paper page।
Expandable Abstract
toggleAbstract() collapses to ~120 chars by default. "Show more" expands. Chevron rotates 180° on expand.PDF Reader
paper-viewer.html — embedded PDF with prev/next page controls, fullscreen, and download button.Full PDF reader — page navigation, fullscreen, download।
Copy Citation
copyCitation() — builds APA/IEEE formatted string from paper data fields, copies to clipboard. Success toast shown.Citation format করে clipboard-এ copy হয়, toast দেখায়।
Share Paper
Header share button — Web Share API with paper title + URL (or DOI link). Clipboard fallback.
Search
Search icon in header. Searches title, authors, tags, abstract. Instant filter results.
Bookmark
Header bookmark icon — saves paper ID to localStorage. Persists across sessions. Yellow when saved.
Data Schema
content.json — research-papers fields
| Field | Type | Description |
|---|---|---|
id | String | Unique ID e.g. paper-001 |
title | String | Full paper title |
authors[] | Array | Array of author name strings |
abstract | String | Full abstract text — collapsed to ~120 chars in UI |
status | String | published | under-review — filter tab key |
doi | String | DOI string (without prefix) — rendered as doi.org/{doi} |
pdfPath | String | Path to PDF file in Content Storage |
coverImage | String | Optional cover image path |
publishDate | String | Publication year or ISO date |
journal | String | Journal or conference name |
tags[] | Array | Research keywords — shown as chips, searchable |
File Map
| File | Location | Role |
|---|---|---|
hub.html | mobile/content-studio/ | Entry hub for all content types |
paper-listing.html | mobile/content-studio/research-papers/ | Status filter + paper card list |
paper-listing.js | mobile/content-studio/research-papers/ | Loads content.json, renders + filters cards |
paper-detail.html | mobile/content-studio/research-papers/ | Cover, abstract, DOI, Read/Cite CTAs |
paper-detail.js | mobile/content-studio/research-papers/ | toggleAbstract(), copyCitation(), share logic |
paper-viewer.html | mobile/content-studio/research-papers/ | Embedded PDF reader with page controls |
content.json | Content Code/ | Central data — research-papers array |