diff --git a/index.js b/index.js index 0b325bad..6451faed 100644 --- a/index.js +++ b/index.js @@ -243,7 +243,7 @@ Ox.load(function() { app.data = Ox.extend(app.data, data); app.data.pages.forEach(function(page) { var id = page.id == 'doc' ? 'documentation' : page.id; - Ox.get('readme/html/_' + id + '.html' + q, function(html) { + Ox.get('readme/index/' + id + '.html' + q, function(html) { app.data.html[id] = html; if (Ox.len(app.data.html) == app.data.pages.length) { navigator.onLine ? Ox.getJSON(url, function(data) { @@ -542,31 +542,41 @@ Ox.load(function() { return $panel; }, readme: function() { - var $list = Ox.Container().css({overflowY: 'scroll'}), - $text = Ox.Container().addClass('OxSerif OxSelectable text'), - // self = {}, - that = Ox.SplitPanel({ + var $list = Ox.Container() + .css({overflowY: 'scroll'}) + .on({ + click: function(e) { + var $target = $(e.target), + $parent = $target.parent(); + if ($parent.is('.item')) { + $target = $parent; + } + selectItem( + $target.is('.item') && ( + $target.is(':not(.selected)') + || !e.metaKey + ) ? $target.attr('id') : '' + ); + } + }), + $text = Ox.Container() + .addClass('OxSerif OxSelectable text'), + $panel = Ox.SplitPanel({ elements: [ {element: $list, size: 256}, {element: $text} ], orientation: 'horizontal' - }/*, self*/) + }) + .update(function(key, value) { + key == 'selected' && selectItem(value); + }) .addClass('readme'); Ox.sortBy(app.data.readme, '-date').forEach(function(item, i) { var $item = $('