Skip to content

Commit

Permalink
Redesign: Confirm to Pay screen
Browse files Browse the repository at this point in the history
  • Loading branch information
@rchtgpt
rchtgpt committed Aug 23, 2023
1 parent bac910d commit 930b9bf
Show file tree
Hide file tree
Showing 4 changed files with 163 additions and 0 deletions.
5 changes: 5 additions & 0 deletions mifospay/src/main/res/drawable/ic_currency.xml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
<vector android:height="22dp" android:tint="#000000"
android:viewportHeight="24" android:viewportWidth="24"
android:width="22dp" xmlns:android="http://schemas.android.com/apk/res/android">
<path android:fillColor="@android:color/black" android:pathData="M13.92,11l4.08,0l0,2l-5,0l0,2l5,0l0,2l-5,0l0,4l-2,0l0,-4l-5,0l0,-2l5,0l0,-2l-5,0l0,-2l4.08,0l-5.08,-8l2.37,0l4.63,7.29l4.63,-7.29l2.37,0z"/>
</vector>
5 changes: 5 additions & 0 deletions mifospay/src/main/res/drawable/ic_outward_arrow_white_16dp.xml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
<vector android:height="16dp" android:tint="#FFFFFF"
android:viewportHeight="24" android:viewportWidth="24"
android:width="16dp" xmlns:android="http://schemas.android.com/apk/res/android">
<path android:fillColor="@android:color/white" android:pathData="M6,6l0,2l8.59,0l-9.59,9.59l1.41,1.41l9.59,-9.59l0,8.59l2,0l0,-12z"/>
</vector>
Binary file added mifospay/src/main/res/drawable/random_person.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
153 changes: 153 additions & 0 deletions mifospay/src/main/res/layout/fragment_confirm_to_pay.xml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,153 @@
<?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:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_marginHorizontal="24dp">
<android.support.design.card.MaterialCardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:cardBackgroundColor="@color/black"
app:cardCornerRadius="20dp"
android:layout_marginVertical="@dimen/value_16dp"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="@dimen/value_30dp">
<TextView
android:id="@+id/tv_wallet_balance"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Wallet Balance (NGN)"
android:textColor="#D9D9D9"
android:fontFamily="@font/roboto_medium"
android:textSize="@dimen/value_14sp"
/>
<TextView
android:id="@+id/tv_balance_amt"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="₦ 3000"
android:fontFamily="@font/roboto_medium"
android:textColor="@color/white"
android:textSize="42sp"
android:layout_marginVertical="16dp"/>
<TextView
android:id="@+id/tv_wallet_balance_usd"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="= $3.90 (USD)"
android:textColor="#D9D9D9"
android:fontFamily="@font/roboto_medium"
android:textSize="@dimen/value_14sp"
/>
</LinearLayout>
</android.support.design.card.MaterialCardView>
<android.support.design.card.MaterialCardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:strokeWidth="1dp"
app:strokeColor="#D9D9D9"

android:layout_marginVertical="@dimen/value_16dp"
app:cardCornerRadius="8dp">
<LinearLayout
android:layout_margin="16dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<android.support.design.card.MaterialCardView
android:layout_width="wrap_content"
android:layout_height="50dp"
app:strokeWidth="0.5dp"
app:strokeColor="@color/colorBlack50"
app:cardCornerRadius="4dp"
android:layout_marginHorizontal="@dimen/value_16dp">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:paddingVertical="10dp"
android:paddingHorizontal="@dimen/value_15dp">
<android.support.design.card.MaterialCardView
android:layout_width="@dimen/value_27dp"
android:layout_height="@dimen/value_27dp"
app:cardCornerRadius="@dimen/value_40dp"
app:strokeWidth="0dp">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/random_person"/>
</android.support.design.card.MaterialCardView>
<TextView
android:layout_marginStart="10dp"
android:layout_width="wrap_content"
android:textAlignment="center"
android:layout_gravity="center"
android:layout_height="wrap_content"
android:text="Virat"
android:textSize="@dimen/value_14sp"
android:fontFamily="@font/roboto"
android:textColor="@color/black"/>
</LinearLayout>
</android.support.design.card.MaterialCardView>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:paddingVertical="12dp"
android:gravity="center"
android:layout_marginHorizontal="@dimen/value_16dp">
<ImageButton
android:layout_width="20dp"
android:layout_height="20dp"
android:background="@color/black"
android:src="@drawable/ic_outward_arrow_white_16dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Amount to Pay"
android:textSize="@dimen/value_18sp"
android:fontFamily="@font/roboto_medium"
android:textColor="@color/black"
android:layout_marginStart="@dimen/value_16dp"/>
</LinearLayout>
<android.support.design.widget.TextInputLayout
android:layout_marginHorizontal="@dimen/value_16dp"
android:layout_marginVertical="@dimen/value_8dp"
android:id="@+id/til_fullName"
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<android.support.design.widget.TextInputEditText
android:id="@+id/et_username"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fontFamily="@font/roboto"
android:drawablePadding="@dimen/value_10dp"
android:drawableLeft="@drawable/ic_currency"
android:hint="Amount"
android:inputType="textPersonName|textCapWords" />
</android.support.design.widget.TextInputLayout>
<Button
android:id="@+id/btn_register"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingVertical="@dimen/value_12dp"
android:layout_marginVertical="@dimen/value_8dp"
android:layout_marginHorizontal="@dimen/value_16dp"
app:backgroundTint="@color/black"
android:background="@drawable/button_round_black"
android:text="Pay"
android:textColor="@color/white"
android:textSize="@dimen/value_16sp"
android:fontFamily="@font/roboto_medium"
/>
</LinearLayout>
</android.support.design.card.MaterialCardView>
</LinearLayout>

0 comments on commit 930b9bf

Please sign in to comment.