Fix!

Marijn appje

See merge request !28

app/MyHyvesBookPlusStagram/app/src/main/AndroidManifest.xml

@@ -3,9 +3,8 @@
     package="nl.myhyvesbookplus.tagram">
 
     <uses-permission android:name="android.permission.CAMERA" />
-    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"
-        android:maxSdkVersion="18"/>
-
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
 
     <application
         android:allowBackup="true"

app/MyHyvesBookPlusStagram/app/src/main/java/nl/myhyvesbookplus/tagram/CameraFragment.java

@@ -4,9 +4,9 @@ import android.app.Activity;
 import android.content.Context;
 import android.graphics.Bitmap;
 import android.graphics.BitmapFactory;
-import android.graphics.Matrix;
 import android.hardware.Camera;
 import android.hardware.Camera.PictureCallback;
+import android.media.Image;
 import android.net.Uri;
 import android.os.Bundle;
 import android.app.Fragment;
@@ -18,6 +18,7 @@ import android.view.View;
 import android.view.ViewGroup;
 import android.view.inputmethod.InputMethodManager;
 import android.widget.EditText;
+import android.widget.ImageButton;
 import android.widget.RelativeLayout;
 
 import nl.myhyvesbookplus.tagram.controller.PostUploader;
@@ -46,7 +47,6 @@ public class CameraFragment extends Fragment implements PostUploader.PostUploadL
 
     private Camera mCamera;
     private CameraPreview mPreview;
-    private byte[] mPhotoRaw;
     private Bitmap mPhoto;
     private int facing = Camera.CameraInfo.CAMERA_FACING_BACK;
 
@@ -91,22 +91,16 @@ public class CameraFragment extends Fragment implements PostUploader.PostUploadL
         final View view = inflater.inflate(R.layout.fragment_camera, container, false);
 
         mCamera = getCameraInstance(facing);
-        Camera.Parameters params = mCamera.getParameters();
-        params.setRotation(0);
-        mCamera.setParameters(params);
 
         mPreview = new CameraPreview(getActivity().getBaseContext(), mCamera);
-        final RelativeLayout pictureButtons = (RelativeLayout) view.findViewById(R.id.picture_taken_buttons);
         final RelativeLayout filterButtons = (RelativeLayout) view.findViewById(R.id.filter_buttons);
         final RelativeLayout mCameraLayout = (RelativeLayout) view.findViewById(R.id.camera_preview);
-//        final RelativeLayout mImageTaken = (RelativeLayout) view.findViewById(R.id.picture_view);
 
         mCameraLayout.addView(mPreview);
 
         // Draw buttons over preview
         view.findViewById(R.id.picture_button).bringToFront();
         view.findViewById(R.id.switch_camera_button).bringToFront();
-        pictureButtons.bringToFront();
         filterButtons.bringToFront();
 
         (view.findViewById(R.id.switch_camera_button)).setOnClickListener(new View.OnClickListener() {
@@ -131,11 +125,9 @@ public class CameraFragment extends Fragment implements PostUploader.PostUploadL
                 mCamera.takePicture(null, null, new PictureCallback() {
                     @Override
                     public void onPictureTaken(byte[] data, Camera camera) {
-//                        Bitmap bmp = rotate(BitmapFactory.decodeByteArray(data, 0, data.length, null), 90);
-//                        mPhoto = bmp;
                         mPhoto = BitmapFactory.decodeByteArray(data, 0, data.length, null);
 
-                        PicturePreview mPicPreview = new PicturePreview(getActivity().getBaseContext(), mPhoto);
+                        PicturePreview mPicPreview = new PicturePreview(getActivity().getBaseContext(), mPhoto, facing);
                         mPicPreview.setId(R.id.pic_preview);
 
                         mCameraLayout.addView(mPicPreview);
@@ -143,7 +135,6 @@ public class CameraFragment extends Fragment implements PostUploader.PostUploadL
                         filterButtons.setVisibility(View.VISIBLE);
                         filterButtons.bringToFront();
 
-//                        mPicPreview.invalidate();
                         switchButtons(view);
                     }
                 });
@@ -153,7 +144,11 @@ public class CameraFragment extends Fragment implements PostUploader.PostUploadL
         (view.findViewById(R.id.upload_button)).setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
+                view.findViewById(R.id.comment_box).setClickable(true);
+                view.findViewById(R.id.comment_box).setVisibility(View.VISIBLE);
                 view.findViewById(R.id.comment_box).bringToFront();
+                view.findViewById(R.id.filter_buttons).setVisibility(View.GONE);
+                ((FloatingActionButton)view.findViewById(R.id.upload_button)).hide();
             }
         });
 
@@ -169,7 +164,6 @@ public class CameraFragment extends Fragment implements PostUploader.PostUploadL
                 upload.uploadPicture(new BitmapPost(((PicturePreview)view.findViewById(R.id.pic_preview)).getPicture(), comment));
 
                 mPhoto.recycle();
-                mPhoto = null;
 
                 filterButtons.setVisibility(View.GONE);
                 switchButtons(view);
@@ -177,9 +171,6 @@ public class CameraFragment extends Fragment implements PostUploader.PostUploadL
                 mCameraLayout.removeView(mPreview);
 
                 mCamera = getCameraInstance(facing);
-                Camera.Parameters params = mCamera.getParameters();
-                params.setRotation(90);
-                mCamera.setParameters(params);
 
                 mPreview = new CameraPreview(getActivity().getBaseContext(), mCamera);
                 mCameraLayout.addView(mPreview);
@@ -188,7 +179,30 @@ public class CameraFragment extends Fragment implements PostUploader.PostUploadL
                 view.findViewById(R.id.switch_camera_button).bringToFront();
 
                 mCameraLayout.removeView(view.findViewById(R.id.pic_preview));
+            }
+        });
 
+        (view.findViewById(R.id.comment_cancel)).setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                ((EditText) view.findViewById(R.id.comment_text)).setText("");
+
+                mPhoto.recycle();
+
+                filterButtons.setVisibility(View.GONE);
+                switchButtons(view);
+
+                mCameraLayout.removeView(mPreview);
+
+                mCamera = getCameraInstance(facing);
+
+                mPreview = new CameraPreview(getActivity().getBaseContext(), mCamera);
+                mCameraLayout.addView(mPreview);
+
+                view.findViewById(R.id.picture_button).bringToFront();
+                view.findViewById(R.id.switch_camera_button).bringToFront();
+
+                mCameraLayout.removeView(view.findViewById(R.id.pic_preview));
             }
         });
 
@@ -199,12 +213,12 @@ public class CameraFragment extends Fragment implements PostUploader.PostUploadL
 
                 PicturePreview.filterPrev();
 
-                PicturePreview mPicPreview = new PicturePreview(getActivity().getBaseContext(), mPhoto);
+                PicturePreview mPicPreview = new PicturePreview(getActivity().getBaseContext(), mPhoto, facing);
                 mPicPreview.setId(R.id.pic_preview);
 
                 mCameraLayout.addView(mPicPreview);
 
-                view.findViewById(R.id.picture_taken_buttons).bringToFront();
+                view.findViewById(R.id.upload_button).bringToFront();
                 filterButtons.setVisibility(View.VISIBLE);
                 filterButtons.bringToFront();
             }
@@ -217,12 +231,12 @@ public class CameraFragment extends Fragment implements PostUploader.PostUploadL
 
                 PicturePreview.filterNext();
 
-                PicturePreview mPicPreview = new PicturePreview(getActivity().getBaseContext(), mPhoto);
+                PicturePreview mPicPreview = new PicturePreview(getActivity().getBaseContext(), mPhoto, facing);
                 mPicPreview.setId(R.id.pic_preview);
 
                 mCameraLayout.addView(mPicPreview);
 
-                view.findViewById(R.id.picture_taken_buttons).bringToFront();
+                view.findViewById(R.id.upload_button).bringToFront();
                 filterButtons.setVisibility(View.VISIBLE);
                 filterButtons.bringToFront();
             }
@@ -273,20 +287,13 @@ public class CameraFragment extends Fragment implements PostUploader.PostUploadL
     public void onDestroyView() {
         super.onDestroyView();
 
-        int padding = 16;  // 6 dps
+        int padding = 16;
         float scale = getResources().getDisplayMetrics().density;
         int dp = (int) (padding * scale + 0.5f);
         ((AppCompatActivity)getActivity()).getSupportActionBar().show();
         getActivity().findViewById(R.id.content).setPadding(dp,dp,dp,dp);
     }
 
-    public static Bitmap rotate(Bitmap bmp, int degree) {
-        Matrix mtx = new Matrix();
-        mtx.setRotate(degree);
-
-        return Bitmap.createBitmap(bmp, 0, 0, bmp.getWidth(), bmp.getHeight(), mtx, true);
-    }
-
     public static Camera getCameraInstance(int facing) {
         Camera c = null;
         try {
@@ -305,23 +312,26 @@ public class CameraFragment extends Fragment implements PostUploader.PostUploadL
     }
 
     public void switchButtons(View view) {
-        RelativeLayout pictureButtons = (RelativeLayout) view.findViewById(R.id.picture_taken_buttons);
         FloatingActionButton upload = (FloatingActionButton) view.findViewById(R.id.upload_button);
-//        FloatingActionButton save = (FloatingActionButton) view.findViewById(R.id.save_button);
+        ImageButton picButton = (ImageButton) view.findViewById(R.id.picture_button);
+        ImageButton switchButton = (ImageButton) view.findViewById(R.id.switch_camera_button);
 
-        if (((Integer)upload.getVisibility()).equals(View.VISIBLE)) {
+        if (((Integer)picButton.getVisibility()).equals(View.GONE)) {
+            Log.d(TAG, "switchButtons: GONE");
             upload.hide();
-//            save.hide();
 
-            view.findViewById(R.id.picture_button).setVisibility(View.VISIBLE);
-            view.findViewById(R.id.switch_camera_button).setVisibility(View.VISIBLE);
+            picButton.setVisibility(View.VISIBLE);
+            switchButton.setVisibility(View.VISIBLE);
+
+            picButton.bringToFront();
+            switchButton.bringToFront();
         } else {
-            pictureButtons.bringToFront();
+            Log.d(TAG, "switchButtons: VISIBLE");
+            upload.bringToFront();
             upload.show();
-//            save.show();
 
-            view.findViewById(R.id.picture_button).setVisibility(View.GONE);
-            view.findViewById(R.id.switch_camera_button).setVisibility(View.GONE);
+            picButton.setVisibility(View.GONE);
+            switchButton.setVisibility(View.GONE);
         }
     }
 

app/MyHyvesBookPlusStagram/app/src/main/java/nl/myhyvesbookplus/tagram/CameraPreview.java

@@ -34,21 +34,14 @@ public class CameraPreview extends SurfaceView implements SurfaceHolder.Callback
     @Override
     public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
         if (mHolder.getSurface() == null){
-            // preview surface does not exist
             return;
         }
 
-        // stop preview before making changes
         try {
             mCamera.stopPreview();
         } catch (Exception e){
-            // ignore: tried to stop a non-existent preview
         }
 
-        // set preview size and make any resize, rotate or
-        // reformatting changes here
-
-        // start preview with new settings
         try {
             mCamera.setPreviewDisplay(mHolder);
             mCamera.startPreview();
@@ -60,6 +53,7 @@ public class CameraPreview extends SurfaceView implements SurfaceHolder.Callback
 
     @Override
     public void surfaceDestroyed(SurfaceHolder holder) {
+        Log.d(TAG, "surfaceDestroyed: CAMERA DESTROYED");
         mCamera.stopPreview();
         mCamera.release();
     }

app/MyHyvesBookPlusStagram/app/src/main/java/nl/myhyvesbookplus/tagram/MainActivity.java

@@ -122,8 +122,11 @@ public class MainActivity extends AppCompatActivity implements
     public void PostDownloaded() {
         FragmentManager fragmentManager = getFragmentManager();
         Fragment frag = fragmentManager.findFragmentById(R.id.content);
+        Log.d(TAG, "PostDownloaded: " + R.id.content);
 
-        if (frag instanceof TimelineFragment) {
+        if (frag instanceof ProfileFragment) {
+            ((ProfileFragment) frag).startList();
+        } else if (frag instanceof  TimelineFragment) {
             ((TimelineFragment) frag).startList();
         }
     }

app/MyHyvesBookPlusStagram/app/src/main/java/nl/myhyvesbookplus/tagram/PicturePreview.java

@@ -2,11 +2,14 @@ package nl.myhyvesbookplus.tagram;
 
 import android.content.Context;
 import android.graphics.Bitmap;
+import android.graphics.BitmapFactory;
 import android.graphics.Canvas;
 import android.graphics.ColorFilter;
 import android.graphics.ColorMatrix;
 import android.graphics.ColorMatrixColorFilter;
+import android.graphics.Matrix;
 import android.graphics.Paint;
+import android.hardware.Camera;
 import android.util.Log;
 import android.view.SurfaceHolder;
 import android.view.SurfaceView;
@@ -16,20 +19,33 @@ import android.view.SurfaceView;
  */
 
 public class PicturePreview extends SurfaceView implements SurfaceHolder.Callback {
+    private static final String TAG = "PicturePreveiew";
     private static final int FILTER_NONE = 0;
     private static final int FILTER_SEPIA = 1;
     private static final int FILTER_BW = 2;
+    private static final int FILTER_NEG = 3;
 
     private static int currentFilter = FILTER_NONE;
 
+    int facing;
+    int rotate;
     Bitmap picture;
     Bitmap filterPicture;
 
-    public PicturePreview(Context context, Bitmap bmp) {
+    public PicturePreview(Context context, Bitmap bmp, int facing) {
         super(context);
-        picture = Bitmap.createScaledBitmap(bmp, bmp.getWidth() / 2, bmp.getHeight() / 2, false);
-//        picture = Bitmap.createBitmap(bmp);
         setWillNotDraw(false);
+
+        this.facing = facing;
+
+        if (((Integer)facing).equals(Camera.CameraInfo.CAMERA_FACING_FRONT)) {
+            picture = Bitmap.createBitmap(bmp);
+            rotate = 270;
+        } else {
+            picture = Bitmap.createScaledBitmap(bmp, bmp.getWidth() / 2, bmp.getHeight() / 2, false);
+            rotate = 90;
+        }
+        Log.d(TAG, "PicturePreview: " + bmp.getWidth() + " " + bmp.getHeight());
     }
 
     @Override
@@ -38,38 +54,62 @@ public class PicturePreview extends SurfaceView implements SurfaceHolder.Callbac
         ColorMatrix cm = new ColorMatrix();
         Paint paint = new Paint();
         ColorMatrixColorFilter filter;
+        Canvas saveCanvas = new Canvas();
 
         switch (currentFilter) {
             case FILTER_NONE:
-                canvas.drawBitmap(picture, 0, 0, null);
-                canvas.rotate(90);
-                filterPicture = picture;
+                canvas.drawBitmap(rotate(picture, rotate), 0, 0, null);
+                filterPicture = rotate(picture, rotate);
                 break;
             case FILTER_SEPIA:
-                canvas.drawBitmap(toSepia(picture), 0, 0, null);
-                canvas.rotate(90);
-                filterPicture = toSepia(picture);
-                break;
-            case FILTER_BW:
-                Canvas bw = new Canvas();
-//                filterPicture = Bitmap.createBitmap(1920, 1440, null);
-                filterPicture = Bitmap.createBitmap(picture.getWidth() / 2, picture.getHeight() / 2, Bitmap.Config.ARGB_8888);
-                cm.setSaturation(0);
+                filterPicture = Bitmap.createBitmap(canvas.getWidth(), canvas.getHeight(), Bitmap.Config.ARGB_8888);
+                Log.d(TAG, "onDraw: " + Integer.toString(canvas.getWidth()));
+
+                float[] sepia = {0.393f,0.769f,0.189f,0f,0f,
+                                 0.349f,0.686f,0.168f,0f,0f,
+                                 0.272f,0.534f,0.131f,0f,0f,
+                                 0f, 0f, 0f, 1f, 0f};
+                cm.set(sepia);
+
                 filter = new ColorMatrixColorFilter(cm);
                 paint.setColorFilter(filter);
-                bw.setBitmap(filterPicture);
-                bw.drawBitmap(picture, 0, 0, paint);
-                bw.rotate(90);
-                canvas.drawBitmap(picture, 0, 0, paint);
-                canvas.rotate(90);
+                saveCanvas.drawBitmap(rotate(picture, rotate), 0, 0, paint);
+                canvas.drawBitmap(rotate(picture, rotate), 0, 0, paint);
                 break;
+            case FILTER_BW:
+                filterPicture = Bitmap.createBitmap(canvas.getWidth(), canvas.getHeight(), Bitmap.Config.ARGB_8888);
+
+                cm.setSaturation(0);
+
+                filter = new ColorMatrixColorFilter(cm);
+                paint.setColorFilter(filter);
+                saveCanvas.setBitmap(filterPicture);
+                saveCanvas.drawBitmap(rotate(picture, rotate), 0, 0, paint);
+                canvas.drawBitmap(rotate(picture, rotate), 0, 0, paint);
+                break;
+            case FILTER_NEG:
+                filterPicture = Bitmap.createBitmap(canvas.getWidth(), canvas.getHeight(), Bitmap.Config.ARGB_8888);
+
+                float[] neg = {-1f,0f,0f,0f,255f,
+                                0f,-1f,0f,0f,255f,
+                                0f,0f,-1f,0f,255f,
+                                0f,0f,0f,1f,0f};
+                cm.set(neg);
+
+                filter = new ColorMatrixColorFilter(cm);
+                paint.setColorFilter(filter);
+                saveCanvas.setBitmap(filterPicture);
+                saveCanvas.drawBitmap(rotate(picture, rotate), 0, 0, paint);
+                canvas.drawBitmap(rotate(picture, rotate), 0, 0, paint);
+                break;
+
         }
     }
 
     public static void filterPrev() {
         switch (currentFilter) {
             case FILTER_NONE:
-                currentFilter = FILTER_BW;
+                currentFilter = FILTER_NEG;
                 break;
             case FILTER_SEPIA:
                 currentFilter = FILTER_NONE;
@@ -77,6 +117,9 @@ public class PicturePreview extends SurfaceView implements SurfaceHolder.Callbac
             case FILTER_BW:
                 currentFilter = FILTER_SEPIA;
                 break;
+            case FILTER_NEG:
+                currentFilter = FILTER_BW;
+                break;
         }
     }
 
@@ -89,44 +132,23 @@ public class PicturePreview extends SurfaceView implements SurfaceHolder.Callbac
                 currentFilter = FILTER_BW;
                 break;
             case FILTER_BW:
+                currentFilter = FILTER_NEG;
+                break;
+            case FILTER_NEG:
                 currentFilter = FILTER_NONE;
                 break;
         }
     }
 
-    public Bitmap toSepia(Bitmap color) {
-        int red, green, blue, pixel;
-        int height = color.getHeight();
-        int width = color.getWidth();
-        int depth = 20;
+    public static Bitmap rotate(Bitmap bmp, int degree) {
+        Matrix mtx = new Matrix();
+        mtx.postRotate(degree);
 
-        Bitmap sepia = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
-
-        int[] pixels = new int[width * height];
-        color.getPixels(pixels, 0, width, 0, 0, width, height);
-        for (int i = 0; i < pixels.length; i++) {
-            pixel = pixels[i];
-
-            red = (pixel >> 16) & 0xFF;
-            green = (pixel >> 8) & 0xFF;
-            blue = pixel & 0xFF;
-
-            red = green = blue = (red + green + blue) / 3;
-
-            red += (depth * 2);
-            green += depth;
-
-            if (red > 255)
-                red = 255;
-            if (green > 255)
-                green = 255;
-            pixels[i] = (0xFF << 24) | (red << 16) | (green << 8) | blue;
-        }
-        sepia.setPixels(pixels, 0, width, 0, 0, width, height);
-        return sepia;
+        return Bitmap.createBitmap(bmp, 0, 0, bmp.getWidth(), bmp.getHeight(), mtx, true);
     }
 
     public Bitmap getPicture() {
+        picture.recycle();
         return filterPicture;
     }
 
@@ -140,5 +162,8 @@ public class PicturePreview extends SurfaceView implements SurfaceHolder.Callbac
 
     @Override
     public void surfaceDestroyed(SurfaceHolder holder) {
+        Log.d(TAG, "surfaceDestroyed: PICTURE DESTROYED");
+        picture.recycle();
+        filterPicture.recycle();
     }
 }

app/MyHyvesBookPlusStagram/app/src/main/java/nl/myhyvesbookplus/tagram/ProfileAdapter.java

@@ -0,0 +1,79 @@
+package nl.myhyvesbookplus.tagram;
+
+import android.content.Context;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.BaseAdapter;
+import android.widget.Button;
+import android.widget.ImageButton;
+import android.widget.ImageView;
+import android.widget.ListView;
+import android.widget.TextView;
+
+import com.bumptech.glide.Glide;
+import com.firebase.ui.storage.images.FirebaseImageLoader;
+import com.google.firebase.storage.FirebaseStorage;
+import com.google.firebase.storage.StorageReference;
+
+import java.util.ArrayList;
+
+import nl.myhyvesbookplus.tagram.model.UriPost;
+
+/**
+ * Created by niels on 27-6-17.
+ */
+
+public class ProfileAdapter extends BaseAdapter {
+
+    private static final String TAG = "ProfileAdapter";
+    private LayoutInflater mInflater;
+    private Context mContext;
+    private ArrayList<UriPost> mData;
+    private TextView comment;
+    private TextView nietSlechts;
+    private ImageView photo;
+
+    ProfileAdapter(Context context, ArrayList<UriPost> data) {
+        mContext = context;
+        mInflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
+        mData = data;
+    }
+
+    @Override
+    public int getCount() {
+        return mData.size();
+    }
+
+    @Override
+    public Object getItem(int position) {
+        return mData.get(position);
+    }
+
+    @Override
+    public long getItemId(int position) {
+        return position;
+    }
+
+    @Override
+    public View getView(int position, View convertView, ViewGroup parent) {
+        View rowView = mInflater.inflate(R.layout.list_item_timeline_profile, parent, false);
+        View newRowView = findViews(rowView);
+        UriPost post = (UriPost) getItem(position);
+        comment.setText(post.getComment());
+        StorageReference ref = FirebaseStorage.getInstance().getReferenceFromUrl(post.getUri());
+        Glide.with(mContext)
+                .using(new FirebaseImageLoader())
+                .load(ref)
+                .into(photo);
+
+        return newRowView;
+    }
+
+    protected View findViews(View rowView) {
+        comment = (TextView) rowView.findViewById(R.id.comment_timeline_profile);
+        nietSlechts = (TextView) rowView.findViewById(R.id.niet_slecht_count_profile);
+        photo = (ImageView) rowView.findViewById(R.id.timeline_image_profile);
+        return rowView;
+    }
+}

app/MyHyvesBookPlusStagram/app/src/main/java/nl/myhyvesbookplus/tagram/ProfileFragment.java

@@ -9,12 +9,14 @@ import android.os.Environment;
 import android.provider.MediaStore;
 import android.support.annotation.NonNull;
 import android.support.v4.content.FileProvider;
+import android.util.Log;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.Button;
 import android.widget.ImageButton;
 import android.widget.ImageView;
+import android.widget.ListView;
 import android.widget.TextView;
 import android.widget.Toast;
 import com.bumptech.glide.Glide;
@@ -29,6 +31,7 @@ import com.google.firebase.storage.StorageReference;
 import java.io.File;
 import java.io.IOException;
 
+import nl.myhyvesbookplus.tagram.controller.DownloadClass;
 import nl.myhyvesbookplus.tagram.controller.ProfilePictureUploader;
 
 import static android.app.Activity.RESULT_OK;
@@ -44,6 +47,8 @@ public class ProfileFragment extends Fragment implements View.OnClickListener {
     protected ImageView profilePicture;
     protected FirebaseUser user;
     protected File photoFile = null;
+    private ListView listView;
+    private DownloadClass downloadClass;
 
     ProgressDialog progressDialog;
 
@@ -81,8 +86,14 @@ public class ProfileFragment extends Fragment implements View.OnClickListener {
     @Override
     public View onCreateView(LayoutInflater inflater, ViewGroup container,
                              Bundle savedInstanceState) {
-        View view = inflater.inflate(R.layout.fragment_profile, container, false);
-        findViews(view);
+        View viewTimeline = inflater.inflate(R.layout.fragment_profile_timeline, container, false);
+
+
+
+        listView = (ListView) viewTimeline.findViewById(R.id.listview_profile);
+        View viewHeader = inflater.inflate(R.layout.fragment_profile_header, listView, false);
+        findViews(viewHeader);
+        listView.addHeaderView(viewHeader);
 
         if (user != null) {
             if(user.getPhotoUrl() != null) {
@@ -100,7 +111,10 @@ public class ProfileFragment extends Fragment implements View.OnClickListener {
 
         profilePicture.invalidate();
 
-        return view;
+        downloadClass = new DownloadClass(getActivity());
+        downloadClass.getPostsFromServer();
+
+        return viewTimeline;
     }
 
     /**
@@ -131,7 +145,7 @@ public class ProfileFragment extends Fragment implements View.OnClickListener {
             try {
                 photoFile = createImageFile();
             } catch (IOException ex) {
-                Toast.makeText(getActivity(), getString(R.string.image_save_error), Toast.LENGTH_LONG);
+                Toast.makeText(getActivity(), getString(R.string.image_save_error), Toast.LENGTH_LONG).show();
             }
             if (photoFile != null) {
                 Uri photoURI = FileProvider.getUriForFile(getActivity(),
@@ -143,6 +157,11 @@ public class ProfileFragment extends Fragment implements View.OnClickListener {
         }
     }
 
+    public void startList() {
+        ProfileAdapter adapter = new ProfileAdapter(getActivity(), downloadClass.getmList());
+            listView.setAdapter(adapter);
+     }
+
     /**
      * Grabs the image just taken by the built-in camera and pushes this image to the user account.
      * @param requestCode The code which corresponds to REQUEST_TAKE_PHOTO. Used as indicator.
@@ -154,11 +173,10 @@ public class ProfileFragment extends Fragment implements View.OnClickListener {
         if (requestCode == REQUEST_TAKE_PHOTO && resultCode == RESULT_OK) {
             progressDialog = ProgressDialog.show(getActivity(), getString(R.string.please_wait), getString(R.string.upload_profile_pic), false, false);
             ProfilePictureUploader profilePictureUploader = new ProfilePictureUploader(getActivity());
-            profilePictureUploader.uploadProfilePicture(photoFile.getAbsoluteFile());
+            profilePictureUploader.uploadProfilePicture(photoFile);
         }
     }
 
-
     private File createImageFile() throws IOException {
         // Create an image file name
         String imageFileName = "JPEG_" + user.getUid();
@@ -183,8 +201,8 @@ public class ProfileFragment extends Fragment implements View.OnClickListener {
                         @Override
                         public void onComplete(@NonNull Task<Void> task) {
                             Toast.makeText(getActivity(), task.isSuccessful()
-                                            ? "An e-mail was sent, please follow its instructions."
-                                            : "An error occurred, please check internet connection.",
+                                            ? getString(R.string.mail_successful)
+                                            : getString(R.string.mail_failed),
                                     Toast.LENGTH_SHORT).show();
                         }
                     });

app/MyHyvesBookPlusStagram/app/src/main/java/nl/myhyvesbookplus/tagram/TimeLineAdapter.java

@@ -1,6 +1,7 @@
 package nl.myhyvesbookplus.tagram;
 
 import android.content.Context;
+import android.support.annotation.NonNull;
 import android.util.Log;
 import android.view.LayoutInflater;
 import android.view.View;
@@ -13,6 +14,10 @@ import android.widget.TextView;
 
 import com.bumptech.glide.Glide;
 import com.firebase.ui.storage.images.FirebaseImageLoader;
+import com.google.android.gms.tasks.OnCompleteListener;
+import com.google.android.gms.tasks.Task;
+import com.google.firebase.database.DatabaseReference;
+import com.google.firebase.database.FirebaseDatabase;
 import com.google.firebase.storage.FirebaseStorage;
 import com.google.firebase.storage.StorageReference;
 
@@ -29,11 +34,13 @@ public class TimeLineAdapter extends BaseAdapter implements AdapterView.OnItemCl
     private LayoutInflater mInflater;
     private Context mContext;
     private ArrayList<UriPost> mData;
+    private DatabaseReference mRef;
 
     TimeLineAdapter(Context context, ArrayList<UriPost> data) {
         mContext = context;
         mInflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
         mData = data;
+        mRef = FirebaseDatabase.getInstance().getReference();
     }
 
     @Override
@@ -52,25 +59,37 @@ public class TimeLineAdapter extends BaseAdapter implements AdapterView.OnItemCl
     }
 
     @Override
-    public View getView(int position, View convertView, ViewGroup parent) {
+    public View getView(final int position, View convertView, ViewGroup parent) {
         View rowView = mInflater.inflate(R.layout.list_item_timeline, parent, false);
 
+//        TextView userName = (TextView) rowView.findViewById(R.id.username_timeline);
         TextView comment = (TextView) rowView.findViewById(R.id.comment_timeline);
-        TextView nietSlechts = (TextView) rowView.findViewById(R.id.niet_slecht_count);
+        final TextView nietSlechts = (TextView) rowView.findViewById(R.id.niet_slecht_count);
+        TextView dateTime = (TextView) rowView.findViewById(R.id.timeline_date);
         ImageView photo = (ImageView) rowView.findViewById(R.id.timeline_image);
-        ImageButton nietSlechtButton = (ImageButton) rowView.findViewById(R.id.niet_slecht_button);
+        final ImageButton nietSlechtButton = (ImageButton) rowView.findViewById(R.id.niet_slecht_button);
+
+        final UriPost post = (UriPost) getItem(position);
+
+        nietSlechts.setText(Integer.toString(post.getNietSlechts()));
+        comment.setText(post.getComment());
 
         nietSlechtButton.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
-
+                Log.d(TAG, "onClick: " + position);
+                mRef.child("posts").child(post.getDatabaseEntryName())
+                        .child("nietSlechts").setValue(post.getNietSlechts() + 1)
+                        .addOnCompleteListener(new OnCompleteListener<Void>() {
+                            @Override
+                            public void onComplete(@NonNull Task<Void> task) {
+                                nietSlechts.setText(Integer.toString(post.getNietSlechts() + 1));
+                            }
+                        });
             }
         });
 
-        UriPost post = (UriPost) getItem(position);
-
-        nietSlechts.setText(Integer.toString(post.getNietSlechts()));
-        comment.setText(post.getComment());
+        dateTime.setText(post.getDate().toString());
 
         StorageReference ref = FirebaseStorage.getInstance().getReferenceFromUrl(post.getUri());
         Glide.with(mContext)
@@ -82,7 +101,6 @@ public class TimeLineAdapter extends BaseAdapter implements AdapterView.OnItemCl
         return rowView;
     }
 
-
     /**
      * Callback method to be invoked when an item in this AdapterView has
      * been clicked.

app/MyHyvesBookPlusStagram/app/src/main/java/nl/myhyvesbookplus/tagram/TimelineFragment.java

@@ -23,7 +23,7 @@ public class TimelineFragment extends Fragment {
     public View onCreateView(LayoutInflater inflater, ViewGroup container,
                              Bundle savedInstanceState) {
         View view = inflater.inflate(R.layout.fragment_timeline, container, false);
-        listView = (ListView) view.findViewById(R.id.listview);
+        listView = (ListView) view.findViewById(R.id.list);
 
         downloadClass = new DownloadClass(getActivity());
         downloadClass.getPostsFromServer();

app/MyHyvesBookPlusStagram/app/src/main/java/nl/myhyvesbookplus/tagram/controller/DownloadClass.java

@@ -3,6 +3,7 @@ package nl.myhyvesbookplus.tagram.controller;
 import android.content.Context;
 import android.util.Log;
 
+import com.google.firebase.auth.FirebaseAuth;
 import com.google.firebase.database.DataSnapshot;
 import com.google.firebase.database.DatabaseError;
 import com.google.firebase.database.DatabaseReference;
@@ -36,12 +37,14 @@ public class DownloadClass {
     }
 
     public void getPostsFromServer() {
-        Log.d(TAG, "getPostsFromServer: Begin of function");
         mDataRef.child("posts").addListenerForSingleValueEvent(new ValueEventListener() {
             @Override
             public void onDataChange(DataSnapshot dataSnapshot) {
+
                 for (DataSnapshot data : dataSnapshot.getChildren()) {
-                    mList.add(data.getValue(UriPost.class));
+                    UriPost tempPost = data.getValue(UriPost.class);
+                    tempPost.setDatabaseEntryName(data.getKey());
+                    mList.add(tempPost);
                 }
                 Collections.reverse(mList);
                 mListener.PostDownloaded();
@@ -58,6 +61,18 @@ public class DownloadClass {
         return mList;
     }
 
+    public ArrayList<UriPost> getOwnPosts() {
+        String currentUid = FirebaseAuth.getInstance().getCurrentUser().getUid();
+        ArrayList<UriPost> posts = new ArrayList<UriPost>();
+
+        for (UriPost post : mList) {
+            if (post.getPoster().equals(currentUid)) {
+                posts.add(post);
+            }
+        }
+        return posts;
+    }
+
     public interface PostDownloadListener {
         void PostDownloaded();
     }

app/MyHyvesBookPlusStagram/app/src/main/java/nl/myhyvesbookplus/tagram/model/UriPost.java

@@ -9,6 +9,7 @@ import java.util.Date;
  */
 public class UriPost extends Post {
     private String uri;
+    private String databaseEntryName;
 
     public UriPost() {
         // Default constructor required for calls to DataSnapshot.getValue(UriPost.class)
@@ -33,4 +34,12 @@ public class UriPost extends Post {
     public void setUri(String uri) {
         this.uri = uri;
     }
+
+    public String getDatabaseEntryName() {
+        return databaseEntryName;
+    }
+
+    public void setDatabaseEntryName(String databaseEntryName) {
+        this.databaseEntryName = databaseEntryName;
+    }
 }

app/MyHyvesBookPlusStagram/app/src/main/res/drawable/ic_arrow_back_black_24dp.xml

@@ -0,0 +1,11 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+        android:width="24dp"
+        android:height="24dp"
+        android:viewportWidth="24.0"
+        android:viewportHeight="24.0">
+    <path
+        android:strokeColor="#AAAAAA" android:strokeWidth="0.5"
+        android:fillColor="#FFFFFFFF"
+        android:fillAlpha="0.5"
+        android:pathData="M20,11H7.83l5.59,-5.59L12,4l-8,8 8,8 1.41,-1.41L7.83,13H20v-2z"/>
+</vector>

app/MyHyvesBookPlusStagram/app/src/main/res/drawable/ic_arrow_forward_black_24dp.xml

@@ -0,0 +1,11 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+        android:width="24dp"
+        android:height="24dp"
+        android:viewportWidth="24.0"
+        android:viewportHeight="24.0">
+    <path
+        android:strokeColor="#AAAAAA" android:strokeWidth="0.5"
+        android:fillColor="#FFFFFFFF"
+        android:fillAlpha="0.5"
+        android:pathData="M12,4l-1.41,1.41L16.17,11H4v2h12.17l-5.58,5.59L12,20l8,-8z"/>
+</vector>

app/MyHyvesBookPlusStagram/app/src/main/res/drawable/ic_camera_black_24dp.xml

@@ -0,0 +1,11 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+        android:width="24dp"
+        android:height="24dp"
+        android:viewportWidth="24.0"
+        android:viewportHeight="24.0">
+    <path
+        android:strokeColor="#AAAAAA" android:strokeWidth="0.5"
+        android:fillColor="#FFFFFFFF"
+        android:fillAlpha="0.5"
+        android:pathData="M9.4,10.5l4.77,-8.26C13.47,2.09 12.75,2 12,2c-2.4,0 -4.6,0.85 -6.32,2.25l3.66,6.35 0.06,-0.1zM21.54,9c-0.92,-2.92 -3.15,-5.26 -6,-6.34L11.88,9h9.66zM21.8,10h-7.49l0.29,0.5 4.76,8.25C21,16.97 22,14.61 22,12c0,-0.69 -0.07,-1.35 -0.2,-2zM8.54,12l-3.9,-6.75C3.01,7.03 2,9.39 2,12c0,0.69 0.07,1.35 0.2,2h7.49l-1.15,-2zM2.46,15c0.92,2.92 3.15,5.26 6,6.34L12.12,15L2.46,15zM13.73,15l-3.9,6.76c0.7,0.15 1.42,0.24 2.17,0.24 2.4,0 4.6,-0.85 6.32,-2.25l-3.66,-6.35 -0.93,1.6z"/>
+</vector>

app/MyHyvesBookPlusStagram/app/src/main/res/drawable/ic_switch_camera_black_24dp.xml

@@ -0,0 +1,11 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+        android:width="24dp"
+        android:height="24dp"
+        android:viewportWidth="24.0"
+        android:viewportHeight="24.0">
+    <path
+        android:strokeColor="#AAAAAA" android:strokeWidth="0.5"
+        android:fillColor="#FFFFFFFF"
+        android:fillAlpha="0.5"
+        android:pathData="M20,4h-3.17L15,2L9,2L7.17,4L4,4c-1.1,0 -2,0.9 -2,2v12c0,1.1 0.9,2 2,2h16c1.1,0 2,-0.9 2,-2L22,6c0,-1.1 -0.9,-2 -2,-2zM15,15.5L15,13L9,13v2.5L5.5,12 9,8.5L9,11h6L15,8.5l3.5,3.5 -3.5,3.5z"/>
+</vector>

app/MyHyvesBookPlusStagram/app/src/main/res/layout/activity_main.xml

@@ -13,7 +13,7 @@
         android:layout_width="match_parent"
         android:layout_height="0dp"
         android:layout_weight="1"
-        android:padding="16dp">
+        android:padding="0dp">
     </FrameLayout>
 
     <android.support.design.widget.BottomNavigationView

app/MyHyvesBookPlusStagram/app/src/main/res/layout/fragment_camera.xml

@@ -18,20 +18,23 @@
             android:layout_centerHorizontal="true"
             android:background="@android:color/transparent"
             android:layout_margin="10dp"
-            android:padding="10dp"
+            android:padding="15dp"
             android:scaleType="center"
-            android:scaleX="2"
-            android:scaleY="2"
-            app:srcCompat="@android:drawable/ic_menu_camera" />
+            android:scaleX="2.5"
+            android:scaleY="2.5"
+            android:src="@drawable/ic_camera_black_24dp"/>
 
         <ImageButton
             android:id="@+id/switch_camera_button"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_alignParentRight="true"
+            android:padding="10dp"
             android:layout_margin="9dp"
+            android:scaleX="1.5"
+            android:scaleY="1.5"
             android:background="@android:color/transparent"
-            app:srcCompat="@android:drawable/ic_menu_revert" />
+            android:src="@drawable/ic_switch_camera_black_24dp"/>
 
         <ProgressBar
             android:id="@+id/load_bar"
@@ -54,8 +57,10 @@
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:background="@android:color/transparent"
-                android:scaleX="0.5"
-                android:scaleY="0.5"
+                android:scaleX="2"
+                android:scaleY="2"
+                android:padding="10dp"
+                android:layout_margin="10dp"
                 android:layout_alignParentLeft="true"
                 android:src="@drawable/ic_arrow_back_black_24dp"/>
 
@@ -64,8 +69,10 @@
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:background="@android:color/transparent"
-                android:scaleX="0.5"
-                android:scaleY="0.5"
+                android:scaleX="2"
+                android:scaleY="2"
+                android:padding="10dp"
+                android:layout_margin="10dp"
                 android:layout_alignParentRight="true"
                 android:src="@drawable/ic_arrow_forward_black_24dp"/>
         </RelativeLayout>
@@ -74,13 +81,17 @@
             android:id="@+id/comment_box"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
+            android:visibility="gone"
+            android:clickable="false"
             android:layout_margin="10dp"
+            android:padding="5dp"
+            android:background="@android:color/background_light"
             android:orientation="vertical">
 
             <TextView
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:text="Comment:"/>
+                android:text="@string/comment"/>
 
             <EditText
                 android:id="@+id/comment_text"
@@ -89,24 +100,29 @@
                 android:lines="4"
                 android:layout_margin="4dp"
                 android:padding="5dp"
-                android:visibility="visible"
                 android:background="@android:color/darker_gray"/>
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal">
+
                 <Button
                     android:id="@+id/comment_submit"
-                android:layout_width="match_parent"
+                    android:layout_width="0dp"
                     android:layout_height="wrap_content"
-                android:text="Submit"/>
+                    android:layout_weight="1"
+                    android:text="@string/upload"/>
 
+                <Button
+                    android:id="@+id/comment_cancel"
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_weight="1"
+                    android:text="@string/cancel"/>
             </LinearLayout>
 
-        <RelativeLayout
-            android:id="@+id/picture_taken_buttons"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_alignParentBottom="true"
-            android:layout_marginLeft="30dp"
-            android:layout_marginRight="30dp"
-            android:layout_marginBottom="20dp">
+        </LinearLayout>
 
         <android.support.design.widget.FloatingActionButton
             android:id="@+id/upload_button"
@@ -116,21 +132,10 @@
             android:layout_alignParentBottom="true"
             android:layout_centerHorizontal="true"
             android:scaleType="center"
+            android:layout_margin="15dp"
             app:fabSize="normal"
             android:src="@android:drawable/ic_menu_upload"/>
 
-            <!--<android.support.design.widget.FloatingActionButton
-                android:id="@+id/save_button"
-                android:visibility="gone"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_alignParentRight="true"
-                android:layout_alignParentBottom="true"
-                android:scaleType="center"
-                app:fabSize="normal"
-                android:src="@android:drawable/ic_menu_save"/>-->
-        </RelativeLayout>
-
     </RelativeLayout>
 
 </FrameLayout>

app/MyHyvesBookPlusStagram/app/src/main/res/layout/fragment_profile.xml

@@ -1,81 +0,0 @@
-<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto"
-    xmlns:tools="http://schemas.android.com/tools"
-    android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    tools:context="nl.myhyvesbookplus.tagram.ProfileFragment">
-
-    <ScrollView
-        android:layout_width="match_parent"
-        android:layout_height="match_parent">
-
-        <LinearLayout
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:gravity="center"
-            android:orientation="vertical">
-
-            <Space
-                android:layout_width="match_parent"
-                android:layout_height="5dp" />
-
-            <TextView
-                android:id="@+id/profile_name"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:gravity="center_horizontal"
-                android:text="Name:"
-                android:textSize="25sp"
-                android:textStyle="bold" />
-
-            <Space
-                android:layout_width="match_parent"
-                android:layout_height="10dp" />
-
-            <ImageButton
-                android:id="@+id/profile_pic_button"
-                android:layout_width="60dp"
-                android:layout_height="80dp"
-                android:layout_marginStart="110dp"
-                android:background="@android:color/transparent"
-                android:elevation="1dp"
-                app:srcCompat="@android:drawable/ic_menu_camera" />
-
-            <ImageView
-                android:id="@+id/imageView_profile_picture"
-                android:contentDescription="@string/profile_picture_description"
-                android:layout_width="match_parent"
-                android:layout_height="300dp"
-                app:srcCompat="@drawable/avatar_standard"
-                android:layout_marginTop="-70dp"/>
-
-            <Space
-                android:layout_width="match_parent"
-                android:layout_height="25dp" />
-
-            <Button
-                android:id="@+id/change_psw_button"
-                android:layout_width="300dp"
-                android:layout_height="50dp"
-                android:background="?attr/colorPrimary"
-                android:text="@string/change_psw_button"
-                android:textColor="@android:color/white"
-                android:textSize="16sp" />
-
-            <Space
-                android:layout_width="match_parent"
-                android:layout_height="20dp" />
-
-            <Button
-                android:id="@+id/logout_button"
-                android:layout_width="300dp"
-                android:layout_height="50dp"
-                android:background="?attr/colorPrimary"
-                android:onClick="logOutOnClick"
-                android:text="@string/logout_button"
-                android:textColor="@android:color/white"
-                android:textSize="16sp" />
-
-        </LinearLayout>
-    </ScrollView>
-</FrameLayout>

app/MyHyvesBookPlusStagram/app/src/main/res/layout/fragment_profile_header.xml

@@ -65,5 +65,12 @@
         android:text="@string/logout_button"
         android:textColor="@android:color/white"
         android:textSize="16sp" />
+    <Space
+        android:layout_width="match_parent"
+        android:layout_height="10dp" />
+    <Space
+        android:layout_width="match_parent"
+        android:layout_height="10dp" />
+
 
 </LinearLayout>

app/MyHyvesBookPlusStagram/app/src/main/res/layout/fragment_timeline.xml

@@ -5,11 +5,19 @@
     android:orientation="vertical"
     tools:context="nl.myhyvesbookplus.tagram.TimelineFragment">
 
-    <ListView
-        android:id="@+id/listview"
+    <android.support.v4.widget.SwipeRefreshLayout
+        xmlns:android="http://schemas.android.com/apk/res/android"
+        android:id="@+id/swiperefresh"
         android:layout_width="match_parent"
         android:layout_height="match_parent">
 
+        <ListView
+            android:id="@+id/list"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent">
         </ListView>
 
+    </android.support.v4.widget.SwipeRefreshLayout>
+
+
 </LinearLayout>

app/MyHyvesBookPlusStagram/app/src/main/res/layout/list_item_timeline.xml

@@ -1,40 +1,60 @@
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_height="wrap_content"
     android:orientation="vertical">
 
+    <Space
+        android:layout_width="match_parent"
+        android:layout_height="15dp" />
+
+    <!--
+    <TextView
+        android:id="@+id/username_timeline"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center"/>
+    -->
+
     <ImageView
         android:id="@+id/timeline_image"
         android:layout_width="wrap_content"
-        android:layout_gravity="center"
-        android:layout_height="250dp" />
+        android:layout_height="250dp"
+        android:layout_gravity="center" />
 
     <TextView
         android:id="@+id/comment_timeline"
-        android:layout_width="match_parent"
+        android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:layout_gravity="center_horizontal"
         android:text="Hallo Ik ben een comment!" />
 
+    <TextView
+        android:id="@+id/timeline_date"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="date/time" />
     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="40dp">
-
         <ImageButton
             android:id="@+id/niet_slecht_button"
             android:layout_width="200dp"
             android:layout_height="match_parent" />
-
         <TextView
             android:layout_width="wrap_content"
             android:layout_height="match_parent"
+            android:gravity="center"
             android:text="@string/niet_slecht" />
-
         <TextView
             android:id="@+id/niet_slecht_count"
             android:layout_width="wrap_content"
             android:layout_height="match_parent"
+            android:gravity="center"
             android:text="10" />
     </LinearLayout>
+
+    <Space
+        android:layout_width="match_parent"
+        android:layout_height="10dp" />
 </LinearLayout>

app/MyHyvesBookPlusStagram/app/src/main/res/layout/list_item_timeline_profile.xml

@@ -3,6 +3,10 @@
     android:layout_height="match_parent"
     android:orientation="vertical">
 
+    <Space
+        android:layout_width="match_parent"
+        android:layout_height="15dp" />
+
     <ImageView
         android:id="@+id/timeline_image_profile"
         android:layout_width="wrap_content"
@@ -13,21 +17,31 @@
         android:id="@+id/comment_timeline_profile"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
+        android:gravity="center_horizontal"
         android:text="Hallo Ik ben een comment!" />
 
     <LinearLayout
         android:layout_width="match_parent"
-        android:layout_height="40dp">
+        android:layout_height="wrap_content"
+        android:gravity="center_horizontal"
+        android:orientation="horizontal">
 
-        <TextView
+        <Button
             android:layout_width="wrap_content"
-            android:layout_height="match_parent"
-            android:text="@string/niet_slecht" />
-
+            android:layout_height="wrap_content"
+            android:clickable="false"
+            android:text="@string/niet_slecht"/>
         <TextView
             android:id="@+id/niet_slecht_count_profile"
             android:layout_width="wrap_content"
             android:layout_height="match_parent"
+            android:gravity="center"
+            android:textSize="20dp"
+            android:padding="10dp"
             android:text="10" />
     </LinearLayout>
+
+    <Space
+        android:layout_width="match_parent"
+        android:layout_height="15dp" />
 </LinearLayout>

app/MyHyvesBookPlusStagram/app/src/main/res/values-nl/strings.xml

@@ -30,5 +30,8 @@
     <string name="image_save_error">Foto opslaan mislukt. Zorg a.u.b. dat er genoeg ruimte op uw telefoon beschikbaar is.</string>
     <string name="update_profile_pic_error">Het updaten van de profielfoto is mislukt. Controleer uw internetverbinding.</string>
     <string name="upload_profile_pic">Profielfoto aan het uploaden…</string>
-    <string name="niet_slecht">"\"Niet slecht.\"s "</string>
+    <string name="niet_slecht">\"\"Niet slecht.\"s: \"</string>
+    <string name="mail_success">An e-mail was sent, please follow its instructions.</string>
+    <string name="comment">Bijschrift:</string>
+    <string name="cancel">Annuleer</string>
 </resources>

app/MyHyvesBookPlusStagram/app/src/main/res/values/strings.xml

@@ -22,12 +22,14 @@
     <string name="profile_picture_description">profile picture</string>
     <string name="change_psw_button">Change Password</string>
     <string name="please_wait">Please Wait</string>
-    <string name="niet_slecht">"\"Niet slecht.\"s "</string>
+    <string name="niet_slecht">\"\"Niet slecht.\"s: \"</string>
     <string name="upload">Upload</string>
     <string name="save">Save</string>
     <string name="mail_successful">An e-mail was sent. Please follow its instructions.</string>
     <string name="mail_failed">An error occurred. Please check internet connection.</string>
     <string name="image_save_error">Saving image to storage failed. Please make sure there is space available on the device.</string>
     <string name="update_profile_pic_error">Updating the profile picture failed. Please check network connection.</string>
-    <string name="upload_profile_pic">Uploading profile picture...</string>
+    <string name="upload_profile_pic">Uploading profile picture…</string>
+    <string name="comment">Comment:</string>
+    <string name="cancel">Cancel</string>
 </resources>