CLC-1145 [Front-end] Use separate templates for different widgets

https://jira.media.berkeley.edu/jira/browse/CLC-1145