70 lines
2.3 KiB
Plaintext
70 lines
2.3 KiB
Plaintext
- diff = diff_file.diff
|
|
- file_raw_path = namespace_project_raw_path(@project.namespace, @project, tree_join(diff_file.new_ref, diff.new_path))
|
|
// diff_refs will be nil for orphaned commits (e.g. first commit in repo)
|
|
- if diff_file.old_ref
|
|
- old_file_raw_path = namespace_project_raw_path(@project.namespace, @project, tree_join(diff_file.old_ref, diff.old_path))
|
|
|
|
- if diff.renamed_file || diff.new_file || diff.deleted_file
|
|
.image
|
|
%span.wrap
|
|
.frame{ class: image_diff_class(diff) }
|
|
%img{ src: diff.deleted_file ? old_file_raw_path : file_raw_path, alt: diff.new_path }
|
|
%p.image-info= number_to_human_size(file.size)
|
|
- else
|
|
.image
|
|
.two-up.view
|
|
%span.wrap
|
|
.frame.deleted
|
|
%a{ href: namespace_project_blob_path(@project.namespace, @project, tree_join(diff_file.old_ref, diff.old_path)) }
|
|
%img{ src: old_file_raw_path, alt: diff.old_path }
|
|
%p.image-info.hide
|
|
%span.meta-filesize= number_to_human_size(old_file.size)
|
|
|
|
|
%b W:
|
|
%span.meta-width
|
|
|
|
|
%b H:
|
|
%span.meta-height
|
|
%span.wrap
|
|
.frame.added
|
|
%a{ href: namespace_project_blob_path(@project.namespace, @project, tree_join(diff_file.new_ref, diff.new_path)) }
|
|
%img{ src: file_raw_path, alt: diff.new_path }
|
|
%p.image-info.hide
|
|
%span.meta-filesize= number_to_human_size(file.size)
|
|
|
|
|
%b W:
|
|
%span.meta-width
|
|
|
|
|
%b H:
|
|
%span.meta-height
|
|
|
|
.swipe.view.hide
|
|
.swipe-frame
|
|
.frame.deleted
|
|
%img{ src: old_file_raw_path, alt: diff.old_path }
|
|
.swipe-wrap
|
|
.frame.added
|
|
%img{ src: file_raw_path, alt: diff.new_path }
|
|
%span.swipe-bar
|
|
%span.top-handle
|
|
%span.bottom-handle
|
|
|
|
.onion-skin.view.hide
|
|
.onion-skin-frame
|
|
.frame.deleted
|
|
%img{ src: old_file_raw_path, alt: diff.old_path }
|
|
.frame.added
|
|
%img{ src: file_raw_path, alt: diff.new_path }
|
|
.controls
|
|
.transparent
|
|
.drag-track
|
|
.dragger{ :style => "left: 0px;" }
|
|
.opaque
|
|
|
|
|
|
.view-modes.hide
|
|
%ul.view-modes-menu
|
|
%li.two-up{ data: { mode: 'two-up' } } 2-up
|
|
%li.swipe{ data: { mode: 'swipe' } } Swipe
|
|
%li.onion-skin{ data: { mode: 'onion-skin' } } Onion skin
|