templates
/
KiBot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[KiRi] Changed to make newer green 

So we get green/red like with other diff tools
This commit is contained in:
Salvador E. Tropea 2023-12-01 13:09:26 -03:00
parent a40ca80ead
commit e06089cfcd
3 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
kibot/resources/kiri/index.html
View File

@ -98,7 +98,7 @@
<div class="col no-gutters" style="width: 100%; height: 90%; padding: 0px 0px 0px 0px; margin: 0px;"> <div class="col no-gutters" style="width: 100%; height: 90%; padding: 0px 0px 0px 0px; margin: 0px;">
<div id="legend" class="rounded no-gutters" style="background-color: #222; width: 100%; padding: 8px 5px 8px 5px; margin: 0px;"> <div id="legend" class="rounded no-gutters" style="background-color: #222; width: 100%; padding: 8px 5px 8px 5px; margin: 0px;">
<iframe name="hidden_post_target" class="hidden_iframe"></iframe> <iframe name="hidden_post_target" class="hidden_iframe"></iframe>
<span id=commit1_legend style="margin-left:0.5em; margin-right:0.2em; color: #00FFFF; width: 10px; height: 10px;" class="iconify" data-icon="teenyicons-square-solid"></span> <span id=commit1_legend style="margin-left:0.5em; margin-right:0.2em; color: #00FF00; width: 10px; height: 10px;" class="iconify" data-icon="teenyicons-square-solid"></span>
<small id="commit1_legend_text" class="text-sm text-light"> <small id="commit1_legend_text" class="text-sm text-light">
Newer Newer
<span class="text-monospace"> <span class="text-monospace">
@ -110,7 +110,7 @@
</span> </span>
</small> </small>
<span style="display: inline; width: 2em;"></span> <span style="display: inline; width: 2em;"></span>
<span id="commit2_legend" style="display: inline; margin-left:1em; margin-right:0.2em; color: #880808; width: 10px; height: 10px;" class="iconify" data-icon="teenyicons-square-solid"></span> <span id="commit2_legend" style="display: inline; margin-left:1em; margin-right:0.2em; color: #FF0000; width: 10px; height: 10px;" class="iconify" data-icon="teenyicons-square-solid"></span>
<small id="commit2_legend_text" class="text-sm text-light"> <small id="commit2_legend_text" class="text-sm text-light">
Older Older
<span class="text-monospace"> <span class="text-monospace">
@ -121,7 +121,7 @@
</form> </form>
</span> </span>
</small> </small>
<span id="commit3_legend" style="margin-left:1em; margin-right:0.2em; color: #807F7F; width: 10px; height: 10px;" class="iconify" data-icon="teenyicons-square-solid"></span> <span id="commit3_legend" style="margin-left:1em; margin-right:0.2em; color: #FFA000; width: 10px; height: 10px;" class="iconify" data-icon="teenyicons-square-solid"></span>
<small id="commit3_legend_text" class="text-sm text-light"> <small id="commit3_legend_text" class="text-sm text-light">
Unchanged Unchanged
</small> </small>

2
kibot/resources/kiri/kiri.css
View File

@ -144,7 +144,7 @@ html, body {
#diff-container { #diff-container {
/* border: 1px solid #111;*/ /* border: 1px solid #111;*/
margin-top: 15px; margin-top: 15px;
background-color: #222; background-color: #000000;
border-radius: 5px; border-radius: 5px;
} }

38
kibot/resources/kiri/kiri.js
View File

@ -208,16 +208,16 @@ function reset_commits_selection()
$("#commit1_legend_text").css('visibility', 'visible'); $("#commit1_legend_text").css('visibility', 'visible');
$("#commit1_legend_fs").css('visibility', 'visible'); $("#commit1_legend_fs").css('visibility', 'visible');
$("#commit1_legend_text_fs").css('visibility', 'visible'); $("#commit1_legend_text_fs").css('visibility', 'visible');
$("#commit1_legend").css('color', '#00FFFF'); $("#commit1_legend").css('color', '#00FF00');
$("#commit1_legend_fs").css('color', '#00FFFF'); $("#commit1_legend_fs").css('color', '#00FF00');
$("#diff-xlink-2").css('visibility', 'visible') $("#diff-xlink-2").css('visibility', 'visible')
$("#commit2_legend").css('visibility', 'visible'); $("#commit2_legend").css('visibility', 'visible');
$("#commit2_legend_text").css('visibility', 'visible'); $("#commit2_legend_text").css('visibility', 'visible');
$("#commit2_legend_fs").css('visibility', 'visible'); $("#commit2_legend_fs").css('visibility', 'visible');
$("#commit2_legend_text_fs").css('visibility', 'visible'); $("#commit2_legend_text_fs").css('visibility', 'visible');
$("#commit2_legend").css('color', '#880808'); $("#commit2_legend").css('color', '#FF0000');
$("#commit2_legend_fs").css('color', '#880808'); $("#commit2_legend_fs").css('color', '#FF0000');
$("#commit3_legend").css('visibility', 'visible'); $("#commit3_legend").css('visibility', 'visible');
$("#commit3_legend_text").css('visibility', 'visible'); $("#commit3_legend_text").css('visibility', 'visible');
@ -290,10 +290,10 @@ function toggle_old_commit_visibility()
$("#diff-xlink-1").css('filter', 'url(#filter-1)') /// FILTER_DEFAULT $("#diff-xlink-1").css('filter', 'url(#filter-1)') /// FILTER_DEFAULT
$("#diff-xlink-2").css('filter', 'url(#filter-2)') /// FILTER_DEFAULT $("#diff-xlink-2").css('filter', 'url(#filter-2)') /// FILTER_DEFAULT
$("#commit1_legend").css('color', '#00FFFF'); $("#commit1_legend").css('color', '#00FF00');
$("#commit1_legend_fs").css('color', '#00FFFF'); $("#commit1_legend_fs").css('color', '#00FF00');
$("#commit2_legend").css('color', '#880808'); $("#commit2_legend").css('color', '#FF0000');
$("#commit2_legend_fs").css('color', '#880808'); $("#commit2_legend_fs").css('color', '#FF0000');
} }
} }
@ -346,10 +346,10 @@ function toggle_new_commit_visibility()
$("#diff-xlink-1").css('filter', 'url(#filter-1)') /// FILTER_DEFAULT $("#diff-xlink-1").css('filter', 'url(#filter-1)') /// FILTER_DEFAULT
$("#diff-xlink-2").css('filter', 'url(#filter-2)') /// FILTER_DEFAULT $("#diff-xlink-2").css('filter', 'url(#filter-2)') /// FILTER_DEFAULT
$("#commit1_legend").css('color', '#00FFFF'); $("#commit1_legend").css('color', '#00FF00');
$("#commit1_legend_fs").css('color', '#00FFFF'); $("#commit1_legend_fs").css('color', '#00FF00');
$("#commit2_legend").css('color', '#880808'); $("#commit2_legend").css('color', '#FF0000');
$("#commit2_legend_fs").css('color', '#880808'); $("#commit2_legend_fs").css('color', '#FF0000');
} }
} }
@ -1300,13 +1300,13 @@ function createNewEmbed(src1, src2)
<feColorMatrix in=SourceGraphic type="matrix" <feColorMatrix in=SourceGraphic type="matrix"
values="1.0 0.0 0.0 0.0 0.0 values="1.0 0.0 0.0 0.0 0.0
0.0 1.0 0.0 1.0 0.0 0.0 1.0 0.0 1.0 0.0
0.0 0.0 1.0 1.0 0.0 0.0 0.0 1.0 0.0 0.0
0.0 0.0 0.0 1.0 0.0"> 0.0 0.0 0.0 0.5 0.0">
</filter> </filter>
<filter id="filter-12"> <filter id="filter-12">
<feColorMatrix in=SourceGraphic type="matrix" <feColorMatrix in=SourceGraphic type="matrix"
values="-1.0 0.0 0.0 1.0 1.0 values="-1.0 0.0 0.0 0.0 1.0
0.0 -1.0 0.0 0.0 1.0 0.0 -1.0 0.0 1.0 1.0
0.0 0.0 -1.0 0.0 1.0 0.0 0.0 -1.0 0.0 1.0
0.0 0.0 0.0 0.6 0.0"> 0.0 0.0 0.0 0.6 0.0">
</filter> </filter>
@ -1485,21 +1485,21 @@ function update_fullscreen_label()
{ {
label = ` label = `
<div id="fullscreen_label" class="alert alert-dark border border-dark rounded-pill position-absolute top-10 start-50 translate-middle" style="background-color: #333;" role="alert"> <div id="fullscreen_label" class="alert alert-dark border border-dark rounded-pill position-absolute top-10 start-50 translate-middle" style="background-color: #333;" role="alert">
<span id=commit1_legend_fs style="margin-left:0em; margin-right:0.2em; color: #00FFFF; width: 10px; height: 10px;" class="iconify" data-icon="teenyicons-square-solid"></span> <span id=commit1_legend_fs style="margin-left:0em; margin-right:0.2em; color: #00FF00; width: 10px; height: 10px;" class="iconify" data-icon="teenyicons-square-solid"></span>
<small id=commit1_legend_text_fs class="text-sm text-light"> <small id=commit1_legend_text_fs class="text-sm text-light">
Newer Newer
<span id="commit1_fs" class="text-monospace">(<a id="commit1_legend_hash">${commit1}</a>)</span> <span id="commit1_fs" class="text-monospace">(<a id="commit1_legend_hash">${commit1}</a>)</span>
</small> </small>
<span style="display: inline; width: 3em;"></span> <span style="display: inline; width: 3em;"></span>
<span id="commit2_legend_fs" style="display: inline; margin-left:1em; margin-right:0.2em; color: #880808; width: 10px; height: 10px;" class="iconify" data-icon="teenyicons-square-solid"></span> <span id="commit2_legend_fs" style="display: inline; margin-left:1em; margin-right:0.2em; color: #FF0000; width: 10px; height: 10px;" class="iconify" data-icon="teenyicons-square-solid"></span>
<small id=commit2_legend_text_fs class="text-sm text-light"> <small id=commit2_legend_text_fs class="text-sm text-light">
Older Older
<span id="commit2_fs" class="text-monospace">(<a id="commit2_legend_hash">${commit2}</a>)</span> <span id="commit2_fs" class="text-monospace">(<a id="commit2_legend_hash">${commit2}</a>)</span>
</small> </small>
<span style="display: inline; width: 3em;"></span> <span style="display: inline; width: 3em;"></span>
<span id="commit3_legend_fs" style="margin-left:1em; margin-right:0.2em; color: #807F7F; width: 10px; height: 10px;" class="iconify" data-icon="teenyicons-square-solid"></span> <span id="commit3_legend_fs" style="margin-left:1em; margin-right:0.2em; color: #FFA000; width: 10px; height: 10px;" class="iconify" data-icon="teenyicons-square-solid"></span>
<small id="commit3_legend_text_fs" class="text-sm text-light"> <small id="commit3_legend_text_fs" class="text-sm text-light">
Unchanged Unchanged
</small> </small>