Added a new parameter to separate the toggle trigger and the opened toggle width

Author: SonoIo

lib/listviews/SwipeListItemView.js

@@ -46,10 +46,12 @@ let getPageY = function getPageY(ev){
  * @param {ListView} options.parentList - Parent ListView, it's mandatory
  * @param {bool} [options.left] [true] - Support left swipe
  * @param {bool} [options.right] [true] - Support right swipe
- * @param {integer} [options.leftWidth] [100] - Size in pixels to activate the left action
- * @param {integer} [options.rightWidth] [100] - Size in pixels to activate the right action
+ * @param {integer} [options.leftWidth] [64] - Size in pixels to activate the left action
+ * @param {integer} [options.rightWidth] [64] - Size in pixels to activate the right action
  * @param {bool} [options.toggleLeft] [true] - If true the drawer remains opened after a swipe left
  * @param {bool} [options.toggleRight] [true] - If true the drawer remains opened after a swipe right
+ * @param {integer} [options.toggleLeftWidth] [88] - Size in pixels of the left action, used when the drawer is open
+ * @param {integer} [options.toggleRightWidth] [88] - Size in pixels of the right action, used when the drawer is open
  * @param {integer} [options.duration] [300] - Animation duration in ms
  * @param {bool} [options.friction] [true] - Adds a friction to the drawer
  * @param {integer} [options.frictionStartAt] [80] - The amount of swipe, in pixels, before friction start
@@ -112,10 +114,12 @@ export default class SwipeListItemView extends ListItemView {
 		this.setDefaultsOptions(getContextOptions('SwipeListItemView'), {
 			left: true,
 			right: true,
-			leftWidth: 100,
-			rightWidth: 100,
+			leftWidth: 64,
+			rightWidth: 64,
 			toggleLeft: true,
 			toggleRight: true,
+			toggleLeftWidth: 88,
+			toggleRightWidth: 88,
 			duration: 300,
 			friction: true,
 			frictionStartAt: 80,
@@ -189,9 +193,9 @@ export default class SwipeListItemView extends ListItemView {
 		this.origianlStartY = this.startY;
 
 		if (this.status === STATUS_LEFT_ACTIVE) {
-			this.startX -= this.options.leftWidth;
+			this.startX -= this.options.toggleLeftWidth;
 		} else if (this.status === STATUS_RIGHT_ACTIVE) {
-			this.startX += this.options.rightWidth;
+			this.startX += this.options.toggleRightWidth;
 		}
 
 		this.deltaX = 0;
@@ -257,7 +261,7 @@ export default class SwipeListItemView extends ListItemView {
 
 		if (this.options.left && deltaX >= this.options.leftWidth) {
 			if (this.options.toggleLeft) {
-				endX = this.options.leftWidth;
+				endX = this.options.toggleLeftWidth;
 				endStatus = STATUS_LEFT_ACTIVE;
 				this.addActiveClass();
 			}
@@ -266,7 +270,7 @@ export default class SwipeListItemView extends ListItemView {
 
 		if (this.options.right && deltaX <= -this.options.rightWidth) {
 			if (this.options.toggleRight) {
-				endX = -this.options.rightWidth;
+				endX = -this.options.toggleRightWidth;
 				endStatus = STATUS_RIGHT_ACTIVE;
 				this.addActiveClass();
 			}
@@ -424,6 +428,7 @@ export default class SwipeListItemView extends ListItemView {
 	 * @version 2.1.0
 	 */
 	vibrate() {
+		console.log('vibrate');
 		if (this.options.vibrateCallback) {
 			this.options.vibrateCallback();
 		}