How to use the material-components-web.textField.MDCTextField function in material-components-web

To help you get started, we’ve selected a few material-components-web examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ngageoint / mage-server / public / app / material-components / typeahead.select.component.js View on Github external
initializeTypeahead() {
    this.idPropery = this.idProperty|| 'id';
    this.displayProperty = this.displayProperty || 'name';
    this._textField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[0]);
    this._menu = new menuSurface.MDCMenuSurface(this._$element.find('.mdc-menu-surface')[0]);
    this._menu.hoistMenuToBody();
    this.initializeOptions();
  }
github ngageoint / mage-server / public / mage-app / src / ng1 / observation / form / geometry.edit.form.component.js View on Github external
this._$timeout(() => {
        this.mgrsField = new textField.MDCTextField(this._$element.find('.mgrs-text-field')[0]);
        this.mgrsField.useNativeValidation = false;

        this.mgrsField.value = this.mgrs;
        this.mgrsField.valid = true;
      });
    }
github ngageoint / mage-server / public / app / observation / form / location-edit.component.js View on Github external
this._$timeout(() => {
        this.latitudeField = new textField.MDCTextField(this._$element.find('.latitude-text-field')[0]);
        this.longitudeField = new textField.MDCTextField(this._$element.find('.longitude-text-field')[0]);
        this.longitudeField.value = this.selectedVertex[0];
        this.latitudeField.value = this.selectedVertex[1];
      });
    } else if (!this.mgrsField && this.coordinateSystem === 'mgrs') {
github ngageoint / mage-server / public / app / setup / setup.controller.js View on Github external
$postLink() {
    this.usernameField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[0]);
    this.passwordField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[1]);
    this.passwordConfirmField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[2]);
    this.deviceIdField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[3]);
    this.passwordStrengthProgress = new linearProgress.MDCLinearProgress(this._$element.find('.mdc-linear-progress')[0]);
    this.passwordConfirmField.useNativeValidation = false;
  }
github ngageoint / mage-server / public / app / authentication / local.signup.js View on Github external
$postLink() {
    var elements = this._$element.find('.mdc-text-field');
    for (var i = 0; i < elements.length; i++) {
      if (i === elements.length - 1) {
        this.passwordconfirm = new textField.MDCTextField(elements[i])
      } else {
        new textField.MDCTextField(elements[i]);
      }
    }
    this.passwordStrengthProgress = new linearProgress.MDCLinearProgress(this._$element.find('.mdc-linear-progress')[0]);
    this.snackbar = new snackbar.MDCSnackbar(this._$element.find('.mdc-snackbar')[0]);
  }
github ngageoint / mage-server / public / app / authentication / local.signin.js View on Github external
$postLink() {
    this.usernameField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[0]);
    this.passwordField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[1]);
    this.snackbar = new snackbar.MDCSnackbar(this._$element.find('.mdc-snackbar')[0]);
  }
github ngageoint / mage-server / public / app / admin / layers / layer.edit.component.js View on Github external
$postLink() {
    this.errorSnackbar = new snackbar.MDCSnackbar(document.querySelector('#error-snackbar'));

    const elements = this.$element.find('.mdc-text-field');
    for (var i = 0; i < elements.length; i++) {
      new textField.MDCTextField(elements[i]);
    }
  }
github ngageoint / mage-server / public / app / observation / form / location-edit.component.js View on Github external
this._$timeout(() => {
        this.mgrsField = new textField.MDCTextField(this._$element.find('.mgrs-text-field')[0]);
        this.mgrsField.useNativeValidation = false;

        this.mgrsField.value = this.mgrs;
        this.mgrsField.valid = true;
      });
    }
github ngageoint / mage-server / public / app / authentication / local.signup.js View on Github external
$postLink() {
    var elements = this._$element.find('.mdc-text-field');
    for (var i = 0; i < elements.length; i++) {
      if (i === elements.length - 1) {
        this.passwordconfirm = new textField.MDCTextField(elements[i])
      } else {
        new textField.MDCTextField(elements[i]);
      }
    }
    this.passwordStrengthProgress = new linearProgress.MDCLinearProgress(this._$element.find('.mdc-linear-progress')[0]);
    this.snackbar = new snackbar.MDCSnackbar(this._$element.find('.mdc-snackbar')[0]);
  }
github ngageoint / mage-server / public / app / setup / setup.controller.js View on Github external
$postLink() {
    this.usernameField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[0]);
    this.passwordField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[1]);
    this.passwordConfirmField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[2]);
    this.deviceIdField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[3]);
    this.passwordStrengthProgress = new linearProgress.MDCLinearProgress(this._$element.find('.mdc-linear-progress')[0]);
    this.passwordConfirmField.useNativeValidation = false;
  }