From b1c1e1549b50bbd5929e2c4dd72a1dbf4b511b50 Mon Sep 17 00:00:00 2001
From: 6543 <24977596+6543@users.noreply.github.com>
Date: Mon, 21 Oct 2019 09:51:24 +0200
Subject: [PATCH] Ensure that diff stats can scroll independently of the diff
(#8581)
This PR ensures that once opened the diff stats detail box can be scrolled independently of the diff on the compare page.
Fixes #5532
Details:
* make diff-detail-box the main container
* move file diff at the same level as diff-stats
* make diff-view options sticy again
* make diff-stats scroll if to mouch
* rm useless css info
* less: mv diff-stats to own class
* use new css class
* cleanup less file
* diff-counter: margin-right: 15px;
* make CI work
* make numbers colorful
* add sign (-/+) to numbers
---
public/css/index.css | 7 +-
public/less/_repository.less | 43 ++++--
templates/repo/diff/box.tmpl | 345 +++++++++++++++++++++----------------------
3 files changed, 205 insertions(+), 190 deletions(-)
diff --git a/public/css/index.css b/public/css/index.css
index 7c881bb274..03a199d0b9 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -667,8 +667,6 @@ i.icon.centerlock{top:1.5em}
.repository #commits-table td.sha .sha.label.isSigned.isVerified:hover,.repository #repo-files-table .sha.label.isSigned.isVerified:hover{background:rgba(33,186,69,.3)!important}
.repository .diff-detail-box{padding:7px 0;background:#fff;line-height:30px}
.repository .diff-detail-box>div:after{clear:both;content:"";display:block}
-.repository .diff-detail-box ol{clear:both;padding-left:0;margin-top:5px;margin-bottom:28px}
-.repository .diff-detail-box ol li{list-style:none;padding-bottom:4px;margin-bottom:4px;border-bottom:1px dashed #ddd;padding-left:6px}
.repository .diff-detail-box span.status{display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:middle}
.repository .diff-detail-box span.status.modify{background-color:#f0db88}
.repository .diff-detail-box span.status.add{background-color:#b4e2b4}
@@ -705,6 +703,11 @@ i.icon.centerlock{top:1.5em}
.repository .diff-file-box.file-content{clear:right}
.repository .diff-file-box.file-content img{max-width:100%;padding:5px 5px 0 5px}
.repository .diff-file-box.file-content img.emoji{padding:0}
+.repository .diff-stats{clear:both;margin-bottom:5px;max-height:400px;overflow:auto;padding-left:0}
+.repository .diff-stats li{list-style:none;padding-bottom:4px;margin-bottom:4px;border-bottom:1px dashed #ddd;padding-left:6px}
+.repository .diff-stats .diff-counter{margin-right:15px}
+.repository .diff-stats .diff-counter .del{color:red}
+.repository .diff-stats .diff-counter .add{color:green}
.repository .repo-search-result{padding-top:10px;padding-bottom:10px}
.repository .repo-search-result .lines-num a{color:inherit}
.repository.quickstart .guide .item{padding:1em}
diff --git a/public/less/_repository.less b/public/less/_repository.less
index 3586eeccf0..33ee5761c4 100644
--- a/public/less/_repository.less
+++ b/public/less/_repository.less
@@ -1246,21 +1246,6 @@
display: block;
}
- ol {
- clear: both;
- padding-left: 0;
- margin-top: 5px;
- margin-bottom: 28px;
-
- li {
- list-style: none;
- padding-bottom: 4px;
- margin-bottom: 4px;
- border-bottom: 1px dashed #dddddd;
- padding-left: 6px;
- }
- }
-
span.status {
display: inline-block;
width: 12px;
@@ -1475,6 +1460,34 @@
}
}
+ .diff-stats {
+
+ clear: both;
+ margin-bottom: 5px;
+ max-height: 400px;
+ overflow: auto;
+ padding-left: 0;
+
+ li {
+ list-style: none;
+ padding-bottom: 4px;
+ margin-bottom: 4px;
+ border-bottom: 1px dashed #dddddd;
+ padding-left: 6px;
+ }
+
+ .diff-counter {
+ margin-right: 15px;
+
+ .del {
+ color: red;
+ }
+ .add {
+ color: green;
+ }
+ }
+ }
+
.repo-search-result {
padding-top: 10px;
padding-bottom: 10px;
diff --git a/templates/repo/diff/box.tmpl b/templates/repo/diff/box.tmpl
index 0179af2a51..a12fc9bd4b 100644
--- a/templates/repo/diff/box.tmpl
+++ b/templates/repo/diff/box.tmpl
@@ -16,8 +16,8 @@
</div>
<h4>{{.i18n.Tr "repo.diff.data_not_available"}}</h4>
{{else}}
- <div class="diff-detail-box diff-box ui sticky">
- <div>
+ <div>
+ <div class="diff-detail-box diff-box ui sticky">
<i class="fa fa-retweet"></i>
{{.i18n.Tr "repo.diff.stats_desc" .Diff.NumFiles .Diff.TotalAddition .Diff.TotalDeletion | Str2html}}
<div class="ui right">
@@ -32,17 +32,17 @@
{{end}}
</div>
</div>
- <ol class="detail-files hide" id="diff-files">
+ <ol class="diff-detail-box diff-stats detail-files hide" id="diff-files">
{{range .Diff.Files}}
<li>
<div class="diff-counter count pull-right">
{{if not .IsBin}}
- <span class="add" data-line="{{.Addition}}">{{.Addition}}</span>
+ <span class="add" data-line="{{.Addition}}">+{{.Addition}}</span>
<span class="bar">
<div class="pull-left add"></div>
<div class="pull-left del"></div>
</span>
- <span class="del" data-line="{{.Deletion}}">{{.Deletion}}</span>
+ <span class="del" data-line="{{.Deletion}}">-{{.Deletion}}</span>
{{else}}
<span>{{$.i18n.Tr "repo.diff.bin"}}</span>
{{end}}
@@ -53,188 +53,187 @@
</li>
{{end}}
</ol>
- </div>
-
- {{range $i, $file := .Diff.Files}}
- {{if $file.IsIncomplete}}
- <div class="diff-file-box diff-box file-content">
- <h4 class="ui top attached normal header rounded">
- <div class="diff-counter count ui left">
- {{if not $file.IsRenamed}}
- <span class="add" data-line="{{.Addition}}">+ {{.Addition}}</span>
- <span class="bar">
- <div class="pull-left add"></div>
- <div class="pull-left del"></div>
- </span>
- <span class="del" data-line="{{.Deletion}}">- {{.Deletion}}</span>
- {{end}}
- </div>
- <span class="file">{{$file.Name}}</span>
- <div>{{$.i18n.Tr "repo.diff.file_suppressed"}}</div>
- {{if not $file.IsSubmodule}}
- {{if $file.IsDeleted}}
- <a class="ui basic grey tiny button" rel="nofollow" href="{{EscapePound $.BeforeSourcePath}}/{{EscapePound .Name}}">{{$.i18n.Tr "repo.diff.view_file"}}</a>
- {{else}}
- <a class="ui basic grey tiny button" rel="nofollow" href="{{EscapePound $.SourcePath}}/{{EscapePound .Name}}">{{$.i18n.Tr "repo.diff.view_file"}}</a>
- {{end}}
- {{end}}
- </h4>
- </div>
- {{else}}
- <div class="diff-file-box diff-box file-content {{TabSizeClass $.Editorconfig $file.Name}}" id="diff-{{.Index}}">
- <h4 class="ui top attached normal header">
- <div class="diff-counter count">
- {{if $file.IsBin}}
- {{$.i18n.Tr "repo.diff.bin"}}
- {{else if not $file.IsRenamed}}
- <span class="add" data-line="{{.Addition}}">+ {{.Addition}}</span>
- <span class="bar">
- <div class="pull-left add"></div>
- <div class="pull-left del"></div>
- </span>
- <span class="del" data-line="{{.Deletion}}">- {{.Deletion}}</span>
- {{end}}
- </div>
- <span class="file">{{if $file.IsRenamed}}{{$file.OldName}} → {{end}}{{$file.Name}}{{if .IsLFSFile}} ({{$.i18n.Tr "repo.stored_lfs"}}){{end}}</span>
- {{if not $file.IsSubmodule}}
- {{if $file.IsDeleted}}
- <a class="ui basic grey tiny button" rel="nofollow" href="{{EscapePound $.BeforeSourcePath}}/{{EscapePound .Name}}">{{$.i18n.Tr "repo.diff.view_file"}}</a>
- {{else}}
- <a class="ui basic grey tiny button" rel="nofollow" href="{{EscapePound $.SourcePath}}/{{EscapePound .Name}}">{{$.i18n.Tr "repo.diff.view_file"}}</a>
+ {{range $i, $file := .Diff.Files}}
+ {{if $file.IsIncomplete}}
+ <div class="diff-file-box diff-box file-content">
+ <h4 class="ui top attached normal header rounded">
+ <div class="diff-counter count ui left">
+ {{if not $file.IsRenamed}}
+ <span class="add" data-line="{{.Addition}}">+ {{.Addition}}</span>
+ <span class="bar">
+ <div class="pull-left add"></div>
+ <div class="pull-left del"></div>
+ </span>
+ <span class="del" data-line="{{.Deletion}}">- {{.Deletion}}</span>
+ {{end}}
+ </div>
+ <span class="file">{{$file.Name}}</span>
+ <div>{{$.i18n.Tr "repo.diff.file_suppressed"}}</div>
+ {{if not $file.IsSubmodule}}
+ {{if $file.IsDeleted}}
+ <a class="ui basic grey tiny button" rel="nofollow" href="{{EscapePound $.BeforeSourcePath}}/{{EscapePound .Name}}">{{$.i18n.Tr "repo.diff.view_file"}}</a>
+ {{else}}
+ <a class="ui basic grey tiny button" rel="nofollow" href="{{EscapePound $.SourcePath}}/{{EscapePound .Name}}">{{$.i18n.Tr "repo.diff.view_file"}}</a>
+ {{end}}
{{end}}
- {{end}}
- </h4>
- <div class="ui attached unstackable table segment">
- {{if ne $file.Type 4}}
- {{$isImage := false}}
- {{if $file.IsDeleted}}
- {{$isImage = (call $.IsImageFileInBase $file.Name)}}
- {{else}}
- {{$isImage = (call $.IsImageFileInHead $file.Name)}}
+ </h4>
+ </div>
+ {{else}}
+ <div class="diff-file-box diff-box file-content {{TabSizeClass $.Editorconfig $file.Name}}" id="diff-{{.Index}}">
+ <h4 class="ui top attached normal header">
+ <div class="diff-counter count">
+ {{if $file.IsBin}}
+ {{$.i18n.Tr "repo.diff.bin"}}
+ {{else if not $file.IsRenamed}}
+ <span class="add" data-line="{{.Addition}}">+ {{.Addition}}</span>
+ <span class="bar">
+ <div class="pull-left add"></div>
+ <div class="pull-left del"></div>
+ </span>
+ <span class="del" data-line="{{.Deletion}}">- {{.Deletion}}</span>
+ {{end}}
+ </div>
+ <span class="file">{{if $file.IsRenamed}}{{$file.OldName}} → {{end}}{{$file.Name}}{{if .IsLFSFile}} ({{$.i18n.Tr "repo.stored_lfs"}}){{end}}</span>
+ {{if not $file.IsSubmodule}}
+ {{if $file.IsDeleted}}
+ <a class="ui basic grey tiny button" rel="nofollow" href="{{EscapePound $.BeforeSourcePath}}/{{EscapePound .Name}}">{{$.i18n.Tr "repo.diff.view_file"}}</a>
+ {{else}}
+ <a class="ui basic grey tiny button" rel="nofollow" href="{{EscapePound $.SourcePath}}/{{EscapePound .Name}}">{{$.i18n.Tr "repo.diff.view_file"}}</a>
+ {{end}}
{{end}}
- <div class="file-body file-code code-view code-diff {{if $.IsSplitStyle}}code-diff-split{{else}}code-diff-unified{{end}}">
- <table>
- <tbody>
- {{if $isImage}}
- {{template "repo/diff/image_diff" dict "file" . "root" $}}
- {{else}}
- {{if $.IsSplitStyle}}
- {{$highlightClass := $file.GetHighlightClass}}
- {{range $j, $section := $file.Sections}}
- {{range $k, $line := $section.Lines}}
- <tr class="{{DiffLineTypeToStr .GetType}}-code nl-{{$k}} ol-{{$k}}">
- <td class="lines-num lines-num-old" data-line-num="{{if $line.LeftIdx}}{{$line.LeftIdx}}{{end}}"><span rel="{{if $line.LeftIdx}}diff-{{Sha1 $file.Name}}L{{$line.LeftIdx}}{{end}}"></span></td>
- <td class="lines-type-marker lines-type-marker-old">{{if $line.LeftIdx}}<span class="mono" data-type-marker="{{$line.GetLineTypeMarker}}"></span>{{end}}</td>
- <td class="lines-code lines-code-old halfwidth">{{if and $.SignedUserID $line.CanComment $.PageIsPullFiles (not (eq .GetType 2))}}<a class="ui green button add-code-comment add-code-comment-left" data-path="{{$file.Name}}" data-side="left" data-idx="{{$line.LeftIdx}}">+</a>{{end}}<span class="mono wrap{{if $highlightClass}} language-{{$highlightClass}}{{else}} nohighlight{{end}}">{{if $line.LeftIdx}}{{$section.GetComputedInlineDiffFor $line}}{{end}}</span></td>
- <td class="lines-num lines-num-new" data-line-num="{{if $line.RightIdx}}{{$line.RightIdx}}{{end}}"><span rel="{{if $line.RightIdx}}diff-{{Sha1 $file.Name}}R{{$line.RightIdx}}{{end}}"></span></td>
- <td class="lines-type-marker lines-type-marker-new">{{if $line.RightIdx}}<span class="mono" data-type-marker="{{$line.GetLineTypeMarker}}"></span>{{end}}</td>
- <td class="lines-code lines-code-new halfwidth">{{if and $.SignedUserID $line.CanComment $.PageIsPullFiles (not (eq .GetType 3))}}<a class="ui green button add-code-comment add-code-comment-right" data-path="{{$file.Name}}" data-side="right" data-idx="{{$line.RightIdx}}">+</a>{{end}}<span class="mono wrap{{if $highlightClass}} language-{{$highlightClass}}{{else}} nohighlight{{end}}">{{if $line.RightIdx}}{{$section.GetComputedInlineDiffFor $line}}{{end}}</span></td>
- </tr>
- {{if gt (len $line.Comments) 0}}
- <tr class="add-code-comment">
- <td class="lines-num"></td>
- <td class="lines-type-marker"></td>
- <td class="add-comment-left">
- {{if eq $line.GetCommentSide "previous"}}
- <div class="field comment-code-cloud">
- <div class="comment-list">
- <ui class="ui comments">
- {{ template "repo/diff/comments" dict "root" $ "comments" $line.Comments}}
- </ui>
+ </h4>
+ <div class="ui attached unstackable table segment">
+ {{if ne $file.Type 4}}
+ {{$isImage := false}}
+ {{if $file.IsDeleted}}
+ {{$isImage = (call $.IsImageFileInBase $file.Name)}}
+ {{else}}
+ {{$isImage = (call $.IsImageFileInHead $file.Name)}}
+ {{end}}
+ <div class="file-body file-code code-view code-diff {{if $.IsSplitStyle}}code-diff-split{{else}}code-diff-unified{{end}}">
+ <table>
+ <tbody>
+ {{if $isImage}}
+ {{template "repo/diff/image_diff" dict "file" . "root" $}}
+ {{else}}
+ {{if $.IsSplitStyle}}
+ {{$highlightClass := $file.GetHighlightClass}}
+ {{range $j, $section := $file.Sections}}
+ {{range $k, $line := $section.Lines}}
+ <tr class="{{DiffLineTypeToStr .GetType}}-code nl-{{$k}} ol-{{$k}}">
+ <td class="lines-num lines-num-old" data-line-num="{{if $line.LeftIdx}}{{$line.LeftIdx}}{{end}}"><span rel="{{if $line.LeftIdx}}diff-{{Sha1 $file.Name}}L{{$line.LeftIdx}}{{end}}"></span></td>
+ <td class="lines-type-marker lines-type-marker-old">{{if $line.LeftIdx}}<span class="mono" data-type-marker="{{$line.GetLineTypeMarker}}"></span>{{end}}</td>
+ <td class="lines-code lines-code-old halfwidth">{{if and $.SignedUserID $line.CanComment $.PageIsPullFiles (not (eq .GetType 2))}}<a class="ui green button add-code-comment add-code-comment-left" data-path="{{$file.Name}}" data-side="left" data-idx="{{$line.LeftIdx}}">+</a>{{end}}<span class="mono wrap{{if $highlightClass}} language-{{$highlightClass}}{{else}} nohighlight{{end}}">{{if $line.LeftIdx}}{{$section.GetComputedInlineDiffFor $line}}{{end}}</span></td>
+ <td class="lines-num lines-num-new" data-line-num="{{if $line.RightIdx}}{{$line.RightIdx}}{{end}}"><span rel="{{if $line.RightIdx}}diff-{{Sha1 $file.Name}}R{{$line.RightIdx}}{{end}}"></span></td>
+ <td class="lines-type-marker lines-type-marker-new">{{if $line.RightIdx}}<span class="mono" data-type-marker="{{$line.GetLineTypeMarker}}"></span>{{end}}</td>
+ <td class="lines-code lines-code-new halfwidth">{{if and $.SignedUserID $line.CanComment $.PageIsPullFiles (not (eq .GetType 3))}}<a class="ui green button add-code-comment add-code-comment-right" data-path="{{$file.Name}}" data-side="right" data-idx="{{$line.RightIdx}}">+</a>{{end}}<span class="mono wrap{{if $highlightClass}} language-{{$highlightClass}}{{else}} nohighlight{{end}}">{{if $line.RightIdx}}{{$section.GetComputedInlineDiffFor $line}}{{end}}</span></td>
+ </tr>
+ {{if gt (len $line.Comments) 0}}
+ <tr class="add-code-comment">
+ <td class="lines-num"></td>
+ <td class="lines-type-marker"></td>
+ <td class="add-comment-left">
+ {{if eq $line.GetCommentSide "previous"}}
+ <div class="field comment-code-cloud">
+ <div class="comment-list">
+ <ui class="ui comments">
+ {{ template "repo/diff/comments" dict "root" $ "comments" $line.Comments}}
+ </ui>
+ </div>
+ {{template "repo/diff/comment_form_datahandler" dict "reply" (index $line.Comments 0).ReviewID "hidden" true "root" $ "comment" (index $line.Comments 0)}}
</div>
- {{template "repo/diff/comment_form_datahandler" dict "reply" (index $line.Comments 0).ReviewID "hidden" true "root" $ "comment" (index $line.Comments 0)}}
- </div>
- {{end}}
- </td>
- <td class="lines-num"></td>
- <td class="lines-type-marker"></td>
- <td class="add-comment-right">
- {{if eq $line.GetCommentSide "proposed"}}
- <div class="field comment-code-cloud">
- <div class="comment-list">
- <ui class="ui comments">
- {{ template "repo/diff/comments" dict "root" $ "comments" $line.Comments}}
- </ui>
+ {{end}}
+ </td>
+ <td class="lines-num"></td>
+ <td class="lines-type-marker"></td>
+ <td class="add-comment-right">
+ {{if eq $line.GetCommentSide "proposed"}}
+ <div class="field comment-code-cloud">
+ <div class="comment-list">
+ <ui class="ui comments">
+ {{ template "repo/diff/comments" dict "root" $ "comments" $line.Comments}}
+ </ui>
+ </div>
+ {{template "repo/diff/comment_form_datahandler" dict "reply" (index $line.Comments 0).ReviewID "hidden" true "root" $ "comment" (index $line.Comments 0)}}
</div>
- {{template "repo/diff/comment_form_datahandler" dict "reply" (index $line.Comments 0).ReviewID "hidden" true "root" $ "comment" (index $line.Comments 0)}}
- </div>
- {{end}}
- </td>
- </tr>
+ {{end}}
+ </td>
+ </tr>
+ {{end}}
{{end}}
{{end}}
+ {{else}}
+ {{template "repo/diff/section_unified" dict "file" . "root" $}}
{{end}}
- {{else}}
- {{template "repo/diff/section_unified" dict "file" . "root" $}}
{{end}}
- {{end}}
- </tbody>
- </table>
- </div>
- {{end}}
+ </tbody>
+ </table>
+ </div>
+ {{end}}
+ </div>
</div>
- </div>
+ {{end}}
+ <br>
{{end}}
- <br>
- {{end}}
- {{if .Diff.IsIncomplete}}
- <div class="diff-file-box diff-box file-content">
- <h4 class="ui top attached normal header">
- {{$.i18n.Tr "repo.diff.too_many_files"}}
- </h4>
- </div>
- {{end}}
+ {{if .Diff.IsIncomplete}}
+ <div class="diff-file-box diff-box file-content">
+ <h4 class="ui top attached normal header">
+ {{$.i18n.Tr "repo.diff.too_many_files"}}
+ </h4>
+ </div>
+ {{end}}
- {{if not $.Repository.IsArchived}}
- <div id="pull_review_add_comment" class="hide">
- {{template "repo/diff/new_comment" dict "root" .}}
- </div>
- <div class="hide" id="edit-content-form">
- <div class="ui comment form">
- <div class="ui top attached tabular menu">
- <a class="active write item">{{$.i18n.Tr "write"}}</a>
- <a class="preview item" data-url="{{$.Repository.APIURL}}/markdown" data-context="{{$.RepoLink}}">{{$.i18n.Tr "preview"}}</a>
- </div>
- <div class="ui bottom attached active write tab segment">
- <textarea tabindex="1" name="content"></textarea>
- </div>
- <div class="ui bottom attached tab preview segment markdown">
- {{$.i18n.Tr "loading"}}
- </div>
- <div class="text right edit buttons">
- <div class="ui basic blue cancel button" tabindex="3">{{.i18n.Tr "repo.issues.cancel"}}</div>
- <div class="ui green save button" tabindex="2">{{.i18n.Tr "repo.issues.save"}}</div>
- </div>
- </div>
- </div>
- {{end}}
+ {{if not $.Repository.IsArchived}}
+ <div id="pull_review_add_comment" class="hide">
+ {{template "repo/diff/new_comment" dict "root" .}}
+ </div>
+ <div class="hide" id="edit-content-form">
+ <div class="ui comment form">
+ <div class="ui top attached tabular menu">
+ <a class="active write item">{{$.i18n.Tr "write"}}</a>
+ <a class="preview item" data-url="{{$.Repository.APIURL}}/markdown" data-context="{{$.RepoLink}}">{{$.i18n.Tr "preview"}}</a>
+ </div>
+ <div class="ui bottom attached active write tab segment">
+ <textarea tabindex="1" name="content"></textarea>
+ </div>
+ <div class="ui bottom attached tab preview segment markdown">
+ {{$.i18n.Tr "loading"}}
+ </div>
+ <div class="text right edit buttons">
+ <div class="ui basic blue cancel button" tabindex="3">{{.i18n.Tr "repo.issues.cancel"}}</div>
+ <div class="ui green save button" tabindex="2">{{.i18n.Tr "repo.issues.save"}}</div>
+ </div>
+ </div>
+ </div>
+ {{end}}
- {{if .IsSplitStyle}}
- <script>
- document.addEventListener('DOMContentLoaded', function() {
- $('tr.add-code').each(function() {
- var prev = $(this).prev();
- if(prev.is('.del-code') && prev.children().eq(5).text().trim() === '') {
- while(prev.prev().is('.del-code') && prev.prev().children().eq(5).text().trim() === '') {
- prev = prev.prev();
- }
- prev.children().eq(3).attr("data-line-num", $(this).children().eq(3).attr("data-line-num"));
- prev.children().eq(3).html($(this).children().eq(3).html());
- prev.children().eq(4).html($(this).children().eq(4).html());
- prev.children().eq(5).html($(this).children().eq(5).html());
+ {{if .IsSplitStyle}}
+ <script>
+ document.addEventListener('DOMContentLoaded', function() {
+ $('tr.add-code').each(function() {
+ var prev = $(this).prev();
+ if(prev.is('.del-code') && prev.children().eq(5).text().trim() === '') {
+ while(prev.prev().is('.del-code') && prev.prev().children().eq(5).text().trim() === '') {
+ prev = prev.prev();
+ }
+ prev.children().eq(3).attr("data-line-num", $(this).children().eq(3).attr("data-line-num"));
+ prev.children().eq(3).html($(this).children().eq(3).html());
+ prev.children().eq(4).html($(this).children().eq(4).html());
+ prev.children().eq(5).html($(this).children().eq(5).html());
- prev.children().eq(0).addClass('del-code');
- prev.children().eq(1).addClass('del-code');
- prev.children().eq(2).addClass('del-code');
- prev.children().eq(3).addClass('add-code');
- prev.children().eq(4).addClass('add-code');
- prev.children().eq(5).addClass('add-code');
+ prev.children().eq(0).addClass('del-code');
+ prev.children().eq(1).addClass('del-code');
+ prev.children().eq(2).addClass('del-code');
+ prev.children().eq(3).addClass('add-code');
+ prev.children().eq(4).addClass('add-code');
+ prev.children().eq(5).addClass('add-code');
- $(this).remove();
- }
+ $(this).remove();
+ }
+ });
});
- });
- </script>
- {{end}}
+ </script>
+ {{end}}
+ </div>
{{end}}