From 0de4590a87624a8b9ab55810e4ffaa8b6234bc5f Mon Sep 17 00:00:00 2001
From: Karim Abou Zeid <karim23697@gmail.com>
Date: Sat, 12 Dec 2015 01:16:48 +0100
Subject: [PATCH] Great progress with the new now playing screen. Almost done
 now.

---
 .../adapter/base/AbsMultiSelectAdapter.java   |   5 +-
 .../adapter/base/MediaEntryViewHolder.java    |   2 +-
 .../adapter/song/PlayingQueueAdapter.java     |  67 ++++++++++++--
 .../gramophone/adapter/song/SongAdapter.java  |  79 ++++++++--------
 .../interfaces/MusicServiceEventListener.java |   2 +
 .../gramophone/service/MusicService.java      |   1 +
 .../base/AbsMusicServiceActivity.java         |  13 +++
 .../AbsMainActivityRecyclerViewFragment.java  |   5 +
 .../fragments/player/MiniPlayerFragment.java  |   5 +
 .../player/PlaybackControlsFragment.java      |  13 ++-
 .../player/PlayerAlbumCoverFragment.java      |   5 +
 .../ui/fragments/player/PlayerFragment.java   |  87 +++++++++++++-----
 .../ic_drag_vertical_white_24dp.png           | Bin 0 -> 220 bytes
 .../res/drawable-hdpi/ic_equal_white_24dp.png | Bin 172 -> 0 bytes
 .../ic_trending_flat_white_36dp.png           | Bin 167 -> 0 bytes
 .../ic_drag_vertical_white_24dp.png           | Bin 0 -> 161 bytes
 .../res/drawable-mdpi/ic_equal_white_24dp.png | Bin 162 -> 0 bytes
 .../ic_trending_flat_white_36dp.png           | Bin 126 -> 0 bytes
 .../ic_drag_vertical_white_24dp.png           | Bin 0 -> 193 bytes
 .../drawable-xhdpi/ic_equal_white_24dp.png    | Bin 176 -> 0 bytes
 .../ic_trending_flat_white_36dp.png           | Bin 160 -> 0 bytes
 .../ic_drag_vertical_white_24dp.png           | Bin 0 -> 242 bytes
 .../drawable-xxhdpi/ic_equal_white_24dp.png   | Bin 206 -> 0 bytes
 .../ic_trending_flat_white_36dp.png           | Bin 210 -> 0 bytes
 .../ic_drag_vertical_white_24dp.png           | Bin 0 -> 286 bytes
 .../drawable-xxxhdpi/ic_equal_white_24dp.png  | Bin 231 -> 0 bytes
 .../ic_shuffle_off_white_24dp.png             | Bin 0 -> 624 bytes
 .../ic_trending_flat_white_36dp.png           | Bin 235 -> 0 bytes
 app/src/main/res/layout/fragment_player.xml   |  62 ++++++++-----
 app/src/main/res/layout/item_list.xml         |   6 +-
 .../main/res/layout/item_list_single_row.xml  |   6 +-
 app/src/main/res/values/strings.xml           |   4 +-
 32 files changed, 260 insertions(+), 102 deletions(-)
 create mode 100644 app/src/main/res/drawable-hdpi/ic_drag_vertical_white_24dp.png
 delete mode 100644 app/src/main/res/drawable-hdpi/ic_equal_white_24dp.png
 delete mode 100644 app/src/main/res/drawable-hdpi/ic_trending_flat_white_36dp.png
 create mode 100644 app/src/main/res/drawable-mdpi/ic_drag_vertical_white_24dp.png
 delete mode 100644 app/src/main/res/drawable-mdpi/ic_equal_white_24dp.png
 delete mode 100644 app/src/main/res/drawable-mdpi/ic_trending_flat_white_36dp.png
 create mode 100644 app/src/main/res/drawable-xhdpi/ic_drag_vertical_white_24dp.png
 delete mode 100644 app/src/main/res/drawable-xhdpi/ic_equal_white_24dp.png
 delete mode 100644 app/src/main/res/drawable-xhdpi/ic_trending_flat_white_36dp.png
 create mode 100644 app/src/main/res/drawable-xxhdpi/ic_drag_vertical_white_24dp.png
 delete mode 100644 app/src/main/res/drawable-xxhdpi/ic_equal_white_24dp.png
 delete mode 100644 app/src/main/res/drawable-xxhdpi/ic_trending_flat_white_36dp.png
 create mode 100644 app/src/main/res/drawable-xxxhdpi/ic_drag_vertical_white_24dp.png
 delete mode 100644 app/src/main/res/drawable-xxxhdpi/ic_equal_white_24dp.png
 create mode 100644 app/src/main/res/drawable-xxxhdpi/ic_shuffle_off_white_24dp.png
 delete mode 100644 app/src/main/res/drawable-xxxhdpi/ic_trending_flat_white_36dp.png

diff --git a/app/src/main/java/com/kabouzeid/gramophone/adapter/base/AbsMultiSelectAdapter.java b/app/src/main/java/com/kabouzeid/gramophone/adapter/base/AbsMultiSelectAdapter.java
index db95ed9d..f313c376 100644
--- a/app/src/main/java/com/kabouzeid/gramophone/adapter/base/AbsMultiSelectAdapter.java
+++ b/app/src/main/java/com/kabouzeid/gramophone/adapter/base/AbsMultiSelectAdapter.java
@@ -35,7 +35,7 @@ public abstract class AbsMultiSelectAdapter<VH extends RecyclerView.ViewHolder,
         this.menuRes = menuRes;
     }
 
-    protected void toggleChecked(final int position) {
+    protected boolean toggleChecked(final int position) {
         if (cabHolder != null) {
             openCabIfNecessary();
 
@@ -47,7 +47,10 @@ public abstract class AbsMultiSelectAdapter<VH extends RecyclerView.ViewHolder,
             if (size <= 0) cab.finish();
             else if (size == 1) cab.setTitle(checked.get(0).toString());
             else if (size > 1) cab.setTitle(context.getString(R.string.x_selected, size));
+
+            return true;
         }
+        return false;
     }
 
     private void openCabIfNecessary() {
diff --git a/app/src/main/java/com/kabouzeid/gramophone/adapter/base/MediaEntryViewHolder.java b/app/src/main/java/com/kabouzeid/gramophone/adapter/base/MediaEntryViewHolder.java
index 578dd13b..7cf3ab33 100644
--- a/app/src/main/java/com/kabouzeid/gramophone/adapter/base/MediaEntryViewHolder.java
+++ b/app/src/main/java/com/kabouzeid/gramophone/adapter/base/MediaEntryViewHolder.java
@@ -16,7 +16,7 @@ import butterknife.ButterKnife;
 /**
  * @author Karim Abou Zeid (kabouzeid)
  */
-public abstract class MediaEntryViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener, View.OnLongClickListener {
+public class MediaEntryViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener, View.OnLongClickListener {
     @Nullable
     @Bind(R.id.image)
     public ImageView image;
diff --git a/app/src/main/java/com/kabouzeid/gramophone/adapter/song/PlayingQueueAdapter.java b/app/src/main/java/com/kabouzeid/gramophone/adapter/song/PlayingQueueAdapter.java
index 2315aeaf..c1396efe 100644
--- a/app/src/main/java/com/kabouzeid/gramophone/adapter/song/PlayingQueueAdapter.java
+++ b/app/src/main/java/com/kabouzeid/gramophone/adapter/song/PlayingQueueAdapter.java
@@ -15,20 +15,75 @@ import java.util.ArrayList;
  * @author Karim Abou Zeid (kabouzeid)
  */
 public class PlayingQueueAdapter extends SongAdapter {
+
+    private static final int HISTORY = 0;
+    private static final int CURRENT = 1;
+    private static final int UP_NEXT = 2;
+
+    private int current;
+
     public PlayingQueueAdapter(AppCompatActivity activity, ArrayList<Song> dataSet, @LayoutRes int itemLayoutRes, boolean usePalette, @Nullable CabHolder cabHolder) {
         super(activity, dataSet, itemLayoutRes, usePalette, cabHolder);
     }
 
     @Override
-    protected SongAdapter.ViewHolder createViewHolder(View view) {
-        return new ViewHolder(view);
+    public void onBindViewHolder(@NonNull SongAdapter.ViewHolder holder, int position) {
+        super.onBindViewHolder(holder, position);
+        if (holder.imageText != null) {
+            holder.imageText.setVisibility(View.VISIBLE);
+            holder.imageText.setText("" + (position - current));
+        }
+        if (holder.image != null) {
+            holder.image.setVisibility(View.GONE);
+        }
+        if (holder.getItemViewType() == HISTORY) {
+            setAlpha(holder, 0.5f);
+        } else if (holder.getItemViewType() == CURRENT) {
+            holder.itemView.setActivated(true);
+        }
     }
 
-    public class ViewHolder extends SongAdapter.ViewHolder {
+    @Override
+    public int getItemViewType(int position) {
+        if (position < current) {
+            return HISTORY;
+        } else if (position > current) {
+            return UP_NEXT;
+        }
+        return CURRENT;
+    }
 
-        public ViewHolder(@NonNull View itemView) {
-            super(itemView);
-            image = null;
+    @Override
+    protected void loadAlbumCover(Song song, ViewHolder holder) {
+        //super.loadAlbumCover(song, holder);
+    }
+
+    public void swapDataSet(ArrayList<Song> dataSet, int position) {
+        this.dataSet = dataSet;
+        current = position;
+        notifyDataSetChanged();
+    }
+
+    public void setCurrent(int current) {
+        this.current = current;
+        notifyDataSetChanged();
+    }
+
+    protected void setAlpha(SongAdapter.ViewHolder holder, float alpha) {
+        if (holder.image != null) {
+            holder.image.setAlpha(alpha);
+        }
+        if (holder.title != null) {
+            holder.title.setAlpha(alpha);
+        }
+        if (holder.text != null) {
+            holder.text.setAlpha(alpha);
+        }
+        if (holder.imageText != null) {
+            holder.imageText.setAlpha(alpha);
+        }
+        if (holder.paletteColorContainer != null) {
+            holder.paletteColorContainer.setAlpha(alpha);
         }
     }
 }
diff --git a/app/src/main/java/com/kabouzeid/gramophone/adapter/song/SongAdapter.java b/app/src/main/java/com/kabouzeid/gramophone/adapter/song/SongAdapter.java
index ce4c39b2..f291ab7d 100644
--- a/app/src/main/java/com/kabouzeid/gramophone/adapter/song/SongAdapter.java
+++ b/app/src/main/java/com/kabouzeid/gramophone/adapter/song/SongAdapter.java
@@ -93,8 +93,7 @@ public class SongAdapter extends AbsMultiSelectAdapter<SongAdapter.ViewHolder, S
     public void onBindViewHolder(@NonNull final ViewHolder holder, int position) {
         final Song song = dataSet.get(position);
 
-        final int defaultBarColor = ColorUtil.resolveColor(activity, R.attr.default_bar_color);
-        setColors(defaultBarColor, holder);
+        setColors(ColorUtil.resolveColor(activity, R.attr.default_bar_color), holder);
 
         boolean isChecked = isChecked(song);
         holder.itemView.setActivated(isChecked);
@@ -108,40 +107,9 @@ public class SongAdapter extends AbsMultiSelectAdapter<SongAdapter.ViewHolder, S
         if (holder.text != null) {
             holder.text.setText(getSongText(song));
         }
-        if (holder.image != null) {
-            ImageLoader.getInstance().displayImage(
-                    getSongImageLoaderUri(song),
-                    holder.image,
-                    new DisplayImageOptions.Builder()
-                            .cacheInMemory(true)
-                            .showImageOnFail(R.drawable.default_album_art)
-                            .resetViewBeforeLoading(true)
-                            .postProcessor(new BitmapProcessor() {
-                                @Override
-                                public Bitmap process(Bitmap bitmap) {
-                                    holder.paletteColor = ColorUtil.generateColor(activity, bitmap);
-                                    return bitmap;
-                                }
-                            })
-                            .displayer(new FadeInBitmapDisplayer(FADE_IN_TIME, true, true, false) {
-                                @Override
-                                public void display(Bitmap bitmap, ImageAware imageAware, LoadedFrom loadedFrom) {
-                                    super.display(bitmap, imageAware, loadedFrom);
-                                    if (usePalette)
-                                        setColors(holder.paletteColor, holder);
-                                }
-                            })
-                            .build(),
-                    new SimpleImageLoadingListener() {
-                        @Override
-                        public void onLoadingFailed(String imageUri, View view, FailReason failReason) {
-                            FadeInBitmapDisplayer.animate(view, FADE_IN_TIME);
-                            if (usePalette)
-                                setColors(defaultBarColor, holder);
-                        }
-                    }
-            );
-        }
+
+        loadAlbumCover(song, holder);
+
     }
 
     private void setColors(int color, ViewHolder holder) {
@@ -156,6 +124,42 @@ public class SongAdapter extends AbsMultiSelectAdapter<SongAdapter.ViewHolder, S
         }
     }
 
+    protected void loadAlbumCover(Song song, final ViewHolder holder) {
+        if (holder.image == null) return;
+        ImageLoader.getInstance().displayImage(
+                getSongImageLoaderUri(song),
+                holder.image,
+                new DisplayImageOptions.Builder()
+                        .cacheInMemory(true)
+                        .showImageOnFail(R.drawable.default_album_art)
+                        .resetViewBeforeLoading(true)
+                        .postProcessor(new BitmapProcessor() {
+                            @Override
+                            public Bitmap process(Bitmap bitmap) {
+                                holder.paletteColor = ColorUtil.generateColor(activity, bitmap);
+                                return bitmap;
+                            }
+                        })
+                        .displayer(new FadeInBitmapDisplayer(FADE_IN_TIME, true, true, false) {
+                            @Override
+                            public void display(Bitmap bitmap, ImageAware imageAware, LoadedFrom loadedFrom) {
+                                super.display(bitmap, imageAware, loadedFrom);
+                                if (usePalette)
+                                    setColors(holder.paletteColor, holder);
+                            }
+                        })
+                        .build(),
+                new SimpleImageLoadingListener() {
+                    @Override
+                    public void onLoadingFailed(String imageUri, View view, FailReason failReason) {
+                        FadeInBitmapDisplayer.animate(view, FADE_IN_TIME);
+                        if (usePalette)
+                            setColors(ColorUtil.resolveColor(activity, R.attr.default_bar_color), holder);
+                    }
+                }
+        );
+    }
+
     protected String getSongTitle(Song song) {
         return song.title;
     }
@@ -254,8 +258,7 @@ public class SongAdapter extends AbsMultiSelectAdapter<SongAdapter.ViewHolder, S
 
         @Override
         public boolean onLongClick(View view) {
-            toggleChecked(getAdapterPosition());
-            return true;
+            return toggleChecked(getAdapterPosition());
         }
     }
 }
diff --git a/app/src/main/java/com/kabouzeid/gramophone/interfaces/MusicServiceEventListener.java b/app/src/main/java/com/kabouzeid/gramophone/interfaces/MusicServiceEventListener.java
index 1bf88662..282a966c 100644
--- a/app/src/main/java/com/kabouzeid/gramophone/interfaces/MusicServiceEventListener.java
+++ b/app/src/main/java/com/kabouzeid/gramophone/interfaces/MusicServiceEventListener.java
@@ -6,6 +6,8 @@ package com.kabouzeid.gramophone.interfaces;
 public interface MusicServiceEventListener {
     void onPlayingMetaChanged();
 
+    void onQueueChanged();
+
     void onPlayStateChanged();
 
     void onRepeatModeChanged();
diff --git a/app/src/main/java/com/kabouzeid/gramophone/service/MusicService.java b/app/src/main/java/com/kabouzeid/gramophone/service/MusicService.java
index e0015895..e156c9f8 100644
--- a/app/src/main/java/com/kabouzeid/gramophone/service/MusicService.java
+++ b/app/src/main/java/com/kabouzeid/gramophone/service/MusicService.java
@@ -628,6 +628,7 @@ public class MusicService extends Service implements SharedPreferences.OnSharedP
     }
 
     public void moveSong(int from, int to) {
+        if (from == to) return;
         final int currentPosition = getPosition();
         Song songToMove = playingQueue.remove(from);
         playingQueue.add(to, songToMove);
diff --git a/app/src/main/java/com/kabouzeid/gramophone/ui/activities/base/AbsMusicServiceActivity.java b/app/src/main/java/com/kabouzeid/gramophone/ui/activities/base/AbsMusicServiceActivity.java
index 2332bfeb..88a8da2a 100644
--- a/app/src/main/java/com/kabouzeid/gramophone/ui/activities/base/AbsMusicServiceActivity.java
+++ b/app/src/main/java/com/kabouzeid/gramophone/ui/activities/base/AbsMusicServiceActivity.java
@@ -46,6 +46,7 @@ public abstract class AbsMusicServiceActivity extends AbsBaseActivity implements
             filter.addAction(MusicService.SHUFFLE_MODE_CHANGED);
             filter.addAction(MusicService.REPEAT_MODE_CHANGED);
             filter.addAction(MusicService.META_CHANGED);
+            filter.addAction(MusicService.QUEUE_CHANGED);
             filter.addAction(MusicService.MEDIA_STORE_CHANGED);
 
             registerReceiver(musicStateReceiver, filter);
@@ -93,6 +94,15 @@ public abstract class AbsMusicServiceActivity extends AbsBaseActivity implements
         }
     }
 
+    @Override
+    public void onQueueChanged() {
+        for (MusicServiceEventListener listener : mMusicServiceEventListeners) {
+            if (listener != null) {
+                listener.onQueueChanged();
+            }
+        }
+    }
+
     @Override
     public void onPlayStateChanged() {
         for (MusicServiceEventListener listener : mMusicServiceEventListeners) {
@@ -146,6 +156,9 @@ public abstract class AbsMusicServiceActivity extends AbsBaseActivity implements
                     case MusicService.META_CHANGED:
                         activity.onPlayingMetaChanged();
                         break;
+                    case MusicService.QUEUE_CHANGED:
+                        activity.onQueueChanged();
+                        break;
                     case MusicService.PLAY_STATE_CHANGED:
                         activity.onPlayStateChanged();
                         break;
diff --git a/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/mainactivityfragments/AbsMainActivityRecyclerViewFragment.java b/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/mainactivityfragments/AbsMainActivityRecyclerViewFragment.java
index 6f3f22ae..40815921 100644
--- a/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/mainactivityfragments/AbsMainActivityRecyclerViewFragment.java
+++ b/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/mainactivityfragments/AbsMainActivityRecyclerViewFragment.java
@@ -114,6 +114,11 @@ public abstract class AbsMainActivityRecyclerViewFragment<A extends RecyclerView
 
     }
 
+    @Override
+    public void onQueueChanged() {
+
+    }
+
     @Override
     public void onPlayStateChanged() {
 
diff --git a/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/player/MiniPlayerFragment.java b/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/player/MiniPlayerFragment.java
index eca87784..7e6f9d8d 100644
--- a/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/player/MiniPlayerFragment.java
+++ b/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/player/MiniPlayerFragment.java
@@ -120,6 +120,11 @@ public class MiniPlayerFragment extends Fragment implements MusicServiceEventLis
         miniPlayerTitle.setText(MusicPlayerRemote.getCurrentSong().title);
     }
 
+    @Override
+    public void onQueueChanged() {
+
+    }
+
     @Override
     public void onPlayStateChanged() {
         updatePlayPauseDrawableState(true);
diff --git a/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/player/PlaybackControlsFragment.java b/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/player/PlaybackControlsFragment.java
index dc0aa342..07d09f7b 100644
--- a/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/player/PlaybackControlsFragment.java
+++ b/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/player/PlaybackControlsFragment.java
@@ -121,6 +121,11 @@ public class PlaybackControlsFragment extends Fragment implements MusicServiceEv
     public void onPlayingMetaChanged() {
     }
 
+    @Override
+    public void onQueueChanged() {
+
+    }
+
     @Override
     public void onPlayStateChanged() {
         updatePlayPauseDrawableState(true);
@@ -229,8 +234,8 @@ public class PlaybackControlsFragment extends Fragment implements MusicServiceEv
                         lastPlaybackControlsColor));
                 break;
             default:
-                shuffleButton.setImageDrawable(Util.getTintedDrawable(activity, R.drawable.ic_trending_flat_white_36dp,
-                        lastPlaybackControlsColor));
+                shuffleButton.setImageDrawable(Util.getTintedDrawable(activity, R.drawable.ic_shuffle_white_36dp,
+                        ColorUtil.getColorWithAlpha(0.5f, lastPlaybackControlsColor)));
                 break;
         }
     }
@@ -256,8 +261,8 @@ public class PlaybackControlsFragment extends Fragment implements MusicServiceEv
                         lastPlaybackControlsColor));
                 break;
             default:
-                repeatButton.setImageDrawable(Util.getTintedDrawable(activity, R.drawable.ic_repeat_off_white_36dp,
-                        lastPlaybackControlsColor));
+                repeatButton.setImageDrawable(Util.getTintedDrawable(activity, R.drawable.ic_repeat_white_36dp,
+                        ColorUtil.getColorWithAlpha(0.5f, lastPlaybackControlsColor)));
                 break;
         }
     }
diff --git a/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/player/PlayerAlbumCoverFragment.java b/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/player/PlayerAlbumCoverFragment.java
index 42ebedd4..b825256b 100644
--- a/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/player/PlayerAlbumCoverFragment.java
+++ b/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/player/PlayerAlbumCoverFragment.java
@@ -93,6 +93,11 @@ public class PlayerAlbumCoverFragment extends Fragment implements MusicServiceEv
         loadAlbumCover();
     }
 
+    @Override
+    public void onQueueChanged() {
+
+    }
+
     @Override
     public void onPlayStateChanged() {
 
diff --git a/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/player/PlayerFragment.java b/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/player/PlayerFragment.java
index 97b3b897..b466f412 100644
--- a/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/player/PlayerFragment.java
+++ b/app/src/main/java/com/kabouzeid/gramophone/ui/fragments/player/PlayerFragment.java
@@ -32,10 +32,10 @@ import com.kabouzeid.gramophone.dialogs.SleepTimerDialog;
 import com.kabouzeid.gramophone.dialogs.SongDetailDialog;
 import com.kabouzeid.gramophone.dialogs.SongShareDialog;
 import com.kabouzeid.gramophone.helper.MusicPlayerRemote;
-import com.kabouzeid.gramophone.interfaces.CabHolder;
 import com.kabouzeid.gramophone.interfaces.MusicServiceEventListener;
 import com.kabouzeid.gramophone.interfaces.PaletteColorHolder;
 import com.kabouzeid.gramophone.loader.SongLoader;
+import com.kabouzeid.gramophone.misc.DragSortRecycler;
 import com.kabouzeid.gramophone.model.Song;
 import com.kabouzeid.gramophone.ui.activities.base.AbsMusicServiceActivity;
 import com.kabouzeid.gramophone.ui.activities.base.AbsSlidingMusicPanelActivity;
@@ -75,9 +75,7 @@ public class PlayerFragment extends Fragment implements MusicServiceEventListene
     @Bind(R.id.player_queue_subheader)
     TextView playerQueueSubheader;
 
-    @Bind(R.id.current_song)
-    View currentSong;
-    MediaEntryViewHolder mediaEntryViewHolder;
+    MediaEntryViewHolder currentSongViewHolder;
 
     private int lastColor;
 
@@ -89,6 +87,8 @@ public class PlayerFragment extends Fragment implements MusicServiceEventListene
 
     private LinearLayoutManager layoutManager;
 
+    private PlayingQueueAdapter playingQueueAdapter;
+
     @Override
     public void onAttach(Context context) {
         super.onAttach(context);
@@ -126,19 +126,23 @@ public class PlayerFragment extends Fragment implements MusicServiceEventListene
         setUpPlayerToolbar();
         setUpSubFragments();
 
-        recyclerView.setAdapter(new PlayingQueueAdapter(
+        playingQueueAdapter = new PlayingQueueAdapter(
                 ((AppCompatActivity) getActivity()),
-                SongLoader.getAllSongs(getActivity()),
+                MusicPlayerRemote.getPlayingQueue(),
                 R.layout.item_list,
                 false,
-                ((CabHolder) getActivity())));
+                null);
+        recyclerView.setAdapter(playingQueueAdapter);
 
         layoutManager = new LinearLayoutManager(getActivity());
         layoutManager.setChildSize((int) (getResources().getDisplayMetrics().density * 72));
         recyclerView.setLayoutManager(layoutManager);
 
+        setUpDragSort();
+
         //slidingUpPanelLayout.setParallaxOffset(Util.resolveDimensionPixelSize(activity, R.attr.actionBarSize) + getResources().getDimensionPixelSize(R.dimen.status_bar_padding));
         slidingUpPanelLayout.setPanelSlideListener(this);
+        slidingUpPanelLayout.setAntiDragView(view.findViewById(R.id.draggable_area));
 
         view.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
             @Override
@@ -150,15 +154,7 @@ public class PlayerFragment extends Fragment implements MusicServiceEventListene
 
         activity.addMusicServiceEventListener(this);
 
-        mediaEntryViewHolder = new MediaEntryViewHolder(currentSong) {
-        };
-
-        mediaEntryViewHolder.separator.setVisibility(View.VISIBLE);
-        mediaEntryViewHolder.shortSeparator.setVisibility(View.GONE);
-        mediaEntryViewHolder.title.setText("When I'm Gone");
-        mediaEntryViewHolder.text.setText("Eminem");
-        mediaEntryViewHolder.image.setScaleType(ImageView.ScaleType.CENTER);
-        mediaEntryViewHolder.image.setImageDrawable(Util.getTintedDrawable(activity, R.drawable.ic_volume_up_white_24dp, ColorUtil.resolveColor(activity, R.attr.icon_color)));
+        setUpCurrentSongView();
     }
 
     @Override
@@ -171,6 +167,13 @@ public class PlayerFragment extends Fragment implements MusicServiceEventListene
     @Override
     public void onPlayingMetaChanged() {
         updatePlayerMenu();
+        updateCurrentSong();
+        updateQueue();
+    }
+
+    @Override
+    public void onQueueChanged() {
+        updateQueue();
     }
 
     @Override
@@ -193,6 +196,20 @@ public class PlayerFragment extends Fragment implements MusicServiceEventListene
 
     }
 
+    private void updateQueue() {
+        playingQueueAdapter.swapDataSet(MusicPlayerRemote.getPlayingQueue(), MusicPlayerRemote.getPosition());
+        if (slidingUpPanelLayout.getPanelState() == SlidingUpPanelLayout.PanelState.COLLAPSED) {
+            resetToCurrentPosition();
+        }
+    }
+
+    @SuppressWarnings("ConstantConditions")
+    private void updateCurrentSong() {
+        Song song = MusicPlayerRemote.getCurrentSong();
+        currentSongViewHolder.title.setText(song.title);
+        currentSongViewHolder.text.setText(song.artistName);
+    }
+
     private void setUpPanelAndAlbumCoverHeight() {
         int topMargin = getResources().getDimensionPixelSize(R.dimen.status_bar_padding);
 
@@ -225,6 +242,16 @@ public class PlayerFragment extends Fragment implements MusicServiceEventListene
         toolbar.setOnMenuItemClickListener(this);
     }
 
+    @SuppressWarnings("ConstantConditions")
+    private void setUpCurrentSongView() {
+        currentSongViewHolder = new MediaEntryViewHolder(getView().findViewById(R.id.current_song));
+
+        currentSongViewHolder.separator.setVisibility(View.VISIBLE);
+        currentSongViewHolder.shortSeparator.setVisibility(View.GONE);
+        currentSongViewHolder.image.setScaleType(ImageView.ScaleType.CENTER);
+        currentSongViewHolder.image.setImageDrawable(Util.getTintedDrawable(activity, R.drawable.ic_volume_up_white_24dp, ColorUtil.resolveColor(activity, R.attr.icon_color)));
+    }
+
     private void updatePlayerMenu() {
         boolean isFavorite = MusicUtil.isFavorite(activity, MusicPlayerRemote.getCurrentSong());
         Drawable favoriteIcon = Util.getTintedDrawable(activity, isFavorite ? R.drawable.ic_favorite_white_24dp : R.drawable.ic_favorite_outline_white_24dp, ViewUtil.getToolbarIconColor(activity, false));
@@ -233,6 +260,23 @@ public class PlayerFragment extends Fragment implements MusicServiceEventListene
                 .setTitle(isFavorite ? getString(R.string.action_remove_from_favorites) : getString(R.string.action_add_to_favorites));
     }
 
+    private void setUpDragSort() {
+        DragSortRecycler dragSortRecycler = new DragSortRecycler();
+        dragSortRecycler.setViewHandleId(R.id.image_text);
+        dragSortRecycler.setOnItemMovedListener(new DragSortRecycler.OnItemMovedListener() {
+            @Override
+            public void onItemMoved(int from, int to) {
+                if (from == to) return;
+                MusicPlayerRemote.moveSong(from, to);
+            }
+        });
+
+        recyclerView.addItemDecoration(dragSortRecycler);
+        recyclerView.addOnItemTouchListener(dragSortRecycler);
+        recyclerView.addOnScrollListener(dragSortRecycler.getScrollListener());
+        recyclerView.setItemAnimator(null);
+    }
+
     @Override
     @ColorInt
     public int getPaletteColor() {
@@ -343,11 +387,12 @@ public class PlayerFragment extends Fragment implements MusicServiceEventListene
 
     @Override
     public void onPanelCollapsed(View view) {
-        if (layoutManager.findLastVisibleItemPosition() < 50) {
-            recyclerView.smoothScrollToPosition(0);
-        } else {
-            recyclerView.scrollToPosition(0);
-        }
+        resetToCurrentPosition();
+    }
+
+    private void resetToCurrentPosition() {
+        recyclerView.stopScroll();
+        layoutManager.scrollToPositionWithOffset(MusicPlayerRemote.getPosition() + 1, 0);
     }
 
     @Override
diff --git a/app/src/main/res/drawable-hdpi/ic_drag_vertical_white_24dp.png b/app/src/main/res/drawable-hdpi/ic_drag_vertical_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..f234c583553f3e5c5161453e12e944dc34abc203
GIT binary patch
literal 220
zcmeAS@N?(olHy`uVBq!ia0y~yU{C>J4mJh`hKCF@W-u@?uqAoByD)&kPv_nB3=9mM
z1s;*b3=9k&VC;4>+YTgHR^XTp(hJ5F?9%-V3=HX>E{-7)hu>b_$lGAR!+J6QNI=P&
zqih`;FQsZ<R=AibB)qD6YVt|fuE`BDuPuwdyI!iYT|IN^^1lV|_WjK5|E9YvzV1T8
zyFIHX^=0enfBV5R)pZ3=WQf>8qm;nNmQxd4Qw6n{-K-gVHSajpXx^L$a;2xMpUXO@
GgeCw-eMl1k

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-hdpi/ic_equal_white_24dp.png b/app/src/main/res/drawable-hdpi/ic_equal_white_24dp.png
deleted file mode 100644
index 01b51e8afed82a390fcebadba58f980fa7fb4a15..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 172
zcmeAS@N?(olHy`uVBq!ia0y~yU{C>J4mJh`hKCF@W-u@?uqAoByD)&kPv_nB3=9mM
z1s;*b3=9k&VC;4>+YTgHR^XTp(hJ5F?9%-V3=HO;E{-7)hu>at<YiFcVLrfm)xzOh
z!GZ3S<~x!ZzcX1FYIKa#?``*+xwxw2x08eB@f#Zj8202bb6s2;opgQT0+6kqu6{1-
HoD!M<XV@;d

diff --git a/app/src/main/res/drawable-hdpi/ic_trending_flat_white_36dp.png b/app/src/main/res/drawable-hdpi/ic_trending_flat_white_36dp.png
deleted file mode 100644
index d9a840d5b50c6d43f75058fc0819b8b0d7012464..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 167
zcmeAS@N?(olHy`uVBq!ia0y~yU@!w=4i*Lm1~s2WVGIlmd7dtgArXh)UiIc}Fc4wA
z=;go^G@)sVm!p(l8*k!q^@VqqB>J)XT-x((s*>lVx|W%S;;Ywelo3s`)H+gBtuxs=
zsoaun+4b~BcT2S>>+`h&*5|*<?cQ<hNrQ{~{_F0tf7Uh07Zw~<nZ8`bGb@AnZ<sv$
UEv9xo1_lNOPgg&ebxsLQ0L~RU9{>OV

diff --git a/app/src/main/res/drawable-mdpi/ic_drag_vertical_white_24dp.png b/app/src/main/res/drawable-mdpi/ic_drag_vertical_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..aca0945b8f0f19b9046112f8fe62c7bf115e6a1a
GIT binary patch
literal 161
zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4mJh`h6m-gKNuJo*pj^6T^PXNr}OT51_lPs
z0*}aI1_lNXFm^kcZ3hx8D{xE)=>_8opQXzf7#MUsT^vI^jwdHbuwG&KzmP#(UOqu8
v<2b*tffPG4zuV)42M04`cx)tkn-}sj?A-6ayCkCr<NyXwS3j3^P6<r_9ZV(r

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-mdpi/ic_equal_white_24dp.png b/app/src/main/res/drawable-mdpi/ic_equal_white_24dp.png
deleted file mode 100644
index 45fcedaebfac25c9a00337df1bf97fc541f6d0ea..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 162
zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4mJh`h6m-gKNuJo*pj^6T^PXNr}OT51_lPs
z0*}aI1_lNXFm^kcZ3hx8D{xE)=>_8opQXzf7#MUtT^vI^jwdHbur5vzF-Q{r^Z)<<
x`b|8^DMt+YGZ)laaAokj1z*&VU_H#pz;JU82mASbFK>YC@^tlcS?83{1OVM#Dfa*X

diff --git a/app/src/main/res/drawable-mdpi/ic_trending_flat_white_36dp.png b/app/src/main/res/drawable-mdpi/ic_trending_flat_white_36dp.png
deleted file mode 100644
index ea5d1e1868c1de6f9526196034d0616a581cbd81..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 126
zcmeAS@N?(olHy`uVBq!ia0y~yU{C>J4i*Lm25-&)VFm^US5Ftm5Rc<;FB@_(DDbd2
z&VP3K-Sh11$w~!DU9+bgY7)HO)p2lwc8ezKGLb2oW?4L`udLo&+&tlR*0$9D)pcio
eDG6RIVW|H6X5&On?T-u$3=E#GelF{r5}E-0U@V{j

diff --git a/app/src/main/res/drawable-xhdpi/ic_drag_vertical_white_24dp.png b/app/src/main/res/drawable-xhdpi/ic_drag_vertical_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c0e89e60429cd89cf52107cf230a50d4a6c03bc
GIT binary patch
literal 193
zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4mJh`hH$2z?F<YIY)RhkE(~Ds(|LD20|NtR
zfk$L90|SEx7`vU!wgU;46*#7Y^n&rZcRk?@3=BS=E{-7?_ugJL<U63i!{T`6|Nl2v
zG#w{s8(mh4jG86QtgzBg_SL&O*>$U?evke9?0t<R!-Q1!ODqhLWeUE?%me#vckk0s
T;jg&e3v!C5tDnm{r-UW|l#e)8

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xhdpi/ic_equal_white_24dp.png b/app/src/main/res/drawable-xhdpi/ic_equal_white_24dp.png
deleted file mode 100644
index e4aa625395db27ec37a382f2a5ba4d8144b3c8cc..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 176
zcmeAS@N?(olHy`uVBq!ia0y~yU@!n-4mJh`hH$2z?F<YIY)RhkE(~Ds(|LD20|NtR
zfk$L90|SEx7`vU!wgU;46*#7Y^n&rZcRk?@3=GzuE{-7?_ugJx$jD&8!D9I0pY>%?
z1J;W!%I{<a85j<%-&7qDYAQADW|sBjKz#`YhS`6dZu2lOFx)6&T&BUn@Add~8pvi(
LS3j3^P6<r_8m%pY

diff --git a/app/src/main/res/drawable-xhdpi/ic_trending_flat_white_36dp.png b/app/src/main/res/drawable-xhdpi/ic_trending_flat_white_36dp.png
deleted file mode 100644
index 28ede2eb82d085a5dcb3e98d470b17d1060e20b8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 160
zcmeAS@N?(olHy`uVBq!ia0y~yVDJE84i*LmhW}5h&oD4Bq<gwJhGg7(d;K8q0R^4|
z4sPki<qdVK><$Fg2uC<IZU~#C;yEdWXPYiZq|k{;4%1jRsZ3C9)Zt9={Gi=Ad7JJF
zZ=n;Dma(7gd-Lwa>7qB{i{HF7cv5kl-@C84)$}RHen(G`0n^zh-*@@6{gI_J0|Ntt
Mr>mdKI;Vst01T}?YybcN

diff --git a/app/src/main/res/drawable-xxhdpi/ic_drag_vertical_white_24dp.png b/app/src/main/res/drawable-xxhdpi/ic_drag_vertical_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..48e221b86382f2d4b08b25f8cc68b66382b7b124
GIT binary patch
literal 242
zcmeAS@N?(olHy`uVBq!ia0y~yVDJE84mJh`hS0a0-5D4d*pj^6T^PXNr}OT51_lPs
z0*}aIkTNiKJDF_<5-cllOa}{q%s5y1ft7)Qq1MyIF{I+w+v|>84F)_6j<5g!kFi(K
z=@8Q~e(rQ?-lWG23=PuBPd8XT-}Co~#N*!Y@fP8{zqA{h92^%Y2r%TF))jl>=(s>3
zKtO|oh2eHlH)}PBDZ;|V#CTxaouq?uASP>LlLNyB-R%(@*g;INRtB3w#wmIl7BU$P
Q|3Gf{boFyt=akR{0MP<Pp8x;=

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxhdpi/ic_equal_white_24dp.png b/app/src/main/res/drawable-xxhdpi/ic_equal_white_24dp.png
deleted file mode 100644
index 5856ea3e9363cfde086cb3f07645287efa9b8334..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 206
zcmeAS@N?(olHy`uVBq!ia0y~yVDJE84mJh`hS0a0-5D4d*pj^6T^PXNr}OT51_lPs
z0*}aIkTNiKJDF_<5-cllOa}{q%s5y1ft7)QA=1;uF{I+w+ZzXY4=C`kI9mVxp5wJc
zqq5<`8TroJ@*#|1V-NiOb^hVZnRl7vdf)up^Z91&&&!-593aTTz;K}Oj|N-Z=SBwz
c1Z!Y$(A8YRA-=e;bSa4M>FVdQ&MBb@00g}}OaK4?

diff --git a/app/src/main/res/drawable-xxhdpi/ic_trending_flat_white_36dp.png b/app/src/main/res/drawable-xxhdpi/ic_trending_flat_white_36dp.png
deleted file mode 100644
index cdf966ee2fcdb0a00478a247645c783dea9cc5ac..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 210
zcmeAS@N?(olHy`uVBq!ia0y~yV8{VsCT0c(hEE*(;}{qicmjMvTp1V`{=<O90qYeE
z3=GUAL4Lsu4G!BiWmy>*7>Yby978JN-d<iU*kB;Q_HfDszJQX3vlG--w2Q5uabxyj
z*8>|KZQr?d{tlbdw^Ad+4)SeaD=RZ#mQLUklRa~QZAP=}|Lv9q`{V8!vgds~dvH;+
z<PCwdTee!foqNv5I$QkxwJqD9Ji2ZAcD>2R{A-&cBB$9(uf3(6nDn!hfq{X+)78&q
Iol`;+06MW&SO5S3

diff --git a/app/src/main/res/drawable-xxxhdpi/ic_drag_vertical_white_24dp.png b/app/src/main/res/drawable-xxxhdpi/ic_drag_vertical_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..38a3dc3f4b62c9aa950fd99028ca773c7a9b650e
GIT binary patch
literal 286
zcmeAS@N?(olHy`uVBq!ia0y~yU`POA4mJh`hDS5XEf^RW*pj^6T^PXNr}OT51_lPs
z0*}aI1_lNXFm^kcZ3hx8D{xE)=>_A8+c&>3Ffgq2ba4!+xb^m?A(xXQkHf(=-}isM
z6@6po_k%O-1S(>Um>C!t4(zx1$~6Do-tVsuJ)aYQF2DLJ_aAG<B&H)Q9h?Hf3ThxF
zo80dnOaH?hq2}PzFoVGmEX%;a5b<rr?H@h$45y(=!Lket45#HvrRRU-PnZc+3Ni@f
ptecDT9vlB-)Dc!d7zFazfl20viZp!eEKUD_xSp<lF6*2UngCukSSkPj

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxxhdpi/ic_equal_white_24dp.png b/app/src/main/res/drawable-xxxhdpi/ic_equal_white_24dp.png
deleted file mode 100644
index b7372f4091c5ac1eaa5727fb87eb4df9f48b18ec..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 231
zcmeAS@N?(olHy`uVBq!ia0y~yU`POA4mJh`hDS5XEf^RW*pj^6T^PXNr}OT51_lPs
z0*}aI1_lNXFm^kcZ3hx8D{xE)=>_A8+c&>3FfbH(x;TbZ+<JTKBJTkO4%fh!|EwSL
z_?qh9DrQq?{C!#iY$}8}@G|S`fp_n|1X+h(y)@hQW$Qn`1_Q=JEF8iLJ`Dzp5JhI6
w#lKA2zu+{7fSSV$hD4?oP60KD41_%3E^H&fA#ZA`Hyb42>FVdQ&MBb@0CVO&vH$=8

diff --git a/app/src/main/res/drawable-xxxhdpi/ic_shuffle_off_white_24dp.png b/app/src/main/res/drawable-xxxhdpi/ic_shuffle_off_white_24dp.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd7e71d07db939f293a398764a3ba7b07016d15a
GIT binary patch
literal 624
zcmeAS@N?(olHy`uVBq!ia0y~yU`POA4mJh`hDS5XEf^RW7>k44ofy`glX=O&z@+8r
z;uuoF`1a1jye0#Yw#1vgw_`0AOCG!B@LTqfrRj%H=_|I%p4Tq+F6d{MX5vt2V1N?`
z+7H;AfBBd%?+BL;<0rS4h;QGs{{M5S=w^8@%J?adD{kJ?RSYg2b)Gpa3Qj34a~WJZ
zx-M`yv~+OHWpMe>r@*4nl+I$vAh<_Kf=Q;!Aaei5JzZZd&87ca`vwQ~|8$o<VG;RY
z=N`AoR<jsZP05`j)5u^JaXLejiBV?>Uoz)|hFyM|dnJVrs5i9CpRRV`Cu7Q=&(rrk
z=sCT9$~4{B2?=i$CBGc}?xD)YaG%-!ye137eeQS;hJEUF>I^^b{pe+Q;Qrt}3xhpZ
zy)wg(i9bRaJ}my&&G4ZAKs<AUJ=gqFK?ep#76Gip139MCt&uO~+<z@~-x(+A-V#{b
z<t^N4pyVW|@LovK%1N|=BVM3^W1^thxrXbpe=NE<K3=-_(~IRjhxLc2cU?a81bCT$
z>wF-(urbcwg{7ZkYti#<mQ4TkU;N2h#-H`s^XF$~o9UZf?1VWA>Kbeo%QQ0BF+Sm7
z`M|Ak)`y|<<pqV8XJ;_9=j`^M^x?A(%ZsR4>?eLaoB94n%Q^YDuZLguxve`M!)>0|
y{626IW1Jn!KK8nKn?vs1WG6cWcC0ucU-$X->b;Mf4Hy_07(8A5T-G@yGywo=viQ0H

literal 0
HcmV?d00001

diff --git a/app/src/main/res/drawable-xxxhdpi/ic_trending_flat_white_36dp.png b/app/src/main/res/drawable-xxxhdpi/ic_trending_flat_white_36dp.png
deleted file mode 100644
index 0da7c18542735cc463338cb876227669ae8785d5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 235
zcmeAS@N?(olHy`uVBq!ia0y~yV3+{HOw0@n46`)2v>6x}cmjMvTp1V`{=<O90qYeE
z3=GUAL4Lsu4Gagr#!O{kVCeRAaSW+oe0x=q@34ai^Tj#W-ML@Zep5(`-@inw+vLEC
zuMgN4rCi_nZ_l-;Y~Sz8U)Q}8NNH+YAnMqzAZ)_2mcxo=<^shG*9(d#Sa=<^o6d>v
z{bmT4=u|u|7qfDD=9fm!pjQ_x%LJ$Fn$ySI7Nq>_#s)3ZZ+(9oTrT`oUI7L#cniPh
Wa6SI7(#gQUz~JfX=d#Wzp$PyVzFu7b

diff --git a/app/src/main/res/layout/fragment_player.xml b/app/src/main/res/layout/fragment_player.xml
index ceec1f32..dda94774 100644
--- a/app/src/main/res/layout/fragment_player.xml
+++ b/app/src/main/res/layout/fragment_player.xml
@@ -1,8 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
-<com.sothree.slidinguppanel.SlidingUpPanelLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<com.sothree.slidinguppanel.SlidingUpPanelLayout
+    android:id="@+id/player_sliding_layout"
+    xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/tools"
     xmlns:sothree="http://schemas.android.com/apk/res-auto"
-    android:id="@+id/player_sliding_layout"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:clickable="false"
@@ -79,30 +80,47 @@
             app:cardElevation="@dimen/card_elevation"
             app:cardUseCompatPadding="false">
 
-            <LinearLayout
+            <RelativeLayout
                 android:layout_width="match_parent"
-                android:layout_height="match_parent"
-                android:orientation="vertical">
+                android:layout_height="wrap_content">
 
-                <include android:id="@+id/current_song" layout="@layout/item_list" />
-
-                <TextView
-                    android:id="@+id/player_queue_subheader"
-                    android:gravity="center_vertical"
-                    android:text="Up next"
-                    android:paddingLeft="16dp"
-                    android:paddingRight="16dp"
-                    android:textColor="?android:textColorSecondary"
-                    android:textAppearance="@style/TextAppearance.AppCompat.Body2"
-                    android:layout_width="match_parent"
-                    android:layout_height="48dp" />
-
-                <android.support.v7.widget.RecyclerView
-                    android:id="@+id/player_recycler_view"
-                    android:layout_width="match_parent"
+                <!--This is necessary for the drag sorting to work at the top-->
+                <View
+                    android:layout_alignTop="@+id/card_content"
+                    android:layout_alignBottom="@+id/card_content"
+                    android:id="@+id/draggable_area"
+                    android:layout_width="72dp"
                     android:layout_height="wrap_content" />
 
-            </LinearLayout>
+                <LinearLayout
+                    android:id="@+id/card_content"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:orientation="vertical">
+
+                    <include
+                        android:id="@+id/current_song"
+                        layout="@layout/item_list" />
+
+                    <TextView
+                        android:id="@+id/player_queue_subheader"
+                        android:layout_width="match_parent"
+                        android:layout_height="48dp"
+                        android:gravity="center_vertical"
+                        android:paddingLeft="16dp"
+                        android:paddingRight="16dp"
+                        android:text="@string/up_next"
+                        android:textAppearance="@style/TextAppearance.AppCompat.Body2"
+                        android:textColor="?android:textColorSecondary" />
+
+                    <android.support.v7.widget.RecyclerView
+                        android:id="@+id/player_recycler_view"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content" />
+
+                </LinearLayout>
+
+            </RelativeLayout>
 
         </android.support.v7.widget.CardView>
 
diff --git a/app/src/main/res/layout/item_list.xml b/app/src/main/res/layout/item_list.xml
index 7a35de56..87125fcf 100644
--- a/app/src/main/res/layout/item_list.xml
+++ b/app/src/main/res/layout/item_list.xml
@@ -12,9 +12,9 @@
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="center_vertical|start"
-        android:layout_marginLeft="-12dp"
-        android:layout_marginStart="-12dp"
-        android:src="@drawable/ic_equal_white_24dp"
+        android:layout_marginLeft="-8dp"
+        android:layout_marginStart="-8dp"
+        android:src="@drawable/ic_drag_vertical_white_24dp"
         android:tint="?icon_color"
         tools:ignore="ContentDescription" />
 
diff --git a/app/src/main/res/layout/item_list_single_row.xml b/app/src/main/res/layout/item_list_single_row.xml
index f76dc3dc..86bb99b0 100644
--- a/app/src/main/res/layout/item_list_single_row.xml
+++ b/app/src/main/res/layout/item_list_single_row.xml
@@ -12,9 +12,9 @@
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="center_vertical|start"
-        android:layout_marginLeft="-12dp"
-        android:layout_marginStart="-12dp"
-        android:src="@drawable/ic_equal_white_24dp"
+        android:layout_marginLeft="-8dp"
+        android:layout_marginStart="-8dp"
+        android:src="@drawable/ic_drag_vertical_white_24dp"
         android:tint="?icon_color"
         tools:ignore="ContentDescription" />
 
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index a9844830..2ba5a816 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -205,7 +205,5 @@
     <string name="aleksandar_tesic_summary">For helping me with the design.</string>
     <string name="website">Website</string>
     <string name="loading_products">Loading products…</string>
-
-    <!-- TODO: Remove or change this placeholder text -->
-    <string name="hello_blank_fragment">Hello blank fragment</string>
+    <string name="up_next">Up next</string>
 </resources>