pagination nav refactoring, only miss pages display in text

This commit is contained in:
2020-07-22 13:03:03 +02:00
parent 2c7b8004f5
commit def83059ed
4 changed files with 216 additions and 122 deletions
+25 -25
View File
@@ -27,9 +27,9 @@ export default {
this.buildTemplate()
}
},
mounted () {
this.$emit('onNewPageBreaks', this.pages)
},
// mounted () {
// this.$emit('onNewPageBreaks', this.pages)
// },
methods: {
buildTemplate () {
// console.log('EdText buildTemplate: tei', this.tei)
@@ -89,28 +89,28 @@ export default {
},
parsePageBreaks () {
let pbs = this.html.match(/<span role="pageBreak"[^>]+><\/span>/g)
// console.log('pagebreaks', pbs)
if (pbs) {
let pbparts, newpb, num
for (var i = 0; i < pbs.length; i++) {
pbparts = RegExp(/<span role="pageBreak" data-num="(.+)"><\/span>/).exec(pbs[i], 'g')
if (!pbparts) {
console.warn(`pageBreak ${i} maformed`, pbs[i])
} else {
// console.log('pbparts', pbparts)
num = pbparts[1]
this.pages.push(num)
newpb = `<span` +
// ` id="page-break-${num}"` +
` role="pageBreak"` +
` data-num="${num}"` +
` data-num-prev="${num - 1}"` +
` />`
// console.log('newpb', newpb)
this.html = this.html.replace(pbs[i], newpb)
}
}
}
console.log('pagebreaks', pbs)
// if (pbs) {
// let pbparts, newpb, num
// for (var i = 0; i < pbs.length; i++) {
// pbparts = RegExp(/<span role="pageBreak" data-num="(.+)"><\/span>/).exec(pbs[i], 'g')
// if (!pbparts) {
// console.warn(`pageBreak ${i} maformed`, pbs[i])
// } else {
// // console.log('pbparts', pbparts)
// num = pbparts[1]
// this.pages.push(num)
// newpb = `<span` +
// // ` id="page-break-${num}"` +
// ` role="pageBreak"` +
// ` data-num="${num}"` +
// ` data-num-prev="${num - 1}"` +
// ` />`
// // console.log('newpb', newpb)
// this.html = this.html.replace(pbs[i], newpb)
// }
// }
// }
},
onClickRef (e) {
console.log('onClickRef(e)', e)