From 2d2931cdb880f558180fd872c04f28b733354d0f Mon Sep 17 00:00:00 2001
From: Andreas Stephanides <andreas.stephanides@gmail.com>
Date: Wed, 29 Apr 2015 15:24:59 +0200
Subject: [PATCH] icon form

---
 app/helpers/application_helper.rb      |   7 +-
 app/views/themengruppen/_form.html.erb |  32 +-
 config/fontawesome.yml                 | 594 +++++++++++++++++++++++++
 3 files changed, 623 insertions(+), 10 deletions(-)
 create mode 100644 config/fontawesome.yml

diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
index c7b41f9..1bfe832 100755
--- a/app/helpers/application_helper.rb
+++ b/app/helpers/application_helper.rb
@@ -51,7 +51,12 @@ m.save
   def ffi1_list 
     y=YAML.load_file("#{::Rails.root.to_s}/config/flatfeticon1.yml")
     y["ffi1"]
-end
+  end
+  def fa_list 
+    y=YAML.load_file("#{::Rails.root.to_s}/config/fontawesome.yml")
+    y["fa"]
+  end
+
 
   def tinymce_icon_choice 
     s=""
diff --git a/app/views/themengruppen/_form.html.erb b/app/views/themengruppen/_form.html.erb
index f005481..3e4b374 100644
--- a/app/views/themengruppen/_form.html.erb
+++ b/app/views/themengruppen/_form.html.erb
@@ -1,12 +1,13 @@
 <%= semantic_form_for @themengruppe do |f| %>
   <%= f.inputs do %>
     <%= f.input :title %>
-    <%= f.input :priority %>
+    <% f.input :priority %>
     <%= f.input :public %>
-    <%= f.input :picture, :as => :file %>
+
+    <%= f.input :icon ,:as=>:hidden, :input_html=>{:id=>"iconfield"}%>
+    <i id="icon" style="font-size:2em" class="<%= @themengruppe.icon %>"></i><a href="#" id="openselect" onclick=""> Choose Icon</a>
+    <% f.input :picture, :as => :file %>
     <%= f.input :text %>
-    <%= f.input :icon , :input_html=>{:id=>"iconfield"}%>
-    <i id="icon"></i>
   <% end %>
 
   <%= f.actions do %>
@@ -15,12 +16,25 @@
   <% end %>
 <% end %>
 <script>
-$(document).ready(function(){
-$('#iconfield').on('change', function(){$('#icon').attr("class",$(this).val())})});
+$(
+  function()
+    {$('#iconfield').on('change', function(){$('#icon').attr("class",$(this).val())});
+$("#dialog").dialog({width:'100%', position:'center top', at:'left top',autoOpen: false,closeOnEscape: false});
+$("#openselect").on('click', function(){$('#dialog').dialog('open')});
+});
 </script>
 
-   
-   <% ffi1_list.each do |i| %>
- <a onclick="$('#iconfield').val('ffi1-<%= i %>');$('#icon').attr('class','ffi1-<%= i %>')" href="#"><%=ffi1_icon(i)%>
+<div style="font-size:2em; line-height:1.2em" id ="dialog" title="Icon"><p>
+<% ffi1_list.each do |i| %>
+ <a onclick="$('#iconfield').val('ffi1-<%= i %>');$('#icon').attr('class','ffi1-<%= i %>'); $('#dialog').dialog('close')" href="#"><%=ffi1_icon(i)%>
 </a>
 <% end %> 
+
+</p><p>
+<% fa_list.each do |i| %>
+ <a onclick="$('#iconfield').val('fa <%= i %>');$('#icon').attr('class','fa <%= i %>'); $('#dialog').dialog('close')" href="#"><%=ff_icon('fa '+i)%>
+</a>
+<% end %> 
+
+</p>
+</div>
diff --git a/config/fontawesome.yml b/config/fontawesome.yml
new file mode 100644
index 0000000..48c6823
--- /dev/null
+++ b/config/fontawesome.yml
@@ -0,0 +1,594 @@
+fa:
+  - fa-adjust 
+  - fa-adn 
+  - fa-align-center 
+  - fa-align-justify 
+  - fa-align-left 
+  - fa-align-right 
+  - fa-ambulance 
+  - fa-anchor 
+  - fa-android 
+  - fa-angellist 
+  - fa-angle-double-down 
+  - fa-angle-double-left 
+  - fa-angle-double-right 
+  - fa-angle-double-up 
+  - fa-angle-down 
+  - fa-angle-left 
+  - fa-angle-right 
+  - fa-angle-up 
+  - fa-apple 
+  - fa-archive 
+  - fa-area-chart 
+  - fa-arrow-circle-down 
+  - fa-arrow-circle-left 
+  - fa-arrow-circle-o-down 
+  - fa-arrow-circle-o-left 
+  - fa-arrow-circle-o-right 
+  - fa-arrow-circle-o-up 
+  - fa-arrow-circle-right 
+  - fa-arrow-circle-up 
+  - fa-arrow-down 
+  - fa-arrow-left 
+  - fa-arrow-right 
+  - fa-arrow-up 
+  - fa-arrows 
+  - fa-arrows-alt 
+  - fa-arrows-h 
+  - fa-arrows-v 
+  - fa-asterisk 
+  - fa-at 
+  - fa-automobile (alias) 
+  - fa-backward 
+  - fa-ban 
+  - fa-bank (alias) 
+  - fa-bar-chart 
+  - fa-bar-chart-o (alias) 
+  - fa-barcode 
+  - fa-bars 
+  - fa-bed 
+  - fa-beer 
+  - fa-behance 
+  - fa-behance-square 
+  - fa-bell 
+  - fa-bell-o 
+  - fa-bell-slash 
+  - fa-bell-slash-o 
+  - fa-bicycle 
+  - fa-binoculars 
+  - fa-birthday-cake 
+  - fa-bitbucket 
+  - fa-bitbucket-square 
+  - fa-bitcoin (alias) 
+  - fa-bold 
+  - fa-bolt 
+  - fa-bomb 
+  - fa-book 
+  - fa-bookmark 
+  - fa-bookmark-o 
+  - fa-briefcase 
+  - fa-btc 
+  - fa-bug 
+  - fa-building 
+  - fa-building-o 
+  - fa-bullhorn 
+  - fa-bullseye 
+  - fa-bus 
+  - fa-buysellads 
+  - fa-cab (alias) 
+  - fa-calculator 
+  - fa-calendar 
+  - fa-calendar-o 
+  - fa-camera 
+  - fa-camera-retro 
+  - fa-car 
+  - fa-caret-down 
+  - fa-caret-left 
+  - fa-caret-right 
+  - fa-caret-square-o-down 
+  - fa-caret-square-o-left 
+  - fa-caret-square-o-right 
+  - fa-caret-square-o-up 
+  - fa-caret-up 
+  - fa-cart-arrow-down 
+  - fa-cart-plus 
+  - fa-cc 
+  - fa-cc-amex 
+  - fa-cc-discover 
+  - fa-cc-mastercard 
+  - fa-cc-paypal 
+  - fa-cc-stripe 
+  - fa-cc-visa 
+  - fa-certificate 
+  - fa-chain (alias) 
+  - fa-chain-broken 
+  - fa-check 
+  - fa-check-circle 
+  - fa-check-circle-o 
+  - fa-check-square 
+  - fa-check-square-o 
+  - fa-chevron-circle-down 
+  - fa-chevron-circle-left 
+  - fa-chevron-circle-right 
+  - fa-chevron-circle-up 
+  - fa-chevron-down 
+  - fa-chevron-left 
+  - fa-chevron-right 
+  - fa-chevron-up 
+  - fa-child 
+  - fa-circle 
+  - fa-circle-o 
+  - fa-circle-o-notch 
+  - fa-circle-thin 
+  - fa-clipboard 
+  - fa-clock-o 
+  - fa-close (alias) 
+  - fa-cloud 
+  - fa-cloud-download 
+  - fa-cloud-upload 
+  - fa-cny (alias) 
+  - fa-code 
+  - fa-code-fork 
+  - fa-codepen 
+  - fa-coffee 
+  - fa-cog 
+  - fa-cogs 
+  - fa-columns 
+  - fa-comment 
+  - fa-comment-o 
+  - fa-comments 
+  - fa-comments-o 
+  - fa-compass 
+  - fa-compress 
+  - fa-connectdevelop 
+  - fa-copy (alias) 
+  - fa-copyright 
+  - fa-credit-card 
+  - fa-crop 
+  - fa-crosshairs 
+  - fa-css3 
+  - fa-cube 
+  - fa-cubes 
+  - fa-cut (alias) 
+  - fa-cutlery 
+  - fa-dashboard (alias) 
+  - fa-dashcube 
+  - fa-database 
+  - fa-dedent (alias) 
+  - fa-delicious 
+  - fa-desktop 
+  - fa-deviantart 
+  - fa-diamond 
+  - fa-digg 
+  - fa-dollar (alias) 
+  - fa-dot-circle-o 
+  - fa-download 
+  - fa-dribbble 
+  - fa-dropbox 
+  - fa-drupal 
+  - fa-edit (alias) 
+  - fa-eject 
+  - fa-ellipsis-h 
+  - fa-ellipsis-v 
+  - fa-empire 
+  - fa-envelope 
+  - fa-envelope-o 
+  - fa-envelope-square 
+  - fa-eraser 
+  - fa-eur 
+  - fa-euro (alias) 
+  - fa-exchange 
+  - fa-exclamation 
+  - fa-exclamation-circle 
+  - fa-exclamation-triangle 
+  - fa-expand 
+  - fa-external-link 
+  - fa-external-link-square 
+  - fa-eye 
+  - fa-eye-slash 
+  - fa-eyedropper 
+  - fa-facebook 
+  - fa-facebook-f (alias) 
+  - fa-facebook-official 
+  - fa-facebook-square 
+  - fa-fast-backward 
+  - fa-fast-forward 
+  - fa-fax 
+  - fa-female 
+  - fa-fighter-jet 
+  - fa-file 
+  - fa-file-archive-o 
+  - fa-file-audio-o 
+  - fa-file-code-o 
+  - fa-file-excel-o 
+  - fa-file-image-o 
+  - fa-file-movie-o (alias) 
+  - fa-file-o 
+  - fa-file-pdf-o 
+  - fa-file-photo-o (alias) 
+  - fa-file-picture-o (alias) 
+  - fa-file-powerpoint-o 
+  - fa-file-sound-o (alias) 
+  - fa-file-text 
+  - fa-file-text-o 
+  - fa-file-video-o 
+  - fa-file-word-o 
+  - fa-file-zip-o (alias) 
+  - fa-files-o 
+  - fa-film 
+  - fa-filter 
+  - fa-fire 
+  - fa-fire-extinguisher 
+  - fa-flag 
+  - fa-flag-checkered 
+  - fa-flag-o 
+  - fa-flash (alias) 
+  - fa-flask 
+  - fa-flickr 
+  - fa-floppy-o 
+  - fa-folder 
+  - fa-folder-o 
+  - fa-folder-open 
+  - fa-folder-open-o 
+  - fa-font 
+  - fa-forumbee 
+  - fa-forward 
+  - fa-foursquare 
+  - fa-frown-o 
+  - fa-futbol-o 
+  - fa-gamepad 
+  - fa-gavel 
+  - fa-gbp 
+  - fa-ge (alias) 
+  - fa-gear (alias) 
+  - fa-gears (alias) 
+  - fa-genderless (alias) 
+  - fa-gift 
+  - fa-git 
+  - fa-git-square 
+  - fa-github 
+  - fa-github-alt 
+  - fa-github-square 
+  - fa-gittip (alias) 
+  - fa-glass 
+  - fa-globe 
+  - fa-google 
+  - fa-google-plus 
+  - fa-google-plus-square 
+  - fa-google-wallet 
+  - fa-graduation-cap 
+  - fa-gratipay 
+  - fa-group (alias) 
+  - fa-h-square 
+  - fa-hacker-news 
+  - fa-hand-o-down 
+  - fa-hand-o-left 
+  - fa-hand-o-right 
+  - fa-hand-o-up 
+  - fa-hdd-o 
+  - fa-header 
+  - fa-headphones 
+  - fa-heart 
+  - fa-heart-o 
+  - fa-heartbeat 
+  - fa-history 
+  - fa-home 
+  - fa-hospital-o 
+  - fa-hotel (alias) 
+  - fa-html5 
+  - fa-ils 
+  - fa-image (alias) 
+  - fa-inbox 
+  - fa-indent 
+  - fa-info 
+  - fa-info-circle 
+  - fa-inr 
+  - fa-instagram 
+  - fa-institution (alias) 
+  - fa-ioxhost 
+  - fa-italic 
+  - fa-joomla 
+  - fa-jpy 
+  - fa-jsfiddle 
+  - fa-key 
+  - fa-keyboard-o 
+  - fa-krw 
+  - fa-language 
+  - fa-laptop 
+  - fa-lastfm 
+  - fa-lastfm-square 
+  - fa-leaf 
+  - fa-leanpub 
+  - fa-legal (alias) 
+  - fa-lemon-o 
+  - fa-level-down 
+  - fa-level-up 
+  - fa-life-bouy (alias) 
+  - fa-life-buoy (alias) 
+  - fa-life-ring 
+  - fa-life-saver (alias) 
+  - fa-lightbulb-o 
+  - fa-line-chart 
+  - fa-link 
+  - fa-linkedin 
+  - fa-linkedin-square 
+  - fa-linux 
+  - fa-list 
+  - fa-list-alt 
+  - fa-list-ol 
+  - fa-list-ul 
+  - fa-location-arrow 
+  - fa-lock 
+  - fa-long-arrow-down 
+  - fa-long-arrow-left 
+  - fa-long-arrow-right 
+  - fa-long-arrow-up 
+  - fa-magic 
+  - fa-magnet 
+  - fa-mail-forward (alias) 
+  - fa-mail-reply (alias) 
+  - fa-mail-reply-all (alias) 
+  - fa-male 
+  - fa-map-marker 
+  - fa-mars 
+  - fa-mars-double 
+  - fa-mars-stroke 
+  - fa-mars-stroke-h 
+  - fa-mars-stroke-v 
+  - fa-maxcdn 
+  - fa-meanpath 
+  - fa-medium 
+  - fa-medkit 
+  - fa-meh-o 
+  - fa-mercury 
+  - fa-microphone 
+  - fa-microphone-slash 
+  - fa-minus 
+  - fa-minus-circle 
+  - fa-minus-square 
+  - fa-minus-square-o 
+  - fa-mobile 
+  - fa-mobile-phone (alias) 
+  - fa-money 
+  - fa-moon-o 
+  - fa-mortar-board (alias) 
+  - fa-motorcycle 
+  - fa-music 
+  - fa-navicon (alias) 
+  - fa-neuter 
+  - fa-newspaper-o 
+  - fa-openid 
+  - fa-outdent 
+  - fa-pagelines 
+  - fa-paint-brush 
+  - fa-paper-plane 
+  - fa-paper-plane-o 
+  - fa-paperclip 
+  - fa-paragraph 
+  - fa-paste (alias) 
+  - fa-pause 
+  - fa-paw 
+  - fa-paypal 
+  - fa-pencil 
+  - fa-pencil-square 
+  - fa-pencil-square-o 
+  - fa-phone 
+  - fa-phone-square 
+  - fa-photo (alias) 
+  - fa-picture-o 
+  - fa-pie-chart 
+  - fa-pied-piper 
+  - fa-pied-piper-alt 
+  - fa-pinterest 
+  - fa-pinterest-p 
+  - fa-pinterest-square 
+  - fa-plane 
+  - fa-play 
+  - fa-play-circle 
+  - fa-play-circle-o 
+  - fa-plug 
+  - fa-plus 
+  - fa-plus-circle 
+  - fa-plus-square 
+  - fa-plus-square-o 
+  - fa-power-off 
+  - fa-print 
+  - fa-puzzle-piece 
+  - fa-qq 
+  - fa-qrcode 
+  - fa-question 
+  - fa-question-circle 
+  - fa-quote-left 
+  - fa-quote-right 
+  - fa-ra (alias) 
+  - fa-random 
+  - fa-rebel 
+  - fa-recycle 
+  - fa-reddit 
+  - fa-reddit-square 
+  - fa-refresh 
+  - fa-remove (alias) 
+  - fa-renren 
+  - fa-reorder (alias) 
+  - fa-repeat 
+  - fa-reply 
+  - fa-reply-all 
+  - fa-retweet 
+  - fa-rmb (alias) 
+  - fa-road 
+  - fa-rocket 
+  - fa-rotate-left (alias) 
+  - fa-rotate-right (alias) 
+  - fa-rouble (alias) 
+  - fa-rss 
+  - fa-rss-square 
+  - fa-rub 
+  - fa-ruble (alias) 
+  - fa-rupee (alias) 
+  - fa-save (alias) 
+  - fa-scissors 
+  - fa-search 
+  - fa-search-minus 
+  - fa-search-plus 
+  - fa-sellsy 
+  - fa-send (alias) 
+  - fa-send-o (alias) 
+  - fa-server 
+  - fa-share 
+  - fa-share-alt 
+  - fa-share-alt-square 
+  - fa-share-square 
+  - fa-share-square-o 
+  - fa-shekel (alias) 
+  - fa-sheqel (alias) 
+  - fa-shield 
+  - fa-ship 
+  - fa-shirtsinbulk 
+  - fa-shopping-cart 
+  - fa-sign-in 
+  - fa-sign-out 
+  - fa-signal 
+  - fa-simplybuilt 
+  - fa-sitemap 
+  - fa-skyatlas 
+  - fa-skype 
+  - fa-slack 
+  - fa-sliders 
+  - fa-slideshare 
+  - fa-smile-o 
+  - fa-soccer-ball-o (alias) 
+  - fa-sort 
+  - fa-sort-alpha-asc 
+  - fa-sort-alpha-desc 
+  - fa-sort-amount-asc 
+  - fa-sort-amount-desc 
+  - fa-sort-asc 
+  - fa-sort-desc 
+  - fa-sort-down (alias) 
+  - fa-sort-numeric-asc 
+  - fa-sort-numeric-desc 
+  - fa-sort-up (alias) 
+  - fa-soundcloud 
+  - fa-space-shuttle 
+  - fa-spinner 
+  - fa-spoon 
+  - fa-spotify 
+  - fa-square 
+  - fa-square-o 
+  - fa-stack-exchange 
+  - fa-stack-overflow 
+  - fa-star 
+  - fa-star-half 
+  - fa-star-half-empty (alias) 
+  - fa-star-half-full (alias) 
+  - fa-star-half-o 
+  - fa-star-o 
+  - fa-steam 
+  - fa-steam-square 
+  - fa-step-backward 
+  - fa-step-forward 
+  - fa-stethoscope 
+  - fa-stop 
+  - fa-street-view 
+  - fa-strikethrough 
+  - fa-stumbleupon 
+  - fa-stumbleupon-circle 
+  - fa-subscript 
+  - fa-subway 
+  - fa-suitcase 
+  - fa-sun-o 
+  - fa-superscript 
+  - fa-support (alias) 
+  - fa-table 
+  - fa-tablet 
+  - fa-tachometer 
+  - fa-tag 
+  - fa-tags 
+  - fa-tasks 
+  - fa-taxi 
+  - fa-tencent-weibo 
+  - fa-terminal 
+  - fa-text-height 
+  - fa-text-width 
+  - fa-th 
+  - fa-th-large 
+  - fa-th-list 
+  - fa-thumb-tack 
+  - fa-thumbs-down 
+  - fa-thumbs-o-down 
+  - fa-thumbs-o-up 
+  - fa-thumbs-up 
+  - fa-ticket 
+  - fa-times 
+  - fa-times-circle 
+  - fa-times-circle-o 
+  - fa-tint 
+  - fa-toggle-down (alias) 
+  - fa-toggle-left (alias) 
+  - fa-toggle-off 
+  - fa-toggle-on 
+  - fa-toggle-right (alias) 
+  - fa-toggle-up (alias) 
+  - fa-train 
+  - fa-transgender 
+  - fa-transgender-alt 
+  - fa-trash 
+  - fa-trash-o 
+  - fa-tree 
+  - fa-trello 
+  - fa-trophy 
+  - fa-truck 
+  - fa-try 
+  - fa-tty 
+  - fa-tumblr 
+  - fa-tumblr-square 
+  - fa-turkish-lira (alias) 
+  - fa-twitch 
+  - fa-twitter 
+  - fa-twitter-square 
+  - fa-umbrella 
+  - fa-underline 
+  - fa-undo 
+  - fa-university 
+  - fa-unlink (alias) 
+  - fa-unlock 
+  - fa-unlock-alt 
+  - fa-unsorted (alias) 
+  - fa-upload 
+  - fa-usd 
+  - fa-user 
+  - fa-user-md 
+  - fa-user-plus 
+  - fa-user-secret 
+  - fa-user-times 
+  - fa-users 
+  - fa-venus 
+  - fa-venus-double 
+  - fa-venus-mars 
+  - fa-viacoin 
+  - fa-video-camera 
+  - fa-vimeo-square 
+  - fa-vine 
+  - fa-vk 
+  - fa-volume-down 
+  - fa-volume-off 
+  - fa-volume-up 
+  - fa-warning (alias) 
+  - fa-wechat (alias) 
+  - fa-weibo 
+  - fa-weixin 
+  - fa-whatsapp 
+  - fa-wheelchair 
+  - fa-wifi 
+  - fa-windows 
+  - fa-won (alias) 
+  - fa-wordpress 
+  - fa-wrench 
+  - fa-xing 
+  - fa-xing-square 
+  - fa-yahoo 
+  - fa-yelp 
+  - fa-yen (alias) 
+  - fa-youtube 
+  - fa-youtube-play 
+  - fa-youtube-square [&#xf166;]