Add icons, fix css

Author: root

app/helpers/extend_repositories_helper.rb

@@ -45,4 +45,14 @@ def link_to_repository(repo, current_repo)
                           class: css_class
   end
 
+
+  def icon_for_url_type(url_type)
+    fa_icon RepositoryGitExtra::URLS_ICONS[url_type][:icon]
+  end
+
+
+  def label_for_url_type(url_type)
+    RepositoryGitExtra::URLS_ICONS[url_type][:label]
+  end
+
 end

app/models/repository_git_extra.rb

@@ -15,6 +15,14 @@ class RepositoryGitExtra < ActiveRecord::Base
 
   ALLOWED_URLS = %w[ssh http https go git git_annex]
 
+  URLS_ICONS = {
+    go:    {label: 'Go',    icon: 'fa-google'},
+    http:  {label: 'HTTP',  icon: 'fa-external-link'},
+    https: {label: 'HTTPS', icon: 'fa-external-link'},
+    ssh:   {label: 'SSH',   icon: 'fa-shield'},
+    git:   {label: 'Git',   icon: 'fa-git'}
+  }
+
   ## Attributes
   attr_accessible :git_http, :git_daemon, :git_notify, :git_annex, :default_branch, :protected_branch, :public_repo, :key, :urls_order
 

app/views/repository_git_extras/sort_urls.html.haml

@@ -1,8 +1,10 @@
 #sortable-url-messages
 
-%ul{ id: 'sortable-url', data: { 'update-url' => sort_urls_repository_git_extras_path(@repository), remote: true } }
-  - @repository.available_urls_sorted.keys.each do |url|
-    %li{ id: "repository_git_extra_#{url}" }= url
+%ul{ id: 'sortable-url', data: { 'update-url' => sort_urls_repository_git_extras_path(@repository), remote: 'true' }, class: 'list-unstyled' }
+  - @repository.available_urls_sorted.keys.each do |url_type|
+    %li{ id: "repository_git_extra_#{url_type}", class: 'url_type draggable' }
+      = icon_for_url_type(url_type)
+      %span= label_for_url_type(url_type)
 
 :javascript
   $(document).ready(function() { setSortableElement('#sortable-url', '#sortable-url'); });

assets/stylesheets/application.css

@@ -256,3 +256,12 @@ STATISTICS
 .repository-urls {
   margin-top: 15px;
 }
+
+li.url_type {
+  margin: 10px;
+  padding: 5px;
+}
+
+.draggable {
+  cursor: move;
+}