Merge pull request #170 from alerta/use-v-html-for-text

Use v-html for alert text so html links work
alerta · May 13, 2019 · 43e5a6d · 43e5a6d
2 parents 7a1d417 + 97af3d9
commit 43e5a6d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/AlertDetail.vue b/src/components/AlertDetail.vue
@@ -470,7 +470,7 @@
                     </div>
                     <div class="flex xs6 text-xs-left">
                       <div>
-                        {{ item.text }}
+                        <span v-html="item.text"></span>
                       </div>
                     </div>
                   </div>

diff --git a/src/components/AlertList.vue b/src/components/AlertList.vue
@@ -122,7 +122,7 @@
               v-if="col == 'text'"
               class="text-no-wrap"
             >
-              {{ props.item.text }}
+              <span v-html="props.item.text"></span>
             </span>
             <span
               v-if="col == 'tags'"
@@ -222,7 +222,7 @@
           >
             <div class="fixed-table">
               <div class="text-truncate">
-                {{ props.item.text }}
+                <span v-html="props.item.text"></span>
               </div>
             </div>
           </td>
-Original file line number
+Diff line change
@@ Expand Up / @@ -470,7 +470,7 @@ @@
                         </div>
                         <div class="flex xs6 text-xs-left">
                           <div>
-                            {{ item.text }}
+                            <span v-html="item.text"></span>
                           </div>
                         </div>
                       </div>
@@ Expand Down @@