32 |
39 |
82 |
83 | );
84 | }
85 | }
86 | export { Carousel };
87 | /* Code review Mitra 2020-feb-17 */
88 |
--------------------------------------------------------------------------------
/ia-components/sandbox/details/DetailsCollectionList.jsx:
--------------------------------------------------------------------------------
1 | /* global DwebArchiveController */
2 | /* eslint-disable prefer-template, max-len, react/prop-types, react/destructuring-assignment */
3 | import React from 'react';
4 | import AnchorDetails from '../AnchorDetails';
5 | import { I18nSpan } from '../languages/Languages';
6 |
7 | /**
8 | * List of collections on details page
9 | *
10 | * Renders as a list of collections, with images for each.
11 | *
12 | * Behavior none for the component itself, but each collection (text and image) is an anchor to navigate to the collection
13 | *
14 | * Technical Notes:
15 | * The collectionTitles should be supplied, there is a wrapper in dweb-archive to do this, as there was a preference (Isa) not to
16 | * include that functionality here.
17 | *
18 | * -
40 | {this.props.slides.map((slide, i) => (
41 |
50 | ))}
51 |
53 | {this.props.slides.map((slide, i) => ( // may need to have to set first slide as "className" active
54 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
55 |
63 |
69 |
73 | ))}
74 |
70 | {slide.filename}
71 |
72 |
31 |
32 |
33 | {this.props.collections.map((collection) => {
34 | const backgroundImageBaseUrl = 'https://archive.org/services/img/' + collection;
35 | const backgroundImage = DwebArchiveController
36 | ? DwebArchiveController.routed(backgroundImageBaseUrl, { wantOneHttp: true })
37 | : backgroundImageBaseUrl;
38 | return (
39 |
58 |
59 | );
60 | }
61 | }
62 | /* Code review Mitra 2019-12-08 exc HTML compare */
63 |
--------------------------------------------------------------------------------
/ia-components/sandbox/details/DetailsReviews.jsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable react/prefer-stateless-function, react/prop-types, react/no-array-index-key */
2 | import React from 'react';
3 | import AnchorDetails from '../AnchorDetails';
4 | import { I18nSpan, I18nIcon, I18nStr } from '../languages/Languages';
5 |
6 | /**
7 | * List of reviews on details page
8 | *
9 | * Renders as a nested Div
10 | *
11 | * Behavior none for the component itself, but link from author
12 | *
13 | * Technical Notes:
14 | * The reviews should be supplied, there needs to be a wrapper in dweb-archive to do this - currently its in Details.js,
15 | * as there was a preference (Isa) not to include that functionality here.
16 | *
17 | *
40 |
44 | {this.props.collectionTitles[collection] || collection}
45 |
46 |
55 | );
56 | })}
57 |
47 |
53 |
54 |
33 |
38 | { this.props.disconnected ? null
39 | : (
40 | <>
41 |
54 | {reviews && reviews.length ? reviews.map(review => (
55 |
100 | );
101 | }
102 | }
103 | export { DetailsReviews };
104 |
--------------------------------------------------------------------------------
/ia-components/sandbox/details/Download.jsx:
--------------------------------------------------------------------------------
1 | // const debug = require('debug')('dweb-archive:Download');
2 | /* eslint-disable react/prefer-stateless-function, react/prop-types */
3 | import React from 'react';
4 | import AnchorDetails from '../AnchorDetails';
5 | import { AnchorDownload, reachable } from './AnchorDownload';
6 | import { I18nSpan, I18nStr } from '../languages/Languages';
7 |
8 | class DownloadDirectoryDiv extends React.Component {
9 | /**
10 | *
38 | { this.props.disconnected ? null
39 | : (
40 | <>
41 |
42 |
43 |
47 |
48 |
54 | {reviews && reviews.length ? reviews.map(review => (
55 | 47 |
56 |
57 |
65 | {review.reviewer}
66 |
67 | -
68 |
69 | {['*', '*', '*', '*', '*'].slice(0, review.stars).map((x, i) =>
76 | 77 |
84 | )) : (
85 |
98 | )}
99 | 76 | 77 |
{review.reviewbody}
83 |
26 |
88 | );
89 | }
90 | }
91 | export { DownloadDirectoryDiv };
92 |
--------------------------------------------------------------------------------
/ia-components/sandbox/details/Image.jsx:
--------------------------------------------------------------------------------
1 | /* global DwebArchive, AJS */
2 | import React from 'react';
3 | import { ObjectFilter } from '../../util';
4 | // const debug = require('debug')('Image Components');
5 |
6 | /**
7 | * Image display components/**
8 | *
9 | * Render an image with a caption and an anchor to download it
10 | */
11 |
12 | /**
13 | *
27 |
28 |
32 |
33 |
35 |
36 |
85 |
86 |
87 |
28 |
32 | 33 |
34 |
| Last modified | --*/} 39 |Size | 40 ||
|---|---|---|
|
45 | |
55 | 56 | | 57 | |
|
63 | |
75 | {/* --TODO-DIR handle directory here as foo/ --*/}
76 | {/* --00-Apr-0000 00:00{--TODO-DIR handle date from mtime | --*/} 77 |78 | {f.size} 79 | {/* --TODO-DIR should be "-" for directory--*/} 80 | | 81 |
22 |
48 | );
49 | }
50 | }
51 | export { SearchSwitcher };
52 | /* Code review Mitra 2019-12-11 excluding HTML comparison */
53 |
--------------------------------------------------------------------------------
/ia-components/sandbox/details/Tabby.jsx:
--------------------------------------------------------------------------------
1 | /* global AJS */
2 | /* eslint-disable max-len, no-restricted-globals, prefer-template, react/destructuring-assignment, react/prop-types */
3 | import React from 'react';
4 | import { I18nSpan } from '../languages/Languages';
5 |
6 | /**
7 | * This is for a single "tabby", usually there will be a set of them in a Tabbys
8 | *
9 | * Behavior:
10 | * On render its just a button that gives impression its a tab with content under it.
11 | *
12 | * On click
13 | * Note that it uses the tabby function in archive.js, a good TODO might be to refactor that code into this component.
14 |
15 | * Technical:
16 | *
17 | *
23 | VIEWS
35 |
36 | TITLE
37 |
38 | DATE ARCHIVED
39 |
40 | DATE PUBLISHED
41 |
42 | DATE REVIEWED
43 |
44 | CREATOR
45 |
46 |
47 |
24 |
26 | {/* --TODO-DETAILS this dropdown doesnt reorder, test other UI elements in vicinity as well see https://github.com/internetarchive/dweb-archive/issues/15--*/}
27 | {/* TODO-ISSUE dweb-archive#57 remove relevance on Collections */}
28 | { this.props.identifier ? null // Dont show on collections
29 | :
58 |
64 | { this.props.abbreviatedText
65 | ? (
66 | <>
67 |
75 |
76 | );
77 | }
78 | }
79 | // Code inspection by Mitra 2019-12-29 exc html compare
80 |
--------------------------------------------------------------------------------
/ia-components/sandbox/languages/google/_.txt:
--------------------------------------------------------------------------------
1 | ABOUT
2 | account
3 | ACTIVITY
4 | activity
5 | Add Review
6 | Advanced embedding details, examples, and help
7 | Attribution-NonCommercial-NoDerivs
8 | Audio
9 | audio
10 | Be the first one to
11 | BLOG
12 | Broken or Empty Data
13 | by
14 | cannot be found or does not have metadata
15 | Changing language from
16 | Changing language to
17 | Click to have player try flash first, then HTML5 second
18 | COLLECTION
19 | Collection
20 | collection
21 | COLLECTIONS
22 | Collections
23 | comment
24 | comments
25 | Completed
26 | Concerts
27 | Connecting
28 | CONTACT
29 | Contributors
30 | crawled by
31 | Crawling all
32 | Crawling details
33 | Crawling metadata
34 | Crawling tile
35 | Crawls
36 | CREATOR
37 | Creator
38 | creator
39 | Credits
40 | Date
41 | DATE ARCHIVED
42 | Date Archived
43 | DATE PUBLISHED
44 | Date Published
45 | DATE REVIEWED
46 | Date Reviewed
47 | Decentralized Internet Archive
48 | DESCRIPTION
49 | description
50 | DETAILS
51 | directories
52 | DONATE
53 | down
54 | download
55 | DOWNLOAD OPTIONS
56 | Download speed
57 | Downloaded
58 | edit
59 | EMBED
60 | EMBED (for wordpress.com hosted blogs and archive.org item
39 | { (!this.props.members && !this.props.loading)
40 | ? null
41 | : this.props.loading
42 | ? ...
43 | : (
44 |
67 | )
68 | // No related items on home page, searches, maybe other places
69 | );
70 | }
71 | }
72 |
--------------------------------------------------------------------------------
/images/Broken_document.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/internetarchive/dweb-archive/af48eefbdfd5ecb509bd5cb715b8e9bfa1d90808/images/Broken_document.png
--------------------------------------------------------------------------------
/images/archivelogo207x207notext.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/internetarchive/dweb-archive/af48eefbdfd5ecb509bd5cb715b8e9bfa1d90808/images/archivelogo207x207notext.jpg
--------------------------------------------------------------------------------
/images/archivelogo246x246.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/internetarchive/dweb-archive/af48eefbdfd5ecb509bd5cb715b8e9bfa1d90808/images/archivelogo246x246.jpg
--------------------------------------------------------------------------------
/images/baseline-fast_rewind-24px.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/images/baseline-home-24px.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/images/baseline-pause-24px.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/images/baseline-play_arrow-24px.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/images/baseline-update-24px.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/images/feedback.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
38 |
--------------------------------------------------------------------------------
/images/palm-leaf-wiki-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/internetarchive/dweb-archive/af48eefbdfd5ecb509bd5cb715b8e9bfa1d90808/images/palm-leaf-wiki-logo.png
--------------------------------------------------------------------------------
/includes/src/js/setUpCopyableTexts.js:
--------------------------------------------------------------------------------
1 | import ClipboardJS from 'clipboard'
2 |
3 | /**
4 | * Shows a message indicating the status of the copy operation
5 | *
6 | * Sets proper ARIA properties to ensure the status is read out by
7 | * accessible technologies
8 | *
9 | * @param {HTMLElement} copyableText
10 | * @param {String} message
11 | */
12 | function showStatusMessage(copyableText, message) {
13 | let output = copyableText.querySelector('output')
14 |
15 | if (!output) {
16 | output = document.createElement('output')
17 | output.setAttribute('role', 'alert')
18 | copyableText.appendChild(output)
19 | }
20 |
21 | // Empty it first to trigger accessibility technologies to read out the
22 | // value even if it's the same as before
23 | output.textContent = ''
24 | output.textContent = message
25 | }
26 |
27 | /**
28 | * Creates a copy button with an event listener that triggers the
29 | * copy operation
30 | *
31 | * @param {HTMLElement} copyableText
32 | */
33 | function createButton(copyableText) {
34 | const button = document.createElement('button')
35 | button.type = 'button'
36 | button.textContent = 'Copy'
37 | button.title = 'Copy to clipboard'
38 | button.setAttribute('data-clipboard-target', `#${copyableText.querySelector('input').id}`)
39 |
40 | return button
41 | }
42 |
43 | /**
44 | * Sets up a specific copyable text component
45 | *
46 | * @param {HTMLElement} copyableText
47 | */
48 | function setUpCopyableText(copyableText) {
49 | // No to copy, abort
50 | if (!copyableText.querySelector('input')) return
51 |
52 | copyableText.appendChild(createButton(copyableText))
53 |
54 | // Mark it as "ready" so we can avoid double-initializing
55 | copyableText.setAttribute('data-copyable-text-ready', '')
56 | }
57 |
58 | /**
59 | * Initialize ClipboardJS behavior for all buttons and attach event listeners to show statuses
60 | */
61 | function setUpClipboardJS() {
62 | const clipboard = new ClipboardJS('[data-copyable-text] [data-clipboard-target]')
63 |
64 | clipboard.on('success', (event) => {
65 | const copyableText = event.trigger.parentElement
66 |
67 | const message = (
68 | copyableText.getAttribute('data-copyable-text-success-message') ||
69 | 'Text copied to clipboard.'
70 | )
71 |
72 | showStatusMessage(copyableText, message)
73 | })
74 |
75 | clipboard.on('error', (event) => {
76 | const copyableText = event.trigger.parentElement
77 |
78 | const message = (
79 | copyableText.getAttribute('data-copyable-text-error-message') ||
80 | 'Something went wrong.'
81 | )
82 |
83 | showStatusMessage(copyableText, message)
84 | })
85 | }
86 |
87 | /**
88 | * Read-only text input component with a button to copy the text to the
89 | * user's clipboard
90 | *
91 | * Progressively enhances the input by generating the button and status
92 | * message entirely in the JavaScript.
93 | *
94 | * Currently only supports s but it can be easily modified to support
95 | *
45 |
64 | )
65 | }
66 |
46 |
47 |
52 |
63 |
47 |
*/}
51 |
52 |
53 |
54 | { // Note this is odd - results normally encloses all the tasks, but AJS.tiler doesnt seem to work without this
55 | this.props.members.map(member => (
56 |
61 |
62 |
57 |
59 | )) }
60 |