explore pages contain form elements with non-unique ID values

[saschaszott]

(note: this issue was moved from 4Science/DSpace#369)

Some pages contain DOM form elements ( select and input) with non-unique IDs. The warnings above were taken from the browser console.

/explore/researcherprofiles

Found 3 elements with non-unique id #filter: (More info: https://goo.gl/9p2vKq) <select name=​"filter" id=​"filter" formcontrolname=​"filter" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value=​"all">​…​</select>​ <select name=​"filter" id=​"filter" formcontrolname=​"filter" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value=​"all">​…​</select>​ <select name=​"filter" id=​"filter" formcontrolname=​"filter" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value=​"all">​…​</select>​

Found 2 elements with non-unique id #operation: (More info: https://goo.gl/9p2vKq) <select name=​"operation" id=​"operation" formcontrolname=​"operation" class=​"form-control ng-untouched ng-pristine ng-valid ng-star-inserted" value=​"AND">​…​</select>​ <select name=​"operation" id=​"operation" formcontrolname=​"operation" class=​"form-control ng-untouched ng-pristine ng-valid ng-star-inserted" value=​"AND">​…​</select>​

Found 3 elements with non-unique id #query: (More info: https://goo.gl/9p2vKq) <input type=​"text" name=​"query" id=​"query" formcontrolname=​"query" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value>​ <input type=​"text" name=​"query" id=​"query" formcontrolname=​"query" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value>​ <input type=​"text" name=​"query" id=​"query" formcontrolname=​"query" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value>​

/explore/fundings_and_projects

Found 3 elements with non-unique id #filter: (More info: https://goo.gl/9p2vKq) <select name=​"filter" id=​"filter" formcontrolname=​"filter" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value=​"all">​…​</select>​ <select name=​"filter" id=​"filter" formcontrolname=​"filter" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value=​"all">​…​</select>​ <select name=​"filter" id=​"filter" formcontrolname=​"filter" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value=​"all">​…​</select>​

Found 2 elements with non-unique id #operation: (More info: https://goo.gl/9p2vKq) <select name=​"operation" id=​"operation" formcontrolname=​"operation" class=​"form-control ng-untouched ng-pristine ng-valid ng-star-inserted" value=​"AND">​…​</select>​ <select name=​"operation" id=​"operation" formcontrolname=​"operation" class=​"form-control ng-untouched ng-pristine ng-valid ng-star-inserted" value=​"AND">​…​</select>​

Found 3 elements with non-unique id #query: (More info: https://goo.gl/9p2vKq) <input type=​"text" name=​"query" id=​"query" formcontrolname=​"query" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value>​ <input type=​"text" name=​"query" id=​"query" formcontrolname=​"query" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value>​ <input type=​"text" name=​"query" id=​"query" formcontrolname=​"query" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value>​

/explore/researchoutputs

Found 3 elements with non-unique id #filter: (More info: https://goo.gl/9p2vKq) <select name=​"filter" id=​"filter" formcontrolname=​"filter" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value=​"all">​…​</select>​ <select name=​"filter" id=​"filter" formcontrolname=​"filter" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value=​"all">​…​</select>​ <select name=​"filter" id=​"filter" formcontrolname=​"filter" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value=​"all">​…​</select>​

Found 2 elements with non-unique id #operation: (More info: https://goo.gl/9p2vKq) <select name=​"operation" id=​"operation" formcontrolname=​"operation" class=​"form-control ng-untouched ng-pristine ng-valid ng-star-inserted" value=​"AND">​…​</select>​ <select name=​"operation" id=​"operation" formcontrolname=​"operation" class=​"form-control ng-untouched ng-pristine ng-valid ng-star-inserted" value=​"AND">​…​</select>​

Found 3 elements with non-unique id #query: (More info: https://goo.gl/9p2vKq) <input type=​"text" name=​"query" id=​"query" formcontrolname=​"query" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value>​ <input type=​"text" name=​"query" id=​"query" formcontrolname=​"query" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value>​ <input type=​"text" name=​"query" id=​"query" formcontrolname=​"query" class=​"form-control mr-2 ng-untouched ng-pristine ng-valid" value>​