From 507e8ee19994e2bb81f250d9651387441f16abf8 Mon Sep 17 00:00:00 2001
From: movilla <moviglez@gmail.com>
Date: Sat, 2 Feb 2013 15:58:58 +0100
Subject: [PATCH] Add Getting_Started page mobile

---
 Changelog.md                                |   1 +
 app/assets/stylesheets/mobile.css.scss      |  11 +++
 app/views/users/getting_started.mobile.haml | 104 ++++++++++++++++++++
 3 files changed, 116 insertions(+)
 create mode 100644 app/views/users/getting_started.mobile.haml

diff --git a/Changelog.md b/Changelog.md
index aa83e297f..8d73e2cf7 100644
--- a/Changelog.md
+++ b/Changelog.md
@@ -34,6 +34,7 @@
 * Show links in sidebar [#3827](https://github.com/diaspora/diaspora/pull/3827)
 * Add settings web mobile. [#3701](https://github.com/diaspora/diaspora/pull/3701)
 * Stream form on profile page [#3910](https://github.com/diaspora/diaspora/issues/3910).
+* Add Add Getting_Started page mobile. [#3949](https://github.com/diaspora/diaspora/issues/3949).
 
 ## Bug Fixes
 
diff --git a/app/assets/stylesheets/mobile.css.scss b/app/assets/stylesheets/mobile.css.scss
index 0d354767b..bc89f3308 100644
--- a/app/assets/stylesheets/mobile.css.scss
+++ b/app/assets/stylesheets/mobile.css.scss
@@ -932,3 +932,14 @@ select#user_language, #user_auto_follow_back_aspect_id {
 #file-upload-spinner {
   top: 0px;
 }
+
+.hero-unit-mobile {
+  padding: 10px;
+  font-size: 14px;
+  line-height: 18px;
+  color: inherit;
+  background-color: #EEE;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+  border-radius: 10px;
+}
diff --git a/app/views/users/getting_started.mobile.haml b/app/views/users/getting_started.mobile.haml
new file mode 100644
index 000000000..94d2f2ec1
--- /dev/null
+++ b/app/views/users/getting_started.mobile.haml
@@ -0,0 +1,104 @@
+-#   Copyright (c) 2010-2011, Diaspora Inc.  This file is
+-#   licensed under the Affero General Public License version 3 or later.  See
+-#   the COPYRIGHT file.
+
+- content_for :head do
+  = javascript_include_tag :jquery, :home
+
+  :javascript
+    $(document).ready(function () {
+      var data = $.parseJSON( '#{@tags_array.to_json.gsub("'", "\\\\'")}' ),
+      autocompleteInput = $("#follow_tags");
+
+      autocompleteInput.autoSuggest("#{tags_path}", {
+        selectedItemProp: "name",
+        selectedValuesProp: "name",
+        searchObjProps: "name",
+        asHtmlID: "tags",
+        neverSubmit: true,
+        retrieveLimit: 10,
+        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();
+          }
+        }
+      });
+    });
+
+:css
+  .media, .bd{ overflow: visible;}
+
+%br
+
+%section#hello-there
+  .hero-unit-mobile
+    %h3.center
+      = t('.well_hello_there')
+    %p.center
+      = t(".community_welcome")
+
+    = invited_by_message
+
+    .clearfix
+
+    .clearfix
+      .row
+        %h3
+          = t(".who_are_you")
+
+      .row
+        %p
+          != t('.connect_to_facebook', :link => link_to(t('.connect_to_facebook_link'), "auth/facebook?callback_url=#{getting_started_url}"))
+
+      .row
+        .span6
+          = form_tag profile_path, :method => :put, :remote => true, :id => 'edit_profile' do
+            %fieldset
+              .clearfix
+                = label_tag 'profile[first_name]', t('profiles.edit.your_name'), :class => "bootstrapped"
+                .input
+                  = text_field_tag 'profile[first_name]', current_user.first_name
+                  = image_tag 'ajax-loader.gif', :id => "gs-name-form-spinner", :class => "hidden"
+
+              %span.saved{:class => "hidden"}
+                = image_tag 'icons/check_yes_ok.png'
+                = t(".saved")
+
+            .clearfix
+              = label_tag :your_photo, t('profiles.edit.your_photo'), :class => "bootstrapped"
+              = render 'photos/new_profile_photo', :aspect => :getting_started, :person => current_user.person
+
+    .clearfix
+      .row
+        %h3
+          = t('.what_are_you_in_to')
+
+      .row
+        %p
+          = t('.hashtag_explanation')
+
+      .row
+        .span13
+          = form_tag(tag_followings_path, :method => 'get', :class => "tag_input search_form") do
+            %fieldset
+              .clearfix
+                = label_tag 'follow_tags', t('.hashtag_suggestions'), :class => "bootstrapped"
+                .input
+                  = text_field_tag 'follow_tags', nil, :class => "nostrap"
+
+            .clearfix
+              %br
+              %br
+              %br
+              .input
+                = link_to "#{t('.awesome_take_me_to_diaspora')} »", stream_path, :id => "awesome_button", :class => "btn primary"
+