rename dateTime to dateTimePicker and slider to rangeSlider

Author: Lionel Bijaoui

dev/schema.js

@@ -390,13 +390,13 @@ module.exports = {
 	validator: validators.required
 }, 
 {
-	type: "slider",
+	type: "rangeSlider",
 	label: "Income",
 	model: "income",
 	multi: true,
 	min: 0,
 	max: 100000,
-	sliderOptions: {
+	rangeSliderOptions: {
 		type: "double",
 		prefix: "$",
 		step: 1000
@@ -431,8 +431,8 @@ module.exports = {
 	validator: validators.array
 },
 {
-	type: "slider",
-	label: "Rank (slider field)",
+	type: "rangeSlider",
+	label: "Rank (rangeSlider field)",
 	model: "rank",
 	multi: true,
 	min: 1,
@@ -444,8 +444,8 @@ module.exports = {
 	// validator: validators.integer
 },
 {
-	type: "dateTime",
-	label: "DOB (dateTime field)",
+	type: "dateTimePicker",
+	label: "DOB (dateTimePicker field)",
 	model: "dob",
 	required: true,
 	placeholder: "User's birth of date",
@@ -462,7 +462,7 @@ module.exports = {
 	}
 }, 
 {
-	type: "dateTime",
+	type: "dateTimePicker",
 	label: "DT",
 	model: "dob",
 	multi: true,
@@ -474,7 +474,7 @@ module.exports = {
 	}
 },
 {
-	type: "dateTime",
+	type: "dateTimePicker",
 	label: "Time",
 	model: "time",
 	multi: true,

src/fields/fieldDateTime.vue renamed to src/fields/fieldDateTimePicker.vue

@@ -44,7 +44,7 @@
 					valueFrom = this.value;
 
 				let self = this;
-				$(this.$el).ionRangeSlider(defaults(this.schema.sliderOptions || {}, {
+				$(this.$el).ionRangeSlider(defaults(this.schema.rangeSliderOptions || {}, {
 					type: "single",
 					grid: true,
 					hide_min_max: true,
@@ -73,7 +73,7 @@
 
 
 <style lang="sass">
-	.vue-form-generator .field-slider .irs {
+	.vue-form-generator .field-rangeSlider .irs {
 		width: 100%;
 	}
 </style>

src/fields/fieldSlider.vue renamed to src/fields/fieldRangeSlider.vue

@@ -3,21 +3,21 @@ import { createVueField, trigger, checkAttribute } from "../util";
 import moment from "moment";
 
 import Vue from "vue";
-import FieldDateTime from "src/fields/fieldDateTime.vue";
+import FieldDateTimePicker from "src/fields/fieldDateTimePicker.vue";
 
-Vue.component("FieldDateTime", FieldDateTime);
+Vue.component("FieldDateTimePicker", FieldDateTimePicker);
 
 let el, vm, field;
 
 function createField(test, schema = {}, model = null, disabled = false, options) {
-	[ el, vm, field ] = createVueField(test, "fieldDateTime", schema, model, disabled, options);
+	[ el, vm, field ] = createVueField(test, "fieldDateTimePicker", schema, model, disabled, options);
 }
 
-describe("fieldDateTime.vue", function() {
+describe("fieldDateTimePicker.vue", function() {
 
 	describe("check template", () => {
 		let schema = {
-			type: "dateTime",
+			type: "dateTimePicker",
 			label: "Event",
 			model: "event",
 			autocomplete: "off",
@@ -82,7 +82,7 @@ describe("fieldDateTime.vue", function() {
 
 	describe("check YYYYMMDD format", () => {
 		let schema = {
-			type: "dateTime",
+			type: "dateTimePicker",
 			label: "Event",
 			model: "event",
 			format: "YYYYMMDD",

test/unit/specs/fields/fieldDateTime.spec.js renamed to test/unit/specs/fields/fieldDateTimePicker.spec.js

@@ -2,21 +2,21 @@ import { expect } from "chai";
 import { createVueField, checkAttribute } from "../util";
 
 import Vue from "vue";
-import FieldSlider from "src/fields/fieldSlider.vue";
+import FieldRangeSlider from "src/fields/fieldRangeSlider.vue";
 
-Vue.component("FieldSlider", FieldSlider);
+Vue.component("FieldRangeSlider", FieldRangeSlider);
 
 let el, vm, field;
 
 function createField(test, schema = {}, model = null, disabled = false, options) {
-	[ el, vm, field ] = createVueField(test, "fieldSlider", schema, model, disabled, options);
+	[ el, vm, field ] = createVueField(test, "fieldRangeSlider", schema, model, disabled, options);
 }
 
-describe("fieldSlider.vue", function() {
+describe("fieldRangeSlider.vue", function() {
 
 	describe("check template", () => {
 		let schema = {
-			type: "range",
+			type: "rangeSlider",
 			label: "Rating",
 			model: "rating",
 			min: 1,