var ColumnHandlers = []; var AssistedHandlers = {}; const Escape = Handlebars.Utils.escapeExpression; import avatarTemplate from 'discourse/lib/avatar-template'; import { categoryLinkHTML } from 'discourse/helpers/category-link'; var defaultFallback = function(buffer, content, defaultRender) { defaultRender(buffer, content); }; function isoYMD(date) { return date.getUTCFullYear() + "-" + date.getUTCMonth() + "-" + date.getUTCDate(); } function randomIdShort() { return 'xxxxxxxx'.replace(/[xy]/g, function() { return (Math.random() * 16 | 0).toString(16); }); } const QueryResultComponent = Ember.Component.extend({ layoutName: 'explorer-query-result', rows: Em.computed.alias('content.rows'), columns: Em.computed.alias('content.columns'), params: Em.computed.alias('content.params'), explainText: Em.computed.alias('content.explain'), hasExplain: Em.computed.notEmpty('content.explain'), noParams: Em.computed.empty('params'), colCount: function() { return this.get('content.columns').length; }.property('content.columns.length'), duration: function() { return I18n.t('explorer.run_time', {value: I18n.toNumber(this.get('content.duration'), {precision: 1})}); }.property('content.duration'), parameterAry: function() { let arr = []; const params = this.get('params'); for (var key in params) { if (params.hasOwnProperty(key)) { arr.push({key: key, value: params[key]}); } } return arr; }.property('params.@each'), columnHandlers: function() { const self = this; if (!this.get('columns')) { return []; } if (self.get('opts.notransform')) { return this.get('columns').map(function(colName) { return { name: colName, displayName: colName, render: defaultFallback }; }); } return this.get('columns').map(function(colName, idx) { let handler = defaultFallback; if (/\$/.test(colName)) { var match = /(\w+)\$(\w*)/.exec(colName); if (match[1] && self.get('content.relations')[match[1]] && AssistedHandlers[match[1]]) { return { name: colName, displayName: match[2] || match[1], render: AssistedHandlers[match[1]] }; } else if (match[1] == '') { // Return as "$column" for no special handling return { name: colName, displayName: match[2] || match[1], render: defaultFallback } } } else if (/\?column\?/.test(colName)) { return { name: "generic-column", displayName: I18n.t('explorer.column', {number: idx+1}), render: defaultFallback } } ColumnHandlers.forEach(function(handlerInfo) { if (handlerInfo.regex.test(colName)) { handler = handlerInfo.render; } }); return { name: colName, displayName: colName, render: handler }; }); }.property('content', 'columns.@each'), actions: { downloadResult() { // Create a frame to submit the form in (?) // to avoid leaving an about:blank behind let windowName = randomIdShort(); const newWindowContents = "Click anywhere to close this window once the download finishes."; let newWindow = window.open('data:text/html;base64,' + btoa(newWindowContents), windowName); let form = document.createElement("form"); form.setAttribute('id', 'query-download-result'); form.setAttribute('method', 'post'); form.setAttribute('action', Discourse.getURL('/admin/plugins/explorer/queries/' + this.get('query.id') + '/run.json?download=1')); form.setAttribute('target', windowName); form.setAttribute('style', 'display:none;'); function addInput(form, name, value) { let field; field = document.createElement('input'); field.setAttribute('name', name); field.setAttribute('value', value); form.appendChild(field); } addInput(form, 'params', JSON.stringify(this.get('params'))); addInput(form, 'explain', this.get('hasExplain')); addInput(form, 'limit', '1000000'); Discourse.ajax('/session/csrf.json').then(function(csrf) { addInput(form, 'authenticity_token', csrf.csrf); document.body.appendChild(form); form.submit(); Em.run.next('afterRender', function() { document.body.removeChild(form); }) }); } }, parent: function() { return this; }.property() }); /** * ColumnHandler callback arguments: * buffer: rendering buffer * content: content of the query result cell * defaultRender: call this wth (buffer, content) to fall back * extra: the entire response */ ColumnHandlers.push({ regex: /user_id/, render: function(buffer, content, defaultRender) { if (!/^\d+$/.test(content)) { return defaultRender(buffer, content); } buffer.push("User #"); buffer.push(content); buffer.push(""); }}); ColumnHandlers.push({ regex: /post_id/, render: function(buffer, content, defaultRender) { if (!/^\d+$/.test(content)) { return defaultRender(buffer, content); } buffer.push("Post #"); buffer.push(content); buffer.push(""); }}); ColumnHandlers.push({ regex: /badge_id/, render: function(buffer, content, defaultRender) { if (!/^\d+$/.test(content)) { return defaultRender(buffer, content); } buffer.push("Badge #"); buffer.push(content); buffer.push(""); }}); ColumnHandlers.push({ regex: /topic_id/, render: function(buffer, content, defaultRender) { if (!/^\d+$/.test(content)) { return defaultRender(buffer, content); } buffer.push("Topic #"); buffer.push(content); buffer.push(""); }}); AssistedHandlers['reltime'] = function(buffer, content, defaultRender) { const parsedDate = new Date(content); if (!parsedDate.getTime()) { return defaultRender(buffer, content); } buffer.push(Discourse.Formatter.relativeAge(parsedDate, {format: 'medium'})); }; AssistedHandlers['category'] = function(buffer, content, defaultRender) { const contentId = parseInt(content, 10); if (isNaN(contentId)) { return defaultRender(buffer, content); } const category = Discourse.Category.findById(contentId); if (!category) { return defaultRender(buffer, content); } const opts = { link: true, allowUncategorized: true }; buffer.push(categoryLinkHTML(category, opts)); }; /** * Helper to wrap the handler in a function that fetches the object out of the response. * * @param name the part of the column name before the $ * @param callback Function(buffer, object [, defaultRender]) */ function registerRelationAssistedHandler(name, callback) { AssistedHandlers[name] = function(buffer, content, defaultRender, response) { const contentId = parseInt(content, 10); if (isNaN(contentId)) { return defaultRender(buffer, content); } const relationObject = response.relations[name].find(function(relObj) { return relObj.id === contentId; }); if (!relationObject) { Em.Logger.warn("Couldn't find " + name + " with id " + contentId + " in query response"); return defaultRender(buffer, content); } callback(buffer, relationObject, defaultRender); } } registerRelationAssistedHandler('user', function(buffer, obj) { buffer.push(""); buffer.push(Discourse.Utilities.avatarImg({ size: "small", avatarTemplate: avatarTemplate(obj.username, obj.uploaded_avatar_id) })); buffer.push(" "); buffer.push(obj.username); buffer.push(""); }); registerRelationAssistedHandler('badge', function(buffer, obj) { // TODO It would be nice to be able to invoke the {{user-badge}} helper from here. // Looks like that would need a ContainerView /* Autobiographer */ if (true) { buffer.push(''); // icon-or-image if (obj.icon.indexOf('fa-') === 0) { buffer.push(" "); } else { buffer.push("

"); } buffer.push(Escape(obj.name)); buffer.push(""); } }); registerRelationAssistedHandler('post', function(buffer, obj) { /* */ buffer.push("'); }); export default QueryResultComponent;