From 3232055927eb60cb226cbbcc696c65f9a28bab25 Mon Sep 17 00:00:00 2001
From: Ram Ramrakhya <ramramrakhya81@gmail.com>
Date: Fri, 17 Sep 2021 21:35:40 -0400
Subject: [PATCH] Frontend: Add ng-bind to render HTML in meta attributes label
 description(#3598)

---
 frontend/src/views/web/challenge/submission.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/web/challenge/submission.html b/frontend/src/views/web/challenge/submission.html
index f7385bab2c..953499c967 100644
--- a/frontend/src/views/web/challenge/submission.html
+++ b/frontend/src/views/web/challenge/submission.html
@@ -328,14 +328,14 @@ <h5 class="w-300">Make Submission</h5>
                                                     <div class="input-field align-left col s10">
                                                         <input type="text" ng-model="attribute.value" name="{{attribute.name}}" id="{{attribute.name}}" ng-required="attribute.required === true">
                                                         <span class="form-icon"><i class="fa fa-text"></i></span>
-                                                        <label for="{{attribute.name}}">{{attribute.name}} ({{attribute.description}}) <span ng-if="attribute.required === true" class="color-orange">*</span></label>
+                                                        <label for="{{attribute.name}}" class ng-bind-html="attribute.name + ' (' + attribute.description + ')'" for="{{attribute.name}}"></label><span ng-if="attribute.required === true" class="color-orange">*</span>
                                                     </div>
                                                 </div>
                                             </div>
                                             <div ng-if="attribute.type == 'radio'">
                                                 <div class="row">
                                                     <div class="align-left col s10">
-                                                        <label class="label-radio" for="{{attribute.name}}">{{attribute.name}} ({{attribute.description}}) <span ng-if="attribute.required === true" class="color-orange">*</span>></label>
+                                                        <label for="{{attribute.name}}" class="label-radio" ng-bind-html="attribute.name + ' (' + attribute.description + ')'" for="{{attribute.name}}"></label><span ng-if="attribute.required === true" class="color-orange">*</span>
                                                         <div class="input-field">
                                                             <md-radio-group ng-model="attribute.value" id="{{attribute.name}}" name="{{attribute.name}}">
                                                                 <md-radio-button ng-repeat="option in attribute.options" ng-value="option" ng-model="attribute.value">
@@ -349,7 +349,7 @@ <h5 class="w-300">Make Submission</h5>
                                             <div ng-if="attribute.type == 'checkbox'">
                                                 <div class="row">
                                                     <div class="align-left col s10">
-                                                        <label class="label-checkbox" for="{{attribute.name}}">{{attribute.name}} ({{attribute.description}}) <span ng-if="attribute.required === true" class="color-orange">*</span></label>
+                                                        <label for="{{attribute.name}}" class="label-checkbox" ng-bind-html="attribute.name + ' (' + attribute.description + ')'" for="{{attribute.name}}"></label><span ng-if="attribute.required === true" class="color-orange">*</span>
                                                         <div class="input-field">
                                                             <div class="submission-options" ng-repeat="option in attribute.options" id="{{attribute.name}}" name="{{attribute.name}}">
                                                                 <input type="checkbox" ng-click="challenge.toggleSelection(attribute, option);" id="{{option}}" ng-value="option">
@@ -363,7 +363,7 @@ <h5 class="w-300">Make Submission</h5>
                                             <div ng-if="attribute.type == 'boolean'">
                                                 <div class="row">
                                                     <div class="align-left col s10">
-                                                        <label class="label-radio" for="{{attribute.name}}">{{attribute.name}} ({{attribute.description}}) <span ng-if="attribute.required === true" class="color-orange">*</span></label>
+                                                        <label for="{{attribute.name}}" class="label-radio" ng-bind-html="attribute.name + ' (' + attribute.description + ')'" for="{{attribute.name}}"></label><span ng-if="attribute.required === true" class="color-orange">*</span>
                                                         <div class="input-field">
                                                             <md-radio-group ng-model="attribute.value" id="{{attribute.name}}" name="{{attribute.name}}">
                                                                 <md-radio-button ng-value="'True'">True</md-radio-button>