diff options
author | danielgrippi <danielgrippi@gmail.com> | 2011-10-14 09:10:57 +0400 |
---|---|---|
committer | danielgrippi <danielgrippi@gmail.com> | 2011-10-25 01:11:34 +0400 |
commit | 42d4d4f40027b78b77f9539a101ede284460421d (patch) | |
tree | 0359e28e084e105a1e0449d21276248bfd909d3b /app/views/users/getting_started.haml | |
parent | e087284daae9cbfdea3ccd4c7c5ee772d54772cc (diff) |
down to two steps; wip.
Diffstat (limited to 'app/views/users/getting_started.haml')
-rw-r--r-- | app/views/users/getting_started.haml | 183 |
1 files changed, 49 insertions, 134 deletions
diff --git a/app/views/users/getting_started.haml b/app/views/users/getting_started.haml index 79ead984b..cc31ab940 100644 --- a/app/views/users/getting_started.haml +++ b/app/views/users/getting_started.haml @@ -2,6 +2,38 @@ -# licensed under the Affero General Public License version 3 or later. See -# the COPYRIGHT file. +- content_for :head do + = include_javascripts :profile + + :javascript + $(document).ready(function () { + var data = $.parseJSON( '#{@tags_array.to_json.gsub("'", "\\\\'")}' ), + autocompleteInput = $("#follow_tags"); + + autocompleteInput.autoSuggest("#{tags_path}", { + selectedItemProp: "name", + searchObjProps: "name", + asHtmlID: "tags", + neverSubmit: true, + retriveLimit: 10, + selectionLimit: 5, + minChars: 2, + keyDelay: 200, + startText: "", + emptyText: "#{t('no_results')}", + preFill: data + }); + + autocompleteInput.bind('keydown', function(evt){ + if(evt.keyCode == 13 || evt.keyCode == 9 || evt.keyCode == 32){ + evt.preventDefault(); + if( $('li.as-result-item.active').length == 0 ){ + $('li.as-result-item').first().click(); + } + } + }); + }); + .span-5.leftNavBar #home_user_badge = owner_image_link @@ -26,165 +58,48 @@ = welcome_text %h4 = t(".community_welcome") - %p - = t(".not_mandatory") %ul#getting_started - %li.profile{:class => ("completed" if has_completed_profile?)} + %li.profile .getting_started_number %h3 = @step += 1 .content %h3 - = t(".fill_out_your_profile") - #getting_started_profile_photo - = person_image_link(current_user.person, :size => :thumb_medium) - %p - = t(".profile_description") - .span-8.fields - - [:full_name, :image_url, :birthday, :gender, :bio, :location, :tag_string].each do |attr| - .span-4.last - = profile_field_tag(current_user.person.profile, attr) - - #edit_profile_button_div - = link_to t(".edit_profile"), edit_profile_path, :class => "button", :target => "_blank" - - - unless AppConfig[:configured_services].blank? - %li.services{:class => ("completed" if has_connected_services?)} - .getting_started_number - %h3 - = @step += 1 - .content - %h3 - = t('.connect_to_your_other_social_networks') + = t(".who_are_you") + .span-12 %p - = t('.connect_to_your_other_social_networks_explanation_p1') - - if AppConfig[:configured_services].detect{|s| s == "facebook"} - = t('.connect_to_your_other_social_networks_explanation_p2') - - #getting_started_service_icons - - AppConfig.configured_services.each do |service| - - unless current_user.services.any?{|x| x.provider == service} - %span.service - %span.service_image - = link_to(image_tag("social_media_logos/#{service.to_s.downcase}-48x48.png", :title => service.to_s.titleize), "/auth/#{service}") - - else - %span.service - %span.service_image - = image_tag( "social_media_logos/#{service.to_s.downcase}-48x48.png", :title => service.to_s.titleize, :class => "dim") - %span.checkmark - = image_tag( "icons/check_yes_ok.png") - - %li.connect_with_people{:class => ("completed" if has_few_contacts?)} - .getting_started_number - %h3 - = @step += 1 - .content - %h3 - = t('.connect_with_people') + We can speed things up a bit by + = link_to "hooking up your Facebook account", "auth/facebook?callback_url=#{getting_started_url}" + to Diaspora. We can pull your name and photo, and enable cross-positng. - %p + .span-6 + = form_for current_user.person.profile do |profile| + = profile.text_field :first_name - = t('.connect_with_people_explanation_pt1', :bold => content_tag(:b, t('.bold'))).html_safe - = t('.connect_with_people_explanation_pt2') - - -unless AppConfig[:no_follow_diasporahq] - #diaspora_hq_pane - - if diasporahq = Person.find_by_diaspora_handle("diasporahq@joindiaspora.com") - = person_image_link(diasporahq, :size => :thumb_medium) - - .name - = person_link(diasporahq) - - .info - = t('.get_updates_from_core') - - .add_to_aspect - = render :partial => 'people/relationship_action', - :locals => { :person => diasporahq, - :contact => current_user.contact_for(diasporahq), - :current_user => current_user } - - #community_spotlight_pane - %h4 - = t('.community_spotlight') - - %div - - Person.community_spotlight[0..5].each do |person| - .featured_user_card_small - .right - .add_to_aspect - = render :partial => 'people/relationship_action', - :locals => { :person => person, - :contact => current_user.contact_for(person), - :current_user => current_user } - = person_image_link(person, :target => "_blank") - = person_link(person, :class => "hovercardable", :target => "_blank") - .tags - - person.profile.tags[0..2].each do |tg| - = link_to "##{tg}", tag_path(tg.name), :target => "_blank" - - = link_to "#{t('.see_all_community_spotlight')} ->", community_spotlight_path, :target => "_blank" - - %br - #find_friends_pane - %h4 - = t('.find_friends') - .span-5.append-1 - = form_tag(people_path, :method => 'get', :class => "people search_form") do - = text_field_tag 'q', nil, :placeholder => t(".search_for_people"), :type => 'search', :results => 5 - .span-5.last{:style => "height:30px;"} - %h4{:style => "margin-top:7px;"} - or - = link_to t('.find_friends_from_facebook'), friend_finder_path('facebook'), :target => "_blank" - .clearfix - %br + %br + = render 'photos/new_profile_photo', :aspect => :getting_started, :person => current_user.person - %li.follow_interests{:class => ("completed" if has_few_followed_tags?)} + %li.follow_interests .getting_started_number %h3 = @step += 1 .content %h3 - = t('.follow_your_interests') + = t('.what_are_you_in_to') %p = t('.hashtag_explanation') - .span-5.append-1 + .span-9 = form_tag(tags_path, :method => 'get', :class => "tag_input search_form") do - = text_field_tag 'q', nil, :placeholder => t(".search_for_hashtags"), :type => 'search', :results => 5 - .span-5.last - %h4{:style => "margin-top:7px;"} - = t('.featured_tags') - %p - - ["diaspora", "art", "gif", "french"].each do |tag_name| - = tag_link(tag_name) - %br + = text_field_tag 'follow_tags', nil + .clearfix %br - %br - - %li.cubbies{:class => ("completed" if has_connected_cubbies?)} - .getting_started_number - %h3 - = @step += 1 - .content - %h3 - = t(".connect_to") - = link_to "Cubbi.es", "http://cubbi.es/", :target => "_blank" - %p - = t('tokens.show.what_is_cubbies') - - .cubbies_images - = image_tag '/images/cubbies_collage.png', :width => 422, :height => 159, :class => "cubbies_collage_small" - = image_tag '/images/cubbies_screenshot2.png', :height => 151, :width => 200, :class => "cubbies_user_page_small" %li{:style => 'text-align:center;'} %p - = link_to t('.finished'), getting_started_completed_path, :class => "button" + = link_to t('.awesome_take_me_to_diaspora'), getting_started_completed_path, :class => "button" -/.span-5.rightBar.last -/ = render 'selected_contacts', :people => @selected_people.sample(20), :count => @contact_count -/ = render 'shared/right_sections' |