diff --git a/static/js/editPanel.js b/static/js/editPanel.js index d2776bdb..4b77de19 100644 --- a/static/js/editPanel.js +++ b/static/js/editPanel.js @@ -359,38 +359,35 @@ pandora.ui.editPanel = function(isEmbed) { } function renderEdits() { - that = Ox.IconList({ - borderRadius: 16, - defaultRatio: 1, - draggable: true, - item: function(data, sort, size) { - size = size || 128; - var ui = pandora.user.ui, - url = pandora.getMediaURL('/edit/' + data.id + '/icon' + size + '.jpg?' + data.modified), - info = Ox.formatDuration(data.duration); - return { - height: size, - id: data.id, - title: data.name, - info: info, - url: url, - width: size, - }; - }, - items: function(data, callback) { - pandora.api.findEdits(data, callback); - return Ox.clone(data, true); - }, - keys: ['id', 'modified', 'name', 'duration'], - size: 128, - sort: [{key: 'id', operator: '+'}], - unique: 'id' - }) - .addClass('OxMedia') - .bindEvent({ - open: function(data) { - pandora.UI.set('edit', data.ids[0]); - } + that.css({ + 'overflow-y': 'auto' + }); + var $content = Ox.Element() + .css({padding: '16px'}) + .appendTo(that), + isEditable = pandora.site.capabilities.canEditSitePages[pandora.user.level]; + pandora.api.getPage({name: 'edits'}, function(result) { + Ox.EditableContent({ + clickLink: pandora.clickLink, + editable: isEditable, + tooltip: isEditable ? pandora.getEditTooltip() : '', + type: 'textarea', + placeholder: isEditable ? Ox._('Doubleclick to insert text') : '', + value: result.data.text + }) + .css({ + width: '100%' + }) + .bindEvent({ + submit: function(data) { + Ox.Request.clearCache('getPage'); + pandora.api.editPage({ + name: 'edits', + text: data.value + }); + } + }) + .appendTo($content); }); }