diff.html.in 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
  7. <title>@title@</title>
  8. <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.11.0/styles/github.min.css">
  9. <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/diff2html/2.3.0/diff2html.min.css">
  10. <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans' />
  11. </head>
  12. <body style="font-family: 'Open Sans'">
  13. <h1>@title@</h1>
  14. <p>@description@</p>
  15. <p>Download <a id="patchdownload" href="#">changes.patch</a> which can be applied with <code>git apply changes.patch</code>.</p>
  16. <div id="diffsource" style="display:none"><!--<![CDATA[
  17. @diffdata@
  18. ]]>-->
  19. </div>
  20. <div id="diff">Loading ...</div>
  21. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.js"></script>
  22. <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.11.0/highlight.min.js"></script>
  23. <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.11.0/languages/cs.min.js"></script>
  24. <script src="https://cdnjs.cloudflare.com/ajax/libs/diff2html/2.3.0/diff2html.min.js"></script>
  25. <script src="https://cdnjs.cloudflare.com/ajax/libs/diff2html/2.3.0/diff2html-ui.min.js"></script>
  26. <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.3/FileSaver.min.js"></script>
  27. <script>
  28. $(document).ready(function() {
  29. var diffText = $("#diffsource")[0].childNodes[0].nodeValue;
  30. $("#diffsource").remove();
  31. diffText = diffText.substring(10, diffText.length - 3);
  32. if (diffText.length == 0) {
  33. $("#diff").text("No changes found.");
  34. return;
  35. }
  36. $("#patchdownload").click(function() {
  37. var blob = new Blob([diffText], { type: "text/plain;charset=utf-8;" });
  38. saveAs(blob, "changes.patch");
  39. });
  40. var diff2htmlUi = new Diff2HtmlUI({diff: diffText});
  41. diff2htmlUi.draw('#diff', {showFiles: true, matching: 'none'});
  42. setTimeout(function() {
  43. diff2htmlUi.highlightCode('#diff');
  44. }, 100);
  45. });
  46. </script>
  47. </body>
  48. </html>