Merge branch 'tabs' into dev

app/src/main/java/org/schabi/newpipe/MainActivity.java

@@ -181,7 +181,6 @@ public class MainActivity extends AppCompatActivity implements HistoryListener {
 
         ActionBar actionBar = getSupportActionBar();
         if (actionBar != null) {
-            actionBar.setDisplayShowTitleEnabled(false);
             actionBar.setDisplayHomeAsUpEnabled(false);
         }
         return true;

app/src/main/java/org/schabi/newpipe/fragments/BlankFragment.java

@@ -2,6 +2,7 @@ package org.schabi.newpipe.fragments;
 
 import android.os.Bundle;
 import android.support.annotation.Nullable;
+import android.util.Log;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
@@ -13,6 +14,24 @@ public class BlankFragment extends BaseFragment {
     @Nullable
     @Override
     public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
+        if(activity != null && activity.getSupportActionBar() != null) {
+            activity.getSupportActionBar()
+                    .setTitle("NewPipe");
+        }
         return inflater.inflate(R.layout.fragment_blank, container, false);
     }
+
+    @Override
+    public void setUserVisibleHint(boolean isVisibleToUser) {
+        super.setUserVisibleHint(isVisibleToUser);
+        if(isVisibleToUser) {
+            if(activity != null && activity.getSupportActionBar() != null) {
+                activity.getSupportActionBar()
+                        .setTitle("NewPipe");
+            }
+            // leave this inline. Will make it harder for copy cats.
+            // If you are a Copy cat FUCK YOU.
+            // I WILL FIND YOU, AND I WILL ...
+        }
+    }
 }

app/src/main/java/org/schabi/newpipe/fragments/MainFragment.java

@@ -84,6 +84,15 @@ public class MainFragment extends BaseFragment implements TabLayout.OnTabSelecte
         viewPager.setOffscreenPageLimit(adapter.getCount());
 
         tabLayout.setupWithViewPager(viewPager);
+
+       if(PreferenceManager.getDefaultSharedPreferences(getActivity())
+                .getString(getString(R.string.main_page_content_key), getString(R.string.blank_page_key))
+                .equals(getString(R.string.subscription_page_key))) {
+           tabLayout.getTabAt(0).setIcon(R.drawable.ic_channel_white_24dp);
+       } else {
+           tabLayout.getTabAt(0).setIcon(R.drawable.ic_whatshot_white_24dp);
+           tabLayout.getTabAt(1).setIcon(R.drawable.ic_channel_white_24dp);
+       }
     }
 
     /*//////////////////////////////////////////////////////////////////////////
@@ -108,7 +117,6 @@ public class MainFragment extends BaseFragment implements TabLayout.OnTabSelecte
 
         ActionBar supportActionBar = activity.getSupportActionBar();
         if (supportActionBar != null) {
-            supportActionBar.setDisplayShowTitleEnabled(false);
             supportActionBar.setDisplayHomeAsUpEnabled(false);
         }
     }
@@ -171,7 +179,8 @@ public class MainFragment extends BaseFragment implements TabLayout.OnTabSelecte
 
         @Override
         public CharSequence getPageTitle(int position) {
-            return getString(this.tabTitles[position]);
+            //return getString(this.tabTitles[position]);
+            return "";
         }
 
         @Override

app/src/main/java/org/schabi/newpipe/fragments/list/channel/ChannelFragment.java

@@ -26,6 +26,7 @@ import org.schabi.newpipe.R;
 import org.schabi.newpipe.database.subscription.SubscriptionEntity;
 import org.schabi.newpipe.extractor.ListExtractor;
 import org.schabi.newpipe.extractor.NewPipe;
+import org.schabi.newpipe.extractor.UrlIdHandler;
 import org.schabi.newpipe.extractor.channel.ChannelInfo;
 import org.schabi.newpipe.extractor.exceptions.ExtractionException;
 import org.schabi.newpipe.fragments.list.BaseListInfoFragment;
@@ -33,6 +34,7 @@ import org.schabi.newpipe.fragments.subscription.SubscriptionService;
 import org.schabi.newpipe.report.UserAction;
 import org.schabi.newpipe.util.AnimationUtils;
 import org.schabi.newpipe.util.ExtractorHelper;
+import org.schabi.newpipe.util.KioskTranslator;
 import org.schabi.newpipe.util.Localization;
 
 import java.util.List;
@@ -81,6 +83,20 @@ public class ChannelFragment extends BaseListInfoFragment<ChannelInfo> {
     // LifeCycle
     //////////////////////////////////////////////////////////////////////////*/
 
+    @Override
+    public void setUserVisibleHint(boolean isVisibleToUser) {
+        super.setUserVisibleHint(isVisibleToUser);
+        if(activity != null
+                && useAsFrontPage
+                && isVisibleToUser) {
+            try {
+                activity.getSupportActionBar().setTitle(currentInfo.name);
+            } catch (Exception e) {
+                onError(e);
+            }
+        }
+    }
+
     @Override
     public void onAttach(Context context) {
         super.onAttach(context);
@@ -125,7 +141,6 @@ public class ChannelFragment extends BaseListInfoFragment<ChannelInfo> {
         ActionBar supportActionBar = activity.getSupportActionBar();
         if(useAsFrontPage) {
             supportActionBar.setDisplayHomeAsUpEnabled(false);
-            //supportActionBar.setDisplayShowTitleEnabled(false);
         } else {
             inflater.inflate(R.menu.menu_channel, menu);
 

app/src/main/java/org/schabi/newpipe/fragments/list/feed/FeedFragment.java

@@ -121,7 +121,7 @@ public class FeedFragment extends BaseListFragment<List<SubscriptionEntity>, Voi
         }
 
         if(useAsFrontPage) {
-            supportActionBar.setDisplayHomeAsUpEnabled(false);
+            supportActionBar.setDisplayShowTitleEnabled(true);
             //supportActionBar.setDisplayShowTitleEnabled(false);
         }
     }

app/src/main/java/org/schabi/newpipe/fragments/list/kiosk/KioskFragment.java

@@ -53,6 +53,9 @@ import static org.schabi.newpipe.util.AnimationUtils.animateView;
 
 public class KioskFragment extends BaseListInfoFragment<KioskInfo> {
 
+    private String kioskId = "";
+
+
     /*//////////////////////////////////////////////////////////////////////////
     // Views
     //////////////////////////////////////////////////////////////////////////*/
@@ -76,6 +79,7 @@ public class KioskFragment extends BaseListInfoFragment<KioskInfo> {
         instance.setInitialData(serviceId,
                 kioskTypeUrlIdHandler.getUrl(kioskId),
                 kioskId);
+        instance.kioskId = kioskId;
         return instance;
     }
 
@@ -83,6 +87,18 @@ public class KioskFragment extends BaseListInfoFragment<KioskInfo> {
     // LifeCycle
     //////////////////////////////////////////////////////////////////////////*/
 
+    @Override
+    public void setUserVisibleHint(boolean isVisibleToUser) {
+        super.setUserVisibleHint(isVisibleToUser);
+        if(useAsFrontPage && isVisibleToUser) {
+            try {
+                activity.getSupportActionBar().setTitle(KioskTranslator.getTranslatedKioskName(kioskId, getActivity()));
+            } catch (Exception e) {
+                onError(e);
+            }
+        }
+    }
+
     @Override
     public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
         return inflater.inflate(R.layout.fragment_kiosk, container, false);
@@ -97,7 +113,6 @@ public class KioskFragment extends BaseListInfoFragment<KioskInfo> {
         super.onCreateOptionsMenu(menu, inflater);
         ActionBar supportActionBar = activity.getSupportActionBar();
         if (supportActionBar != null && useAsFrontPage) {
-            //supportActionBar.setDisplayShowTitleEnabled(false);
             supportActionBar.setDisplayHomeAsUpEnabled(false);
         }
     }

app/src/main/java/org/schabi/newpipe/fragments/subscription/SubscriptionFragment.java

@@ -7,6 +7,7 @@ import android.support.annotation.NonNull;
 import android.support.annotation.Nullable;
 import android.support.v7.widget.LinearLayoutManager;
 import android.support.v7.widget.RecyclerView;
+import android.util.Log;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
@@ -19,6 +20,7 @@ import org.schabi.newpipe.fragments.BaseStateFragment;
 import org.schabi.newpipe.info_list.InfoItemBuilder;
 import org.schabi.newpipe.info_list.InfoListAdapter;
 import org.schabi.newpipe.report.UserAction;
+import org.schabi.newpipe.util.KioskTranslator;
 import org.schabi.newpipe.util.NavigationHelper;
 
 import java.util.ArrayList;
@@ -52,6 +54,17 @@ public class SubscriptionFragment extends BaseStateFragment<List<SubscriptionEnt
     // Fragment LifeCycle
     ///////////////////////////////////////////////////////////////////////////
 
+
+    @Override
+    public void setUserVisibleHint(boolean isVisibleToUser) {
+        super.setUserVisibleHint(isVisibleToUser);
+        if(isVisibleToUser && activity != null) {
+            activity.getSupportActionBar()
+                    .setTitle(R.string.tab_subscriptions);
+        }
+    }
+
+
     @Override
     public void onAttach(Context context) {
         super.onAttach(context);
@@ -64,6 +77,9 @@ public class SubscriptionFragment extends BaseStateFragment<List<SubscriptionEnt
     public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
         activity.getSupportActionBar().setDisplayShowTitleEnabled(true);
         activity.setTitle(R.string.tab_subscriptions);
+        if(useAsFrontPage) {
+            activity.getSupportActionBar().setDisplayHomeAsUpEnabled(false);
+        }
         return inflater.inflate(R.layout.fragment_subscription, container, false);
     }
 

app/src/main/res/layout/fragment_blank.xml

@@ -16,4 +16,10 @@
         android:layout_marginTop="50dp"
         android:visibility="gone" />
 
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="4dp"
+        android:background="?attr/toolbar_shadow_drawable"
+        android:layout_alignParentTop="true"/>
+
 </RelativeLayout>

app/src/main/res/layout/fragment_channel.xml

@@ -62,4 +62,10 @@
         android:visibility="gone"
         tools:visibility="visible"/>
 
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="4dp"
+        android:background="?attr/toolbar_shadow_drawable"
+        android:layout_alignParentTop="true"/>
+
 </RelativeLayout>

app/src/main/res/layout/fragment_feed.xml

@@ -34,4 +34,10 @@
         android:visibility="gone"
         tools:visibility="visible"/>
 
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="4dp"
+        android:background="?attr/toolbar_shadow_drawable"
+        android:layout_alignParentTop="true"/>
+
 </RelativeLayout>

app/src/main/res/layout/fragment_kiosk.xml

@@ -4,6 +4,7 @@
     android:orientation="vertical"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
+
     <android.support.v7.widget.RecyclerView
         android:id="@+id/items_list"
         android:layout_width="match_parent"
@@ -61,4 +62,10 @@
         android:visibility="gone"
         tools:visibility="visible"/>
 
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="4dp"
+        android:background="?attr/toolbar_shadow_drawable"
+        android:layout_alignParentTop="true"/>
+
 </RelativeLayout>

app/src/main/res/layout/fragment_main.xml

@@ -10,13 +10,14 @@
         android:id="@+id/main_tab_layout"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_alignParentBottom="true"
+        android:layout_alignParentTop="true"
+        android:background="@color/dark_youtube_primary_color"
         app:tabGravity="fill"/>
 
     <android.support.v4.view.ViewPager
         android:id="@+id/pager"
         android:layout_width="match_parent"
         android:layout_height="fill_parent"
-        android:layout_above="@id/main_tab_layout"/>
+        android:layout_below="@id/main_tab_layout"/>
 
 </RelativeLayout>

app/src/main/res/layout/fragment_playlist.xml

@@ -62,4 +62,10 @@
         android:visibility="gone"
         tools:visibility="visible"/>
 
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="4dp"
+        android:background="?attr/toolbar_shadow_drawable"
+        android:layout_alignParentTop="true"/>
+
 </RelativeLayout>

app/src/main/res/layout/fragment_search.xml

@@ -81,4 +81,10 @@
         android:visibility="gone"
         tools:visibility="visible"/>
 
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="4dp"
+        android:background="?attr/toolbar_shadow_drawable"
+        android:layout_alignParentTop="true"/>
+
 </RelativeLayout>

app/src/main/res/layout/fragment_subscription.xml

@@ -35,4 +35,10 @@
         android:visibility="gone"
         tools:visibility="visible"/>
 
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="4dp"
+        android:background="?attr/toolbar_shadow_drawable"
+        android:layout_alignParentTop="true"/>
+
 </RelativeLayout>

app/src/main/res/layout/fragment_video_detail.xml

@@ -1,345 +1,308 @@
 <?xml version="1.0" encoding="utf-8"?>
-<FrameLayout
+
+<RelativeLayout
     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:id="@+id/video_item_detail"
     android:layout_width="match_parent"
-    android:layout_height="match_parent"
+    android:layout_height="match_parent">
-    android:focusableInTouchMode="true">
+    <FrameLayout
-
-    <com.nirhart.parallaxscroll.views.ParallaxScrollView
-        android:id="@+id/detail_main_content"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        android:visibility="visible"
+        android:focusableInTouchMode="true">
-        app:parallax_factor="1.9">
 
-        <!--WRAPPER-->
+        <com.nirhart.parallaxscroll.views.ParallaxScrollView
-        <LinearLayout
+            android:id="@+id/detail_main_content"
             android:layout_width="match_parent"
-            android:layout_height="wrap_content"
+            android:layout_height="match_parent"
-            android:orientation="vertical">
+            android:visibility="visible"
+            app:parallax_factor="1.9">
 
-            <!-- THUMBNAIL -->
+            <!--WRAPPER-->
-            <FrameLayout
+            <LinearLayout
-                android:id="@+id/detail_thumbnail_root_layout"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:background="@android:color/black"
+                android:orientation="vertical">
-                android:clickable="true"
-                android:foreground="?attr/selectableItemBackground">
 
-                <ImageView
+                <!-- THUMBNAIL -->
-                    android:id="@+id/detail_thumbnail_image_view"
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:background="@android:color/transparent"
-                    android:contentDescription="@string/detail_thumbnail_view_description"
-                    android:scaleType="centerCrop"
-                    tools:ignore="RtlHardcoded"
-                    tools:layout_height="200dp"
-                    tools:src="@drawable/dummy_thumbnail"/>
-
-                <ImageView
-                    android:id="@+id/detail_thumbnail_play_button"
-                    android:layout_width="64dp"
-                    android:layout_height="64dp"
-                    android:layout_gravity="center"
-                    android:background="@android:color/transparent"
-                    android:src="@drawable/new_play_arrow"
-                    android:visibility="invisible"
-                    tools:ignore="ContentDescription"
-                    tools:visibility="visible"/>
-
-            </FrameLayout>
-
-            <!-- CONTENT -->
-            <RelativeLayout
-                android:id="@+id/detail_content_root_layout"
-                android:layout_width="match_parent"
-                android:layout_height="match_parent"
-                android:background="?android:windowBackground">
-
-                <!-- TITLE -->
                 <FrameLayout
-                    android:id="@+id/detail_title_root_layout"
+                    android:id="@+id/detail_thumbnail_root_layout"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
-                    android:background="?attr/selectableItemBackground"
+                    android:background="@android:color/black"
                     android:clickable="true"
-                    android:paddingLeft="12dp"
+                    android:foreground="?attr/selectableItemBackground">
-                    android:paddingRight="12dp">
-
-                    <TextView
-                        android:id="@+id/detail_video_title_view"
-                        android:layout_width="match_parent"
-                        android:layout_height="match_parent"
-                        android:layout_marginRight="20dp"
-                        android:ellipsize="end"
-                        android:maxLines="1"
-                        android:paddingBottom="8dp"
-                        android:paddingTop="12dp"
-                        android:textAppearance="?android:attr/textAppearanceLarge"
-                        android:textSize="@dimen/video_item_detail_title_text_size"
-                        tools:ignore="RtlHardcoded"
-                        tools:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a ultricies ex. Integer sit amet sodales risus. Duis non mi et urna pretium bibendum. Nunc eleifend est quis ipsum porttitor egestas. Sed facilisis, nisl quis eleifend pellentesque, orci metus egestas dolor, at accumsan eros metus quis libero."/>
 
                     <ImageView
-                        android:id="@+id/detail_toggle_description_view"
+                        android:id="@+id/detail_thumbnail_image_view"
-                        android:layout_width="15dp"
+                        android:layout_width="match_parent"
-                        android:layout_height="15dp"
+                        android:layout_height="wrap_content"
-                        android:layout_gravity="center_vertical|right"
+                        android:background="@android:color/transparent"
-                        android:layout_marginLeft="5dp"
+                        android:contentDescription="@string/detail_thumbnail_view_description"
-                        android:src="@drawable/arrow_down"
+                        android:scaleType="centerCrop"
-                        tools:ignore="ContentDescription,RtlHardcoded"/>
+                        tools:ignore="RtlHardcoded"
+                        tools:layout_height="200dp"
+                        tools:src="@drawable/dummy_thumbnail"/>
+
+                    <ImageView
+                        android:id="@+id/detail_thumbnail_play_button"
+                        android:layout_width="64dp"
+                        android:layout_height="64dp"
+                        android:layout_gravity="center"
+                        android:background="@android:color/transparent"
+                        android:src="@drawable/new_play_arrow"
+                        android:visibility="invisible"
+                        tools:ignore="ContentDescription"
+                        tools:visibility="visible"/>
 
                 </FrameLayout>
 
-                <!-- LOADING INDICATOR-->
+                <!-- CONTENT -->
-                <ProgressBar
+                <RelativeLayout
-                    android:id="@+id/loading_progress_bar"
+                    android:id="@+id/detail_content_root_layout"
-                    style="@style/Widget.AppCompat.ProgressBar"
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:layout_below="@id/detail_title_root_layout"
-                    android:layout_marginTop="@dimen/video_item_detail_error_panel_margin"
-                    android:indeterminate="true"
-                    android:visibility="gone"
-                    tools:visibility="visible"/>
-
-                <!--ERROR PANEL-->
-                <include
-                    android:id="@+id/error_panel"
-                    layout="@layout/error_retry"
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:layout_below="@id/detail_title_root_layout"
-                    android:layout_marginTop="@dimen/video_item_detail_error_panel_margin"
-                    android:visibility="gone"
-                    tools:visibility="visible"/>
-
-                <!--HIDING ROOT-->
-                <LinearLayout
-                    android:id="@+id/detail_content_root_hiding"
                     android:layout_width="match_parent"
                     android:layout_height="match_parent"
-                    android:layout_below="@+id/detail_title_root_layout"
+                    android:background="?android:windowBackground">
-                    android:orientation="vertical"
-                    android:visibility="gone"
-                    tools:visibility="visible">
 
-                    <!--DETAIL-->
+                    <!-- TITLE -->
-                    <RelativeLayout
+                    <FrameLayout
-                        android:id="@+id/detail_root"
+                        android:id="@+id/detail_title_root_layout"
-                        android:layout_width="match_parent"
-                        android:layout_height="55dp"
-                        android:layout_marginLeft="12dp"
-                        android:layout_marginRight="12dp"
-                        android:layout_marginTop="6dp"
-                        android:baselineAligned="false"
-                        android:orientation="horizontal">
-
-                        <!-- VIEW & THUMBS -->
-                        <TextView
-                            android:id="@+id/detail_view_count_view"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_alignParentLeft="true"
-                            android:layout_marginBottom="6dp"
-                            android:layout_marginTop="6dp"
-                            android:lines="1"
-                            android:textAppearance="?android:attr/textAppearanceLarge"
-                            android:textSize="@dimen/video_item_detail_views_text_size"
-                            tools:ignore="RtlHardcoded"
-                            tools:text="2,816,821,505 views"/>
-
-                        <ImageView
-                            android:id="@+id/detail_thumbs_up_img_view"
-                            android:layout_width="@dimen/video_item_detail_like_image_width"
-                            android:layout_height="@dimen/video_item_detail_like_image_height"
-                            android:layout_below="@id/detail_view_count_view"
-                            android:contentDescription="@string/detail_likes_img_view_description"
-                            android:src="?attr/thumbs_up"/>
-
-                        <TextView
-                            android:id="@+id/detail_thumbs_up_count_view"
-                            android:layout_width="wrap_content"
-                            android:layout_height="@dimen/video_item_detail_like_image_height"
-                            android:layout_below="@id/detail_view_count_view"
-                            android:layout_marginLeft="@dimen/video_item_detail_like_margin"
-                            android:layout_toRightOf="@id/detail_thumbs_up_img_view"
-                            android:gravity="center_vertical"
-                            android:lines="1"
-                            android:textAppearance="?android:attr/textAppearanceMedium"
-                            android:textSize="@dimen/video_item_detail_likes_text_size"
-                            tools:ignore="RtlHardcoded"
-                            tools:text="12M"/>
-
-                        <ImageView
-                            android:id="@+id/detail_thumbs_down_img_view"
-                            android:layout_width="@dimen/video_item_detail_like_image_width"
-                            android:layout_height="@dimen/video_item_detail_like_image_height"
-                            android:layout_below="@id/detail_view_count_view"
-                            android:layout_marginLeft="12dp"
-                            android:layout_toRightOf="@id/detail_thumbs_up_count_view"
-                            android:contentDescription="@string/detail_dislikes_img_view_description"
-                            android:src="?attr/thumbs_down"
-                            tools:ignore="RtlHardcoded"/>
-
-                        <TextView
-                            android:id="@+id/detail_thumbs_down_count_view"
-                            android:layout_width="wrap_content"
-                            android:layout_height="@dimen/video_item_detail_like_image_height"
-                            android:layout_below="@id/detail_view_count_view"
-                            android:layout_marginLeft="@dimen/video_item_detail_like_margin"
-                            android:layout_toRightOf="@id/detail_thumbs_down_img_view"
-                            android:gravity="center_vertical"
-                            android:lines="1"
-                            android:textAppearance="?android:attr/textAppearanceMedium"
-                            android:textSize="@dimen/video_item_detail_likes_text_size"
-                            tools:ignore="RtlHardcoded"
-                            tools:text="10K"/>
-
-                        <TextView
-                            android:id="@+id/detail_thumbs_disabled_view"
-                            android:layout_width="wrap_content"
-                            android:layout_height="@dimen/video_item_detail_like_image_height"
-                            android:layout_below="@id/detail_view_count_view"
-                            android:layout_marginLeft="12dp"
-                            android:layout_toRightOf="@id/detail_thumbs_down_img_view"
-                            android:gravity="center_vertical"
-                            android:text="@string/disabled"
-                            android:textAppearance="?android:attr/textAppearanceLarge"
-                            android:textSize="@dimen/video_item_detail_likes_text_size"
-                            android:textStyle="bold"
-                            android:visibility="gone"
-                            tools:ignore="RtlHardcoded"
-                            tools:visibility="visible"/>
-
-                        <!-- CONTROLS -->
-                        <TextView
-                            android:id="@+id/detail_controls_popup"
-                            android:layout_width="80dp"
-                            android:layout_height="55dp"
-                            android:layout_alignParentRight="true"
-                            android:layout_alignParentTop="true"
-                            android:layout_gravity="center_vertical"
-                            android:background="?attr/selectableItemBackgroundBorderless"
-                            android:clickable="true"
-                            android:contentDescription="@string/open_in_popup_mode"
-                            android:drawableTop="?attr/popup"
-                            android:gravity="center"
-                            android:paddingBottom="6dp"
-                            android:paddingTop="6dp"
-                            android:text="@string/controls_popup_title"
-                            android:textSize="12sp"/>
-
-                        <TextView
-                            android:id="@+id/detail_controls_background"
-                            android:layout_width="80dp"
-                            android:layout_height="55dp"
-                            android:layout_alignParentTop="true"
-                            android:layout_gravity="center_vertical"
-                            android:layout_toLeftOf="@id/detail_controls_popup"
-                            android:background="?attr/selectableItemBackgroundBorderless"
-                            android:clickable="true"
-                            android:contentDescription="@string/play_audio"
-                            android:drawableTop="?attr/audio"
-                            android:gravity="center"
-                            android:paddingBottom="6dp"
-                            android:paddingTop="6dp"
-                            android:text="@string/controls_background_title"
-                            android:textSize="12sp"/>
-                    </RelativeLayout>
-
-                    <!--UPLOADER-->
-                    <LinearLayout
-                        android:id="@+id/detail_uploader_root_layout"
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
                         android:background="?attr/selectableItemBackground"
-                        android:gravity="center_vertical"
+                        android:clickable="true"
-                        android:orientation="horizontal"
-                        android:paddingBottom="8dp"
                         android:paddingLeft="12dp"
-                        android:paddingRight="12dp"
+                        android:paddingRight="12dp">
-                        android:paddingTop="8dp">
-
-
-                        <de.hdodenhof.circleimageview.CircleImageView
-                            android:id="@+id/detail_uploader_thumbnail_view"
-                            android:layout_width="@dimen/video_item_detail_uploader_image_size"
-                            android:layout_height="@dimen/video_item_detail_uploader_image_size"
-                            android:contentDescription="@string/detail_uploader_thumbnail_view_description"
-                            android:src="@drawable/buddy"
-                            tools:ignore="RtlHardcoded"/>
 
                         <TextView
-                            android:id="@+id/detail_uploader_text_view"
+                            android:id="@+id/detail_video_title_view"
                             android:layout_width="match_parent"
-                            android:layout_height="wrap_content"
+                            android:layout_height="match_parent"
-                            android:layout_marginLeft="15dp"
+                            android:layout_marginRight="20dp"
+                            android:ellipsize="end"
+                            android:maxLines="1"
+                            android:paddingBottom="8dp"
+                            android:paddingTop="12dp"
                             android:textAppearance="?android:attr/textAppearanceLarge"
-                            android:textSize="@dimen/video_item_detail_uploader_text_size"
+                            android:textSize="@dimen/video_item_detail_title_text_size"
-                            android:textStyle="bold"
                             tools:ignore="RtlHardcoded"
-                            tools:text="Uploader"/>
+                            tools:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a ultricies ex. Integer sit amet sodales risus. Duis non mi et urna pretium bibendum. Nunc eleifend est quis ipsum porttitor egestas. Sed facilisis, nisl quis eleifend pellentesque, orci metus egestas dolor, at accumsan eros metus quis libero."/>
 
-                        <!--<Button
+                        <ImageView
-                            android:id="@+id/detail_uploader_subscribe"
+                            android:id="@+id/detail_toggle_description_view"
-                            android:layout_width="wrap_content"
+                            android:layout_width="15dp"
-                            android:layout_height="wrap_content"
+                            android:layout_height="15dp"
                             android:layout_gravity="center_vertical|right"
-                            android:layout_marginRight="12dp"
+                            android:layout_marginLeft="5dp"
-                            android:text="@string/rss_button_title"
+                            android:src="@drawable/arrow_down"
-                            android:textSize="12sp"
+                            tools:ignore="ContentDescription,RtlHardcoded"/>
-                            android:theme="@style/RedButton"
-                            android:drawableLeft="@drawable/ic_rss_feed_white_24dp"
-                            tools:ignore="RtlHardcoded"
-                            android:visibility="gone"/>-->
-                    </LinearLayout>
 
-                    <View
+                    </FrameLayout>
-                        android:layout_width="match_parent"
-                        android:layout_height="1px"
-                        android:layout_marginLeft="8dp"
-                        android:layout_marginRight="8dp"
-                        android:background="?attr/separator_color"/>
 
-                    <!--DESCRIPTIONS-->
+                    <!-- LOADING INDICATOR-->
-                    <LinearLayout
+                    <ProgressBar
-                        android:id="@+id/detail_description_root_layout"
+                        android:id="@+id/loading_progress_bar"
+                        style="@style/Widget.AppCompat.ProgressBar"
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
-                        android:layout_marginTop="5dp"
+                        android:layout_below="@id/detail_title_root_layout"
+                        android:layout_marginTop="@dimen/video_item_detail_error_panel_margin"
+                        android:indeterminate="true"
+                        android:visibility="gone"
+                        tools:visibility="visible"/>
+
+                    <!--ERROR PANEL-->
+                    <include
+                        android:id="@+id/error_panel"
+                        layout="@layout/error_retry"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_below="@id/detail_title_root_layout"
+                        android:layout_marginTop="@dimen/video_item_detail_error_panel_margin"
+                        android:visibility="gone"
+                        tools:visibility="visible"/>
+
+                    <!--HIDING ROOT-->
+                    <LinearLayout
+                        android:id="@+id/detail_content_root_hiding"
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:layout_below="@+id/detail_title_root_layout"
                         android:orientation="vertical"
                         android:visibility="gone"
                         tools:visibility="visible">
 
-                        <TextView
+                        <!--DETAIL-->
-                            android:id="@+id/detail_upload_date_view"
+                        <RelativeLayout
-                            android:layout_width="wrap_content"
+                            android:id="@+id/detail_root"
-                            android:layout_height="wrap_content"
+                            android:layout_width="match_parent"
+                            android:layout_height="55dp"
                             android:layout_marginLeft="12dp"
                             android:layout_marginRight="12dp"
-                            android:textAppearance="?android:attr/textAppearanceMedium"
+                            android:layout_marginTop="6dp"
-                            android:textSize="@dimen/video_item_detail_upload_date_text_size"
+                            android:baselineAligned="false"
-                            android:textStyle="bold"
+                            android:orientation="horizontal">
-                            tools:text="Published on Oct 2, 2009"/>
 
-                        <TextView
+                            <!-- VIEW & THUMBS -->
-                            android:id="@+id/detail_description_view"
+                            <TextView
+                                android:id="@+id/detail_view_count_view"
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
+                                android:layout_alignParentLeft="true"
+                                android:layout_marginBottom="6dp"
+                                android:layout_marginTop="6dp"
+                                android:lines="1"
+                                android:textAppearance="?android:attr/textAppearanceLarge"
+                                android:textSize="@dimen/video_item_detail_views_text_size"
+                                tools:ignore="RtlHardcoded"
+                                tools:text="2,816,821,505 views"/>
+
+                            <ImageView
+                                android:id="@+id/detail_thumbs_up_img_view"
+                                android:layout_width="@dimen/video_item_detail_like_image_width"
+                                android:layout_height="@dimen/video_item_detail_like_image_height"
+                                android:layout_below="@id/detail_view_count_view"
+                                android:contentDescription="@string/detail_likes_img_view_description"
+                                android:src="?attr/thumbs_up"/>
+
+                            <TextView
+                                android:id="@+id/detail_thumbs_up_count_view"
+                                android:layout_width="wrap_content"
+                                android:layout_height="@dimen/video_item_detail_like_image_height"
+                                android:layout_below="@id/detail_view_count_view"
+                                android:layout_marginLeft="@dimen/video_item_detail_like_margin"
+                                android:layout_toRightOf="@id/detail_thumbs_up_img_view"
+                                android:gravity="center_vertical"
+                                android:lines="1"
+                                android:textAppearance="?android:attr/textAppearanceMedium"
+                                android:textSize="@dimen/video_item_detail_likes_text_size"
+                                tools:ignore="RtlHardcoded"
+                                tools:text="12M"/>
+
+                            <ImageView
+                                android:id="@+id/detail_thumbs_down_img_view"
+                                android:layout_width="@dimen/video_item_detail_like_image_width"
+                                android:layout_height="@dimen/video_item_detail_like_image_height"
+                                android:layout_below="@id/detail_view_count_view"
+                                android:layout_marginLeft="12dp"
+                                android:layout_toRightOf="@id/detail_thumbs_up_count_view"
+                                android:contentDescription="@string/detail_dislikes_img_view_description"
+                                android:src="?attr/thumbs_down"
+                                tools:ignore="RtlHardcoded"/>
+
+                            <TextView
+                                android:id="@+id/detail_thumbs_down_count_view"
+                                android:layout_width="wrap_content"
+                                android:layout_height="@dimen/video_item_detail_like_image_height"
+                                android:layout_below="@id/detail_view_count_view"
+                                android:layout_marginLeft="@dimen/video_item_detail_like_margin"
+                                android:layout_toRightOf="@id/detail_thumbs_down_img_view"
+                                android:gravity="center_vertical"
+                                android:lines="1"
+                                android:textAppearance="?android:attr/textAppearanceMedium"
+                                android:textSize="@dimen/video_item_detail_likes_text_size"
+                                tools:ignore="RtlHardcoded"
+                                tools:text="10K"/>
+
+                            <TextView
+                                android:id="@+id/detail_thumbs_disabled_view"
+                                android:layout_width="wrap_content"
+                                android:layout_height="@dimen/video_item_detail_like_image_height"
+                                android:layout_below="@id/detail_view_count_view"
+                                android:layout_marginLeft="12dp"
+                                android:layout_toRightOf="@id/detail_thumbs_down_img_view"
+                                android:gravity="center_vertical"
+                                android:text="@string/disabled"
+                                android:textAppearance="?android:attr/textAppearanceLarge"
+                                android:textSize="@dimen/video_item_detail_likes_text_size"
+                                android:textStyle="bold"
+                                android:visibility="gone"
+                                tools:ignore="RtlHardcoded"
+                                tools:visibility="visible"/>
+
+                            <!-- CONTROLS -->
+                            <TextView
+                                android:id="@+id/detail_controls_popup"
+                                android:layout_width="80dp"
+                                android:layout_height="55dp"
+                                android:layout_alignParentRight="true"
+                                android:layout_alignParentTop="true"
+                                android:layout_gravity="center_vertical"
+                                android:background="?attr/selectableItemBackgroundBorderless"
+                                android:clickable="true"
+                                android:contentDescription="@string/open_in_popup_mode"
+                                android:drawableTop="?attr/popup"
+                                android:gravity="center"
+                                android:paddingBottom="6dp"
+                                android:paddingTop="6dp"
+                                android:text="@string/controls_popup_title"
+                                android:textSize="12sp"/>
+
+                            <TextView
+                                android:id="@+id/detail_controls_background"
+                                android:layout_width="80dp"
+                                android:layout_height="55dp"
+                                android:layout_alignParentTop="true"
+                                android:layout_gravity="center_vertical"
+                                android:layout_toLeftOf="@id/detail_controls_popup"
+                                android:background="?attr/selectableItemBackgroundBorderless"
+                                android:clickable="true"
+                                android:contentDescription="@string/play_audio"
+                                android:drawableTop="?attr/audio"
+                                android:gravity="center"
+                                android:paddingBottom="6dp"
+                                android:paddingTop="6dp"
+                                android:text="@string/controls_background_title"
+                                android:textSize="12sp"/>
+                        </RelativeLayout>
+
+                        <!--UPLOADER-->
+                        <LinearLayout
+                            android:id="@+id/detail_uploader_root_layout"
                             android:layout_width="match_parent"
                             android:layout_height="wrap_content"
-                            android:layout_marginBottom="8dp"
+                            android:background="?attr/selectableItemBackground"
-                            android:layout_marginLeft="12dp"
+                            android:gravity="center_vertical"
-                            android:layout_marginRight="12dp"
+                            android:orientation="horizontal"
-                            android:layout_marginTop="3dp"
+                            android:paddingBottom="8dp"
-                            android:textAppearance="?android:attr/textAppearanceMedium"
+                            android:paddingLeft="12dp"
-                            android:textIsSelectable="true"
+                            android:paddingRight="12dp"
-                            android:textSize="@dimen/video_item_detail_description_text_size"
+                            android:paddingTop="8dp">
-                            tools:text="Description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a ultricies ex. Integer sit amet sodales risus. Duis non mi et urna pretium bibendum."/>
+
+
+                            <de.hdodenhof.circleimageview.CircleImageView
+                                android:id="@+id/detail_uploader_thumbnail_view"
+                                android:layout_width="@dimen/video_item_detail_uploader_image_size"
+                                android:layout_height="@dimen/video_item_detail_uploader_image_size"
+                                android:contentDescription="@string/detail_uploader_thumbnail_view_description"
+                                android:src="@drawable/buddy"
+                                tools:ignore="RtlHardcoded"/>
+
+                            <TextView
+                                android:id="@+id/detail_uploader_text_view"
+                                android:layout_width="match_parent"
+                                android:layout_height="wrap_content"
+                                android:layout_marginLeft="15dp"
+                                android:textAppearance="?android:attr/textAppearanceLarge"
+                                android:textSize="@dimen/video_item_detail_uploader_text_size"
+                                android:textStyle="bold"
+                                tools:ignore="RtlHardcoded"
+                                tools:text="Uploader"/>
+
+                            <!--<Button
+                                android:id="@+id/detail_uploader_subscribe"
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
+                                android:layout_gravity="center_vertical|right"
+                                android:layout_marginRight="12dp"
+                                android:text="@string/rss_button_title"
+                                android:textSize="12sp"
+                                android:theme="@style/RedButton"
+                                android:drawableLeft="@drawable/ic_rss_feed_white_24dp"
+                                tools:ignore="RtlHardcoded"
+                                android:visibility="gone"/>-->
+                        </LinearLayout>
 
                         <View
                             android:layout_width="match_parent"
@@ -348,50 +311,99 @@
                             android:layout_marginRight="8dp"
                             android:background="?attr/separator_color"/>
 
-                    </LinearLayout>
+                        <!--DESCRIPTIONS-->
-
-                    <!--NEXT AND RELATED VIDEOS-->
-                    <LinearLayout
-                        android:id="@+id/detail_related_streams_root_layout"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:layout_gravity="center_horizontal|bottom"
-                        android:layout_marginTop="14dp"
-                        android:orientation="vertical">
-
-                        <TextView
-                            android:id="@+id/detail_next_stream_title"
-                            android:layout_width="wrap_content"
-                            android:layout_height="wrap_content"
-                            android:layout_marginLeft="12dp"
-                            android:text="@string/next_video_title"
-                            android:textAllCaps="true"
-                            android:textAppearance="?android:attr/textAppearanceMedium"
-                            android:textSize="@dimen/video_item_detail_next_text_size"
-                            tools:ignore="RtlHardcoded"/>
-
                         <LinearLayout
-                            android:id="@+id/detail_related_streams_view"
+                            android:id="@+id/detail_description_root_layout"
-                            android:layout_width="match_parent"
-                            android:layout_height="match_parent"
-                            android:layout_marginTop="2dp"
-                            android:orientation="vertical"
-                            tools:minHeight="50dp"/>
-
-                        <ImageButton
-                            android:id="@+id/detail_related_streams_expand"
                             android:layout_width="match_parent"
                             android:layout_height="wrap_content"
-                            android:background="?attr/selectableItemBackground"
+                            android:layout_marginTop="5dp"
-                            android:paddingBottom="10dp"
+                            android:orientation="vertical"
-                            android:paddingTop="4dp"
+                            android:visibility="gone"
-                            android:src="?attr/expand"
+                            tools:visibility="visible">
-                            android:textAlignment="center"
+
-                            android:textAllCaps="true"
+                            <TextView
-                            tools:ignore="ContentDescription"/>
+                                android:id="@+id/detail_upload_date_view"
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
+                                android:layout_marginLeft="12dp"
+                                android:layout_marginRight="12dp"
+                                android:textAppearance="?android:attr/textAppearanceMedium"
+                                android:textSize="@dimen/video_item_detail_upload_date_text_size"
+                                android:textStyle="bold"
+                                tools:text="Published on Oct 2, 2009"/>
+
+                            <TextView
+                                android:id="@+id/detail_description_view"
+                                android:layout_width="match_parent"
+                                android:layout_height="wrap_content"
+                                android:layout_marginBottom="8dp"
+                                android:layout_marginLeft="12dp"
+                                android:layout_marginRight="12dp"
+                                android:layout_marginTop="3dp"
+                                android:textAppearance="?android:attr/textAppearanceMedium"
+                                android:textIsSelectable="true"
+                                android:textSize="@dimen/video_item_detail_description_text_size"
+                                tools:text="Description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a ultricies ex. Integer sit amet sodales risus. Duis non mi et urna pretium bibendum."/>
+
+                            <View
+                                android:layout_width="match_parent"
+                                android:layout_height="1px"
+                                android:layout_marginLeft="8dp"
+                                android:layout_marginRight="8dp"
+                                android:background="?attr/separator_color"/>
+
+                        </LinearLayout>
+
+                        <!--NEXT AND RELATED VIDEOS-->
+                        <LinearLayout
+                            android:id="@+id/detail_related_streams_root_layout"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:layout_gravity="center_horizontal|bottom"
+                            android:layout_marginTop="14dp"
+                            android:orientation="vertical">
+
+                            <TextView
+                                android:id="@+id/detail_next_stream_title"
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
+                                android:layout_marginLeft="12dp"
+                                android:text="@string/next_video_title"
+                                android:textAllCaps="true"
+                                android:textAppearance="?android:attr/textAppearanceMedium"
+                                android:textSize="@dimen/video_item_detail_next_text_size"
+                                tools:ignore="RtlHardcoded"/>
+
+                            <LinearLayout
+                                android:id="@+id/detail_related_streams_view"
+                                android:layout_width="match_parent"
+                                android:layout_height="match_parent"
+                                android:layout_marginTop="2dp"
+                                android:orientation="vertical"
+                                tools:minHeight="50dp"/>
+
+                            <ImageButton
+                                android:id="@+id/detail_related_streams_expand"
+                                android:layout_width="match_parent"
+                                android:layout_height="wrap_content"
+                                android:background="?attr/selectableItemBackground"
+                                android:paddingBottom="10dp"
+                                android:paddingTop="4dp"
+                                android:src="?attr/expand"
+                                android:textAlignment="center"
+                                android:textAllCaps="true"
+                                tools:ignore="ContentDescription"/>
+                        </LinearLayout>
                     </LinearLayout>
-                </LinearLayout>
+                </RelativeLayout>
-            </RelativeLayout>
+            </LinearLayout>
-        </LinearLayout>
+        </com.nirhart.parallaxscroll.views.ParallaxScrollView>
-    </com.nirhart.parallaxscroll.views.ParallaxScrollView>
+    </FrameLayout>
-</FrameLayout>
+
+
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="4dp"
+        android:background="?attr/toolbar_shadow_drawable"
+        android:layout_alignParentTop="true"/>
+</RelativeLayout>

app/src/main/res/layout/toolbar_layout.xml

@@ -36,9 +36,4 @@
 
     </android.support.v7.widget.Toolbar>
 
-    <View
-        android:layout_width="match_parent"
-        android:layout_height="4dp"
-        android:background="?attr/toolbar_shadow_drawable"/>
-
 </LinearLayout>