Show More
@@ -1,41 +1,41 b'' | |||||
1 |
|
1 | |||
2 | /* required */ |
|
2 | /* required */ | |
3 | .mergely-column textarea { width: 80px; height: 200px; } |
|
3 | .mergely-column textarea { width: 80px; height: 200px; } | |
4 | .mergely-column { float: left; } |
|
4 | .mergely-column { float: left; } | |
5 | .mergely-margin { float: left; } |
|
5 | .mergely-margin { float: left; } | |
6 | .mergely-canvas { float: left; width: 28px; } |
|
6 | .mergely-canvas { float: left; width: 28px; } | |
7 |
|
7 | |||
8 | /* resizeable */ |
|
8 | /* resizeable */ | |
9 | .mergely-resizer { width: 100%; height: 100%; } |
|
9 | .mergely-resizer { width: 100%; height: 100%; } | |
10 |
|
10 | |||
11 | /* style configuration */ |
|
11 | /* style configuration */ | |
12 | .mergely-column { border: 1px solid #ccc; } |
|
12 | .mergely-column { border: 1px solid #ccc; } | |
13 | .mergely-active { border: 1px solid #a3d1ff; } |
|
13 | .mergely-active { border: 1px solid #a3d1ff; } | |
14 |
|
14 | |||
15 | .mergely.a.rhs.start { border-top: 1px solid #ddffdd; } |
|
15 | .mergely.a.rhs.start { border-top: 1px solid #ddffdd; } | |
16 | .mergely.a.lhs.start.end, |
|
16 | .mergely.a.lhs.start.end, | |
17 | .mergely.a.rhs.end { border-bottom: 1px solid #ddffdd; } |
|
17 | .mergely.a.rhs.end { border-bottom: 1px solid #ddffdd; } | |
18 | .mergely.a.rhs { background-color: #ddffdd; } |
|
18 | .mergely.a.rhs { background-color: #ddffdd; } | |
19 | .mergely.a.lhs.start.end.first { border-bottom: 0; border-top: 1px solid #ddffdd; } |
|
19 | .mergely.a.lhs.start.end.first { border-bottom: 0; border-top: 1px solid #ddffdd; } | |
20 |
|
20 | |||
21 | .mergely.d.lhs { background-color: #edc0c0; } |
|
21 | .mergely.d.lhs { background-color: #edc0c0; } | |
22 | .mergely.d.lhs.end, |
|
22 | .mergely.d.lhs.end, | |
23 | .mergely.d.rhs.start.end { border-bottom: 1px solid #ffdddd; } |
|
23 | .mergely.d.rhs.start.end { border-bottom: 1px solid #ffdddd; } | |
24 | .mergely.d.rhs.start.end.first { border-bottom: 0; border-top: 1px solid #ffdddd; } |
|
24 | .mergely.d.rhs.start.end.first { border-bottom: 0; border-top: 1px solid #ffdddd; } | |
25 | .mergely.d.lhs.start { border-top: 1px solid #ffdddd; } |
|
25 | .mergely.d.lhs.start { border-top: 1px solid #ffdddd; } | |
26 |
|
26 | |||
27 | .mergely.c.lhs, |
|
27 | .mergely.c.lhs, | |
28 | .mergely.c.rhs { background-color: #fafafa; } |
|
28 | .mergely.c.rhs { background-color: #fafafa; } | |
29 | .mergely.c.lhs.start, |
|
29 | .mergely.c.lhs.start, | |
30 | .mergely.c.rhs.start { border-top: 1px solid #a3a3a3; } |
|
30 | .mergely.c.rhs.start { border-top: 1px solid #a3a3a3; } | |
31 | .mergely.c.lhs.end, |
|
31 | .mergely.c.lhs.end, | |
32 | .mergely.c.rhs.end { border-bottom: 1px solid #a3a3a3; } |
|
32 | .mergely.c.rhs.end { border-bottom: 1px solid #a3a3a3; } | |
33 |
|
33 | |||
34 | .mergely.ch.a.rhs { background-color: #ddffdd; } |
|
34 | .mergely.ch.a.rhs { background-color: #ddffdd; } | |
35 | .mergely.ch.d.lhs { background-color: #ffdddd; } |
|
35 | .mergely.ch.d.lhs { background-color: #ffdddd; } | |
36 |
|
36 | |||
37 |
|
37 | |||
38 | .mergely-margin #compare-lhs-margin, |
|
38 | .mergely-margin #compare-lhs-margin, | |
39 | .mergely-margin #compare-rhs-margin{ |
|
39 | .mergely-margin #compare-rhs-margin { | |
40 | cursor: pointer |
|
40 | cursor: pointer | |
41 | } |
|
41 | } |
@@ -1,80 +1,80 b'' | |||||
1 | ## -*- coding: utf-8 -*- |
|
1 | ## -*- coding: utf-8 -*- | |
2 |
|
2 | |||
3 | <%inherit file="/base/base.html"/> |
|
3 | <%inherit file="/base/base.html"/> | |
4 |
|
4 | |||
5 | <%def name="js_extra()"> |
|
5 | <%def name="js_extra()"> | |
6 | <script type="text/javascript" src="${h.url('/js/jquery.1.10.1.min.js')}"></script> |
|
6 | <script type="text/javascript" src="${h.url('/js/jquery.1.10.1.min.js')}"></script> | |
7 | <script type="text/javascript" src="${h.url('/js/codemirror.js')}"></script> |
|
7 | <script type="text/javascript" src="${h.url('/js/codemirror.js')}"></script> | |
8 | <script type="text/javascript" src="${h.url('/js/mergerly.js')}"></script> |
|
8 | <script type="text/javascript" src="${h.url('/js/mergerly.js')}"></script> | |
9 | </%def> |
|
9 | </%def> | |
10 | <%def name="css_extra()"> |
|
10 | <%def name="css_extra()"> | |
11 | <link rel="stylesheet" type="text/css" href="${h.url('/css/codemirror.css')}"/> |
|
11 | <link rel="stylesheet" type="text/css" href="${h.url('/css/codemirror.css')}"/> | |
12 | <link rel="stylesheet" type="text/css" href="${h.url('/css/mergerly.css')}"/> |
|
12 | <link rel="stylesheet" type="text/css" href="${h.url('/css/mergerly.css')}"/> | |
13 | </%def> |
|
13 | </%def> | |
14 |
|
14 | |||
15 | <%def name="title()"> |
|
15 | <%def name="title()"> | |
16 | ${_('%s File side-by-side diff') % c.repo_name} · ${c.rhodecode_name} |
|
16 | ${_('%s File side-by-side diff') % c.repo_name} · ${c.rhodecode_name} | |
17 | </%def> |
|
17 | </%def> | |
18 |
|
18 | |||
19 | <%def name="breadcrumbs_links()"> |
|
19 | <%def name="breadcrumbs_links()"> | |
20 | ${_('File diff')} r${c.changeset_1.revision}:${h.short_id(c.changeset_1.raw_id)} → r${c.changeset_2.revision}:${h.short_id(c.changeset_2.raw_id)} |
|
20 | ${_('File diff')} r${c.changeset_1.revision}:${h.short_id(c.changeset_1.raw_id)} → r${c.changeset_2.revision}:${h.short_id(c.changeset_2.raw_id)} | |
21 | </%def> |
|
21 | </%def> | |
22 |
|
22 | |||
23 | <%def name="page_nav()"> |
|
23 | <%def name="page_nav()"> | |
24 | ${self.menu('repositories')} |
|
24 | ${self.menu('repositories')} | |
25 | </%def> |
|
25 | </%def> | |
26 |
|
26 | |||
27 | <%def name="main()"> |
|
27 | <%def name="main()"> | |
28 | ${self.repo_context_bar('changelog')} |
|
28 | ${self.repo_context_bar('changelog')} | |
29 | <div class="box"> |
|
29 | <div class="box"> | |
30 | <!-- box / title --> |
|
30 | <!-- box / title --> | |
31 | <div class="title"> |
|
31 | <div class="title"> | |
32 | ${self.breadcrumbs()} |
|
32 | ${self.breadcrumbs()} | |
33 | </div> |
|
33 | </div> | |
34 |
|
34 | |||
35 | <div class="diff-container" style="overflow-x: hidden"> |
|
35 | <div class="diff-container" style="overflow-x: hidden"> | |
36 | <div class="diffblock comm" style="margin:3px; padding:1px"> |
|
36 | <div class="diffblock comm" style="margin:3px; padding:1px"> | |
37 | <div class="code-header"> |
|
37 | <div class="code-header"> | |
38 | <div class="changeset_header"> |
|
38 | <div class="changeset_header"> | |
39 | <div class="changeset_file"> |
|
39 | <div class="changeset_file"> | |
40 | ${h.link_to(h.safe_unicode(c.node1.path),h.url('files_home',repo_name=c.repo_name, |
|
40 | ${h.link_to(h.safe_unicode(c.node1.path),h.url('files_home',repo_name=c.repo_name, | |
41 | revision=c.cs2.raw_id,f_path=h.safe_unicode(c.node1.path)))} |
|
41 | revision=c.cs2.raw_id,f_path=h.safe_unicode(c.node1.path)))} | |
42 | </div> |
|
42 | </div> | |
43 | <div class="diff-actions"> |
|
43 | <div class="diff-actions"> | |
44 | <a href="${h.url('files_diff_home',repo_name=c.repo_name,f_path=h.safe_unicode(c.node1.path),diff2=c.cs2.raw_id,diff1=c.cs1.raw_id,diff='diff',fulldiff=1)}" class="tooltip" title="${h.tooltip(_('Show full diff for this file'))}"><img class="icon" src="${h.url('/images/icons/page_white_go.png')}"/></a> |
|
44 | <a href="${h.url('files_diff_home',repo_name=c.repo_name,f_path=h.safe_unicode(c.node1.path),diff2=c.cs2.raw_id,diff1=c.cs1.raw_id,diff='diff',fulldiff=1)}" class="tooltip" title="${h.tooltip(_('Show full diff for this file'))}"><img class="icon" src="${h.url('/images/icons/page_white_go.png')}"/></a> | |
45 | <a href="${h.url('files_diff_2way_home',repo_name=c.repo_name,f_path=h.safe_unicode(c.node1.path),diff2=c.cs2.raw_id,diff1=c.cs1.raw_id,diff='diff',fulldiff=1)}" class="tooltip" title="${h.tooltip(_('Show full side-by-side diff for this file'))}"><img class="icon" src="${h.url('/images/icons/application_double.png')}"/></a> |
|
45 | <a href="${h.url('files_diff_2way_home',repo_name=c.repo_name,f_path=h.safe_unicode(c.node1.path),diff2=c.cs2.raw_id,diff1=c.cs1.raw_id,diff='diff',fulldiff=1)}" class="tooltip" title="${h.tooltip(_('Show full side-by-side diff for this file'))}"><img class="icon" src="${h.url('/images/icons/application_double.png')}"/></a> | |
46 | <a href="${h.url('files_diff_home',repo_name=c.repo_name,f_path=h.safe_unicode(c.node1.path),diff2=c.cs2.raw_id,diff1=c.cs1.raw_id,diff='raw')}" class="tooltip" title="${h.tooltip(_('Raw diff'))}"><img class="icon" src="${h.url('/images/icons/page_white.png')}"/></a> |
|
46 | <a href="${h.url('files_diff_home',repo_name=c.repo_name,f_path=h.safe_unicode(c.node1.path),diff2=c.cs2.raw_id,diff1=c.cs1.raw_id,diff='raw')}" class="tooltip" title="${h.tooltip(_('Raw diff'))}"><img class="icon" src="${h.url('/images/icons/page_white.png')}"/></a> | |
47 | <a href="${h.url('files_diff_home',repo_name=c.repo_name,f_path=h.safe_unicode(c.node1.path),diff2=c.cs2.raw_id,diff1=c.cs1.raw_id,diff='download')}" class="tooltip" title="${h.tooltip(_('Download diff'))}"><img class="icon" src="${h.url('/images/icons/page_save.png')}"/></a> |
|
47 | <a href="${h.url('files_diff_home',repo_name=c.repo_name,f_path=h.safe_unicode(c.node1.path),diff2=c.cs2.raw_id,diff1=c.cs1.raw_id,diff='download')}" class="tooltip" title="${h.tooltip(_('Download diff'))}"><img class="icon" src="${h.url('/images/icons/page_save.png')}"/></a> | |
48 | ##${c.ignorews_url(request.GET, h.FID(c.cs2,path))} |
|
48 | ##${c.ignorews_url(request.GET, h.FID(c.cs2,path))} | |
49 | ##${c.context_url(request.GET, h.FID(c.cs2,path))} |
|
49 | ##${c.context_url(request.GET, h.FID(c.cs2,path))} | |
50 | </div> |
|
50 | </div> | |
51 | </div> |
|
51 | </div> | |
52 | </div> |
|
52 | </div> | |
53 | <div id="compare"></div> |
|
53 | <div id="compare"></div> | |
54 | </div> |
|
54 | </div> | |
55 | </div> |
|
55 | </div> | |
56 |
|
56 | |||
57 | <script> |
|
57 | <script> | |
58 | var orig1 = '${(c.orig1)|n}'; |
|
58 | var orig1 = '${(c.orig1)|n}'; | |
59 | var orig2 = '${(c.orig2)|n}'; |
|
59 | var orig2 = '${(c.orig2)|n}'; | |
60 |
|
60 | |||
61 | $(document).ready(function () { |
|
61 | $(document).ready(function () { | |
62 |
|
|
62 | $('#compare').mergely({ | |
63 | width: 'auto', |
|
63 | width: 'auto', | |
64 |
|
|
64 | height: '600', | |
65 | fgcolor: {a:'#ddffdd',c:'#cccccc',d:'#ffdddd'}, |
|
65 | fgcolor: {a:'#ddffdd',c:'#cccccc',d:'#ffdddd'}, | |
66 | bgcolor: '#fff', |
|
66 | bgcolor: '#fff', | |
67 | viewport: true, |
|
67 | viewport: true, | |
68 |
|
|
68 | cmsettings: {mode: 'text/plain', readOnly: true, lineWrapping: false, lineNumbers: true}, | |
69 |
|
|
69 | lhs: function(setValue) { | |
70 |
|
|
70 | setValue(orig1); | |
71 | }, |
|
71 | }, | |
72 |
|
|
72 | rhs: function(setValue) { | |
73 |
|
|
73 | setValue(orig2); | |
74 | }, |
|
74 | }, | |
75 | }); |
|
75 | }); | |
76 | }); |
|
76 | }); | |
77 | </script> |
|
77 | </script> | |
78 |
|
78 | |||
79 | </div> |
|
79 | </div> | |
80 | </%def> |
|
80 | </%def> |
General Comments 0
You need to be logged in to leave comments.
Login now