pui9-components 1.17.3 → 2.0.7

package/src/mixins/PuiFormComponentMixin.js

@@ -39,15 +39,9 @@ export default {
 				return false;
 			} else {
 				try {
-					if (this.initialValue.toString() !== this.internalModel.toString()) {
-						return true;
-					}
-					return false;
+					return this.initialValue.toString() !== this.internalModel.toString();
 				} catch (e) {
-					if (this.initialValue !== this.internalModel) {
-						return true;
-					}
-					return false;
+					return this.initialValue !== this.internalModel;
 				}
 			}
 		},

package/src/mixins/PuiSortMixin.js

@@ -0,0 +1,136 @@
+export default {
+	props: {
+		columns: {
+			type: Array
+		},
+		currentRules: {
+			type: Array
+		},
+		modelName: {
+			type: String,
+			required: true
+		}
+	},
+	data() {
+		return {
+			availableColumns: [],
+			height: 50,
+			grouped: false,
+			sortingTypes: [
+				{
+					text: 'puidatatables.ascendent',
+					value: 'asc'
+				},
+				{
+					text: 'puidatatables.descendent',
+					value: 'desc'
+				}
+			],
+			rules: [],
+			colNames: []
+		};
+	},
+	created: function () {
+		this.rules = this.currentRules;
+		for (let n of this.columns) {
+			this.availableColumns.push(n.name);
+			this.colNames.push(n.name);
+		}
+		for (let col of this.currentRules) {
+			this.onRuleNameChanged(col.column);
+		}
+		this.translateSortingTypes();
+	},
+
+	watch: {
+		colNames(val) {
+			var size = 50;
+			if (val.length > 0) {
+				this.height = val.length * size;
+			} else {
+				this.height = size;
+			}
+			if (this.height > 250) {
+				this.height = 280;
+			}
+		}
+	},
+	computed: {
+		showAddBtn() {
+			if (this.columns.length > this.rules.length) {
+				return true;
+			}
+			return false;
+		},
+		getTitleRemove() {
+			return this.$t('puidatatables.removeBtnTitle');
+		},
+		heightPanel() {
+			return this.height + 'px';
+		}
+	},
+	methods: {
+		getAvailableColumns(index) {
+			const availableColumns = this.availableColumns;
+			const columnNameSelected = this.rules[index].column;
+			const columnsAvailableForTheSelect = this.colNames.filter((column) => {
+				return availableColumns.includes(column) || column === columnNameSelected;
+			});
+
+			return columnsAvailableForTheSelect;
+		},
+		removeSelectsFocus() {
+			for (let i = 0, length = this.rules.length; i < length; i++) {
+				this.$refs[`${i}-column`][0].$el.classList.remove('v-input--is-focused');
+				this.$refs[`${i}-sortType`][0].$el.classList.remove('v-input--is-focused');
+			}
+		},
+		removeRule(index) {
+			this.availableColumns.push(this.rules[index].column);
+			this.rules.splice(index, 1);
+			if (this.rules.length === 0) {
+				this.columns
+					.sort((a, b) => (a.title < b.title ? -1 : a.title > b.title ? 1 : 0))
+					.forEach((column) => {
+						this.availableColumns.push(column.removeRule);
+					});
+				this.addRule();
+			}
+		},
+		addRule() {
+			this.rules.push({ column: '', direction: 'asc' });
+		},
+		translateSortingTypes() {
+			for (var i = 0, length = this.sortingTypes.length; i < length; i++) {
+				this.sortingTypes[i].text = this.$t(this.sortingTypes[i].text);
+			}
+		},
+		onRuleNameChanged(value) {
+			//quitamos de las disponibles la nueva columna
+			this.removeColumnFromAvailable(value);
+			//a contiunación añadimos a disponibles la columna que se ha cambiado
+			const rulesColNames = this.rules.map((rule) => {
+				return rule.column;
+			});
+			this.colNames
+				.sort((a, b) => (a.title < b.title ? -1 : a.title > b.title ? 1 : 0))
+				.forEach((column) => {
+					if (rulesColNames.includes(column) === false && this.availableColumns.includes(column) === false) {
+						this.availableColumns.push(column);
+					}
+				});
+		},
+		removeColumnFromAvailable(columnName) {
+			for (let i = 0, length = this.availableColumns.length; i < length; i++) {
+				const column = this.availableColumns[i];
+				if (column === columnName) {
+					this.availableColumns.splice(i, 1);
+					break;
+				}
+			}
+		},
+		setIndex(index) {
+			this.index = index;
+		}
+	}
+};

package/src/mixins/PuiUtilsNumberMixin.js

@@ -9,11 +9,21 @@ export default {
 			return regexp.test(val);
 		},
 		truncateDecimal(number, decimals) {
-			var a = Math.pow(10, decimals);
-			var b = number * a;
-			var c = parseInt(b);
-			var d = c / a;
-			return d;
+			// Limit the number of decimal places to prevent floating point errors
+			// a alguien le pareció bien la idea de poner por defecto 999 y hemos tumbado una máquina de AWS dividiendo Infinity's
+
+			if (decimals > 20) {		
+				decimals = 20;
+			}
+
+			let pow = Math.pow(10, decimals);
+			let multiplied = number * pow;
+			let rounded = Math.round(multiplied);
+			let truncated = rounded / pow; 
+			
+			return truncated;
+
+			// return Math.trunc(number * Math.pow(10, decimals)) / Math.pow(10, decimals);
 		}
 	}
 };

package/src/plugins/vuetify.js

@@ -1,5 +1,6 @@
 import Vue from 'vue';
-import Vuetify from 'vuetify/lib';
+import Vuetify from 'vuetify'
+import 'vuetify/dist/vuetify.min.css'
 import colors from 'vuetify/es5/util/colors';
 import es from 'vuetify/es5/locale/es';
 import ca from 'vuetify/es5/locale/ca';

package/src/utils.js

@@ -80,6 +80,16 @@ export default {
 
 		return tokens[tokens.length - 1];
 	},
+	convertPkStringToPkObject: (model, pkStr) => {
+		const splits = pkStr.split("#");
+		const pkObj = {};
+		var i = 0;
+		model.columns.filter(c => c.isPk).forEach(c => {
+			pkObj[c.name] = splits[i++];
+		});
+
+		return pkObj;
+	},
 	utf8ToB64: str => {
 		if (str) {
 			return window.btoa(unescape(encodeURIComponent(str)));

package/dist/demo.html

@@ -1,10 +0,0 @@
-<meta charset="utf-8">
-<title>pui9-components demo</title>
-<script src="./pui9-components.umd.js"></script>
-
-<link rel="stylesheet" href="./pui9-components.css">
-
-
-<script>
-console.log(pui9-components)
-</script>