Tweak in/out setting display

app/assets/stylesheets/common.css.scss

@@ -129,3 +129,11 @@ label {
     margin-left: 30px; // used at fluentd/settings/out_forward, nested config form
   }
 }
+
+.fluentd-setting-inout {
+  .arrow-right {
+    text-align: center;
+    font-size: 36px;
+    padding-top: 64px;
+  }
+}

app/views/fluentd/settings/show.html.haml

@@ -9,11 +9,16 @@
       = preserve do
         = @config
 
-.row
-  .col-lg-6
+%hr
+
+%h2
+  = t ".in_out_head"
+
+.row.fluentd-setting-inout
+  .col-lg-4
     .panel.panel-default
       .panel-heading
-        %h2= t('.in')
+        %h4= t('.in')
       .panel-body
         %p
           = link_to(fluentd_setting_in_tail_path(@fluentd)) do
@@ -23,15 +28,25 @@
           = link_to(fluentd_setting_in_syslog_path(@fluentd)) do
             = icon('fa-file-text-o fa-lg')
             = t("fluentd.common.setup_in_syslog")
-  .col-lg-6
+  .col-lg-1.arrow-right
+    = icon "fa-arrow-circle-right"
+  .col-lg-2
+    = image_tag "/fluentd-logo.png", style: "max-width: 100%"
+  .col-lg-1.arrow-right
+    = icon "fa-arrow-circle-right"
+  .col-lg-4
     .panel.panel-default
       .panel-heading
-        %h2= t('.out')
+        %h4= t('.out')
       .panel-body
         %p
           = link_to(fluentd_setting_out_td_path(@fluentd)) do
             = icon('fa-file-text-o fa-lg')
             = t("fluentd.common.setup_out_td")
+        %p
+          = link_to(fluentd_setting_out_s3_path(@fluentd)) do
+            = icon('fa-file-text-o fa-lg')
+            = t("fluentd.common.setup_out_s3")
         %p
           = link_to(fluentd_setting_out_mongo_path(@fluentd)) do
             = icon('fa-file-text-o fa-lg')

config/locales/translation_en.yml

@@ -92,11 +92,12 @@ en:
       edit_config: Edit Config
       config_file: Config file
       page_title: "%{label}"
-      setup_in_tail: Setting file reading
-      setup_in_syslog: Setting Syslog readling
-      setup_out_td: Setting Treasure Data writing
-      setup_out_mongo: Setting MongoDB writing
-      setup_out_forward: forward(TODO)
+      setup_in_tail: File
+      setup_in_syslog: Syslog protocol
+      setup_out_td: Treasure Data
+      setup_out_mongo: MongoDB
+      setup_out_forward: forwarding
+      setup_out_s3: AWS S3
       finish: Update config
       fluentd_info: Setting info
       recent_errors: "Recently %{days} days errors"
@@ -125,8 +126,9 @@ en:
       show:
         <<: *fluentd_common
         page_title: fluentd config
-        in: Input source setting
-        out: Output source setting
+        in_out_head: In/Out setting
+        in: Input
+        out: Output
       edit:
         <<: *fluentd_common
       out_forward:

config/locales/translation_ja.yml

@@ -92,11 +92,12 @@ ja:
       edit_config: 設定ファイルの編集
       config_file: 設定ファイル
       page_title: "%{label}"
-      setup_in_tail: ファイル読み込みの設定
-      setup_in_syslog: syslog読み込みの設定
-      setup_out_td: Treasure Dataへの書き出し設定
-      setup_out_mongo: MongoDBへの書き出し設定
-      setup_out_forward: forward(TODO)
+      setup_in_tail: ファイル
+      setup_in_syslog: syslogプロトコル
+      setup_out_td: Treasure Data
+      setup_out_mongo: MongoDB
+      setup_out_forward: 転送
+      setup_out_s3: AWS S3
       finish: 設定する
       fluentd_info: 設定情報
       recent_errors: "直近 %{days} 日内のエラー"
@@ -126,8 +127,9 @@ ja:
       show:
         <<: *fluentd_common
         page_title: fluentd 設定
-        in: 入力ソースの設定
-        out: 出力ソースの設定
+        in_out_head: 入力/出力設定
+        in: 入力
+        out: 出力
       edit:
         <<: *fluentd_common
       out_forward: