commit 95143d331b258dcb9643ae0ea8e0ea5649481460
parent f16e4fb552f0b8bbaeb9cd2b220ec9f3cf2d383f
Author: Felicitus <felicitus@felicitus.org>
Date: Fri, 18 Dec 2015 12:53:10 +0100
Removed panel body style, fixes #538
Diffstat:
1 file changed, 179 insertions(+), 164 deletions(-)
diff --git a/src/PartKeepr/FrontendBundle/Resources/public/js/Components/Part/PartStockWindow.js b/src/PartKeepr/FrontendBundle/Resources/public/js/Components/Part/PartStockWindow.js
@@ -3,183 +3,198 @@
* calls are not contained in this window, and need to be implemented from the caller.
*/
Ext.define('PartKeepr.PartStockWindow', {
- extend : 'Ext.window.Window',
+ extend: 'Ext.window.Window',
- // Configurations
- constrainHeader : true,
- width : 305,
- height : 180,
+ // Configurations
+ constrainHeader: true,
+ width: 305,
+ height: 180,
- resizable : false,
+ resizable: false,
- // We set the title later
- title : "",
+ // We set the title later
+ title: "",
- // Window title texts
- removePartText : i18n("Remove Part(s)"),
- addPartText : i18n("Add Part(s)"),
+ // Window title texts
+ removePartText: i18n("Remove Part(s)"),
+ addPartText: i18n("Add Part(s)"),
- layout : 'anchor',
- bodyStyle : {
- padding : "5px"
- },
+ layout: 'anchor',
+ bodyStyle: {
+ padding: "5px"
+ },
- /*
- * Initializes the window with the quantity and price fields. The price field is hidden when a stock decrease
- * happens.
- */
- initComponent : function() {
+ /*
+ * Initializes the window with the quantity and price fields. The price field is hidden when a stock decrease
+ * happens.
+ */
+ initComponent: function ()
+ {
- this.quantityField = Ext.create("Ext.form.field.Number", {
- value : 0, // The initial value is 0, to indicate that this is a number field
- minValue : 1, // The minimum value is 1. That way we force the user to enter a value
- width : 100,
- listeners : {
- specialkey : {
- fn : function(field, e) {
- if (e.getKey() == e.ENTER) {
- this.onOKClick();
- }
- },
- scope : this
- }
- }
- });
+ this.quantityField = Ext.create("Ext.form.field.Number", {
+ value: 0, // The initial value is 0, to indicate that this is a number field
+ minValue: 1, // The minimum value is 1. That way we force the user to enter a value
+ width: 100,
+ listeners: {
+ specialkey: {
+ fn: function (field, e)
+ {
+ if (e.getKey() == e.ENTER) {
+ this.onOKClick();
+ }
+ },
+ scope: this
+ }
+ }
+ });
- this.priceField = Ext.create("PartKeepr.CurrencyField", {
- anchor : '100%',
- value : 0,
- fieldLabel : i18n("Price"),
- listeners : {
- specialkey : {
- fn : function(field, e) {
- if (e.getKey() == e.ENTER) {
- this.onOKClick();
- }
- },
- scope : this
- }
- }
- });
+ this.priceField = Ext.create("PartKeepr.CurrencyField", {
+ anchor: '100%',
+ value: 0,
+ fieldLabel: i18n("Price"),
+ listeners: {
+ specialkey: {
+ fn: function (field, e)
+ {
+ if (e.getKey() == e.ENTER) {
+ this.onOKClick();
+ }
+ },
+ scope: this
+ }
+ }
+ });
- this.priceCheckbox = Ext.create("Ext.form.field.Checkbox", {
- boxLabel : i18n("Price per item"),
- hideEmptyLabel : false,
- checked : true
- });
+ this.priceCheckbox = Ext.create("Ext.form.field.Checkbox", {
+ boxLabel: i18n("Price per item"),
+ hideEmptyLabel: false,
+ checked: true
+ });
- this.commentField = Ext.create("Ext.form.field.Text", {
- anchor : '100%',
- fieldLabel : i18n("Comment"),
- maxLength : 255,
- enforceMaxLength : true,
- listeners : {
- specialkey : {
- fn : function(field, e) {
- if (e.getKey() == e.ENTER) {
- this.onOKClick();
- }
- },
- scope : this
- }
- }
- });
+ this.commentField = Ext.create("Ext.form.field.Text", {
+ anchor: '100%',
+ fieldLabel: i18n("Comment"),
+ maxLength: 255,
+ enforceMaxLength: true,
+ listeners: {
+ specialkey: {
+ fn: function (field, e)
+ {
+ if (e.getKey() == e.ENTER) {
+ this.onOKClick();
+ }
+ },
+ scope: this
+ }
+ }
+ });
- this.form = Ext.create("Ext.form.Panel", {
- bodyStyle : 'background:#DBDBDB;',
- border : false,
- items : [ {
- xtype : 'fieldcontainer',
- fieldLabel : i18n("Quantity"),
- layout : 'hbox',
- items : [ this.quantityField, {
- width : 75,
- xtype : 'displayfield',
- margin : "0 0 0 5",
- value : this.partUnitName
- } ]
- }, this.priceField, this.priceCheckbox, this.commentField ]
- });
+ this.form = Ext.create("Ext.form.Panel", {
+ border: false,
+ bodyStyle: 'background-color: transparent',
+ items: [
+ {
+ xtype: 'fieldcontainer',
+ fieldLabel: i18n("Quantity"),
+ layout: 'hbox',
+ items: [
+ this.quantityField, {
+ width: 75,
+ xtype: 'displayfield',
+ margin: "0 0 0 5",
+ value: this.partUnitName
+ }
+ ]
+ }, this.priceField, this.priceCheckbox, this.commentField
+ ]
+ });
- this.items = this.form;
+ this.items = this.form;
- this.okButton = Ext.create("Ext.button.Button", {
- text : i18n("OK"),
- handler : this.onOKClick,
- scope : this
- });
+ this.okButton = Ext.create("Ext.button.Button", {
+ text: i18n("OK"),
+ handler: this.onOKClick,
+ scope: this
+ });
- this.buttons = [ {
- text : i18n("Close"),
- handler : this.onCloseClick,
- icon : "web-icon cancel",
- scope : this
- }, this.okButton ];
- this.on("show", function() {
- this.quantityField.focus();
- this.quantityField.selectText(0);
- }, this, {
- delay : 100
- });
- this.callParent();
- },
- /**
- * Closes the window
- */
- onCloseClick : function() {
- this.close();
- },
- /**
- * Checks if the form is valid. If yes, execute the callback.
- */
- onOKClick : function() {
- if (this.form.getForm().isValid()) {
- var price;
- if (this.priceCheckbox.getValue()) {
- price = this.priceField.getValue();
- } else {
- price = this.priceField.getValue() / this.quantityField.getValue();
- }
+ this.buttons = [
+ {
+ text: i18n("Close"),
+ handler: this.onCloseClick,
+ icon: "web-icon cancel",
+ scope: this
+ }, this.okButton
+ ];
+ this.on("show", function ()
+ {
+ this.quantityField.focus();
+ this.quantityField.selectText(0);
+ }, this, {
+ delay: 100
+ });
+ this.callParent();
+ },
+ /**
+ * Closes the window
+ */
+ onCloseClick: function ()
+ {
+ this.close();
+ },
+ /**
+ * Checks if the form is valid. If yes, execute the callback.
+ */
+ onOKClick: function ()
+ {
+ if (this.form.getForm().isValid()) {
+ var price;
+ if (this.priceCheckbox.getValue()) {
+ price = this.priceField.getValue();
+ } else {
+ price = this.priceField.getValue() / this.quantityField.getValue();
+ }
- Ext.callback( this.callbackFn,
- this.callbackScope,
- [ this.quantityField.getValue(), price, this.commentField.getValue() ]);
- this.close();
- }
- },
- /**
- * Opens the window in "add stock" mode. The target callback receives three parameters: the value of the quantity
- * field, the value of the price field and the value of the comment field.
- *
- * @param fn
- * The callback
- * @param scope
- * The scope in which to execute the callback
- */
- addStock : function(fn, scope) {
- this.callbackFn = fn;
- this.callbackScope = scope;
- this.setTitle(this.addPartText);
- this.okButton.setIconCls("web-icon brick_add");
- this.show();
- },
- /**
- * Opens the window in "remove stock" mode. The target callback receives one parameters: the value of the quantity
- * field
- *
- * @param fn
- * The callback
- * @param scope
- * The scope in which to execute the callback
- */
- removeStock : function(fn, scope) {
- this.callbackFn = fn;
- this.callbackScope = scope;
- this.setTitle(this.removePartText);
- this.priceField.hide();
- this.priceCheckbox.hide();
- this.setHeight(132);
- this.okButton.setIconCls("web-icon brick_delete");
- this.show();
- }
+ Ext.callback(this.callbackFn,
+ this.callbackScope,
+ [this.quantityField.getValue(), price, this.commentField.getValue()]);
+ this.close();
+ }
+ },
+ /**
+ * Opens the window in "add stock" mode. The target callback receives three parameters: the value of the quantity
+ * field, the value of the price field and the value of the comment field.
+ *
+ * @param fn
+ * The callback
+ * @param scope
+ * The scope in which to execute the callback
+ */
+ addStock: function (fn, scope)
+ {
+ this.callbackFn = fn;
+ this.callbackScope = scope;
+ this.setTitle(this.addPartText);
+ this.okButton.setIconCls("web-icon brick_add");
+ this.show();
+ },
+ /**
+ * Opens the window in "remove stock" mode. The target callback receives one parameters: the value of the quantity
+ * field
+ *
+ * @param fn
+ * The callback
+ * @param scope
+ * The scope in which to execute the callback
+ */
+ removeStock: function (fn, scope)
+ {
+ this.callbackFn = fn;
+ this.callbackScope = scope;
+ this.setTitle(this.removePartText);
+ this.priceField.hide();
+ this.priceCheckbox.hide();
+ this.setHeight(132);
+ this.okButton.setIconCls("web-icon brick_delete");
+ this.show();
+ }
});