Highlight validation errors

[Stephen-Gates]

Desired Behaviour (for feature requests only)

• https://relishapp.com/odi-australia/data-curator/docs/tools/validate-table
• needs error rowNumber and columnNumber from TableSchema.js to pin-point error location

[Stephen-Gates]

Adjust error message at Home.vue #L97 to include columnNumber, e.g.

              <h3>{{messagesTitle}}</h3>
              <template  v-if="messagesType === 'error'">
                <div v-for="errorMessage in messages">
                  <span v-show="errorMessage.rowNumber">Row {{errorMessage.rowNumber}}, </span>
                  <span v-show="errorMessage.columnNumber"> Column {{errorMessage.columnNumber}}, </span>
                  <span>{{errorMessage.message}}</span>
                </div>
              </template>

Potentially include hyperlink in rowNumber, columnNumber to cell in table (see #280)

[ghost]

So we could:

• use hot's comments to add the markers
• they can stay until someone re-validates

[Stephen-Gates]

From #388 consider highlighting cell and adding error message as comment - https://docs.handsontable.com/0.35.0/demo-comments_.html#example

Bottom Status bar remains a list of errors (perhaps with a total number of errors found)

With #280, each error message would contain a hyperlink that, when clicked, would move the cursor to the cell in error and scroll the data table so that cell was visible on the screen.

[Stephen-Gates]

Watch for progress on frictionlessdata/datapackage#364

[Stephen-Gates]

Works 🎉