Include code in issue + issue body improvements

This creates an auto-checked checkbox next to the 'Create my GitHub
issue'-button that, when checked, includes the camper's code in the body
sent to GitHub when creating a new issue.
Also includes some general improvements to how the way the issue
creation is handled and how the output looks.
This commit is contained in:
ahstro
2015-09-12 19:19:38 +02:00
parent e93901a57f
commit 7f6bcaa704
2 changed files with 45 additions and 6 deletions

View File

@ -80,12 +80,48 @@ $(document).ready(function() {
$('#report-issue').unbind('click');
$('#report-issue').on('click', function() {
var textMessage = 'https://github.com/freecodecamp/freecodecamp/issues/new?&body=Challenge ' + window.location.href + ' has an issue.';
textMessage += ' User Agent is: <code>' + navigator.userAgent + '</code>.';
textMessage += ' Please describe how to reproduce this issue, and include links to screenshots if possible.%0A%0A';
textMessage = textMessage.replace(/;/g, ',');
var textMessage = [
'Challenge [',
(challenge_Name || challengeName || window.location.href),
'](',
window.location.href,
') has an issue.\n',
'User Agent is: <code>',
navigator.userAgent,
'</code>.\n',
'Please describe how to reproduce this issue, and include ',
'links to screenshots if possible.\n\n'
].join('');
if ($('#include-code').prop('checked')) {
var type;
switch (challengeType) {
case challengeTypes.HTML_CSS_JQ:
type = 'html';
break;
case challengeTypes.JAVASCRIPT:
type = 'javascript';
break;
default:
type = '';
}
textMessage += [
'Camper\'s code:\n```',
type,
'\n',
editor.getValue(),
'\n```'
].join('');
}
textMessage = encodeURIComponent(textMessage);
$('#issue-modal').modal('hide');
window.open(textMessage, '_blank');
window.open(
'https://github.com/freecodecamp/freecodecamp/issues/new?&body=' +
textMessage, '_blank'
);
});
$('#completed-courseware').unbind('click');

View File

@ -21,7 +21,10 @@
h3 Before you submit a new issue, read "Help I've Found a Bug" and browse other issues with this challenge.
a.btn.btn-lg.btn-success.btn-block#help-ive-found-a-bug-wiki-article(name='_csrf', value=_csrf) Read "Help I've Found a Bug"
a.btn.btn-lg.btn-success.btn-block#search-issue(name='_csrf', value=_csrf) Browse other issues with this challenge
a.btn.btn-lg.btn-primary.btn-block#report-issue(name='_csrf', value=_csrf) Create my GitHub issue
.btn-group.btn-block
a.btn.btn-lg.btn-primary.col-sm-11.col-xs-10.p-l-lg#report-issue(name='_csrf', value=_csrf) Create my GitHub issue
.btn.btn-lg.btn-primary.col-sm-1.col-xs-2
input(type="checkbox" title="Include code" checked)#include-code
a.btn.btn-lg.btn-info.btn-block(href='#', data-dismiss='modal', aria-hidden='true') Cancel
#help-modal.modal(tabindex='-1')