luciano/diff2html
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
diff2html/website/templates/pages/demo/demo.partial.mustache

97 lines
5.9 KiB
Text
Raw Normal View History

Add Light Review to project using diff2html and use octicons for ?
2016-10-12 22:33:50 +00:00
<h1>Diff Prettifier <a href="#help">
<svg height="32" class="octicon octicon-unverified" viewBox="0 0 16 16" version="1.1" width="64" aria-hidden="true">
<path
d="M15.67 7.06l-1.08-1.34c-.17-.22-.28-.48-.31-.77l-.19-1.7a1.51 1.51 0 0 0-1.33-1.33l-1.7-.19c-.3-.03-.56-.16-.78-.33L8.94.32c-.55-.44-1.33-.44-1.88 0L5.72 1.4c-.22.17-.48.28-.77.31l-1.7.19c-.7.08-1.25.63-1.33 1.33l-.19 1.7c-.03.3-.16.56-.33.78L.32 7.05c-.44.55-.44 1.33 0 1.88l1.08 1.34c.17.22.28.48.31.77l.19 1.7c.08.7.63 1.25 1.33 1.33l1.7.19c.3.03.56.16.78.33l1.34 1.08c.55.44 1.33.44 1.88 0l1.34-1.08c.22-.17.48-.28.77-.31l1.7-.19c.7-.08 1.25-.63 1.33-1.33l.19-1.7c.03-.3.16-.56.33-.78l1.08-1.34c.44-.55.44-1.33 0-1.88zM9 11.5c0 .28-.22.5-.5.5h-1c-.27 0-.5-.22-.5-.5v-1c0-.28.23-.5.5-.5h1c.28 0 .5.22.5.5v1zm1.56-4.89c-.06.17-.17.33-.3.47-.13.16-.14.19-.33.38-.16.17-.31.3-.52.45-.11.09-.2.19-.28.27-.08.08-.14.17-.19.27-.05.1-.08.19-.11.3-.03.11-.03.13-.03.25H7.13c0-.22 0-.31.03-.48.03-.19.08-.36.14-.52.06-.14.14-.28.25-.42.11-.13.23-.25.41-.38.27-.19.36-.3.48-.52.12-.22.2-.38.2-.59 0-.27-.06-.45-.2-.58-.13-.13-.31-.19-.58-.19-.09 0-.19.02-.3.05-.11.03-.17.09-.25.16-.08.07-.14.11-.2.2a.41.41 0 0 0-.09.28h-2c0-.38.13-.56.27-.83.16-.27.36-.5.61-.67.25-.17.55-.3.88-.38.33-.08.7-.13 1.09-.13.44 0 .83.05 1.17.13.34.09.63.22.88.39.23.17.41.38.55.63.13.25.19.55.19.88 0 .22 0 .42-.08.59l-.02-.01z"></path>
</svg>
</a>
</h1>
Add support for online diff prettifier * Initial support for GitHub, Bitbucket and GitLab urls * Also support any Git or unified diffs urls * Special thanks to @kevinsimper for the idea
2016-10-09 22:01:01 +00:00
<p>GitHub, Bitbucket and GitLab commit and pull request compatible</p>
<p>Just paste the GitHub, Bitbucket or GitLab commit, pull request or merge request url
or any other git or unified compatible diff and we will render a pretty html representation of it
with code syntax highlight and line similarity matching for better code reviews.
</p>
Improve usability of the options
2016-10-12 22:17:39 +00:00
<h2>Options:</h2>
Fix mobile view
2016-10-15 20:47:32 +00:00
<div class="row">
<div class="col-md-2 col-xs-12 col-15">
<label title="Output format of the HTML, either line by line or side by side">Output Format
<select class="options-label-value" id="diff-url-options-output-format" name="outputFormat">
<option value="line-by-line" selected>Line by Line</option>
<option value="side-by-side">Side by Side</option>
</select>
</label>
</div>
<div class=" col-md-2 col-xs-12 col-15">
<label title="Show the file list summary before the diff">File Summary
wip: tweaks to website
2019-10-13 18:21:19 +00:00
<input class="options-label-value" id="diff-url-options-show-files" type="checkbox" name="drawFileList" checked/>
Fix mobile view
2016-10-15 20:47:32 +00:00
</label>
</div>
<div class=" col-md-2 col-xs-12 col-15">
<label title="Level of matching for the comparison algorithm">Matching Type
<select class="options-label-value" id="diff-url-options-matching" name="matching">
<option value="lines">Lines</option>
<option value="words" selected>Words</option>
<option value="none">None</option>
</select>
</label>
</div>
<div class=" col-md-2 col-xs-12 col-15">
<label title="Similarity threshold for the matching algorithm">Words Threshold
<input class="options-label-value" id="diff-url-options-match-words-threshold" type="number"
name="matchWordsThreshold" value="0.25" step="0.05"
min="0" max="1"/>
</label>
</div>
<div class=" col-md-2 col-xs-12 col-15">
<label title="Maximum number of comparison performed by the matching algorithm in a block of changes">Max
Comparisons
<input class="options-label-value" id="diff-url-options-matching-max-comparisons" type="number"
name="matchingMaxComparisons" value="2500"
step="100" min="0"/>
</label>
</div>
Add diff output options
2016-10-12 21:52:59 +00:00
</div>
Add support for online diff prettifier * Initial support for GitHub, Bitbucket and GitLab urls * Also support any Git or unified diffs urls * Special thanks to @kevinsimper for the idea
2016-10-09 22:01:01 +00:00
<br>
<div class="diff-url-wrapper">
<input id="url" class="diff-url-input" type="text" name="url" placeholder="URL"/>
Improve usability of the options
2016-10-12 22:17:39 +00:00
<a id="url-btn" class="diff-url-btn btn btn-sm" href="#">Load</a>
Add support for online diff prettifier * Initial support for GitHub, Bitbucket and GitLab urls * Also support any Git or unified diffs urls * Special thanks to @kevinsimper for the idea
2016-10-09 22:01:01 +00:00
</div>
<br>
Add diff output options
2016-10-12 21:52:59 +00:00
<div id="url-diff-container" style="margin: 0 auto;">
Add support for online diff prettifier * Initial support for GitHub, Bitbucket and GitLab urls * Also support any Git or unified diffs urls * Special thanks to @kevinsimper for the idea
2016-10-09 22:01:01 +00:00
</div>
<br>
<h3 id="help">Help:</h3>
<ul>
<li>
<b>Why should I use this instead of GitHub, Bitbucket or GitLab?</b>
<p>Code Syntax Highlight</p>
<p>Line similarity match (similar lines are together)</p>
Use minified assets
2016-10-12 22:47:12 +00:00
<p>Line by Line and Side by Side diffs</p>
Add support for online diff prettifier * Initial support for GitHub, Bitbucket and GitLab urls * Also support any Git or unified diffs urls * Special thanks to @kevinsimper for the idea
2016-10-09 22:01:01 +00:00
<p>Supports any git and unified compatible diffs</p>
<p>Easy code selection</p>
</li>
<li>
<b>What urls are supported?</b>
<p>Any GitHub, Bitbucket or GitLab Commit, Pull Request or Merge Request urls.</p>
<p>Any Git or Unified Raw Diff or Patch urls.</p>
</li>
<li>
<b>Can I send a custom url for a friend, colleague or co-worker?</b>
Add diff output options
2016-10-12 21:52:59 +00:00
<p>Just add a url parameter called diff to current url using as value your Commit, Pull Request, Merge Request, Diff
or Patch url.</p>
wip: tweaks to website
2019-10-13 18:21:19 +00:00
<p>ex: <a href="demo.html">https://diff2html.xyz/demo.html</a>
Add diff output options
2016-10-12 21:52:59 +00:00
</p>
Add support for online diff prettifier * Initial support for GitHub, Bitbucket and GitLab urls * Also support any Git or unified diffs urls * Special thanks to @kevinsimper for the idea
2016-10-09 22:01:01 +00:00
</li>
<li>
<b>Why can't I paste a diff?</b>
Add diff output options
2016-10-12 21:52:59 +00:00
<p><a href="https://diffy.org/">diffy.org</a> is an amazing tool created by <a
href="https://github.com/pbu88">pbu88</a>
Add support for online diff prettifier * Initial support for GitHub, Bitbucket and GitLab urls * Also support any Git or unified diffs urls * Special thanks to @kevinsimper for the idea
2016-10-09 22:01:01 +00:00
to share your diffs and uses diff2html under the hood.</p>
<p>Also, diff2html cli can directly publish diffs to <a href="https://diffy.org/">diffy.org</a></p>
</li>
</ul>
<br>
<h3>Thank you</h3>
<p>I want to thank <a href="https://github.com/kevinsimper">kevinsimper</a> for this great idea,
providing better diff support for existing online services.
</p>
Reference in a new issue Copy permalink