Ensures that all specified html elements has id attribute.

This plugin requires Grunt ~0.4.5

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

npm install grunt-ensure-id --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-ensure-id');

In your project's Gruntfile, add a section named ensure_id to the data object passed into grunt.initConfig().

grunt.initConfig({
  ensure_id: {
    options: {
      check: 'id',
      elements : ['button', 'a'],
      attrs: ['ng-click', 'ng-submit'],
      autofix: true
    },
    main: {
      src: ['test/fixtures/*']
    },
  },
});

Type: string Default value: id

The attribute to be observed. Ex. 'id', 'ng-attr-id' or other id variants

Type: Array Default value: ['button', 'a', 'input', 'select']

Which HTML elements should have id attribute.

Type: Array Default value: ['ng-click', 'ng-submit']

Which HTML elements which has the above attributes should have id attribute.

Type: boolean Default value: false

Add ID to all detected items in the following format:

nameFile_element_numberFile_uniqueId

Example (test-file.html): testFile_input_2_489

In this example, the default options are used to check form html elements without ids.

grunt.initConfig({
  ensure_id: {
    options: {},
    files: {
      'dest': ['components/**/*.html', 'view/**/*.html'],
    },
  },
});

In this example, custom options are used to do something else with whatever else. So if the testing file has the content Testing and the 123 file had the content 1 2 3, the generated result in this case would be Testing: 1 2 3 !!!

grunt.initConfig({
  ensure_id: {
    options: {
      check: 'id',
      elements : ['button', 'a'],
      attrs: ['ng-click'],
      autofix: true
    },
    files: {
      'dest/default_options': ['src/testing', 'src/123'],
    },
  },
});

In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.

(Nothing yet)