Commit 3637d244be046c145598777fce2488598d7ca6e8

Authored by Dmitriy Zaporozhets
1 parent 951279b1

Improve network UI

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
app/assets/stylesheets/sections/graph.scss
1 1 .project-network {
2 2 border: 1px solid #CCC;
3 3  
4   - .tip {
  4 + .controls {
5 5 color: #888;
6 6 font-size: 14px;
7   - padding: 10px;
  7 + padding: 5px;
8 8 border-bottom: 1px solid #bbb;
9 9 background: #EEE;
10 10 }
... ...
app/views/projects/network/_head.html.haml
1   -.row.append-bottom-20
2   - .col-md-2.append-bottom-10
3   - = render partial: 'shared/ref_switcher', locals: {destination: 'graph'}
4   - .col-md-10
5   - = form_tag project_network_path(@project, @id), method: :get, class: 'form-inline network-form' do |f|
6   - = label_tag :extended_sha1 , "Looking for", class: 'light inline-label'
7   - = text_field_tag :extended_sha1, @options[:extended_sha1], placeholder: "Input an extended SHA1 syntax", class: "search-input form-control input-mx-250"
8   - = button_tag type: 'submit', class: 'btn btn-success' do
9   - %i.icon-search
10   -
11   - .inline.prepend-left-20
12   - .checkbox.light
13   - = label_tag :filter_ref do
14   - = check_box_tag :filter_ref, 1, @options[:filter_ref]
15   - %span Begin with the selected commit
  1 +.append-bottom-20
  2 + = render partial: 'shared/ref_switcher', locals: {destination: 'graph'}
  3 + .pull-right.visible-lg.light You can move around the graph by using the arrow keys.
... ...
app/views/projects/network/show.html.haml
1 1 = render "head"
2 2 .project-network
3   - .tip
4   - You can move around the graph by using the arrow keys.
  3 + .controls
  4 + = form_tag project_network_path(@project, @id), method: :get, class: 'form-inline network-form' do |f|
  5 + = text_field_tag :extended_sha1, @options[:extended_sha1], placeholder: "Input an extended SHA1 syntax", class: "search-input form-control input-mx-250"
  6 + = button_tag type: 'submit', class: 'btn btn-success' do
  7 + %i.icon-search
  8 + .inline.prepend-left-20
  9 + .checkbox.light
  10 + = label_tag :filter_ref do
  11 + = check_box_tag :filter_ref, 1, @options[:filter_ref]
  12 + %span Begin with the selected commit
  13 +
5 14 .network-graph
6 15 = spinner nil, true
7 16  
... ...