Add option to select the coordinate type

src/components/App.js

@@ -333,6 +333,7 @@ class App extends Component {
         analysisType: state.analysisType,
         showAnalysis: state.showAnalysis,
         showCoordinates: state.showCoordinates,
+        coordinatesType: state.coordinatesType,
         showMoveNumbers: state.showMoveNumbers,
         showMoveColorization: state.showMoveColorization,
         showNextMoves: state.showNextMoves,

src/components/Goban.js

@@ -262,9 +262,34 @@ export default class Goban extends Component {
         board.height
       )
 
+    // Calculate coordinates
+
+    let relativeCoord = (x, size) => {
+      let halfSize = Math.ceil(size / 2)
+      let ix = size - x + 1
+      if (x <= halfSize && x < 10) return x.toString()
+      else if (ix < halfSize && ix < 10) return `${ix}*`
+      else return 'X'
+    }
+
+    let getCoordTransformer = coordinatesType => {
+      if (coordinatesType === '1-1') {
+        return [x => x + 1, y => y + 1]
+      } else if (coordinatesType === 'relative') {
+        return [
+          x => relativeCoord(x + 1, board.width),
+          y => relativeCoord(board.height - y, board.height)
+        ]
+      } else {
+        return [x => alpha[x], y => board.height - y] // A1
+      }
+    }
+
+    let coordinatesType = setting.get('view.coordinates_type')
+    let coordTransformer = getCoordTransformer(coordinatesType)
     let {coordX, coordY} = gobantransformer.transformCoords(
-      x => alpha[x],
-      y => board.height - y,
+      coordTransformer[0],
+      coordTransformer[1],
       transformation,
       board.width,
       board.height

src/menu.js

@@ -23,6 +23,7 @@ exports.get = function(props = {}) {
     analysisType,
     showAnalysis,
     showCoordinates,
+    coordinatesType,
     showMoveNumbers,
     showMoveColorization,
     showNextMoves,
@@ -554,10 +555,42 @@ exports.get = function(props = {}) {
         {type: 'separator'},
         {
           label: i18n.t('menu.view', 'Show &Coordinates'),
-          accelerator: 'CmdOrCtrl+Shift+C',
-          type: 'checkbox',
-          checked: !!showCoordinates,
-          click: () => toggleSetting('view.show_coordinates')
+          submenu: [
+            {
+              label: i18n.t('menu.view', '&Don’t Show'),
+              accelerator: 'CmdOrCtrl+Shift+C',
+              type: 'checkbox',
+              checked: !showCoordinates,
+              click: () => toggleSetting('view.show_coordinates')
+            },
+            {
+              label: i18n.t('menu.view', '&A1 (Default)'),
+              type: 'checkbox',
+              checked: !!showCoordinates && coordinatesType === 'A1',
+              click: () => {
+                setting.set('view.show_coordinates', true)
+                setting.set('view.coordinates_type', 'A1')
+              }
+            },
+            {
+              label: i18n.t('menu.view', '1-1'),
+              type: 'checkbox',
+              checked: !!showCoordinates && coordinatesType === '1-1',
+              click: () => {
+                setting.set('view.show_coordinates', true)
+                setting.set('view.coordinates_type', '1-1')
+              }
+            },
+            {
+              label: i18n.t('menu.view', '&Relative'),
+              type: 'checkbox',
+              checked: !!showCoordinates && coordinatesType === 'relative',
+              click: () => {
+                setting.set('view.show_coordinates', true)
+                setting.set('view.coordinates_type', 'relative')
+              }
+            }
+          ]
         },
         {
           label: i18n.t('menu.view', 'Show Move N&umbers'),

src/modules/sabaki.js

@@ -59,6 +59,7 @@ class Sabaki extends EventEmitter {
       highlightVertices: [],
       playVariation: null,
       analysisType: null,
+      coordinatesType: null,
       showAnalysis: null,
       showCoordinates: null,
       showMoveColorization: null,
@@ -219,6 +220,7 @@ class Sabaki extends EventEmitter {
       'view.show_move_numbers': 'showMoveNumbers',
       'view.show_next_moves': 'showNextMoves',
       'view.show_siblings': 'showSiblings',
+      'view.coordinates_type': 'coordinatesType',
       'view.fuzzy_stone_placement': 'fuzzyStonePlacement',
       'view.animated_stone_placement': 'animateStonePlacement',
       'graph.grid_size': 'graphGridSize',

src/setting.js

@@ -181,6 +181,7 @@ let defaults = {
   'theme.custom_background': null,
   'theme.current': null,
   'view.animated_stone_placement': true,
+  'view.coordinates_type': 'A1',
   'view.fuzzy_stone_placement': true,
   'view.leftsidebar_width': 250,
   'view.leftsidebar_minwidth': 100,