openstack/ptgbot
Code Issues Proposed changes

Merge "Make URLs in MOTD messages clickable"

Browse Source
This commit is contained in:
Zuul 2020-11-20 14:10:03 +00:00 committed by Gerrit Code Review
commit 00e49593b9
4 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
html/etherpads.html
View File

@ -24,7 +24,7 @@
</nav>
<script id="MOTDTemplate" type="text/x-handlebars-template">
{{#each motd}}
<div class="alert alert-{{this.level}}" role="alert">{{this.message}}</div>
<div class="alert alert-{{this.level}}" role="alert">{{ linkify this.message }}</div>
{{/each}}
</script>
<div id="MOTD"></div>

2
html/index.html
View File

@ -24,7 +24,7 @@
</nav>
<script id="MOTDTemplate" type="text/x-handlebars-template">
{{#each motd}}
<div class="alert alert-{{this.level}}" role="alert">{{this.message}}</div>
<div class="alert alert-{{this.level}}" role="alert">{{ linkify this.message }}</div>
{{/each}}
</script>
<div id="MOTD"></div>

8
html/motd.js
View File

@ -4,6 +4,14 @@ var dsource = document.getElementById("MOTDTemplate").innerHTML;
// Handlebars compiles the above source into a template
var dtemplate = Handlebars.compile(dsource);
Handlebars.registerHelper('linkify', function(str) {
var pattern1 = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
var str1 = str.replace(pattern1, '<a target="_blank" href="$1">$1</a>');
var pattern2 =/(^|[^\/])(www\.[\S]+(\b|$))/gim;
var str2 = str1.replace(pattern2, '$1<a target="_blank" href="http://$2">$2</a>');
return new Handlebars.SafeString(str2);
});
$.getJSON("ptg.json", function(json) {
document.getElementById("MOTD").innerHTML = dtemplate(json);
});

2
html/ptg.html
View File

@ -24,7 +24,7 @@
</nav>
<script id="MOTDTemplate" type="text/x-handlebars-template">
{{#each motd}}
<div class="alert alert-{{this.level}}" role="alert">{{this.message}}</div>
<div class="alert alert-{{this.level}}" role="alert">{{ linkify this.message }}</div>
{{/each}}
</script>
<div id="MOTD"></div>