Keep code DRY

Author: vidartf

packages/controls/src/widget_bool.ts

@@ -107,14 +107,7 @@ class CheckboxView extends DescriptionView {
         if (!this.checkbox) {
             return; // we might be constructing the parent
         }
-        let tabbable = this.model.get('tabbable');
-        if (tabbable === true) {
-            this.el.setAttribute('tabIndex', '0');
-        } else if (tabbable === false) {
-            this.el.setAttribute('tabIndex', '-1');
-        } else if (tabbable === null) {
-            this.el.removeAttribute('tabIndex');
-        }
+        super.updateTabindex();
     }
 
     events(): {[e: string]: string} {

packages/controls/src/widget_selection.ts

@@ -62,14 +62,7 @@ class SelectionView extends DescriptionView {
         if (!this.listbox) {
             return; // we might be constructing the parent
         }
-        let tabbable = this.model.get('tabbable');
-        if (tabbable === true) {
-            this.el.setAttribute('tabIndex', '0');
-        } else if (tabbable === false) {
-            this.el.setAttribute('tabIndex', '-1');
-        } else if (tabbable === null) {
-            this.el.removeAttribute('tabIndex');
-        }
+        super.updateTabindex();
     }
 
     listbox: HTMLSelectElement;

packages/controls/src/widget_string.ts

@@ -214,14 +214,7 @@ class TextareaView extends DescriptionView {
         if (!this.textbox) {
             return; // we might be constructing the parent
         }
-        let tabbable = this.model.get('tabbable');
-        if (tabbable === true) {
-            this.el.setAttribute('tabIndex', '0');
-        } else if (tabbable === false) {
-            this.el.setAttribute('tabIndex', '-1');
-        } else if (tabbable === null) {
-            this.el.removeAttribute('tabIndex');
-        }
+        super.updateTabindex();
     }
 
     events() {
@@ -329,14 +322,7 @@ class TextView extends DescriptionView {
         if (!this.textbox) {
             return; // we might be constructing the parent
         }
-        let tabbable = this.model.get('tabbable');
-        if (tabbable === true) {
-            this.el.setAttribute('tabIndex', '0');
-        } else if (tabbable === false) {
-            this.el.setAttribute('tabIndex', '-1');
-        } else if (tabbable === null) {
-            this.el.removeAttribute('tabIndex');
-        }
+        super.updateTabindex();
     }
 
     update(options?: any) {