ap7pd/event-management-frontend
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

chore: Improve the UI for event create (center the card)

Browse source
This commit is contained in:
Peter Vacho 2025-01-02 17:30:36 +01:00
parent f7b02b5b20
commit 11e3625d26
Signed by: school
GPG key ID: 8CFC3837052871B4
1 changed files with 185 additions and 179 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

364
app/src/main/res/layout/activity_create_event.xml
View file

@ -1,201 +1,207 @@
<com.google.android.material.card.MaterialCardView <FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android" xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools" xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="match_parent">
android:layout_margin="16dp"
android:padding="16dp"
app:cardCornerRadius="8dp"
app:cardElevation="4dp">
<LinearLayout <com.google.android.material.card.MaterialCardView
android:id="@+id/main"
android:layout_margin="15dp"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:orientation="vertical"> android:layout_margin="16dp"
android:layout_gravity="center"
android:padding="16dp"
app:cardCornerRadius="8dp"
app:cardElevation="4dp">
<!-- Event Title -->
<com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/event_title"
app:boxStrokeWidth="1dp"
app:boxStrokeColor="?attr/colorPrimary">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/etEventTitle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="16sp" />
</com.google.android.material.textfield.TextInputLayout>
<!-- Event Description -->
<com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:hint="@string/event_description"
app:boxStrokeWidth="1dp"
app:boxStrokeColor="?attr/colorPrimary">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/etEventDescription"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textMultiLine"
android:maxLines="3"
android:textSize="16sp" />
</com.google.android.material.textfield.TextInputLayout>
<!-- Event Type Toggle -->
<com.google.android.material.button.MaterialButtonToggleGroup
android:id="@+id/eventTypeToggleGroup"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_gravity="center"
app:singleSelection="true"
app:checkedButton="@id/btnInstantEvent">
<com.google.android.material.button.MaterialButton
android:id="@+id/btnInstantEvent"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/instant_event"
android:checkable="true"
app:backgroundTint="@color/toggle_button_background_selector"
app:strokeColor="@color/toggle_button_stroke_selector"
app:strokeWidth="2dp" />
<com.google.android.material.button.MaterialButton
android:id="@+id/btnDurationEvent"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/duration_event"
android:checkable="true"
app:backgroundTint="@color/toggle_button_background_selector"
app:strokeColor="@color/toggle_button_stroke_selector"
app:strokeWidth="2dp" />
</com.google.android.material.button.MaterialButtonToggleGroup>
<!-- Start Time -->
<com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:hint="@string/start_time"
app:boxStrokeWidth="1dp"
app:boxStrokeColor="?attr/colorPrimary">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/txtStartTime"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:focusable="false"
android:clickable="true" />
</com.google.android.material.textfield.TextInputLayout>
<!-- End Time -->
<com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:hint="@string/end_time"
app:boxStrokeWidth="1dp"
app:boxStrokeColor="?attr/colorPrimary">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/txtEndTime"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:focusable="false"
android:clickable="true"
android:visibility="gone"
tools:visibility="visible" />
</com.google.android.material.textfield.TextInputLayout>
<!-- Color Picker -->
<com.google.android.material.button.MaterialButton
android:id="@+id/btnColorPicker"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="@string/select_color"
app:icon="@drawable/ic_circle"
app:iconTint="@color/event_indicator_color"
app:cornerRadius="8dp"
style="@style/Widget.MaterialComponents.Button.OutlinedButton"/>
<!-- Categories Section -->
<LinearLayout <LinearLayout
android:id="@+id/main"
android:layout_margin="15dp"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="16dp" android:orientation="vertical">
android:orientation="horizontal"
android:gravity="center_vertical">
<ViewSwitcher <!-- Event Title -->
android:id="@+id/categoryViewSwitcher" <com.google.android.material.textfield.TextInputLayout
android:layout_width="0dp" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_weight="1" android:hint="@string/event_title"
android:animateFirstView="true"> app:boxStrokeWidth="1dp"
app:boxStrokeColor="?attr/colorPrimary">
<!-- RecyclerView for categories --> <com.google.android.material.textfield.TextInputEditText
<androidx.recyclerview.widget.RecyclerView android:id="@+id/etEventTitle"
android:id="@+id/categoryChipRecyclerView"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
tools:listitem="@layout/item_removable_category_chip" android:textSize="16sp" />
tools:itemCount="3" </com.google.android.material.textfield.TextInputLayout>
tools:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
tools:orientation="horizontal" />
<!-- Placeholder Text, when there aren't any categories --> <!-- Event Description -->
<TextView <com.google.android.material.textfield.TextInputLayout
android:id="@+id/txtPlaceholder" android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:hint="@string/event_description"
app:boxStrokeWidth="1dp"
app:boxStrokeColor="?attr/colorPrimary">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/etEventDescription"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:gravity="center" android:inputType="textMultiLine"
android:padding="8dp" android:maxLines="3"
android:text="@string/add_category" android:textSize="16sp" />
android:textAppearance="?attr/textAppearanceBody1" </com.google.android.material.textfield.TextInputLayout>
android:textColor="?attr/colorOnSurface" />
</ViewSwitcher>
<!-- Add Button --> <!-- Event Type Toggle -->
<ImageButton <com.google.android.material.button.MaterialButtonToggleGroup
android:id="@+id/btnAddCategory" android:id="@+id/eventTypeToggleGroup"
android:layout_width="40dp" android:layout_width="wrap_content"
android:layout_height="40dp" android:layout_height="wrap_content"
android:background="?attr/selectableItemBackgroundBorderless" android:layout_marginTop="16dp"
android:src="@drawable/ic_add" android:layout_gravity="center"
app:tint="?attr/colorPrimary" app:singleSelection="true"
android:contentDescription="@string/add_category" /> app:checkedButton="@id/btnInstantEvent">
<com.google.android.material.button.MaterialButton
android:id="@+id/btnInstantEvent"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/instant_event"
android:checkable="true"
app:backgroundTint="@color/toggle_button_background_selector"
app:strokeColor="@color/toggle_button_stroke_selector"
app:strokeWidth="2dp" />
<com.google.android.material.button.MaterialButton
android:id="@+id/btnDurationEvent"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/duration_event"
android:checkable="true"
app:backgroundTint="@color/toggle_button_background_selector"
app:strokeColor="@color/toggle_button_stroke_selector"
app:strokeWidth="2dp" />
</com.google.android.material.button.MaterialButtonToggleGroup>
<!-- Start Time -->
<com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:hint="@string/start_time"
app:boxStrokeWidth="1dp"
app:boxStrokeColor="?attr/colorPrimary">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/txtStartTime"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:focusable="false"
android:clickable="true" />
</com.google.android.material.textfield.TextInputLayout>
<!-- End Time -->
<com.google.android.material.textfield.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:hint="@string/end_time"
app:boxStrokeWidth="1dp"
app:boxStrokeColor="?attr/colorPrimary">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/txtEndTime"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:focusable="false"
android:clickable="true"
android:visibility="gone"
tools:visibility="visible" />
</com.google.android.material.textfield.TextInputLayout>
<!-- Color Picker -->
<com.google.android.material.button.MaterialButton
android:id="@+id/btnColorPicker"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="@string/select_color"
app:icon="@drawable/ic_circle"
app:iconTint="@color/event_indicator_color"
app:cornerRadius="8dp"
style="@style/Widget.MaterialComponents.Button.OutlinedButton"/>
<!-- Categories Section -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:orientation="horizontal"
android:gravity="center_vertical">
<ViewSwitcher
android:id="@+id/categoryViewSwitcher"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:animateFirstView="true">
<!-- RecyclerView for categories -->
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/categoryChipRecyclerView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
tools:listitem="@layout/item_removable_category_chip"
tools:itemCount="3"
tools:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
tools:orientation="horizontal" />
<!-- Placeholder Text, when there aren't any categories -->
<TextView
android:id="@+id/txtPlaceholder"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:padding="8dp"
android:text="@string/add_category"
android:textAppearance="?attr/textAppearanceBody1"
android:textColor="?attr/colorOnSurface" />
</ViewSwitcher>
<!-- Add Button -->
<ImageButton
android:id="@+id/btnAddCategory"
android:layout_width="40dp"
android:layout_height="40dp"
android:background="?attr/selectableItemBackgroundBorderless"
android:src="@drawable/ic_add"
app:tint="?attr/colorPrimary"
android:contentDescription="@string/add_category" />
</LinearLayout>
<!-- Create Button -->
<com.google.android.material.button.MaterialButton
android:id="@+id/btnCreateEvent"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="24dp"
android:text="@string/create_event"
app:cornerRadius="8dp" />
<!-- Close Button -->
<com.google.android.material.button.MaterialButton
android:id="@+id/btnClose"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:text="@string/cancel"
app:icon="@drawable/ic_arrow_back"
app:iconGravity="textStart"
app:iconPadding="8dp"
style="@style/Widget.MaterialComponents.Button.OutlinedButton" />
</LinearLayout> </LinearLayout>
</com.google.android.material.card.MaterialCardView>
<!-- Create Button --> </FrameLayout>
<com.google.android.material.button.MaterialButton
android:id="@+id/btnCreateEvent"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="24dp"
android:text="@string/create_event"
app:cornerRadius="8dp" />
<!-- Close Button -->
<com.google.android.material.button.MaterialButton
android:id="@+id/btnClose"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:text="@string/cancel"
app:icon="@drawable/ic_arrow_back"
app:iconGravity="textStart"
app:iconPadding="8dp"
style="@style/Widget.MaterialComponents.Button.OutlinedButton" />
</LinearLayout>
</com.google.android.material.card.MaterialCardView>