refactor all 'this.shadowRoot.getElementById' selectors to this.$. selectors

[sponnet]

Environment

MacOS / Safari ( probably Iphone safari too )

Actual behavior:

lot of console logs when evaluating these shadowRoot selectors - probably leading to other errors ( visual and/or functional )

Expected behavior:

replace selectors with this.$. selectors , add appropriate ID's to the selected elements

Steps to reproduce the problem:

Open app in safari - log in - check console

Console Output (if possible):

Go to developer tools, and select Console copy the Output below

Output

[sponnet]

Occurrences in the code

• [ ] src/sc-dealfeedback/sc-dealfeedback.html: var steps = this.shadowRoot.getElementById('steps_collapser');
• [ ] src/sc-dealfortwo/sc-dealfortwo-provider.html: var details = this.shadowRoot.getElementById('details_collapser');
• [ ] src/sc-dealfortwo/sc-dealfortwo-provider.html: var steps = this.shadowRoot.getElementById('steps_collapser');
• [ ] src/sc-dealfortwo/sc-dealfortwo-seeker.html: var details = this.shadowRoot.getElementById('details_collapser');
• [ ] src/sc-dealfortwo/sc-dealfortwo-seeker.html: var steps = this.shadowRoot.getElementById('steps_collapser');
• [ ] src/sc-hashtagitem/sc-hashtagitem.html: var toggler = this.shadowRoot.getElementById('repliescollapser');
• [ ] src/sc-itemdetail/sc-itemdetail.html: var steps = this.shadowRoot.getElementById('steps_collapser');
• [ ] src/sc-itemreplier/sc-itemreplier.html: var replyform = this.shadowRoot.getElementById('replyform');
• [ ] src/sc-itemreplier/sc-itemreplier.html: var replyform = this.shadowRoot.getElementById('replyform');
• [ ] src/sc-newitem/sc-newitem.html: var offerinputform = this.shadowRoot.getElementById('offerinputform');
• [ ] src/sc-newitem/sc-newitem.html: var offerinputform = this.shadowRoot.getElementById('offerinputform');
• [ ] src/sc-profile/sc-hashtagactivity.html: var completeddeals = this.shadowRoot.getElementById('completeddeals_collapser');

[sponnet]

Replace all occurences of

        var offerinputform = this.shadowRoot.getElementById('offerinputform');

with

        var offerinputform = this.$.offerinputform;