* First sketch of #189.

Author: audreyt

SocialCalcModule.js

@@ -10196,6 +10196,7 @@ SocialCalc.CalculateRowPositions = function(editor, panenum, positions, sizes) {
    for (rownum=context.rowpanes[rowpane].first; rownum<=context.rowpanes[rowpane].last; rownum++) {
       trowobj = tbodyobj.childNodes[toprow+offset];
       offset++;
+      if (!trowobj) { continue; }
       cellposition = SocialCalc.GetElementPosition(trowobj.firstChild);
 
 // Safari has problem: If a cell in the row is high, cell 1 is centered and it returns top of centered part 
@@ -23086,12 +23087,18 @@ SocialCalc.SpreadsheetControlExecuteCommand = function(obj, combostr, sstr) {
       str.W = SocialCalc.rcColname(eobj.range.left) + ":" + SocialCalc.rcColname(eobj.range.right);
       str.H = eobj.range.top + ":" + eobj.range.bottom;
       }
-   else {
+   else if (eobj.ecell) {
       str.C = eobj.ecell.coord;
       str.R = eobj.ecell.coord+":"+eobj.ecell.coord;
       str.W = SocialCalc.rcColname(SocialCalc.coordToCr(eobj.ecell.coord).col);
       str.H = SocialCalc.coordToCr(eobj.ecell.coord).row;
       }
+   else {
+      str.C = 'A1'
+      str.R = 'A1:A1'
+      str.W = SocialCalc.rcColname(SocialCalc.coordToCr('A1').col);
+      str.H = SocialCalc.coordToCr('A1').row;
+      }
    str.S = sstr;
    combostr = combostr.replace(/%C/g, str.C);
    combostr = combostr.replace(/%R/g, str.R);

multi/main.ls

@@ -1,10 +1,13 @@
 require \./styles.styl
 React = require \react
 TabPanel = require \react-basic-tabs
-BasePath = if window.location.href is /(?:127.0.0.1|localhost):8080/ then \http://127.0.0.1:8000 else \.
+BasePath = if window.location.href is /(?:127.0.0.1|localhost|\.local):8080/ then \http://127.0.0.1:8000 else \.
 Index = \foobar
-Index = RegExp.$1 if window.location.href is /\/=([^_][^\/]*)$/
+Index = RegExp.$1 if window.location.href is /\/=([^_][^\/?]*)(?:\?.*)?$/
 HackFoldr = require(\./foldr.ls).HackFoldr
+IsReadOnly = window.location.href is /auth=0/
+if /\?auth=/.test window.location.search
+  IsReadOnly = (/\??auth=0/.test window.location.search)
 
 {div, iframe, input, button} = React.DOM
 
@@ -14,9 +17,9 @@ App = createClass do
   getDefaultProps: -> activeIndex: 0
   render: ->
     can-delete = @props.foldr.size! > 1
-    div { className: \nav },
+    div { className: "nav#{ if IsReadOnly then ' readonly' else '' }" },
       Nav { rows: @props.foldr.rows, activeIndex: @get-idx!, @~onChange }
-      Buttons { can-delete, @~on-add, @~on-rename, @~on-delete }
+      if IsReadOnly then '' else Buttons { can-delete, @~on-add, @~on-rename, @~on-delete }
   get-idx: -> @props.activeIndex <? @props.foldr.lastIndex!
   get-sheet: -> @props.foldr.at(@get-idx!)
   componentDidUpdate: ->
@@ -66,7 +69,7 @@ Nav = createClass do
     TabPanel { activeIndex: @props.activeIndex, @~onChange, tabVerticalPosition: \bottom },
       ...for { title, link="/#{ encodeURIComponent title }" } in @props.rows
         div { key: title, title, className: \wrapper },
-          Frame { src: "#BasePath#link", rows: @props.rows }
+          Frame { src: "#BasePath#link#{ if IsReadOnly then \/view else '' }", rows: @props.rows }
 
 Frame = createClass do
   shouldComponentUpdate: -> @props.src isnt it.src

multi/styles.styl

@@ -19,6 +19,9 @@ nav
   white-space nowrap
   // overflow-x auto
 
+.readonly nav
+  right 0
+
 .buttons
   width 200px
   right 0px

socialcalcspreadsheetcontrol.js

@@ -1930,12 +1930,18 @@ SocialCalc.SpreadsheetControlExecuteCommand = function(obj, combostr, sstr) {
       str.W = SocialCalc.rcColname(eobj.range.left) + ":" + SocialCalc.rcColname(eobj.range.right);
       str.H = eobj.range.top + ":" + eobj.range.bottom;
       }
-   else {
+   else if (eobj.ecell) {
       str.C = eobj.ecell.coord;
       str.R = eobj.ecell.coord+":"+eobj.ecell.coord;
       str.W = SocialCalc.rcColname(SocialCalc.coordToCr(eobj.ecell.coord).col);
       str.H = SocialCalc.coordToCr(eobj.ecell.coord).row;
       }
+   else {
+      str.C = 'A1'
+      str.R = 'A1:A1'
+      str.W = SocialCalc.rcColname(SocialCalc.coordToCr('A1').col);
+      str.H = SocialCalc.coordToCr('A1').row;
+      }
    str.S = sstr;
    combostr = combostr.replace(/%C/g, str.C);
    combostr = combostr.replace(/%R/g, str.R);

socialcalctableeditor.js

@@ -3139,6 +3139,7 @@ SocialCalc.CalculateRowPositions = function(editor, panenum, positions, sizes) {
    for (rownum=context.rowpanes[rowpane].first; rownum<=context.rowpanes[rowpane].last; rownum++) {
       trowobj = tbodyobj.childNodes[toprow+offset];
       offset++;
+      if (!trowobj) { continue; }
       cellposition = SocialCalc.GetElementPosition(trowobj.firstChild);
 
 // Safari has problem: If a cell in the row is high, cell 1 is centered and it returns top of centered part