From 011413cafc78b74d92171d230ad0430ffec6a0f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rafa=20Hern=C3=A1ndez?= <rhernandez@teclib.com>
Date: Thu, 17 Aug 2017 18:12:30 -0400
Subject: [PATCH] feat(walkthrough): add dot steps on walkthrough screen

---
 .../mdm/agent/FragmentSlideWalkthrough.java   | 38 ++++++++++++++++---
 .../org/flyve/mdm/agent/SplashActivity.java   |  2 +-
 .../res/layout/fragment_walkthrough_step.xml  | 29 ++------------
 3 files changed, 36 insertions(+), 33 deletions(-)

diff --git a/app/src/main/java/org/flyve/mdm/agent/FragmentSlideWalkthrough.java b/app/src/main/java/org/flyve/mdm/agent/FragmentSlideWalkthrough.java
index 266229dda5..40186a0f36 100644
--- a/app/src/main/java/org/flyve/mdm/agent/FragmentSlideWalkthrough.java
+++ b/app/src/main/java/org/flyve/mdm/agent/FragmentSlideWalkthrough.java
@@ -2,10 +2,12 @@
 
 import android.os.Bundle;
 import android.support.v4.app.Fragment;
+import android.text.Html;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.ImageView;
+import android.widget.LinearLayout;
 import android.widget.TextView;
 
 import org.flyve.mdm.agent.core.walkthrough.WalkthroughModel;
@@ -13,9 +15,9 @@
 /*
  *   Copyright © 2017 Teclib. All rights reserved.
  *
- *   This file is part of flyve-mdm-android
+ *   This file is part of flyve-mdm-android-agent
  *
- * flyve-mdm-android is a subproject of Flyve MDM. Flyve MDM is a mobile
+ * flyve-mdm-android-agent is a subproject of Flyve MDM. Flyve MDM is a mobile
  * device management software.
  *
  * Flyve MDM is free software: you can redistribute it and/or
@@ -28,20 +30,24 @@
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
  * ------------------------------------------------------------------------------
- * @author    rafaelhernandez
+ * @author    Rafael Hernandez
  * @date      17/8/17
  * @copyright Copyright © 2017 Teclib. All rights reserved.
  * @license   GPLv3 https://www.gnu.org/licenses/gpl-3.0.html
- * @link      https://github.com/flyve-mdm/flyve-mdm-android
+ * @link      https://github.com/flyve-mdm/flyve-mdm-android-agent
  * @link      https://flyve-mdm.com
  * ------------------------------------------------------------------------------
  */
 public class FragmentSlideWalkthrough extends Fragment {
 
     private WalkthroughModel walkthroughModel;
+    private int slides;
+    private int position;
 
-    public void config(WalkthroughModel walkthroughModel) {
+    public void config(WalkthroughModel walkthroughModel, int slides, int position) {
         this.walkthroughModel = walkthroughModel;
+        this.slides = slides;
+        this.position = position;
     }
 
 
@@ -52,13 +58,33 @@ public View onCreateView(LayoutInflater inflater, ViewGroup container,
                 R.layout.fragment_walkthrough_step, container, false);
 
         TextView txtMessage = (TextView) v.findViewById(R.id.txtMessage);
-        txtMessage.setText(walkthroughModel.getMessage());
+        txtMessage.setText(Html.fromHtml(walkthroughModel.getMessage()));
 
         ImageView imgStep = (ImageView) v.findViewById(R.id.imgStep);
         imgStep.setImageResource(walkthroughModel.getImage());
 
+        slideDots(v);
+
         return v;
     }
 
+    private void slideDots(ViewGroup v) {
+
+        LinearLayout ln = (LinearLayout) v.findViewById(R.id.lnSliders);
+
+        for(int i=0; i<this.slides; i++) {
+
+            ImageView img = new ImageView(FragmentSlideWalkthrough.this.getContext());
+            img.setPadding(7,0,7,0);
+            if(i==this.position) {
+                img.setImageResource(R.drawable.ic_dot_selected);
+            } else {
+                img.setImageResource(R.drawable.ic_dot);
+            }
+            ln.addView(img);
+        }
+
+    }
+
 
 }
diff --git a/app/src/main/java/org/flyve/mdm/agent/SplashActivity.java b/app/src/main/java/org/flyve/mdm/agent/SplashActivity.java
index 2eb306ac53..6296c0926b 100644
--- a/app/src/main/java/org/flyve/mdm/agent/SplashActivity.java
+++ b/app/src/main/java/org/flyve/mdm/agent/SplashActivity.java
@@ -136,7 +136,7 @@ public ScreenSlidePagerAdapter(FragmentManager fm) {
         @Override
         public Fragment getItem(int position) {
             FragmentSlideWalkthrough f = new FragmentSlideWalkthrough();
-            f.config(walkthrough.get(position));
+            f.config(walkthrough.get(position), walkthrough.size(), position);
             return f;
         }
 
diff --git a/app/src/main/res/layout/fragment_walkthrough_step.xml b/app/src/main/res/layout/fragment_walkthrough_step.xml
index 1143af0e57..d3d98a3979 100644
--- a/app/src/main/res/layout/fragment_walkthrough_step.xml
+++ b/app/src/main/res/layout/fragment_walkthrough_step.xml
@@ -43,7 +43,7 @@
         android:gravity="center"
         style="@style/regularText"
         android:layout_below="@+id/imgBackground"
-        android:layout_above="@+id/sliders"
+        android:layout_above="@+id/lnSliders"
         android:layout_marginLeft="20dp"
         android:layout_marginRight="20dp"
         android:textColor="@color/white"
@@ -51,38 +51,15 @@
 
 
     <LinearLayout
-        android:id="@+id/sliders"
+        android:id="@+id/lnSliders"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_alignParentBottom="true"
         android:layout_centerHorizontal="true"
         android:padding="10dp"
+        android:orientation="horizontal"
         >
 
-        <ImageView
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:src="@drawable/ic_dot_selected"
-            android:layout_marginLeft="5dp"
-            android:layout_marginRight="5dp"
-            />
-
-        <ImageView
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:src="@drawable/ic_dot"
-            android:layout_marginLeft="5dp"
-            android:layout_marginRight="5dp"
-            />
-
-        <ImageView
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:src="@drawable/ic_dot"
-            android:layout_marginLeft="5dp"
-            android:layout_marginRight="5dp"
-            />
-
     </LinearLayout>