Feature/brave rewards ui rebase2

.babelrc

@@ -1,18 +1,26 @@
 {
   "presets": [
-    ["env", {
-      "modules": false,
-      "targets": {
-        "browsers": "> 1%",
-        "uglify": true
-      },
-      "useBuiltIns": true
-    }]
+    [
+      "env",
+      {
+        "modules": false,
+        "targets": {
+          "browsers": "> 1%",
+          "uglify": true
+        },
+        "useBuiltIns": true
+      }
+    ],
+    "react"
   ],
-
   "plugins": [
     "syntax-dynamic-import",
     "transform-object-rest-spread",
-    ["transform-class-properties", { "spec": true }]
+    [
+      "transform-class-properties",
+      {
+        "spec": true
+      }
+    ]
   ]
 }

.gitignore

@@ -17,6 +17,9 @@ dump.rdb
 yarn-error.log
 .DS_Store
 
+# Ignore assets stored in /storage
+/storage
+
 # Ignore Byebug command history file.
 .byebug_history
 /ssl/

Gemfile

@@ -19,6 +19,9 @@ gem "attr_encrypted", "~> 3.1.0"
 # Integration with Matomo Piwik
 gem 'autometal-piwik', :require => 'piwik', git: "https://github.com/matomo-org/piwik-ruby-api.git", branch: "master"
 
+# Use AWS gem for s3 uploads
+gem 'aws-sdk-s3', require: false
+
 gem "bootstrap", "~> 4.1.1"
 
 # browser details
@@ -49,6 +52,9 @@ gem "nokogiri", "~> 1.8.4"
 # Open Graph tag
 gem "meta-tags"
 
+# Image conversion library
+gem 'mini_magick'
+
 # Oauth client for google / youtube
 gem "omniauth-google-oauth2", "~> 0.5.2"
 

Gemfile.lock

@@ -78,6 +78,21 @@ GEM
       encryptor (~> 3.0.0)
     autoprefixer-rails (9.0.0)
       execjs
+    aws-eventstream (1.0.1)
+    aws-partitions (1.104.0)
+    aws-sdk-core (3.27.0)
+      aws-eventstream (~> 1.0)
+      aws-partitions (~> 1.0)
+      aws-sigv4 (~> 1.0)
+      jmespath (~> 1.0)
+    aws-sdk-kms (1.9.0)
+      aws-sdk-core (~> 3, >= 3.26.0)
+      aws-sigv4 (~> 1.0)
+    aws-sdk-s3 (1.19.0)
+      aws-sdk-core (~> 3, >= 3.26.0)
+      aws-sdk-kms (~> 1)
+      aws-sigv4 (~> 1.0)
+    aws-sigv4 (1.0.3)
     bcrypt (3.1.12)
     bindex (0.5.0)
     bootstrap (4.1.3)
@@ -106,7 +121,7 @@ GEM
       activesupport
     childprocess (0.9.0)
       ffi (~> 1.0, >= 1.0.11)
-    chromedriver-helper (1.2.0)
+    chromedriver-helper (2.0.1)
       archive-zip (~> 0.10)
       nokogiri (~> 1.8)
     chunky_png (1.3.10)
@@ -170,6 +185,7 @@ GEM
     jbuilder (2.7.0)
       activesupport (>= 4.2.0)
       multi_json (>= 1.2)
+    jmespath (1.4.0)
     json (2.1.0)
     jsonapi-renderer (0.2.0)
     jwt (1.5.6)
@@ -196,6 +212,7 @@ GEM
       mime-types-data (~> 3.2015)
     mime-types-data (3.2018.0812)
     mimemagic (0.3.2)
+    mini_magick (4.9.2)
     mini_mime (1.0.0)
     mini_portile2 (2.3.0)
     minitest (5.11.3)
@@ -457,6 +474,7 @@ DEPENDENCIES
   api-pagination
   attr_encrypted (~> 3.1.0)
   autometal-piwik!
+  aws-sdk-s3
   bootstrap (~> 4.1.1)
   brakeman
   browser
@@ -476,6 +494,7 @@ DEPENDENCIES
   listen (~> 3.0.5)
   lograge (~> 0.4)
   meta-tags
+  mini_magick
   minitest-rails-capybara (~> 3.0.1)
   mocha
   newrelic_rpm (~> 3.16)

app/assets/stylesheets/pages/home.scss

@@ -1,3 +1,55 @@
+.camera-background {
+  background-size: 60px 47px;
+  width: 60px;
+  height: 47px;
+  background-image: url(asset-path("camera@2x.png"));
+  background-color: transparent;
+  border-style: none;
+}
+
+#icn-donation-jar {
+  margin-bottom: 30px;
+}
+
+.brave-rewards-banner {
+  &--background {
+    &-label {
+      display: block;
+      margin-left: -4px;
+      margin-top: 5px;
+      font-size: 16px;
+    }
+
+    &-camera {
+      margin-left: 46%;
+      margin-top: -60px;
+    }
+  }
+  &--logo {
+    &-parent {
+      position: relative;
+    }
+
+    &-label {
+      display: block;
+      margin-left: -4px;
+      margin-top: 5px;
+      font-size: 16px;
+    }
+
+    &-no-attachment {
+      margin-left: 30%;
+      position: absolute;
+    }
+
+    &-camera {
+      margin-left: 30%;
+      margin-top: 30%;
+      position: absolute;
+    }
+  }
+}
+
 .nav {
   display: block;
 

app/controllers/banners_controller.rb

@@ -0,0 +1,5 @@
+class BannersController < ApplicationController
+  def new
+    @publisher_id = current_publisher.id
+  end
+end

app/controllers/publishers/site_banners_controller.rb

@@ -0,0 +1,105 @@
+class Publishers::SiteBannersController < ApplicationController
+  include ImageConversionHelper
+  before_action :authenticate_publisher!
+
+  MAX_IMAGE_SIZE = 10_000_000
+
+  def new
+    @site_banner = current_publisher.site_banner || SiteBanner.new
+  end
+
+  def create
+    site_banner = current_publisher.site_banner || SiteBanner.new
+    donation_amounts = JSON.parse(params[:donation_amounts])
+    site_banner.update(
+      publisher_id: current_publisher.id,
+      title: params[:title],
+      donation_amounts: donation_amounts,
+      default_donation: donation_amounts.second,
+      social_links: params[:social_links].present? ? JSON.parse(params[:social_links]) : {},
+      description: params[:description]
+    )
+    head :ok
+  end
+
+  def fetch
+    site_banner = current_publisher.site_banner
+    data = JSON.parse(site_banner.to_json)
+    data[:backgroundImage] = current_publisher.site_banner.read_only_react_property[:backgroundUrl]
+    data[:logoImage] = current_publisher.site_banner.read_only_react_property[:logoUrl]
+    render(json: data.to_json)
+  end
+
+  def update_logo
+    if params[:image].length > MAX_IMAGE_SIZE
+      # (Albert Wang): We should consider supporting alerts. This might require a UI redesign
+      # alert[:error] = "File size too big!"
+      head :payload_too_large and return
+    end
+    site_banner = current_publisher.site_banner
+    update_image(attachment: site_banner.logo, attachment_type: SiteBanner::LOGO)
+    head :ok
+  end
+
+  def update_background_image
+    if params[:image].length > MAX_IMAGE_SIZE
+      # (Albert Wang): We should consider supporting alerts. This might require a UI redesign
+      # alert[:error] = "File size too big!"
+      head :payload_too_large and return
+    end
+    site_banner = current_publisher.site_banner
+    update_image(attachment: site_banner.background_image, attachment_type: SiteBanner::BACKGROUND)
+    head :ok
+  end
+
+  private
+
+  def update_image(attachment:, attachment_type:)
+    data_url = params[:image].split(',')[0]
+    if data_url.starts_with?("data:image/jpeg")
+      content_type = "image/jpeg"
+      extension = ".jpg"
+    elsif data_url.starts_with?("data:image/png")
+      content_type = "image/png"
+      extension = ".png"
+    elsif data_url.starts_with?("data:image/bmp")
+      content_type = "image/bmp"
+      extension = ".bmp"
+    else
+      LogException.perform(StandardError.new("Unknown image format:" + data_url), params: {})
+      return nil
+    end
+    filename = Time.now.to_s.gsub!(" ", "_").gsub!(":", "_") + current_publisher.id
+
+    temp_file = Tempfile.new([filename, extension])
+    File.open(temp_file.path, 'wb') do |f|
+      f.write(Base64.decode64(params[:image].split(',')[1]))
+    end
+
+    original_image_path = temp_file.path
+
+    resized_jpg_path = resize_to_dimensions_and_convert_to_jpg(
+      source_image_path: original_image_path,
+      attachment_type: attachment_type,
+      filename: filename
+    )
+
+    begin
+      padded_resized_jpg_path = add_padding_to_image(
+        source_image_path: resized_jpg_path,
+        attachment_type: attachment_type,
+      )
+    rescue OutsidePaddingRangeError
+      logger.error "Outside padding range"
+      LogException.perform(StandardError.new("File size too big for #{attachment_type}"), params: {publisher_id: current_publisher.id})
+    end
+
+    new_filename = generate_filename(source_image_path: padded_resized_jpg_path)
+
+    attachment.attach(
+      io: open(padded_resized_jpg_path),
+      filename: new_filename + ".jpg",
+      content_type: "image/jpg"
+    )
+  end
+end

app/controllers/publishers_controller.rb

@@ -199,13 +199,13 @@ def update
     end
 
     respond_to do |format|
-      format.json {
-        if success
-          head :no_content
-        else
-          render(json: { errors: publisher.errors }, status: 400)
-        end
-      }
+      if success
+        format.json { head :no_content  }
+        format.html { redirect_to home_publishers_path }
+      else
+        format.json { render(json: { errors: publisher.errors }, status: 400) }
+        format.html { render(status: 400) }
+      end
     end
   end