dweb-archive
dweb-archive copied to clipboard
Internationalization then Translation
- [x] Design system - prob based on https://bitsofco.de/use-the-lang-pseudo-class-over-the-lang-attribute-for-language-specific-styles/
- [x] Implement a sample (settings page
- [x] Move I8span to its own page for importing
- [x] Look for cases of message i.e. calls to renderPage
- Nav.factory but see #153
- [x] Run through files - in dweb-archive see below
- [x] Run through files - in ia-components see below
- [x] I8span should pass any other props to span
- [x] Figure out I8span string conversion function, then apply to "title=" before passing to AnchorDetails (which is in IAUX) e.g. in HomeWelcomeLink
- [x] aria-label should translate string - then add all strings to _.js
- [ ] Test all examples from #120
- [x] Run by UX team
- [ ] Add flags - drop down flag UI top left #160
- [x] Put out to volunteers for testing
- [x] Rerun new material in languages/_.js
- [ ] Look for text in Bookreader - especially noticed "Search Inside", "Page x of y"
- [x] Add flag next to Settings #160
- [x] translate error messages - see where called in Nav.factory
- [x] Metadata see #157
- [x] support lang=IN in URL - see #159
- [x] Dynamic language files - see #158
- [x] align list of lanugages as columns - asked in slack (front-end channel)
- [x] build manual override structure
- [ ] Build out "manual" set of files, see #175
Merged into Master for just the settings page - and still some work there.
Note https://translatr.varunmalhotra.xyz/ is the site I used for translation, it front-ends Google in multiple languages
Look for cases of message i.e. calls to renderPage and any JSX with text in ...
Probably Nothing
- [x] ArchiveBase.js
- [x] ReactSupport.js
first priority because on many pages
- [x] Nav.js
- [x] components/DetailsPage.jsx
- [x] components/CherModal.jsx Remainder
- [x] components/mirror/CommonComponent.jsx
- [x] Account.js
- [x] components/AudioVideo.jsx
- [x] components/BookReaderWrapper.jsx
- [x] components/Home.jsx
- [x] components/Page.jsx
- [x] components/RelatedItemsWrapper.jsx
- [x] components/SaveModal.jsx
- [x] components/SearchPage.jsx
- [x] components/TheatreControls.jsx
- [x] components/Theatres.jsx
- [x] components/mirror/LocalComponent.jsx
Done
- [x] components/mirror/SettingsComponent.jsx
IAUX files
- [x] sandbox/details/AnchorDownload.jsx
- [x] sandbox/details/AnchorSearch.jsx
- [x] sandbox/details/Carousel.jsx
- [x] sandbox/details/CrawlConfig.js
- [x] sandbox/details/DetailsActionButtons.jsx
- [x] sandbox/details/DetailsCollectionList.jsx
- [x] sandbox/details/DetailsDownloadOptions.jsx
- [x] sandbox/details/DetailsMetadata.jsx
- [x] sandbox/details/DetailsReviews.jsx
- [x] sandbox/details/Download.jsx
- [x] sandbox/details/Image.jsx
- [x] sandbox/details/ModalGo.jsx
- [x] sandbox/details/NavWrap.jsx
- [x] sandbox/details/Search.jsx
- [x] sandbox/details/Tabby.jsx
- [x] sandbox/tiles/RelatedItems.jsx
- [x] sandbox/tiles/TileComponent.jsx
- [x] sandbox/tiles/TileGrid.jsx
- [x] sandbox/AnchorDetails.jsx