@cu-mkp/editioncrafter 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/src/component/DocumentView.js +14 -14
- package/dist/cjs/src/component/HelpPopper.js +19 -12
- package/dist/cjs/src/component/ImageGridView.js +4 -6
- package/dist/cjs/src/component/ImageView.js +0 -5
- package/dist/cjs/src/component/JumpToFolio.js +3 -3
- package/dist/cjs/src/component/Navigation.js +1 -1
- package/dist/cjs/src/component/TranscriptionView.js +11 -20
- package/dist/cjs/src/component/Watermark.js +33 -0
- package/dist/cjs/src/component/XMLView.js +21 -83
- package/dist/cjs/src/icons/howtouse-asterisk.png +0 -0
- package/dist/cjs/src/icons/howtouse-beaker.png +0 -0
- package/dist/cjs/src/icons/howtouse-curly.png +0 -0
- package/dist/cjs/src/icons/howtouse-square.png +0 -0
- package/dist/cjs/src/icons/howtouse-ups.png +0 -0
- package/dist/cjs/src/img/banner-about.png +0 -0
- package/dist/cjs/src/img/banner-essays.jpg +0 -0
- package/dist/cjs/src/img/banner-essays.png +0 -0
- package/dist/cjs/src/img/banner-how-to.png +0 -0
- package/dist/cjs/src/img/banner-resources.png +0 -0
- package/dist/cjs/src/img/book-open-cropped.png +0 -0
- package/dist/cjs/src/img/book-open.png +0 -0
- package/dist/cjs/src/img/book-spine.png +0 -0
- package/dist/cjs/src/img/bookcover-cropped.png +0 -0
- package/dist/cjs/src/img/cropped-MKLizardFilled-32x32.jpg +0 -0
- package/dist/cjs/src/img/folio48r-drawing.png +0 -0
- package/dist/cjs/src/img/howtouse-asterisk.png +0 -0
- package/dist/cjs/src/img/howtouse-beaker.png +0 -0
- package/dist/cjs/src/img/howtouse-curly.png +0 -0
- package/dist/cjs/src/img/howtouse-square.png +0 -0
- package/dist/cjs/src/img/howtouse-ups.png +0 -0
- package/dist/cjs/src/img/lizard-no-bg.png +0 -0
- package/dist/cjs/src/img/logo_center_multi_line.png +0 -0
- package/dist/cjs/src/img/logo_center_single_line.png +0 -0
- package/dist/cjs/src/img/logo_columbia.png +0 -0
- package/dist/cjs/src/img/mk-banner-logo.png +0 -0
- package/dist/cjs/src/img/mk-homepage-logo.png +0 -0
- package/dist/cjs/src/img/openseadragon/button_grouphover.png +0 -0
- package/dist/cjs/src/img/openseadragon/button_hover.png +0 -0
- package/dist/cjs/src/img/openseadragon/button_pressed.png +0 -0
- package/dist/cjs/src/img/openseadragon/button_rest.png +0 -0
- package/dist/cjs/src/img/openseadragon/fullpage_grouphover.png +0 -0
- package/dist/cjs/src/img/openseadragon/fullpage_hover.png +0 -0
- package/dist/cjs/src/img/openseadragon/fullpage_pressed.png +0 -0
- package/dist/cjs/src/img/openseadragon/fullpage_rest.png +0 -0
- package/dist/cjs/src/img/openseadragon/home_grouphover.png +0 -0
- package/dist/cjs/src/img/openseadragon/home_hover.png +0 -0
- package/dist/cjs/src/img/openseadragon/home_pressed.png +0 -0
- package/dist/cjs/src/img/openseadragon/home_rest.png +0 -0
- package/dist/cjs/src/img/openseadragon/next_grouphover.png +0 -0
- package/dist/cjs/src/img/openseadragon/next_hover.png +0 -0
- package/dist/cjs/src/img/openseadragon/next_pressed.png +0 -0
- package/dist/cjs/src/img/openseadragon/next_rest.png +0 -0
- package/dist/cjs/src/img/openseadragon/previous_grouphover.png +0 -0
- package/dist/cjs/src/img/openseadragon/previous_hover.png +0 -0
- package/dist/cjs/src/img/openseadragon/previous_pressed.png +0 -0
- package/dist/cjs/src/img/openseadragon/previous_rest.png +0 -0
- package/dist/cjs/src/img/openseadragon/rotateleft_grouphover.png +0 -0
- package/dist/cjs/src/img/openseadragon/rotateleft_hover.png +0 -0
- package/dist/cjs/src/img/openseadragon/rotateleft_pressed.png +0 -0
- package/dist/cjs/src/img/openseadragon/rotateleft_rest.png +0 -0
- package/dist/cjs/src/img/openseadragon/rotateright_grouphover.png +0 -0
- package/dist/cjs/src/img/openseadragon/rotateright_hover.png +0 -0
- package/dist/cjs/src/img/openseadragon/rotateright_pressed.png +0 -0
- package/dist/cjs/src/img/openseadragon/rotateright_rest.png +0 -0
- package/dist/cjs/src/img/openseadragon/zoomin_grouphover.png +0 -0
- package/dist/cjs/src/img/openseadragon/zoomin_hover.png +0 -0
- package/dist/cjs/src/img/openseadragon/zoomin_pressed.png +0 -0
- package/dist/cjs/src/img/openseadragon/zoomin_rest.png +0 -0
- package/dist/cjs/src/img/openseadragon/zoomout_grouphover.png +0 -0
- package/dist/cjs/src/img/openseadragon/zoomout_hover.png +0 -0
- package/dist/cjs/src/img/openseadragon/zoomout_pressed.png +0 -0
- package/dist/cjs/src/img/openseadragon/zoomout_rest.png +0 -0
- package/dist/cjs/src/img/spinner.gif +0 -0
- package/dist/cjs/src/img/text-bg.png +0 -0
- package/dist/cjs/src/img/watermark.png +0 -0
- package/dist/cjs/src/index.js +1 -0
- package/dist/cjs/src/scss/_base.scss +0 -13
- package/dist/cjs/src/scss/_navigation.scss +9 -1
- package/dist/cjs/src/scss/_xmlView.scss +7 -3
- package/dist/editioncrafter.min.js +1 -2
- package/dist/editioncrafter.min.js.LICENSE.txt +3 -3
- package/dist/es/src/component/DocumentView.js +14 -14
- package/dist/es/src/component/HelpPopper.js +19 -12
- package/dist/es/src/component/ImageGridView.js +4 -6
- package/dist/es/src/component/ImageView.js +0 -5
- package/dist/es/src/component/JumpToFolio.js +3 -3
- package/dist/es/src/component/Navigation.js +1 -1
- package/dist/es/src/component/TranscriptionView.js +11 -20
- package/dist/es/src/component/Watermark.js +25 -0
- package/dist/es/src/component/XMLView.js +21 -83
- package/dist/es/src/icons/howtouse-asterisk.png +0 -0
- package/dist/es/src/icons/howtouse-beaker.png +0 -0
- package/dist/es/src/icons/howtouse-curly.png +0 -0
- package/dist/es/src/icons/howtouse-square.png +0 -0
- package/dist/es/src/icons/howtouse-ups.png +0 -0
- package/dist/es/src/img/banner-about.png +0 -0
- package/dist/es/src/img/banner-essays.jpg +0 -0
- package/dist/es/src/img/banner-essays.png +0 -0
- package/dist/es/src/img/banner-how-to.png +0 -0
- package/dist/es/src/img/banner-resources.png +0 -0
- package/dist/es/src/img/book-open-cropped.png +0 -0
- package/dist/es/src/img/book-open.png +0 -0
- package/dist/es/src/img/book-spine.png +0 -0
- package/dist/es/src/img/bookcover-cropped.png +0 -0
- package/dist/es/src/img/cropped-MKLizardFilled-32x32.jpg +0 -0
- package/dist/es/src/img/folio48r-drawing.png +0 -0
- package/dist/es/src/img/howtouse-asterisk.png +0 -0
- package/dist/es/src/img/howtouse-beaker.png +0 -0
- package/dist/es/src/img/howtouse-curly.png +0 -0
- package/dist/es/src/img/howtouse-square.png +0 -0
- package/dist/es/src/img/howtouse-ups.png +0 -0
- package/dist/es/src/img/lizard-no-bg.png +0 -0
- package/dist/es/src/img/logo_center_multi_line.png +0 -0
- package/dist/es/src/img/logo_center_single_line.png +0 -0
- package/dist/es/src/img/logo_columbia.png +0 -0
- package/dist/es/src/img/mk-banner-logo.png +0 -0
- package/dist/es/src/img/mk-homepage-logo.png +0 -0
- package/dist/es/src/img/openseadragon/button_grouphover.png +0 -0
- package/dist/es/src/img/openseadragon/button_hover.png +0 -0
- package/dist/es/src/img/openseadragon/button_pressed.png +0 -0
- package/dist/es/src/img/openseadragon/button_rest.png +0 -0
- package/dist/es/src/img/openseadragon/fullpage_grouphover.png +0 -0
- package/dist/es/src/img/openseadragon/fullpage_hover.png +0 -0
- package/dist/es/src/img/openseadragon/fullpage_pressed.png +0 -0
- package/dist/es/src/img/openseadragon/fullpage_rest.png +0 -0
- package/dist/es/src/img/openseadragon/home_grouphover.png +0 -0
- package/dist/es/src/img/openseadragon/home_hover.png +0 -0
- package/dist/es/src/img/openseadragon/home_pressed.png +0 -0
- package/dist/es/src/img/openseadragon/home_rest.png +0 -0
- package/dist/es/src/img/openseadragon/next_grouphover.png +0 -0
- package/dist/es/src/img/openseadragon/next_hover.png +0 -0
- package/dist/es/src/img/openseadragon/next_pressed.png +0 -0
- package/dist/es/src/img/openseadragon/next_rest.png +0 -0
- package/dist/es/src/img/openseadragon/previous_grouphover.png +0 -0
- package/dist/es/src/img/openseadragon/previous_hover.png +0 -0
- package/dist/es/src/img/openseadragon/previous_pressed.png +0 -0
- package/dist/es/src/img/openseadragon/previous_rest.png +0 -0
- package/dist/es/src/img/openseadragon/rotateleft_grouphover.png +0 -0
- package/dist/es/src/img/openseadragon/rotateleft_hover.png +0 -0
- package/dist/es/src/img/openseadragon/rotateleft_pressed.png +0 -0
- package/dist/es/src/img/openseadragon/rotateleft_rest.png +0 -0
- package/dist/es/src/img/openseadragon/rotateright_grouphover.png +0 -0
- package/dist/es/src/img/openseadragon/rotateright_hover.png +0 -0
- package/dist/es/src/img/openseadragon/rotateright_pressed.png +0 -0
- package/dist/es/src/img/openseadragon/rotateright_rest.png +0 -0
- package/dist/es/src/img/openseadragon/zoomin_grouphover.png +0 -0
- package/dist/es/src/img/openseadragon/zoomin_hover.png +0 -0
- package/dist/es/src/img/openseadragon/zoomin_pressed.png +0 -0
- package/dist/es/src/img/openseadragon/zoomin_rest.png +0 -0
- package/dist/es/src/img/openseadragon/zoomout_grouphover.png +0 -0
- package/dist/es/src/img/openseadragon/zoomout_hover.png +0 -0
- package/dist/es/src/img/openseadragon/zoomout_pressed.png +0 -0
- package/dist/es/src/img/openseadragon/zoomout_rest.png +0 -0
- package/dist/es/src/img/spinner.gif +0 -0
- package/dist/es/src/img/text-bg.png +0 -0
- package/dist/es/src/img/watermark.png +0 -0
- package/dist/es/src/index.js +1 -0
- package/dist/es/src/scss/_base.scss +0 -13
- package/dist/es/src/scss/_navigation.scss +9 -1
- package/dist/es/src/scss/_xmlView.scss +7 -3
- package/package.json +4 -9
- package/dist/cjs/src/polyfills.js +0 -212
- package/dist/editioncrafter.css +0 -2462
- package/dist/editioncrafter.css.map +0 -1
- package/dist/editioncrafter.min.js.map +0 -1
- package/dist/es/src/polyfills.js +0 -216
|
@@ -177,19 +177,18 @@ var DocumentView = /*#__PURE__*/function (_Component) {
|
|
|
177
177
|
}
|
|
178
178
|
}, {
|
|
179
179
|
key: "findBookFolios",
|
|
180
|
-
value: function findBookFolios(
|
|
180
|
+
value: function findBookFolios(folioID) {
|
|
181
181
|
var document = this.props.document;
|
|
182
|
-
var versoFolio = document.
|
|
183
|
-
var
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
return [null, null];
|
|
182
|
+
var versoFolio = document.folioIndex[folioID];
|
|
183
|
+
var name = versoFolio.name,
|
|
184
|
+
pageNumber = versoFolio.pageNumber;
|
|
185
|
+
if (!name.endsWith('v')) {
|
|
186
|
+
if (name.endsWith('r')) {
|
|
187
|
+
return [document.folios[pageNumber - 1].id, document.folios[pageNumber].id];
|
|
189
188
|
}
|
|
189
|
+
return [null, null];
|
|
190
190
|
}
|
|
191
|
-
|
|
192
|
-
return [document.folioIndex[versoIndex], document.folioIndex[rectoIndex]];
|
|
191
|
+
return [document.folios[pageNumber].id, document.folios[pageNumber + 1].id];
|
|
193
192
|
}
|
|
194
193
|
}, {
|
|
195
194
|
key: "changeTranscriptionType",
|
|
@@ -329,8 +328,9 @@ var DocumentView = /*#__PURE__*/function (_Component) {
|
|
|
329
328
|
value: function renderPane(side, docView) {
|
|
330
329
|
var viewType = this.determineViewType(side);
|
|
331
330
|
var key = this.viewPaneKey(side);
|
|
331
|
+
var folioID = docView[side].iiifShortID;
|
|
332
|
+
var transcriptionType = docView[side].transcriptionType;
|
|
332
333
|
if (viewType === 'ImageView') {
|
|
333
|
-
var folioID = docView[side].iiifShortID;
|
|
334
334
|
return /*#__PURE__*/_react["default"].createElement(_ImageView["default"], {
|
|
335
335
|
key: key,
|
|
336
336
|
folioID: folioID,
|
|
@@ -340,20 +340,20 @@ var DocumentView = /*#__PURE__*/function (_Component) {
|
|
|
340
340
|
});
|
|
341
341
|
}
|
|
342
342
|
if (viewType === 'TranscriptionView') {
|
|
343
|
-
var _folioID2 = docView[side].iiifShortID;
|
|
344
|
-
var transcriptionType = docView[side].transcriptionType;
|
|
345
343
|
return /*#__PURE__*/_react["default"].createElement(_TranscriptionView["default"], {
|
|
346
344
|
key: key,
|
|
347
345
|
documentView: docView,
|
|
348
346
|
documentViewActions: this.documentViewActions,
|
|
349
347
|
side: side,
|
|
350
|
-
folioID:
|
|
348
|
+
folioID: folioID,
|
|
351
349
|
transcriptionType: transcriptionType
|
|
352
350
|
});
|
|
353
351
|
}
|
|
354
352
|
if (viewType === 'XMLView') {
|
|
355
353
|
return /*#__PURE__*/_react["default"].createElement(_XMLView["default"], {
|
|
356
354
|
key: key,
|
|
355
|
+
folioID: folioID,
|
|
356
|
+
transcriptionType: transcriptionType,
|
|
357
357
|
documentView: docView,
|
|
358
358
|
documentViewActions: this.documentViewActions,
|
|
359
359
|
side: side
|
|
@@ -13,6 +13,11 @@ var _List = _interopRequireDefault(require("@material-ui/core/List"));
|
|
|
13
13
|
var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
|
|
14
14
|
var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
|
|
15
15
|
var _fa = require("react-icons/fa");
|
|
16
|
+
var _howtouseAsterisk = _interopRequireDefault(require("../icons/howtouse-asterisk.png"));
|
|
17
|
+
var _howtouseCurly = _interopRequireDefault(require("../icons/howtouse-curly.png"));
|
|
18
|
+
var _howtouseBeaker = _interopRequireDefault(require("../icons/howtouse-beaker.png"));
|
|
19
|
+
var _howtouseSquare = _interopRequireDefault(require("../icons/howtouse-square.png"));
|
|
20
|
+
var _howtouseUps = _interopRequireDefault(require("../icons/howtouse-ups.png"));
|
|
16
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
22
|
var HelpPopper = function HelpPopper(props) {
|
|
18
23
|
return /*#__PURE__*/_react["default"].createElement(_Popper["default"], {
|
|
@@ -32,21 +37,23 @@ var HelpPopper = function HelpPopper(props) {
|
|
|
32
37
|
variant: "h6",
|
|
33
38
|
component: "h2"
|
|
34
39
|
}, "Toolbar Buttons"), /*#__PURE__*/_react["default"].createElement(_List["default"], null, /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
35
|
-
className: "fa fa-lock
|
|
40
|
+
className: "fa fa-lock"
|
|
36
41
|
}), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
|
|
37
42
|
primary: "Toggle Sync Views"
|
|
38
43
|
})), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
39
|
-
className: "fa fa-book
|
|
44
|
+
className: "fa fa-book"
|
|
40
45
|
}), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
|
|
41
46
|
primary: "Toggle Book Mode"
|
|
42
47
|
})), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
43
|
-
className: "fa fa-code
|
|
48
|
+
className: "fa fa-code"
|
|
44
49
|
}), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
|
|
45
50
|
primary: "Toggle XML Mode"
|
|
46
|
-
})), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("span",
|
|
51
|
+
})), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
52
|
+
className: "horizontal-buttons"
|
|
53
|
+
}, /*#__PURE__*/_react["default"].createElement(_fa.FaArrowCircleLeft, null), /*#__PURE__*/_react["default"].createElement(_fa.FaArrowCircleRight, null)), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
|
|
47
54
|
primary: "Go Forward / Back"
|
|
48
55
|
})), /*#__PURE__*/_react["default"].createElement(_ListItem["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
|
|
49
|
-
className: "fa fa-hand-point-right
|
|
56
|
+
className: "fa fa-hand-point-right"
|
|
50
57
|
}), /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
|
|
51
58
|
primary: "Jump to folio"
|
|
52
59
|
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -61,23 +68,23 @@ var HelpPopper = function HelpPopper(props) {
|
|
|
61
68
|
variant: "overline",
|
|
62
69
|
component: "span"
|
|
63
70
|
}, "Meaning")))), /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("img", {
|
|
64
|
-
src: "
|
|
71
|
+
src: _howtouseUps["default"],
|
|
65
72
|
alt: "howtouse-ups"
|
|
66
73
|
})), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Text is under the paper strip"))), /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("img", {
|
|
67
|
-
src: "
|
|
74
|
+
src: _howtouseCurly["default"],
|
|
68
75
|
alt: "howtouse-curly"
|
|
69
76
|
})), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Expanded version implied by abbreviation marks"))), /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("img", {
|
|
70
|
-
src: "
|
|
77
|
+
src: _howtouseSquare["default"],
|
|
71
78
|
alt: "howtouse-square"
|
|
72
79
|
})), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Editorial interventions and corrections"))), /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("img", {
|
|
73
|
-
src: "
|
|
80
|
+
src: _howtouseBeaker["default"],
|
|
74
81
|
alt: "howtouse-beaker"
|
|
75
82
|
})), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Associated research essay"))), /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("img", {
|
|
76
|
-
src: "
|
|
83
|
+
src: _howtouseAsterisk["default"],
|
|
77
84
|
alt: "howtouse-asterisk"
|
|
78
|
-
})), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Editorial Comments"))))))), /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "See", /*#__PURE__*/_react["default"].createElement("a", {
|
|
85
|
+
})), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Editorial Comments"))))))), /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "See \xA0", /*#__PURE__*/_react["default"].createElement("a", {
|
|
79
86
|
href: "#/content/how-to-use"
|
|
80
|
-
}, "How to Use"),
|
|
87
|
+
}, "How to Use"), "\xA0 for more information.")))));
|
|
81
88
|
};
|
|
82
89
|
var _default = HelpPopper;
|
|
83
90
|
exports["default"] = _default;
|
|
@@ -81,16 +81,14 @@ var ImageGridView = /*#__PURE__*/function (_React$Component) {
|
|
|
81
81
|
};
|
|
82
82
|
return _this;
|
|
83
83
|
}
|
|
84
|
-
|
|
85
|
-
// TODO REFACTOR
|
|
86
84
|
_createClass(ImageGridView, [{
|
|
87
|
-
key: "
|
|
88
|
-
value: function
|
|
85
|
+
key: "componentDidUpdate",
|
|
86
|
+
value: function componentDidUpdate(prevProps) {
|
|
89
87
|
var documentView = this.props.documentView;
|
|
90
88
|
var folioID = documentView[this.props.side].iiifShortID;
|
|
91
|
-
var nextFolioID =
|
|
89
|
+
var nextFolioID = this.props.documentView[this.props.side].iiifShortID;
|
|
92
90
|
if (folioID !== nextFolioID) {
|
|
93
|
-
var thumbs = this.generateThumbs(nextFolioID,
|
|
91
|
+
var thumbs = this.generateThumbs(nextFolioID, this.props.document.folios);
|
|
94
92
|
var thumbCount = thumbs.length > this.loadIncrement ? this.loadIncrement : thumbs.length;
|
|
95
93
|
var visibleThumbs = thumbs.slice(0, thumbCount);
|
|
96
94
|
this.setState({
|
|
@@ -89,11 +89,6 @@ var ImageView = /*#__PURE__*/function (_Component) {
|
|
|
89
89
|
folioID = _this$props2.folioID,
|
|
90
90
|
side = _this$props2.side;
|
|
91
91
|
var folio = document.folioIndex[folioID];
|
|
92
|
-
// if( folio.loading ) {
|
|
93
|
-
// window.loadingModal_start();
|
|
94
|
-
// } else {
|
|
95
|
-
// window.loadingModal_stop();
|
|
96
|
-
// }
|
|
97
92
|
return /*#__PURE__*/_react["default"].createElement("div", null, folio.tileSource && /*#__PURE__*/_react["default"].createElement("div", {
|
|
98
93
|
className: "image-view imageViewComponent ".concat(this.props.side)
|
|
99
94
|
}, /*#__PURE__*/_react["default"].createElement(_Navigation["default"], {
|
|
@@ -51,10 +51,10 @@ var JumpToFolio = /*#__PURE__*/function (_React$Component) {
|
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
53
|
}, {
|
|
54
|
-
key: "
|
|
55
|
-
value: function
|
|
54
|
+
key: "componentDidUpdate",
|
|
55
|
+
value: function componentDidUpdate(prevProps) {
|
|
56
56
|
// FIXME: this is an over-clever hack, but how else do you force focus?
|
|
57
|
-
if (
|
|
57
|
+
if (this.props.isVisible) {
|
|
58
58
|
var script = document.createElement('script');
|
|
59
59
|
var id = "".concat(this.props.side, "_jumpInput");
|
|
60
60
|
script.innerHTML = "setTimeout(function() { document.getElementById('".concat(id, "').focus(); }, 250);");
|
|
@@ -54,7 +54,7 @@ var Navigation = /*#__PURE__*/function (_React$Component) {
|
|
|
54
54
|
});
|
|
55
55
|
};
|
|
56
56
|
_this.toggleBookmode = function toggleBookmode(event) {
|
|
57
|
-
if (!this.props.documentView.bookMode
|
|
57
|
+
if (!this.props.documentView.bookMode) {
|
|
58
58
|
this.props.documentViewActions.changeCurrentFolio(this.props.documentView.left.iiifShortID, 'left', this.props.documentView.left.transcriptionType);
|
|
59
59
|
this.props.documentViewActions.changeCurrentFolio(this.props.documentView.left.nextFolioShortID, 'right', this.props.documentView.left.transcriptionType);
|
|
60
60
|
}
|
|
@@ -11,6 +11,7 @@ var _Navigation = _interopRequireDefault(require("./Navigation"));
|
|
|
11
11
|
var _Pagination = _interopRequireDefault(require("./Pagination"));
|
|
12
12
|
var _EditorComment = _interopRequireDefault(require("./EditorComment"));
|
|
13
13
|
var _ErrorBoundary = _interopRequireDefault(require("./ErrorBoundary"));
|
|
14
|
+
var _Watermark = _interopRequireDefault(require("./Watermark"));
|
|
14
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
16
17
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -61,11 +62,19 @@ var TranscriptionView = /*#__PURE__*/function (_Component) {
|
|
|
61
62
|
documentView = _this$props.documentView,
|
|
62
63
|
documentViewActions = _this$props.documentViewActions;
|
|
63
64
|
if (folioID === '-1') {
|
|
64
|
-
return
|
|
65
|
+
return /*#__PURE__*/_react["default"].createElement(_Watermark["default"], {
|
|
66
|
+
documentView: documentView,
|
|
67
|
+
documentViewActions: documentViewActions,
|
|
68
|
+
side: side
|
|
69
|
+
});
|
|
65
70
|
}
|
|
66
71
|
var folio = document.folioIndex[folioID];
|
|
67
72
|
if (!folio.transcription) {
|
|
68
|
-
return
|
|
73
|
+
return /*#__PURE__*/_react["default"].createElement(_Watermark["default"], {
|
|
74
|
+
documentView: documentView,
|
|
75
|
+
documentViewActions: documentViewActions,
|
|
76
|
+
side: side
|
|
77
|
+
});
|
|
69
78
|
}
|
|
70
79
|
var transcriptionData = folio.transcription[transcriptionType];
|
|
71
80
|
|
|
@@ -119,24 +128,6 @@ function htmlToReactParserOptions() {
|
|
|
119
128
|
};
|
|
120
129
|
return parserOptions;
|
|
121
130
|
}
|
|
122
|
-
function watermark(documentView, documentViewActions, side) {
|
|
123
|
-
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Navigation["default"], {
|
|
124
|
-
side: side,
|
|
125
|
-
documentView: documentView,
|
|
126
|
-
documentViewActions: documentViewActions
|
|
127
|
-
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
128
|
-
className: "transcriptContent"
|
|
129
|
-
}, /*#__PURE__*/_react["default"].createElement(_Pagination["default"], {
|
|
130
|
-
side: side,
|
|
131
|
-
className: "pagination_upper",
|
|
132
|
-
documentView: documentView,
|
|
133
|
-
documentViewActions: documentViewActions
|
|
134
|
-
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
135
|
-
className: "watermark"
|
|
136
|
-
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
137
|
-
className: "watermark_contents"
|
|
138
|
-
}))));
|
|
139
|
-
}
|
|
140
131
|
function mapStateToProps(state) {
|
|
141
132
|
return {
|
|
142
133
|
annotations: state.annotations,
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _Navigation = _interopRequireDefault(require("./Navigation"));
|
|
9
|
+
var _Pagination = _interopRequireDefault(require("./Pagination"));
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
var Watermark = function Watermark(_ref) {
|
|
12
|
+
var side = _ref.side,
|
|
13
|
+
documentView = _ref.documentView,
|
|
14
|
+
documentViewActions = _ref.documentViewActions;
|
|
15
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, documentView.left.iiifShortID !== '-1' && documentView.right.iiifShortID !== '-1' ? /*#__PURE__*/_react["default"].createElement(_Navigation["default"], {
|
|
16
|
+
side: side,
|
|
17
|
+
documentView: documentView,
|
|
18
|
+
documentViewActions: documentViewActions
|
|
19
|
+
}) : null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
20
|
+
className: "transcriptContent"
|
|
21
|
+
}, /*#__PURE__*/_react["default"].createElement(_Pagination["default"], {
|
|
22
|
+
side: side,
|
|
23
|
+
className: "pagination_upper",
|
|
24
|
+
documentView: documentView,
|
|
25
|
+
documentViewActions: documentViewActions
|
|
26
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
27
|
+
className: "watermark"
|
|
28
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
29
|
+
className: "watermark_contents"
|
|
30
|
+
}))));
|
|
31
|
+
};
|
|
32
|
+
var _default = Watermark;
|
|
33
|
+
exports["default"] = _default;
|
|
@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _reactRedux = require("react-redux");
|
|
9
9
|
var _Navigation = _interopRequireDefault(require("./Navigation"));
|
|
10
10
|
var _Pagination = _interopRequireDefault(require("./Pagination"));
|
|
11
|
-
var
|
|
11
|
+
var _Watermark = _interopRequireDefault(require("./Watermark"));
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -27,79 +27,20 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
|
|
|
27
27
|
var XMLView = /*#__PURE__*/function (_Component) {
|
|
28
28
|
_inherits(XMLView, _Component);
|
|
29
29
|
var _super = _createSuper(XMLView);
|
|
30
|
-
function XMLView(
|
|
31
|
-
var _this;
|
|
30
|
+
function XMLView() {
|
|
32
31
|
_classCallCheck(this, XMLView);
|
|
33
|
-
|
|
34
|
-
_this.state = {
|
|
35
|
-
folio: [],
|
|
36
|
-
isLoaded: false,
|
|
37
|
-
currentlyLoaded: ''
|
|
38
|
-
};
|
|
39
|
-
_this.contentChange = true;
|
|
40
|
-
return _this;
|
|
32
|
+
return _super.apply(this, arguments);
|
|
41
33
|
}
|
|
42
34
|
_createClass(XMLView, [{
|
|
43
|
-
key: "
|
|
44
|
-
value:
|
|
45
|
-
|
|
35
|
+
key: "render",
|
|
36
|
+
value:
|
|
37
|
+
// RENDER
|
|
38
|
+
function render() {
|
|
46
39
|
var _this$props = this.props,
|
|
47
40
|
side = _this$props.side,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
return;
|
|
52
|
-
}
|
|
53
|
-
folio.load().then(function (folio) {
|
|
54
|
-
var folioID = documentView[side].iiifShortID;
|
|
55
|
-
_this2.setState({
|
|
56
|
-
folio: folio,
|
|
57
|
-
isLoaded: true,
|
|
58
|
-
currentlyLoaded: folioID
|
|
59
|
-
});
|
|
60
|
-
// this.forceUpdate();
|
|
61
|
-
}, function (error) {
|
|
62
|
-
console.log("Unable to load transcription: ".concat(error));
|
|
63
|
-
// this.forceUpdate();
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
// Refresh the content if there is an incoming change
|
|
68
|
-
}, {
|
|
69
|
-
key: "UNSAFE_componentWillReceiveProps",
|
|
70
|
-
value: function UNSAFE_componentWillReceiveProps(nextProps) {
|
|
71
|
-
this.contentChange = false;
|
|
72
|
-
var nextFolioID = nextProps.documentView[this.props.side].iiifShortID;
|
|
73
|
-
if (this.state.currentlyLoaded !== nextFolioID) {
|
|
74
|
-
this.contentChange = true;
|
|
75
|
-
this.loadFolio(this.props.document.folioIndex[nextFolioID]);
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
}, {
|
|
79
|
-
key: "componentDidUpdate",
|
|
80
|
-
value: function componentDidUpdate() {
|
|
81
|
-
// TODO make this work for XML view
|
|
82
|
-
|
|
83
|
-
if (this.contentChange) {
|
|
84
|
-
// Scroll content to top
|
|
85
|
-
var selector = "xmlViewComponent_".concat(this.props.side);
|
|
86
|
-
var el = document.getElementById(selector);
|
|
87
|
-
if (el !== null) {
|
|
88
|
-
// console.log(selector + "scroll to top");
|
|
89
|
-
el.scrollTop = 0;
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
// RENDER
|
|
95
|
-
}, {
|
|
96
|
-
key: "render",
|
|
97
|
-
value: function render() {
|
|
98
|
-
var _this$props2 = this.props,
|
|
99
|
-
side = _this$props2.side,
|
|
100
|
-
document = _this$props2.document,
|
|
101
|
-
documentView = _this$props2.documentView,
|
|
102
|
-
documentViewActions = _this$props2.documentViewActions;
|
|
41
|
+
document = _this$props.document,
|
|
42
|
+
documentView = _this$props.documentView,
|
|
43
|
+
documentViewActions = _this$props.documentViewActions;
|
|
103
44
|
var thisClass = "xmlViewComponent ".concat(side);
|
|
104
45
|
var thisID = "xmlViewComponent_".concat(side);
|
|
105
46
|
|
|
@@ -112,18 +53,17 @@ var XMLView = /*#__PURE__*/function (_Component) {
|
|
|
112
53
|
className: "watermark_contents"
|
|
113
54
|
}));
|
|
114
55
|
}
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
return /*#__PURE__*/_react["default"].createElement("
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
})
|
|
56
|
+
var folio = document.folioIndex[folioID];
|
|
57
|
+
if (!folio.transcription) {
|
|
58
|
+
return /*#__PURE__*/_react["default"].createElement(_Watermark["default"], {
|
|
59
|
+
documentView: documentView,
|
|
60
|
+
documentViewActions: documentViewActions,
|
|
61
|
+
side: side
|
|
62
|
+
});
|
|
122
63
|
}
|
|
123
|
-
|
|
124
|
-
// get the xml for this transcription
|
|
125
64
|
var transcriptionType = documentView[side].transcriptionType;
|
|
126
|
-
var
|
|
65
|
+
var transcriptionData = folio.transcription[transcriptionType];
|
|
66
|
+
var xmlContent = transcriptionData.xml;
|
|
127
67
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
128
68
|
id: thisID,
|
|
129
69
|
className: thisClass
|
|
@@ -131,16 +71,14 @@ var XMLView = /*#__PURE__*/function (_Component) {
|
|
|
131
71
|
side: side,
|
|
132
72
|
documentView: documentView,
|
|
133
73
|
documentViewActions: documentViewActions
|
|
134
|
-
}), /*#__PURE__*/_react["default"].createElement("
|
|
135
|
-
className: "xmlContent"
|
|
136
|
-
}, /*#__PURE__*/_react["default"].createElement(_Pagination["default"], {
|
|
74
|
+
}), /*#__PURE__*/_react["default"].createElement(_Pagination["default"], {
|
|
137
75
|
side: side,
|
|
138
76
|
className: "pagination_upper",
|
|
139
77
|
documentView: documentView,
|
|
140
78
|
documentViewActions: documentViewActions
|
|
141
79
|
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
142
80
|
className: "xmlContentInner"
|
|
143
|
-
}, /*#__PURE__*/_react["default"].createElement("pre", null, xmlContent)))
|
|
81
|
+
}, /*#__PURE__*/_react["default"].createElement("pre", null, xmlContent)));
|
|
144
82
|
}
|
|
145
83
|
}]);
|
|
146
84
|
return XMLView;
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/cjs/src/index.js
CHANGED
|
@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _styles = require("@material-ui/core/styles");
|
|
9
9
|
var _DiploMatic = _interopRequireDefault(require("./component/DiploMatic"));
|
|
10
10
|
var _ReduxStore = require("./model/ReduxStore");
|
|
11
|
+
require("./scss/editioncrafter.scss");
|
|
11
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
13
|
/**
|
|
13
14
|
* Default instantiation
|