remember page for pdf texts and show in url

pandora/config.0xdb.jsonc

@@ -776,6 +776,7 @@
             "showSitePosters": false,
             "showTimeline": true,
             "sidebarSize": 256,
+            "textPositions": {},
             "theme": "oxdark",
             "updateAdvancedFind": false,
             "videoMuted": false,

pandora/config.indiancinema.jsonc

@@ -782,6 +782,7 @@
             "showSitePosters": false,
             "showTimeline": true,
             "sidebarSize": 256,
+            "textPositions": {},
             "theme": "oxmedium",
             "updateAdvancedFind": false,
             "videoMuted": false,

pandora/config.padma.jsonc

@@ -698,6 +698,7 @@
             "showSitePosters": false,
             "showTimeline": true,
             "sidebarSize": 256,
+            "textPositions": {},
             "theme": "oxlight",
             "updateAdvancedFind": false,
             "videoMuted": false,

static/js/pandora/UI.js

@@ -54,6 +54,7 @@ pandora.UI = (function() {
 
         self.previousUI = Ox.clone(pandora.user.ui, true);
         self.previousUI._list = pandora.getListState(self.previousUI.find);
+
         if (args.section == 'texts') {
             trigger['section'] = args['section'];
             trigger['text'] = args['text'];

static/js/pandora/URL.js

@@ -30,26 +30,31 @@ pandora.URL = (function() {
                     state.view = pandora.user.ui.itemView;
                     state.sort = pandora.user.ui.itemSort;
                 }
-            }
+                if (state.view == 'map') {
-
+                    state.span = pandora.user.ui.mapFind
-            if (state.view == 'map') {
+                        ? '@' + pandora.user.ui.mapFind
-                state.span = pandora.user.ui.mapFind
+                        : pandora.user.ui.mapSelection
-                    ? '@' + pandora.user.ui.mapFind
+                        ? '@' + pandora.user.ui.mapSelection
-                    : pandora.user.ui.mapSelection
+                        : '';
-                    ? '@' + pandora.user.ui.mapSelection
+                } else if (state.view == 'calendar') {
-                    : '';
+                    // ...
-            } else if (state.view == 'calendar') {
+                } else if (['timeline', 'player', 'editor'].indexOf(state.view) > -1) {
-                // ...
+                    var videoPoints = pandora.user.ui.videoPoints[state.item] || {};
-            } else if (['timeline', 'player', 'editor'].indexOf(state.view) > -1) {
+                    state.span = videoPoints.annotation || [].concat(
-                var videoPoints = pandora.user.ui.videoPoints[state.item] || {};
+                        videoPoints.position
-                state.span = videoPoints.annotation || [].concat(
+                            ? videoPoints.position
-                    videoPoints.position
+                            : [],
-                        ? videoPoints.position
+                        videoPoints['in'] || videoPoints.out
-                        : [],
+                            ? [videoPoints['in'], videoPoints.out]
-                    videoPoints['in'] || videoPoints.out
+                            : []
-                        ? [videoPoints['in'], videoPoints.out]
+                    );
-                        : []
+                }
-                );
+            } else if (pandora.user.ui.section == 'texts') {
+                state.view = 'text';
+                var position = pandora.user.ui.textPositions[pandora.user.ui.text];
+                if (position) {
+                    state.span = position;
+                }
             }
             
         }
@@ -160,6 +165,10 @@ pandora.URL = (function() {
                             set.find = pandora.site.user.ui.find;
                         }
                     }
+                } else if (state.type == 'texts') {
+                    if (state.span) {
+                        set['textPositions.' + state.item] = state.span;
+                    }
                 }
 
                 Ox.Request.cancel();
@@ -275,7 +284,9 @@ pandora.URL = (function() {
         }
         spanType['texts'] = {
             list: [],
-            item: {}
+            item: {
+                'text': 'number'
+            }
         }
         sortKeys['texts'] = {
             list: {},

static/js/pandora/textPanel.js

@@ -326,18 +326,20 @@ pandora.ui.textHTML = function(text) {
 pandora.ui.textPDF = function(text) {
 
     var that = Ox.Element(),
-        $iframe;
+        $iframe,
+        page = pandora.user.ui.textPositions[pandora.user.ui.text] ?
+            pandora.user.ui.textPositions[pandora.user.ui.text][0] : 1,
+        url = '/texts/' + pandora.user.ui.text + '/text.pdf.html#page=' + page;
     if (text.uploaded) {
         $iframe = Ox.Element('<iframe>')
             .attr({
                 frameborder: 0,
                 height: '100%',
-                src: '/texts/' + pandora.user.ui.text + '/text.pdf.html',
+                src: url,
                 width: '100%'
             })
             .onMessage(function(event, data) {
                 if(event == 'edit') {
-                    console.log('existing url?', data);
                     pandora.ui.insertEmbedDialog(data.src, function(url) {
                         data.src = url;
                         var embed = text.embeds.filter(function(embed) {
@@ -352,7 +354,6 @@ pandora.ui.textPDF = function(text) {
                             text.embeds.push(data);
                             //fixme sort embeds by page/id
                         }
-                        console.log('saving', text.embeds);
                         pandora.api.editText({
                             id: text.id,
                             embeds: text.embeds
@@ -360,9 +361,14 @@ pandora.ui.textPDF = function(text) {
                             $iframe.postMessage('update', data);
                         });
                     }).open();
+                } else if (event == 'page') {
+                    pandora.UI.set('textPositions.' + pandora.user.ui.text, [data.page]);
                 }
             })
             .appendTo(that);
+        that.setPage = function(page) {
+            $iframe && $iframe.postMessage('page', {page: page});
+        }
     } else {
         that.html('UPLOADED: ' + text.uploaded);
     }

static/pdf.js/embeds.js

@@ -1,3 +1,17 @@
+Ox.load(function() {
+    window.addEventListener('hashchange', function() {
+        var page = document.location.hash.substring(1).split('=')[1];
+        page && Ox.$parent.postMessage('page', {
+            page: page
+        });
+    });
+    Ox.$parent.onMessage(function(event, data, oxid) {
+        if (event == 'page' && Ox.isUndefined(oxid)) {
+            window.location.hash = '#page=' + data.page;
+        }
+    });
+});
+
 function getVideoOverlay(page) {
     var links = embeds.filter(function(embed) {
         return embed.page == page && embed.type =='inline';