Magisk/app/src/main/res/layout/include_update_card.xml

<?xml version="1.0" encoding="utf-8"?>
<layout 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">

    <data>

        <import type="com.topjohnwu.magisk.ui.home.MagiskState" />

        <import type="com.topjohnwu.magisk.R" />

        <variable
            name="item"
            type="com.topjohnwu.magisk.ui.home.MagiskItem" />

        <variable
            name="state"
            type="com.topjohnwu.magisk.ui.home.MagiskState" />

        <variable
            name="text"
            type="String" />

        <variable
            name="currentVersion"
            type="String" />

        <variable
            name="latestVersion"
            type="String" />

        <variable
            name="additionalInfo"
            type="String" />

        <variable
            name="viewModel"
            type="com.topjohnwu.magisk.ui.home.HomeViewModel" />

    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:animateLayoutChanges="true"
        android:background="?android:attr/selectableItemBackground"
        android:onClick="@{() -> viewModel.cardPressed(item)}">

        <com.google.android.material.button.MaterialButton
            android:id="@+id/install"
            style="@style/Widget.Button.Text"
            gone="@{state == MagiskState.LOADING}"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="8dp"
            android:onClick="@{() -> viewModel.installPressed(item)}"
            android:text="@{state != MagiskState.OBSOLETE ? @string/install : @string/update}"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            tools:text="@string/install" />

        <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/status_icon"
            invisible="@{state == MagiskState.LOADING}"
            srcCompat="@{state == MagiskState.UP_TO_DATE ? R.drawable.ic_check_circle : (state == MagiskState.OBSOLETE ? R.drawable.ic_update : R.drawable.ic_help)}"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:layout_marginStart="16dp"
            android:layout_marginEnd="16dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@+id/status"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:tint="@{state == MagiskState.UP_TO_DATE ? @color/colorCorrect : (state == MagiskState.OBSOLETE ? @color/colorUpdate : @color/colorError)}" />

        <ProgressBar
            android:id="@+id/progress"
            style="@style/Widget.Progress"
            gone="@{state != MagiskState.LOADING}"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintBottom_toBottomOf="@+id/status_icon"
            app:layout_constraintEnd_toEndOf="@+id/status_icon"
            app:layout_constraintStart_toStartOf="@+id/status_icon"
            app:layout_constraintTop_toTopOf="@+id/status_icon" />

        <androidx.appcompat.widget.AppCompatTextView
            android:id="@+id/status"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginEnd="8dp"
            style="@style/Widget.Text.Emphasize"
            android:paddingTop="3dp"
            android:paddingBottom="3dp"
            android:text="@{text}"
            android:maxLines="2"
            app:layout_constraintBottom_toTopOf="@+id/current_version"
            app:layout_constraintEnd_toStartOf="@+id/install"
            app:layout_constraintStart_toEndOf="@+id/status_icon"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_chainStyle="packed"
            tools:text="@tools:sample/lorem/random" />

        <androidx.appcompat.widget.AppCompatTextView
            android:id="@+id/current_version"
            gone="@{state == MagiskState.LOADING || currentVersion.length == 0}"
            android:layout_width="0dp"
            style="@style/Widget.Text.Caption.Inactive"
            android:layout_height="wrap_content"
            android:maxLines="2"
            android:text="@{state != MagiskState.LOADING ? @string/current_installed(currentVersion) : @string/checking_for_updates}"
            app:layout_constraintBottom_toTopOf="@+id/latest_version"
            app:layout_constraintEnd_toEndOf="@+id/status"
            app:layout_constraintStart_toStartOf="@+id/status"
            app:layout_constraintTop_toBottomOf="@+id/status"
            tools:text="@tools:sample/lorem/random" />

        <androidx.appcompat.widget.AppCompatTextView
            android:id="@+id/latest_version"
            gone="@{currentVersion == latestVersion}"
            android:layout_width="0dp"
            style="@style/Widget.Text.Caption.Inactive"
            android:layout_height="wrap_content"
            android:maxLines="2"
            android:text="@{state != MagiskState.LOADING ? @string/latest_version(latestVersion) : @string/checking_for_updates}"
            app:layout_constraintBottom_toTopOf="@+id/additional"
            app:layout_constraintEnd_toEndOf="@+id/status"
            app:layout_constraintStart_toStartOf="@+id/status"
            app:layout_constraintTop_toBottomOf="@+id/current_version"
            tools:text="@tools:sample/lorem/random" />

        <androidx.appcompat.widget.AppCompatTextView
            android:id="@+id/additional"
            gone="@{additionalInfo.length == 0}"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            style="@style/Widget.Text.Caption.Inactive"
            android:maxLines="2"
            android:text="@{additionalInfo}"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="@+id/status"
            app:layout_constraintStart_toStartOf="@+id/status"
            app:layout_constraintTop_toBottomOf="@+id/latest_version"
            tools:text="@tools:sample/lorem/random" />

    </androidx.constraintlayout.widget.ConstraintLayout>

</layout>