From 5140699ec516a3f9345e9ce868184c80048ed226 Mon Sep 17 00:00:00 2001
From: yoksnod <donskdmitry@mail.ru>
Date: Tue, 21 Apr 2020 14:00:19 +0300
Subject: [PATCH] Mapsme 13352 (#12961)

[android] Added guides discovery item layout
---
 android/res/drawable/accent.xml              |  14 +++
 android/res/drawable/accent_dark.xml         |  14 +++
 android/res/drawable/bg_grey.xml             |   5 +
 android/res/drawable/bg_grey_dark.xml        |   5 +
 android/res/drawable/dist.xml                |  13 +++
 android/res/drawable/dist_dark.xml           |  13 +++
 android/res/drawable/place_holder.xml        |  20 ++++
 android/res/drawable/place_holder_dark.xml   |  20 ++++
 android/res/drawable/sights.xml              |  12 ++
 android/res/drawable/sights_dark.xml         |  12 ++
 android/res/drawable/time.xml                |  13 +++
 android/res/drawable/time_dark.xml           |  13 +++
 android/res/layout/city_content.xml          |  27 +++++
 android/res/layout/guides_discovery_item.xml | 113 +++++++++++++++++++
 android/res/layout/outdoor_content.xml       |  73 ++++++++++++
 android/res/values/themes-attrs.xml          |   6 +
 android/res/values/themes-base.xml           |  12 ++
 17 files changed, 385 insertions(+)
 create mode 100755 android/res/drawable/accent.xml
 create mode 100755 android/res/drawable/accent_dark.xml
 create mode 100644 android/res/drawable/bg_grey.xml
 create mode 100644 android/res/drawable/bg_grey_dark.xml
 create mode 100755 android/res/drawable/dist.xml
 create mode 100755 android/res/drawable/dist_dark.xml
 create mode 100755 android/res/drawable/place_holder.xml
 create mode 100755 android/res/drawable/place_holder_dark.xml
 create mode 100755 android/res/drawable/sights.xml
 create mode 100755 android/res/drawable/sights_dark.xml
 create mode 100755 android/res/drawable/time.xml
 create mode 100755 android/res/drawable/time_dark.xml
 create mode 100644 android/res/layout/city_content.xml
 create mode 100644 android/res/layout/guides_discovery_item.xml
 create mode 100644 android/res/layout/outdoor_content.xml

diff --git a/android/res/drawable/accent.xml b/android/res/drawable/accent.xml
new file mode 100755
index 0000000000..6b0e19d468
--- /dev/null
+++ b/android/res/drawable/accent.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="16dp"
+    android:height="16dp"
+    android:viewportWidth="16"
+    android:viewportHeight="16">
+
+    <group>
+        <path
+            android:fillColor="#000000"
+            android:fillAlpha="0.54"
+            android:pathData="M4.54038 11.5404C4.28654 11.7942 4.28654 12.2058 4.54038 12.4596C4.79422 12.7135 5.20578 12.7135 5.45962 12.4596L4.54038 11.5404ZM13.65 4C13.65 3.64102 13.359 3.35 13 3.35H7.15C6.79101 3.35 6.5 3.64102 6.5 4C6.5 4.35899 6.79101 4.65 7.15 4.65L12.35 4.65V9.85C12.35 10.209 12.641 10.5 13 10.5C13.359 10.5 13.65 10.209 13.65 9.85V4ZM5.45962 12.4596L13.4596 4.45962L12.5404 3.54038L4.54038 11.5404L5.45962 12.4596Z" />
+    </group>
+</vector>
\ No newline at end of file
diff --git a/android/res/drawable/accent_dark.xml b/android/res/drawable/accent_dark.xml
new file mode 100755
index 0000000000..e44afdefa6
--- /dev/null
+++ b/android/res/drawable/accent_dark.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="16dp"
+    android:height="16dp"
+    android:viewportWidth="16"
+    android:viewportHeight="16">
+
+    <group>
+        <path
+            android:fillColor="#ffffff"
+            android:fillAlpha="0.7"
+            android:pathData="M4.54038 11.5404C4.28654 11.7942 4.28654 12.2058 4.54038 12.4596C4.79422 12.7135 5.20578 12.7135 5.45962 12.4596L4.54038 11.5404ZM13.65 4C13.65 3.64102 13.359 3.35 13 3.35H7.15C6.79101 3.35 6.5 3.64102 6.5 4C6.5 4.35899 6.79101 4.65 7.15 4.65L12.35 4.65V9.85C12.35 10.209 12.641 10.5 13 10.5C13.359 10.5 13.65 10.209 13.65 9.85V4ZM5.45962 12.4596L13.4596 4.45962L12.5404 3.54038L4.54038 11.5404L5.45962 12.4596Z" />
+    </group>
+</vector>
\ No newline at end of file
diff --git a/android/res/drawable/bg_grey.xml b/android/res/drawable/bg_grey.xml
new file mode 100644
index 0000000000..075fd03268
--- /dev/null
+++ b/android/res/drawable/bg_grey.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+  <solid android:color="@color/black_12"/>
+  <corners android:radius="@dimen/margin_eighth"/>
+</shape>
diff --git a/android/res/drawable/bg_grey_dark.xml b/android/res/drawable/bg_grey_dark.xml
new file mode 100644
index 0000000000..596039b132
--- /dev/null
+++ b/android/res/drawable/bg_grey_dark.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+  <solid android:color="@color/white_12"/>
+  <corners android:radius="@dimen/margin_eighth"/>
+</shape>
diff --git a/android/res/drawable/dist.xml b/android/res/drawable/dist.xml
new file mode 100755
index 0000000000..2e43df418d
--- /dev/null
+++ b/android/res/drawable/dist.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="16dp"
+    android:height="16dp"
+    android:viewportWidth="16"
+    android:viewportHeight="16">
+
+    <path
+        android:fillColor="#000000"
+        android:fillAlpha="0.54"
+        android:fillType="evenOdd"
+        android:pathData="M5.96082 5.16592C6.16518 5.3793 6.15787 5.71795 5.94449 5.92231L4.33129 7.46733L12.2409 7.46579L10.6302 5.92316C10.4168 5.71879 10.4095 5.38015 10.6138 5.16677C10.8182 4.95339 11.1568 4.94607 11.3702 5.15044L13.9443 7.61574C14.0497 7.71665 14.1093 7.85622 14.1093 8.0021C14.1093 8.14799 14.0497 8.28756 13.9443 8.38846L11.3702 10.8538C11.1568 11.0581 10.8182 11.0508 10.6138 10.8374C10.4095 10.6241 10.4168 10.2854 10.6302 10.0811L12.2437 8.53574L4.33348 8.53728L5.94449 10.0802C6.15787 10.2846 6.16518 10.6232 5.96082 10.8366C5.75646 11.05 5.41781 11.0573 5.20443 10.8529L2.63034 8.38762C2.52497 8.28671 2.46539 8.14715 2.46539 8.00126C2.46539 7.85537 2.52497 7.71581 2.63034 7.6149L5.20443 5.14959C5.41781 4.94523 5.75646 4.95254 5.96082 5.16592Z" />
+</vector>
\ No newline at end of file
diff --git a/android/res/drawable/dist_dark.xml b/android/res/drawable/dist_dark.xml
new file mode 100755
index 0000000000..2f14ea6989
--- /dev/null
+++ b/android/res/drawable/dist_dark.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="16dp"
+    android:height="16dp"
+    android:viewportWidth="16"
+    android:viewportHeight="16">
+
+    <path
+        android:fillColor="#ffffff"
+        android:fillAlpha="0.7"
+        android:fillType="evenOdd"
+        android:pathData="M5.96082 5.16592C6.16518 5.3793 6.15787 5.71795 5.94449 5.92231L4.33129 7.46733L12.2409 7.46579L10.6302 5.92316C10.4168 5.71879 10.4095 5.38015 10.6138 5.16677C10.8182 4.95339 11.1568 4.94607 11.3702 5.15044L13.9443 7.61574C14.0497 7.71665 14.1093 7.85622 14.1093 8.0021C14.1093 8.14799 14.0497 8.28756 13.9443 8.38846L11.3702 10.8538C11.1568 11.0581 10.8182 11.0508 10.6138 10.8374C10.4095 10.6241 10.4168 10.2854 10.6302 10.0811L12.2437 8.53574L4.33348 8.53728L5.94449 10.0802C6.15787 10.2846 6.16518 10.6232 5.96082 10.8366C5.75646 11.05 5.41781 11.0573 5.20443 10.8529L2.63034 8.38762C2.52497 8.28671 2.46539 8.14715 2.46539 8.00126C2.46539 7.85537 2.52497 7.71581 2.63034 7.6149L5.20443 5.14959C5.41781 4.94523 5.75646 4.95254 5.96082 5.16592Z" />
+</vector>
\ No newline at end of file
diff --git a/android/res/drawable/place_holder.xml b/android/res/drawable/place_holder.xml
new file mode 100755
index 0000000000..7fabcbeae4
--- /dev/null
+++ b/android/res/drawable/place_holder.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="104dp"
+    android:height="104dp"
+    android:viewportWidth="104"
+    android:viewportHeight="104">
+
+    <path
+        android:fillColor="#000000"
+        android:fillAlpha="0.12"
+        android:pathData="M0 2C0 0.895432 0.895431 0 2 0H102C103.105 0 104 0.895431 104 2V102C104 103.105 103.105 104 102 104H2C0.895432 104 0 103.105 0 102V2Z" />
+    <group>
+        <path
+            android:fillColor="#000000"
+            android:fillAlpha="0.162"
+            android:strokeAlpha="0.3"
+            android:strokeWidth="1"
+            android:pathData="M37.3346 38.666C35.8613 38.666 34.668 39.8593 34.668 41.3327V62.666C34.668 64.1393 35.8613 65.3327 37.3346 65.3327H66.668C68.1413 65.3327 69.3346 64.1393 69.3346 62.666V41.3327C69.3346 39.8593 68.1413 38.666 66.668 38.666H37.3346ZM62.668 42.666C64.1413 42.666 65.3346 43.8593 65.3346 45.3327C65.3346 46.806 64.1413 47.9993 62.668 47.9993C61.1946 47.9993 60.0013 46.806 60.0013 45.3327C60.0013 43.8593 61.1946 42.666 62.668 42.666ZM38.668 45.3327L45.2982 51.9629L46.668 53.3327L48.2096 54.8743C48.7723 55.437 49.6808 55.4318 50.2435 54.8691C50.8075 54.3065 50.8075 53.3915 50.2435 52.8275L48.707 51.2936L50.668 49.3327L54.6315 53.2962L57.543 56.2077C58.1056 56.7703 59.0142 56.7651 59.5768 56.2025C60.1408 55.6398 60.1408 54.7248 59.5768 54.1608L59.3737 53.9603L61.3346 51.9993L65.3346 55.9993V61.3327H38.668V45.3327Z" />
+    </group>
+</vector>
\ No newline at end of file
diff --git a/android/res/drawable/place_holder_dark.xml b/android/res/drawable/place_holder_dark.xml
new file mode 100755
index 0000000000..e607dffaa2
--- /dev/null
+++ b/android/res/drawable/place_holder_dark.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="104dp"
+    android:height="104dp"
+    android:viewportWidth="104"
+    android:viewportHeight="104">
+
+    <path
+        android:fillColor="#ffffff"
+        android:fillAlpha="0.5"
+        android:pathData="M0 2C0 0.895432 0.895431 0 2 0H102C103.105 0 104 0.895431 104 2V102C104 103.105 103.105 104 102 104H2C0.895432 104 0 103.105 0 102V2Z" />
+    <group>
+        <path
+            android:fillColor="#ffffff"
+            android:fillAlpha="0.21"
+            android:strokeAlpha="0.3"
+            android:strokeWidth="1"
+            android:pathData="M37.3346 38.666C35.8613 38.666 34.668 39.8593 34.668 41.3327V62.666C34.668 64.1393 35.8613 65.3327 37.3346 65.3327H66.668C68.1413 65.3327 69.3346 64.1393 69.3346 62.666V41.3327C69.3346 39.8593 68.1413 38.666 66.668 38.666H37.3346ZM62.668 42.666C64.1413 42.666 65.3346 43.8593 65.3346 45.3327C65.3346 46.806 64.1413 47.9993 62.668 47.9993C61.1946 47.9993 60.0013 46.806 60.0013 45.3327C60.0013 43.8593 61.1946 42.666 62.668 42.666ZM38.668 45.3327L45.2982 51.9629L46.668 53.3327L48.2096 54.8743C48.7723 55.437 49.6808 55.4318 50.2435 54.8691C50.8075 54.3065 50.8075 53.3915 50.2435 52.8275L48.707 51.2936L50.668 49.3327L54.6315 53.2962L57.543 56.2077C58.1056 56.7703 59.0142 56.7651 59.5768 56.2025C60.1408 55.6398 60.1408 54.7248 59.5768 54.1608L59.3737 53.9603L61.3346 51.9993L65.3346 55.9993V61.3327H38.668V45.3327Z" />
+    </group>
+</vector>
\ No newline at end of file
diff --git a/android/res/drawable/sights.xml b/android/res/drawable/sights.xml
new file mode 100755
index 0000000000..6c7c7a07bc
--- /dev/null
+++ b/android/res/drawable/sights.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="16dp"
+    android:height="16dp"
+    android:viewportWidth="16"
+    android:viewportHeight="16">
+
+    <path
+        android:fillColor="#000000"
+        android:fillAlpha="0.54"
+        android:pathData="M8.00006 6.82057C9.18736 6.82057 10.1501 7.75346 10.1501 8.90457C10.1501 10.0557 9.18736 10.9887 8.00006 10.9887C6.81248 10.9887 5.85002 10.0557 5.85002 8.90457C5.85002 7.75346 6.81248 6.82057 8.00006 6.82057ZM3.24732 4.12027H4.92045C5.11014 3.28906 5.87384 2.66699 6.78809 2.66699H9.21231C10.1266 2.66699 10.8903 3.28906 11.0797 4.12027H12.7528C13.8097 4.12027 14.6667 4.95066 14.6667 5.97534V11.4786C14.6667 12.5033 13.8097 13.3337 12.7528 13.3337H3.24718C2.1903 13.3337 1.33332 12.5033 1.33332 11.4786V5.97534C1.33346 4.95066 2.19045 4.12027 3.24732 4.12027ZM8.00006 11.9887C9.75726 11.9887 11.1817 10.6078 11.1817 8.90457C11.1817 7.20134 9.75712 5.82062 8.00006 5.82062C6.243 5.82062 4.81838 7.20148 4.81838 8.90457C4.81838 10.6079 6.24286 11.9887 8.00006 11.9887ZM3.22733 6.40022C3.59082 6.40022 3.88527 6.11468 3.88527 5.76249C3.88527 5.4103 3.59096 5.12476 3.22733 5.12476C2.86398 5.12476 2.56939 5.41016 2.56939 5.76249C2.56939 6.11468 2.86398 6.40022 3.22733 6.40022Z" />
+</vector>
\ No newline at end of file
diff --git a/android/res/drawable/sights_dark.xml b/android/res/drawable/sights_dark.xml
new file mode 100755
index 0000000000..2bc0ba5f4f
--- /dev/null
+++ b/android/res/drawable/sights_dark.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="16dp"
+    android:height="16dp"
+    android:viewportWidth="16"
+    android:viewportHeight="16">
+
+    <path
+        android:fillColor="#ffffff"
+        android:fillAlpha="0.7"
+        android:pathData="M8.00009 6.82057C9.18739 6.82057 10.1501 7.75346 10.1501 8.90457C10.1501 10.0557 9.18739 10.9887 8.00009 10.9887C6.81251 10.9887 5.85005 10.0557 5.85005 8.90457C5.85005 7.75346 6.81251 6.82057 8.00009 6.82057ZM3.24735 4.12027H4.92049C5.11017 3.28906 5.87387 2.66699 6.78812 2.66699H9.21234C10.1266 2.66699 10.8903 3.28906 11.0797 4.12027H12.7528C13.8097 4.12027 14.6667 4.95066 14.6667 5.97534V11.4786C14.6667 12.5033 13.8097 13.3337 12.7528 13.3337H3.24721C2.19034 13.3337 1.33335 12.5033 1.33335 11.4786V5.97534C1.3335 4.95066 2.19048 4.12027 3.24735 4.12027ZM8.00009 11.9887C9.75729 11.9887 11.1818 10.6078 11.1818 8.90457C11.1818 7.20134 9.75715 5.82062 8.00009 5.82062C6.24303 5.82062 4.81841 7.20148 4.81841 8.90457C4.81841 10.6079 6.24289 11.9887 8.00009 11.9887ZM3.22736 6.40022C3.59085 6.40022 3.8853 6.11468 3.8853 5.76249C3.8853 5.4103 3.59099 5.12476 3.22736 5.12476C2.86401 5.12476 2.56942 5.41016 2.56942 5.76249C2.56942 6.11468 2.86401 6.40022 3.22736 6.40022Z" />
+</vector>
\ No newline at end of file
diff --git a/android/res/drawable/time.xml b/android/res/drawable/time.xml
new file mode 100755
index 0000000000..6d0b78d125
--- /dev/null
+++ b/android/res/drawable/time.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="12dp"
+    android:height="12dp"
+    android:viewportWidth="12"
+    android:viewportHeight="12">
+
+    <path
+        android:fillColor="#000000"
+        android:fillAlpha="0.54"
+        android:fillType="evenOdd"
+        android:pathData="M6 0.5C2.96225 0.5 0.5 2.96225 0.5 6C0.5 9.0375 2.96225 11.5 6 11.5C9.03775 11.5 11.5 9.0375 11.5 6C11.5 2.96225 9.03775 0.5 6 0.5V0.5ZM6.5 6.161L5.375 7.67675C5.214 7.90125 4.9015 7.9525 4.67725 7.7915L4.271 7.5L5.5 5.839V2H6C6.27625 2 6.5 2.224 6.5 2.5V6.161V6.161Z" />
+</vector>
\ No newline at end of file
diff --git a/android/res/drawable/time_dark.xml b/android/res/drawable/time_dark.xml
new file mode 100755
index 0000000000..2a72feb0f0
--- /dev/null
+++ b/android/res/drawable/time_dark.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="12dp"
+    android:height="12dp"
+    android:viewportWidth="12"
+    android:viewportHeight="12">
+
+    <path
+        android:fillColor="#ffffff"
+        android:fillAlpha="0.7"
+        android:fillType="evenOdd"
+        android:pathData="M6 0.5C2.96225 0.5 0.5 2.96225 0.5 6C0.5 9.0375 2.96225 11.5 6 11.5C9.03775 11.5 11.5 9.0375 11.5 6C11.5 2.96225 9.03775 0.5 6 0.5V0.5ZM6.5 6.161L5.375 7.67675C5.214 7.90125 4.9015 7.9525 4.67725 7.7915L4.271 7.5L5.5 5.839V2H6C6.27625 2 6.5 2.224 6.5 2.5V6.161V6.161Z" />
+</vector>
\ No newline at end of file
diff --git a/android/res/layout/city_content.xml b/android/res/layout/city_content.xml
new file mode 100644
index 0000000000..810b5cbfba
--- /dev/null
+++ b/android/res/layout/city_content.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout
+  xmlns:android="http://schemas.android.com/apk/res/android"
+  xmlns:tools="http://schemas.android.com/tools"
+  xmlns:app="http://schemas.android.com/apk/res-auto"
+  android:layout_width="wrap_content"
+  android:layout_height="wrap_content"
+  android:layout_marginTop="@dimen/margin_half"
+  android:orientation="horizontal">
+  <ImageView
+    android:id="@+id/image"
+    android:layout_width="@dimen/margin_base"
+    android:layout_height="@dimen/margin_base"
+    android:layout_centerVertical="true"
+    app:srcCompat="?guidesSight" />
+  <TextView
+    android:layout_toEndOf="@id/image"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_marginStart="@dimen/margin_quarter_plus"
+    android:fontFamily="@string/robotoRegular"
+    android:lines="1"
+    android:ellipsize="end"
+    android:textColor="?android:textColorSecondary"
+    android:textSize="@dimen/text_size_body_4"
+    tools:text="you" />
+</RelativeLayout>
diff --git a/android/res/layout/guides_discovery_item.xml b/android/res/layout/guides_discovery_item.xml
new file mode 100644
index 0000000000..037959d7df
--- /dev/null
+++ b/android/res/layout/guides_discovery_item.xml
@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout
+  xmlns:android="http://schemas.android.com/apk/res/android"
+  xmlns:app="http://schemas.android.com/apk/res-auto"
+  android:layout_width="match_parent"
+  android:layout_height="wrap_content"
+  android:background="?cardBackground"
+  android:orientation="vertical"
+  android:padding="@dimen/margin_half">
+  <RelativeLayout
+    android:id="@+id/guide_content"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content">
+    <ImageView
+      android:id="@+id/image"
+      android:layout_width="@dimen/nav_street_left"
+      android:layout_height="@dimen/nav_street_left"
+      app:srcCompat="?guidesPlaceholder" />
+    <LinearLayout
+      android:layout_width="match_parent"
+      android:layout_height="wrap_content"
+      android:layout_alignParentTop="true"
+      android:layout_marginStart="@dimen/margin_half"
+      android:layout_toEndOf="@id/image"
+      android:orientation="vertical">
+      <TextView
+        android:id="@+id/title"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:fontFamily="@string/robotoRegular"
+        android:lines="2"
+        android:textColor="?android:textColorPrimary"
+        android:textSize="@dimen/text_size_body_2"></TextView>
+      <TextView
+        android:id="@+id/description"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="@dimen/margin_half"
+        android:ellipsize="end"
+        android:lines="1"
+        android:textColor="?android:textColorSecondary" />
+      <include
+        layout="@layout/divider_horizontal"
+        android:layout_width="match_parent"
+        android:layout_height="@dimen/divider_height"
+        android:layout_marginTop="@dimen/margin_half" />
+      <include
+        android:id="@+id/city_content"
+        layout="@layout/city_content"
+        android:visibility="gone" />
+      <include
+        android:id="@+id/outdoor_content"
+        layout="@layout/outdoor_content"
+        android:visibility="gone" />
+    </LinearLayout>
+  </RelativeLayout>
+  <RelativeLayout
+    android:id="@+id/placeholder_loading"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:visibility="gone">
+    <ImageView
+      android:id="@+id/image_placeholder"
+      android:layout_width="@dimen/nav_street_left"
+      android:layout_height="@dimen/nav_street_left"
+      android:src="?guidesPlaceholder" />
+    <LinearLayout
+      android:layout_width="match_parent"
+      android:layout_height="match_parent"
+      android:layout_alignParentTop="true"
+      android:layout_marginStart="@dimen/margin_half"
+      android:layout_toEndOf="@id/image_placeholder"
+      android:orientation="vertical">
+      <View
+        android:layout_width="match_parent"
+        android:layout_height="@dimen/margin_base"
+        android:background="?bgRectangleView" />
+      <View
+        android:layout_width="@dimen/square_block_size"
+        android:layout_height="@dimen/margin_base"
+        android:layout_marginTop="@dimen/margin_half"
+        android:background="?bgRectangleView" />
+      <View
+        android:layout_width="@dimen/editor_height_days"
+        android:layout_height="@dimen/margin_half"
+        android:layout_marginTop="@dimen/margin_half_plus_eight"
+        android:background="?bgRectangleView" />
+      <include
+        layout="@layout/divider_horizontal"
+        android:layout_width="match_parent"
+        android:layout_height="@dimen/divider_height"
+        android:layout_marginTop="@dimen/margin_half" />
+      <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="@dimen/margin_half_double_plus"
+        android:orientation="horizontal">
+        <View
+          android:id="@+id/left_block"
+          android:layout_width="@dimen/nav_next_turn_frame"
+          android:layout_height="@dimen/margin_half"
+          android:layout_alignParentEnd="true"
+          android:background="?bgRectangleView" />
+        <View
+          android:layout_width="@dimen/nav_next_turn_frame"
+          android:layout_height="@dimen/margin_half"
+          android:layout_alignParentStart="true"
+          android:layout_toEndOf="@id/left_block"
+          android:background="?bgRectangleView" />
+      </RelativeLayout>
+    </LinearLayout>
+  </RelativeLayout>
+</RelativeLayout>
diff --git a/android/res/layout/outdoor_content.xml b/android/res/layout/outdoor_content.xml
new file mode 100644
index 0000000000..b9dd0ab933
--- /dev/null
+++ b/android/res/layout/outdoor_content.xml
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout
+  xmlns:android="http://schemas.android.com/apk/res/android"
+  xmlns:app="http://schemas.android.com/apk/res-auto"
+  xmlns:tools="http://schemas.android.com/tools"
+  android:layout_width="match_parent"
+  android:layout_height="match_parent"
+  android:layout_marginTop="@dimen/margin_half"
+  android:orientation="horizontal">
+  <LinearLayout
+    android:layout_width="0dp"
+    android:layout_height="wrap_content"
+    android:layout_weight="1"
+    android:gravity="center">
+    <ImageView
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      app:srcCompat="?guidesTime" />
+    <TextView
+      android:id="@+id/time"
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      android:layout_marginStart="@dimen/margin_quarter"
+      android:ellipsize="end"
+      android:fontFamily="@string/robotoRegular"
+      android:lines="1"
+      android:textColor="?android:textColorSecondary"
+      android:textSize="@dimen/text_size_body_4"
+      tools:text="12h" />
+  </LinearLayout>
+  <LinearLayout
+    android:layout_width="0dp"
+    android:layout_height="wrap_content"
+    android:layout_weight="1"
+    android:gravity="center">
+    <ImageView
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      app:srcCompat="?guidesDistance" />
+    <TextView
+      android:id="@+id/distance"
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      android:layout_marginStart="@dimen/margin_quarter"
+      android:ellipsize="end"
+      android:fontFamily="@string/robotoRegular"
+      android:lines="1"
+      android:textColor="?android:textColorSecondary"
+      android:textSize="@dimen/text_size_body_4"
+      tools:text="30km" />
+  </LinearLayout>
+  <LinearLayout
+    android:layout_width="0dp"
+    android:layout_height="wrap_content"
+    android:layout_weight="1"
+    android:gravity="center">
+    <ImageView
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      app:srcCompat="?guidesAltitude" />
+    <TextView
+      android:id="@+id/altitude"
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      android:layout_marginStart="@dimen/margin_quarter"
+      android:ellipsize="end"
+      android:fontFamily="@string/robotoRegular"
+      android:lines="1"
+      android:textColor="?android:textColorSecondary"
+      android:textSize="@dimen/text_size_body_4"
+      tools:text="100m" />
+  </LinearLayout>
+</LinearLayout>
diff --git a/android/res/values/themes-attrs.xml b/android/res/values/themes-attrs.xml
index cbd6d7db0a..b170b8a372 100644
--- a/android/res/values/themes-attrs.xml
+++ b/android/res/values/themes-attrs.xml
@@ -112,6 +112,12 @@
     <attr name="tipsSecondaryTextColor" format="color"/>
     <attr name="bgCrown" format="reference"/>
     <attr name="bgDogBtn" format="reference"/>
+    <attr name="guidesTime" format="reference"></attr>
+    <attr name="guidesAltitude" format="reference"></attr>
+    <attr name="guidesSight" format="reference"></attr>
+    <attr name="guidesPlaceholder" format="reference"></attr>
+    <attr name="guidesDistance" format="reference"></attr>
+    <attr name="bgRectangleView" format="reference"></attr>
   </declare-styleable>
 
   <declare-styleable name="ThemeAttrs.NavButtons">
diff --git a/android/res/values/themes-base.xml b/android/res/values/themes-base.xml
index 6435d6e2ee..ac2f41cc91 100644
--- a/android/res/values/themes-base.xml
+++ b/android/res/values/themes-base.xml
@@ -177,6 +177,12 @@
     <item name="elevationProfileSelectedPointTriangle">@drawable/ic_triangle</item>
     <item name="elevationProfileFloatingTriangle">@drawable/ic_triangle_elevation</item>
     <item name="elevationProfileColor">@color/elevation_profile</item>
+    <item name="guidesAltitude">@drawable/accent</item>
+    <item name="guidesTime">@drawable/time</item>
+    <item name="guidesSight">@drawable/sights</item>
+    <item name="guidesPlaceholder">@drawable/place_holder</item>
+    <item name="guidesDistance">@drawable/dist</item>
+    <item name="bgRectangleView">@drawable/bg_grey</item>
   </style>
 
   <!-- Night theme -->
@@ -353,5 +359,11 @@
     <item name="elevationProfileSelectedPointTriangle">@drawable/ic_triangle_night</item>
     <item name="elevationProfileFloatingTriangle">@drawable/ic_triangle_elevation_night</item>
     <item name="elevationProfileColor">@color/elevation_profile_dark</item>
+    <item name="guidesAltitude">@drawable/accent_dark</item>
+    <item name="guidesTime">@drawable/time_dark</item>
+    <item name="guidesSight">@drawable/sights_dark</item>
+    <item name="guidesPlaceholder">@drawable/place_holder_dark</item>
+    <item name="guidesDistance">@drawable/dist_dark</item>
+    <item name="bgRectangleView">@drawable/bg_grey_dark</item>
   </style>
 </resources>