[Round Trip Data] A start on importing user data via CSV

.rubocop.yml

@@ -35,6 +35,7 @@ Metrics/BlockLength:
   Description: allow features to be more descriptive and longer
   Exclude:
     - "spec/features/**/*"
+    - "spec/services/**/*"
 
 RSpec/Capybara/FeatureMethods:
   Description: allow given/background/scenario in capybara features

app/assets/stylesheets/components/_flash_message.scss

@@ -2,4 +2,5 @@
   position: fixed;
   bottom: 4rem;
   right: 4rem;
+  z-index: 1000; 
 }

app/controllers/settings_controller.rb

@@ -0,0 +1,9 @@
+class SettingsController < ApplicationController
+  def show
+  end
+
+  def import
+    DailyStatsDataImporter.import(params[:file].path, current_user.id)
+    redirect_to "/app/stats", notice: "Upload complete"
+  end
+end

app/javascript/react/components/Nav/Nav.js

@@ -24,6 +24,11 @@ const Nav = () => (
     <li className="nav-item">
       <span className="nav-link disabled">Ranking</span>
     </li>
+    <li className="nav-item">
+      <a href="/settings" className="nav-link">
+        Settings
+      </a>
+    </li>
   </ul>
 );
 

app/javascript/react/pages/Home/Home.js

@@ -44,32 +44,36 @@ const Home = () => {
   return (
     <div>
       <h1 className="my-4">Are you sweating enough?</h1>
-      <button
-        type="button"
-        className={`btn btn-${display ? "danger" : "success"}`}
-        onClick={() => setDisplay((prev) => !prev)}
-      >
-        {display ? "hide stats" : "add stats for today"}
-      </button>
-      {display && (
-        <>
-          <div className="my-4">
-            <SingleDatePicker
-              date={date}
-              onDateChange={(newDate) => setDate(newDate)}
-              focused={focus}
-              onFocusChange={({ focused }) => setFocus(focused)}
-              id="date"
-            />
-          </div>
-          <AddStatsForm
-            date={date.toISOString()}
-            className="my-4"
-            onSubmit={submitHandler}
-            formInput={formInput}
-          />
-        </>
-      )}
+      <div className="row">
+        <div className="col-12">
+          <button
+            type="button"
+            className={`btn btn-${display ? "danger" : "success"}`}
+            onClick={() => setDisplay((prev) => !prev)}
+          >
+            {display ? "hide stats" : "add stats for today"}
+          </button>
+          {display && (
+            <>
+              <div className="my-4">
+                <SingleDatePicker
+                  date={date}
+                  onDateChange={(newDate) => setDate(newDate)}
+                  focused={focus}
+                  onFocusChange={({ focused }) => setFocus(focused)}
+                  id="date"
+                />
+              </div>
+              <AddStatsForm
+                date={date.toISOString()}
+                className="my-4"
+                onSubmit={submitHandler}
+                formInput={formInput}
+              />
+            </>
+          )}
+        </div>
+      </div>
     </div>
   );
 };

app/javascript/react/pages/Stats/Stats.js

@@ -19,7 +19,7 @@ const Stats = () => {
   if (error) return <p>{`Error! ${error.message}`}</p>;
 
   return (
-    <ul className="list-group">
+    <ul className="list-group daily-stats-list">
       <li className="list-group-item">
         <div className="row">
           <div className="col-md-2">
@@ -31,7 +31,7 @@ const Stats = () => {
         </div>
       </li>
       {data.dailyStats.map((stat) => (
-        <li key={stat.id} className="list-group-item">
+        <li key={stat.id} className="list-group-item daily-stats-item">
           <div className="row">
             <div className="col-md-2">{moment(stat.date).format("L")}</div>
             <div className="col-md-10">

app/services/daily_stats_data_importer.rb

@@ -0,0 +1,63 @@
+require "csv"
+
+class DailyStatsDataImporter
+  def self.import(filepath, user_id)
+    new.import(filepath, user_id)
+  end
+
+  def import(filepath, user_id)
+    user = User.find(user_id)
+    read_file(filepath)
+      .map { |data| process_data(data) }
+      .map { |data| user.daily_stats.create(data) }
+  end
+
+  private
+
+  def read_file(filepath)
+    case File.extname(filepath)
+    when ".csv"
+      read_csv(filepath)
+    else
+      raise "Unknown file type"
+    end
+  end
+
+  def read_csv(filepath)
+    results = []
+    CSV.foreach(filepath, headers: true) do |row|
+      row_data = {
+        date: row["Date"],
+        data: {
+          row["Activity Name"] => row["Quantity"],
+        },
+      }
+      same_date_item = results.find do |item|
+        item[:date] == row_data[:date]
+      end
+      if same_date_item.present?
+        same_date_item[:data] = same_date_item[:data].merge(row_data[:data])
+      else
+        results << row_data
+      end
+    end
+    results
+  end
+
+  def process_data(data)
+    parse_date(data)
+      .then { |new_data| parse_values(new_data) }
+  end
+
+  def parse_date(data)
+    data[:date] = Date.parse(data[:date])
+    data
+  end
+
+  def parse_values(data)
+    data[:data].each do |key, value|
+      data[:data][key] = value.to_f
+    end
+    data
+  end
+end

app/views/settings/show.html.erb

@@ -0,0 +1,8 @@
+<div class="row">
+  <div class="col-12">
+    <%= form_with(url: import_path, multipart: true) do |form| %>
+      <%= form.file_field :file, {accept: ".csv"} %>
+      <%= form.button "Upload Stats", {class: "btn btn-info"} %>
+    <% end %>
+  </div>
+</div>

config/initializers/devise.rb

@@ -186,7 +186,7 @@
   # ==> Configuration for :timeoutable
   # The time you want to timeout the user session without activity. After this
   # time the user will be asked for credentials again. Default is 30 minutes.
-  # config.timeout_in = 30.minutes
+  config.timeout_in = 2.weeks
 
   # ==> Configuration for :lockable
   # Defines which strategy will be used to lock an account.

config/routes.rb

@@ -6,6 +6,8 @@
     root to: "users#index"
   end
   mount GraphiQL::Rails::Engine, at: "/graphiql", graphql_path: "/graphql" if Rails.env.development?
+  resource :settings, only: [:show]
+  post :import, to: "settings#import"
   post "/graphql", to: "graphql#execute"
   devise_for :users
   # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html

spec/features/user_adds_stats_using_nice_ui_spec.rb

@@ -1,29 +1,13 @@
 require "rails_helper"
 
 feature "User adds stats using nice UI", js: true do
-  context "when a user existst with stats" do
+  context "with a user who has stats" do
     before do
       @user_claudia = create(:user_claudia)
-      @user_claudia
-        .daily_stats
-        .append(
-          create(
-            :daily_stat,
-            date: Date.parse("2015-04-01"),
-            data: {situps: 100, weight: 66.6},
-            user: @user_claudia,
-          ),
-        )
-      @user_claudia
-        .daily_stats
-        .append(
-          create(
-            :daily_stat,
-            date: Date.parse("2015-04-02"),
-            data: {situps: 80, weight: 66.6},
-            user: @user_claudia,
-          ),
-        )
+      @user_claudia.daily_stats.append(create(:daily_stat, date: Date.parse("2015-04-01"),
+data: {situps: 100, weight: 66.6}, user: @user_claudia,))
+      @user_claudia.daily_stats.append(create(:daily_stat, date: Date.parse("2015-04-02"),
+data: {situps: 80, weight: 66.6}, user: @user_claudia,))
     end
 
     scenario "Claudia signs in, sees her stats and updates them" do

spec/features/user_uploads_own_data_spec.rb

@@ -0,0 +1,71 @@
+require "rails_helper"
+
+feature "User uploads their data using rails UI", js: true do
+  context "with a user that has no stats" do
+    before do
+      @user_claudia = User.create!(
+        email: "[email protected]",
+        password: "1password",
+        confirmed_at: DateTime.now,
+      )
+    end
+
+    scenario "Claudia signs in, sees no stats in Stats" do
+      When "Claudia signs in and views her stats in pretty UI" do
+        visit root_path
+        page.find("nav a", text: "Log in").click
+        focus_on(:form).for(user_session_path).submit(
+          "Email" => @user_claudia.email,
+          "Password" => @user_claudia.password,
+        )
+
+        page.find(".nav a[href='/app/stats']", text: "Stats").click
+      end
+
+      Then "she sees no stats" do
+        expect(
+          page
+            .find_all(".daily-stats-list .daily-stats-item")
+            .size,
+        ).to be(0)
+      end
+
+      When "she uses the Rails UI to upload a csv of stats" do
+        page.find("[data-widget-type='stats-app'] .nav-tabs a[href='/settings']", text: "Settings").click
+        import_file = generate_file_with_contents("health_sample", ".csv") do
+          <<~HEALTH_SAMPLE_CSV
+            Date,Activity Name,Quantity
+            15/08/2021,Weight,67.1
+            14/08/2021,Weight,66.8
+            13/08/2021,Weight,66.5
+            12/08/2021,Weight,66
+            11/08/2021,Pull ups,50
+            11/08/2021,Weight,66.5
+            10/08/2021,Weight,67
+            08/08/2021,Push ups,200
+            08/08/2021,Weight,66
+            08/08/2021,Push ups,100
+          HEALTH_SAMPLE_CSV
+        end
+        attach_file("file", import_file.path)
+        page.find("button", text: "Upload Stats").click
+      end
+
+      Then "she sees a notification that the upload is completed" do
+        wait_for do
+          page.find("p.alert [data-testid=\"message\"]").text
+        end.to eq "Upload complete"
+      end
+
+      Then "she sees the new stats under stats" do
+        page.find(".nav a[href='/app/stats']", text: "Stats").click
+
+        expect(
+          page
+            .find_all(".daily-stats-list .daily-stats-item")
+            .size,
+        ).to be(7)
+      end
+    end
+  end
+end

spec/rails_helper.rb

@@ -75,4 +75,7 @@
   # predictable host and port for email links
   Capybara.server_port = 3001
   Capybara.server_host = "localhost"
+
+  # file helper can create temporary files with given content
+  config.include FileHelper
 end