user_interface 0.0.2

data/app/assets/stylesheets/user_interface/_layout.scss~

@@ -0,0 +1,290 @@
+html {color:#000;}
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
+table {border-collapse:collapse;border-spacing:0;}
+fieldset,img {border:0;}
+address,caption,cite,code,dfn,em,strong,b,i,th,var {font-style:normal;font-weight:normal;}
+li {list-style:none;}
+caption,th {text-align:left;}
+h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
+q:before,q:after {content:'';}
+abbr,acronym {border:0;font-variant:normal;}
+sup {vertical-align:text-top;}
+sub {vertical-align:text-bottom;}
+input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
+input,textarea,select {*font-size:100%;}
+legend {color:#000;}
+a { text-decoration: none; color: #000 }
+
+/* Red theme */
+$header_background: #900 !default;
+$header_color: white !default;
+$tabs_background: #C00 !default;
+$tabs_color: white !default;
+$text_color: #222 !default;
+
+body {
+    font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
+    color: $text_color;
+    font-size: 14px;
+    background: #E5E5E5;
+}
+
+a, a:visited {
+    color: $text_color;
+}
+
+#header {
+    background: $header_background;
+
+    .tabs {
+        height: 26px;
+        margin: 0 30px 0 30px;
+
+        li {
+            display: inline;
+            float: left;
+            line-height: 24px;
+
+            a:link, a:visited {
+                font-size: 12px;
+                padding: 5px 9px 7px;
+                margin-right: 3px;
+                background-color: $tabs_background;
+                color: $tabs_color;
+            }
+
+            a.current {
+                color: $text_color;
+                font-weight: bold;
+                background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#E5E5E5));
+                background: -moz-linear-gradient(top, #FDFDFD, #E5E5E5);
+            }           
+        }
+
+        li.admin {
+            float: right;
+        }
+    }
+
+    .infos{
+        height: 70px;
+
+        h1 {        
+            font-size: 20px;
+            font-weight: normal;
+            color: $header_color;
+            padding: 10px 0 0 30px;
+        }
+
+        h1.dashboard {
+            font-size: 24px;
+            padding-top: 20px;
+        }
+
+        a.back_to_upper_menu { 
+	 	        color: $tabs_color; 
+	 	        text-decoration: underline; 
+	 	        padding: 10px 0 0 30px; 
+	 	        font-size: 0.8em; 
+            display: block;
+        } 
+        
+        ul.user {
+            float: right;
+            color: $tabs_color;
+            margin: 0 30px 0 0;
+            
+            li {
+                font-size: 13px;
+                display: inline;
+                margin: 0 3px;
+            }
+            
+            a {
+                color: $tabs_color;
+                text-decoration: underline;
+                line-height: 55px;              
+            }         
+
+            li.language, li.home {
+                margin: 0 1px;
+                text-decoration: none;           
+            }
+            
+            span.help {
+                color: $header_background;
+                font-size: 11px;
+                border-radius:6px;
+                -moz-border-radius: 6px;
+                background-color: white;
+                padding: 3px 5px;
+            }    
+        }
+    }
+}
+
+.actions {
+    a {
+        padding-left: 20px;
+        text-decoration: underline;
+    }
+
+    a.visit_site{
+        background: url(image-path('user_interface/ui/site.png')) no-repeat;
+    }
+
+    a.visit_event{
+        background: url(image-path('user_interface/ui/event.png')) no-repeat;
+    }
+
+    a.visit_page{
+        background: url(image-path('user_interface/ui/page.png')) no-repeat;
+    }
+    
+    a.add {
+        background: url(image-path('user_interface/ui/add.png')) no-repeat;
+    }
+    a.edit {
+        background: url(image-path('user_interface/ui/edit.png')) no-repeat;
+    }
+    a.remove {
+        background: url(image-path('user_interface/ui/remove.png')) no-repeat;
+    }
+    li {
+        margin: 10px 0;
+    }
+}
+
+#body {
+    min-width: 1000px;
+    
+    a{ text-decoration: underline;}
+}
+
+#workspace, #sidebar {
+    float: left;
+}
+
+#workspace {
+    width: 70%;
+    background: white;
+    margin: 15px 30px;
+    padding: 0 15px 10px 15px;
+    
+    -moz-box-shadow: 3px 3px 4px #BBB;
+    -webkit-box-shadow: 3px 3px 4px #BBB;
+    box-shadow: 3px 3px 4px #BBB;
+    border-right: 1px solid #BBB;
+    border-bottom: 1px solid #BBB;
+
+    h2,h3 {
+        background: white;
+        padding: 15px 0;
+        font-weight: bold;
+    }
+
+    h2{font-size: 16px;}
+    h3{font-size: 14px;}
+
+    li span.author {
+        float: right;
+        font-size: 12px;
+    }
+
+    .site_summary {
+      float: left;
+      margin-bottom: 20px;
+      width: 100%;
+     
+      img {
+          float: left;
+          margin-right: 20px;
+      }
+      a {
+          display: block;
+          margin: 25px 0 0;
+      }
+    }
+    .site_summary:after {
+        content: " ";  
+        display: block; 
+        height: 0; 
+        clear: both;
+        visibility: hidden;
+    }
+
+    p { margin: 7px 0; }
+
+    fieldset.buttons{
+        margin: 10px;
+    }
+        
+}
+
+#body #flash {
+    width: 72%;
+    margin: 15px 0 0 30px;
+
+    div {
+        padding: 10px 10px 10px 50px;
+    }
+    .alert {
+        color: #c01100; 
+        background: #ffbdbd url(image-path('user_interface/ui/alert.png')) no-repeat 15px;
+    }
+    .notice {
+        background: #EDF3FE url(image-path('user_interface/ui/notice.png')) no-repeat 15px;
+    }
+}
+
+#body #sidebar {
+    width: 20%;
+    padding-top: 20px;
+    
+    a {
+        color: #666;
+    }
+    
+    .actions {
+        margin-bottom: 20px;
+    }
+    
+    h3 {
+        padding: 6px 8px;
+        font-weight: bold;
+        background: #F0F0F0;
+        border-bottom: 1px solid gainsboro;
+        margin-bottom: 10px;
+    }
+
+    h4 {
+        font-weight: bold;
+        padding: 6px 8px;
+        font-size: 0.9em;
+    }
+
+    p {
+        font-size: 12px;
+    }
+
+    fieldset
+    {
+        background-color: #ECECEC;
+        padding: 10px;
+        border: 1px solid black;
+
+        legend{
+            font-weight: bold;
+            padding: 0 5px;
+        }
+        
+        p{
+            margin-top: 5px;            
+            label{ font-size: 12px;} 
+            span{
+                font-style: oblique;
+                font-size:12px;
+            }
+        }
+    }
+}

data/app/controllers/languages_controller.rb

@@ -0,0 +1,23 @@
+class LanguagesController < ApplicationController
+  skip_filter :authenticate_user!
+
+  def show
+    change_language
+  end
+  
+  def update
+    change_language
+  end
+  
+  private
+
+  def change_language
+    self.current_language = params[:id]
+    redirect_to (referer_path or root_path)
+  end
+
+  def referer_path
+    request.env["HTTP_REFERER"]
+  end
+
+end

data/app/helpers/flash_helper.rb

@@ -0,0 +1,9 @@
+module FlashHelper
+
+  def flash_tag(flash)
+    flash.collect do |level, message|
+      content_tag(:div, sanitize(message), :class => level)
+    end.join("\n").html_safe
+  end
+
+end

data/app/helpers/languages_helper.rb

@@ -0,0 +1,16 @@
+module LanguagesHelper
+
+  def selected_language?( lang)
+    (session[:language].nil? && lang=="fr") || lang==session[:language].to_s
+  end
+  def language_class( lang)
+    "language #{lang}".tap do |css_classes|
+      css_classes << " selected" if selected_language?(lang)
+    end
+  end
+
+  def link_to_language(language)
+    link_to image_tag("user_interface/ui/#{language}_flag.png"), language_path(language), :method => :put
+  end
+
+end

data/app/helpers/tabs_helper.rb

@@ -0,0 +1,9 @@
+module TabsHelper
+
+  def tab_link_to(model_or_name, link, current=nil)
+    model_or_name = model_or_name.model_name.human(:count => 2).capitalize if Class === model_or_name
+    current ||= request.path.start_with?(link)
+    link_to model_or_name, link, :class => ("current" if current)
+  end
+
+end

data/app/views/devise/_links.erb

@@ -0,0 +1,41 @@
+<% content_for :sidebar do %>
+<ul class="actions">
+  <li>
+  <%- if controller_name != 'sessions' %>
+  <%= link_to t(".sign_in"), new_session_path(resource_name) %><br />
+  <% end -%>
+  </li>
+
+  <li>
+  <%- if devise_mapping.registerable? && controller_name != 'registrations' %>
+  <%= link_to t(".sign_up"), new_registration_path(resource_name) %><br />
+  <% end -%>
+  </li>
+
+  <li>
+  <%- if devise_mapping.recoverable? && controller_name != 'passwords' %>
+  <%= link_to t(".new_password"), new_password_path(resource_name) %><br />
+  <% end -%>
+  </li>
+
+  <li>
+  <%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
+  <%= link_to t(".new_confirmation"), new_confirmation_path(resource_name) %><br />
+  <% end -%>
+  </li>
+
+  <li>
+  <%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' %>
+  <%= link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name) %><br />
+  <% end -%>
+  </li>
+
+  <li>
+  <%- if devise_mapping.omniauthable? %>
+    <%- resource_class.omniauth_providers.each do |provider| %>
+      <%= link_to "Sign in with #{provider.to_s.titleize}", omniauth_authorize_path(resource_name, provider) %><br />
+    <% end -%>
+  <% end -%>
+  </li>
+</ul>
+<% end %>

data/app/views/devise/confirmations/new.html.erb

@@ -0,0 +1,13 @@
+<%= title_tag t('.title') %>
+
+<%= semantic_form_for(resource, :as => resource_name, :url => confirmation_path(resource_name), :html => { :method => :post }) do |form| %>
+
+  <%= form.input :email %> 
+
+   <%= form.actions do %>
+     <%= form.action :submit, :as => :button, :label => t('.title') %>
+     <%= form.action :cancel, :as => :link %>
+  <% end %>
+<% end %>
+
+<%= render "links" %>

data/app/views/devise/mailer/confirmation_instructions.fr.html.erb

@@ -0,0 +1,6 @@
+<p>Bonjour <%= @resource.email %>!</p>
+
+<p>Vous pouvez confirmer votre compte email en cliquant sur le lien suivant:</p>
+
+<p><%= link_to 'Confirmer mon compte', confirmation_url(@resource, :confirmation_token => @resource.confirmation_token) %></p>
+

data/app/views/devise/mailer/confirmation_instructions.html.erb

@@ -0,0 +1,5 @@
+<p>Welcome <%= @resource.email %>!</p>
+
+<p>You can confirm your account email through the link below:</p>
+
+<p><%= link_to 'Confirm my account', confirmation_url(@resource, :confirmation_token => @resource.confirmation_token) %></p>

data/app/views/devise/mailer/invitation_instructions.fr.html.erb

@@ -0,0 +1,8 @@
+<p>Bonjour <%= @resource.email %>,</p>
+
+<p>Ce message est une invitation pour accéder à <%= link_to nil, root_url %>, vous pouvez l'accepter en cliquant sur le lien suivant :</p>
+
+<p><%= link_to "Accepter l'invitation", accept_invitation_url(@resource, :invitation_token => @resource.invitation_token) %></p>
+
+<p>Si vous ne souhaitez pas accepter cette invitation, ignorez ce message.<br />
+Votre compte ne sera pas créé tant que vous n'accédez pas au lien ci-dessus et que vous ne définissez un mot de passe.</p>

data/app/views/devise/mailer/invitation_instructions.html.erb

@@ -0,0 +1,9 @@
+<p>Hello <%= @resource.email %>!</p>
+
+<p>Someone has invited you to <%= root_url %>, you can accept it through the link below.</p>
+
+<p><%= link_to 'Accept invitation', accept_invitation_url(@resource, :invitation_token => @resource.invitation_token) %></p>
+
+<p>If you don't want to accept the invitation, please ignore this email.<br />
+Your account won't be created until you access the link above and set your password.</p>
+