Interface fixes icons,colors

app/views/themengruppen/_form.html.erb

@@ -5,7 +5,8 @@
     <%= f.input :public %>
     <%= f.input :picture, :as => :file %>
     <%= f.input :text %>
-
+    <%= f.input :icon , :input_html=>{:id=>"iconfield"}%>
+    <i id="icon"></i>
   <% end %>
 
   <%= f.actions do %>
@@ -13,3 +14,13 @@
 	<%= f.action :cancel,:label => I18n.t("common.back"), :as => :link %>
   <% end %>
 <% end %>
+<script>
+$(document).ready(function(){
+$('#iconfield').on('change', function(){$('#icon').attr("class",$(this).val())})});
+</script>
+
+   
+   <% ffi1_list.each do |i| %>
+ <a onclick="$('#iconfield').val('ffi1-<%= i %>');$('#icon').attr('class','ffi1-<%= i %>')" href="#"><%=ffi1_icon(i)%>
+</a>
+<% end %> 

app/views/themengruppen/_themengruppe.html.erb

@@ -1,13 +1,21 @@
-<%= link_to themengruppe,{:class=>'linkbox color-4'} do %>
+<%= link_to themengruppe,{:class=>'linkbox color-4-dark'} do %>
 <div class="row-fluid">
   <div class="span12">
     <div class="media">
       <span class="pull-left">
+	<% if themengruppe.icon.nil? or themengruppe.icon.empty? %>
 	<%= image_tag themengruppe.picture.thumb.url,{:class=>"img-rounded"} %>
+	<% end %>
+
       </span>
       <div class="media-body">
-	<h3><%=themengruppe.title%> </h3>
+	<h3>
+	<% unless themengruppe.icon.nil? or themengruppe.icon.empty? %>      <i class="<%= themengruppe.icon %>" style="font-size:1.5em;margin:0"></i>
+      <% end %>
+
+<%=themengruppe.title%> </h3>
       </div>
+    
     </div>
   </div>
 </div>

app/views/themengruppen/show.html.erb

@@ -10,7 +10,9 @@
 </ul>
   <%= render :partial=>'layouts/pretty_toolbar' %>
 
-  <h1><%= @themengruppe.title %></h1>
+  <h1>	<% unless @themengruppe.icon.nil? or @themengruppe.icon.empty? %>      <i class="<%= @themengruppe.icon %>" style="font-size:1.5em;margin:0"></i>
+      <% end %>
+<%= @themengruppe.title %></h1>
 
   <p>
     <%= @themengruppe.text %>