1 files changed, 75 insertions, 0 deletions
diff --git a/deluge/ui/web/js/deluge-all/details/StatusItem.js b/deluge/ui/web/js/deluge-all/details/StatusItem.js
new file mode 100644
index 000000000..0af62dac5
--- /dev/null
+++ b/deluge/ui/web/js/deluge-all/details/StatusItem.js
@@ -0,0 +1,75 @@
+/*!
+ * Deluge.details.StatusItem.js
+ *
+ * Copyright (c) Damien Churchill 2011 <damoxc@gmail.com>
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 3, or (at your option)
+ * any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, write to:
+ *     The Free Software Foundation, Inc.,
+ *     51 Franklin Street, Fifth Floor
+ *     Boston, MA  02110-1301, USA.
+ *
+ * In addition, as a special exception, the copyright holders give
+ * permission to link the code of portions of this program with the OpenSSL
+ * library.
+ * You must obey the GNU General Public License in all respects for all of
+ * the code used other than OpenSSL. If you modify file(s) with this
+ * exception, you may extend this exception to your version of the file(s),
+ * but you are not obligated to do so. If you do not wish to do so, delete
+ * this exception statement from your version. If you delete this exception
+ * statement from all source files in the program, then also delete it here.
+ */
+
+/**
+ * @class Deluge.details.StatusItem
+ * @extends Ext.Component
+ */
+Ext.define('Deluge.details.StatusItem', {
+    extend: 'Ext.Component',
+    alias: 'widget.statusitem',
+
+    renderTpl:
+        '<div class="x-status-item">' +
+            '<span class="x-status-label" style="width: {labelWidth}px;">{label}:</span>' +
+            '<span class="x-status-text">{text}</span>' +
+        '</div>',
+
+    renderSelectors: {
+        labelEl: 'span.x-status-label',
+        textEl: 'span.x-status-text'
+    },
+
+
+    initComponent: function() {
+        var me = this;
+        me.callParent(arguments);
+    },
+
+    setText: function(text) {
+        var me = this;
+        me.textEl.dom.innerHTML = text;
+    },
+
+    // private
+    onRender: function(ct, position) {
+        var me = this;
+
+        Ext.applyIf(me.renderData, {
+            label: me.label,
+            labelWidth: me.labelWidth || 0,
+            text: me.text
+        });
+
+        me.callParent(arguments);
+    }
+});