react-native-readium 1.0.0-alpha.1

package/android/src/main/res/layout/popup_window_user_settings.xml

@@ -0,0 +1,576 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!--
+  ~ Module: r2-navigator-kotlin
+  ~ Developers: Aferdita Muriqi, Clément Baumann
+  ~
+  ~ Copyright (c) 2018. European Digital Reading Lab. All rights reserved.
+  ~ Licensed to the Readium Foundation under one or more contributor license agreements.
+  ~ Use of this source code is governed by a BSD-style license which is detailed in the
+  ~ LICENSE file present in the project repository where this source code is maintained.
+  -->
+
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="200dp"
+    android:layout_height="match_parent"
+    android:background="@android:color/background_light"
+    android:gravity="end"
+    android:orientation="horizontal"
+    android:padding="10dp">
+
+    <TabHost
+        android:id="@+id/tabhost"
+        android:layout_width="200dp"
+        android:layout_height="match_parent">
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:orientation="vertical">
+
+            <TabWidget
+                android:id="@android:id/tabs"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"/>
+
+            <FrameLayout
+                android:id="@android:id/tabcontent"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent">
+
+                <LinearLayout
+                    android:id="@+id/SettingsTab"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:orientation="vertical">
+
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:layout_marginBottom="10dp"
+                        android:layout_marginTop="20dp"
+                        android:orientation="horizontal">
+
+                        <ImageView
+                            android:id="@+id/imageView3"
+                            android:layout_width="14dp"
+                            android:layout_height="20dp"
+                            android:layout_weight="1"
+                            app:srcCompat="@drawable/ic_outline_light_mode_24"
+                            android:contentDescription="@string/brightness_lower"
+                            app:tint="@android:color/black" />
+
+                        <SeekBar
+                            android:id="@+id/brightness"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:layout_weight="100"
+                            android:contentDescription="@string/usersettings_description_brightness"/>
+
+                        <ImageView
+                            android:id="@+id/imageView4"
+                            android:layout_width="20dp"
+                            android:layout_height="20dp"
+                            android:layout_weight="1"
+                            app:srcCompat="@drawable/ic_outline_wb_sunny_24"
+                            android:contentDescription="@string/brightness_higher"
+                            app:tint="@android:color/black" />
+                    </LinearLayout>
+
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:orientation="horizontal">
+
+                        <ImageButton
+                            android:id="@+id/font_decrease"
+                            android:layout_width="wrap_content"
+                            android:layout_height="48dp"
+                            android:layout_weight="1"
+                            android:backgroundTint="@android:color/white"
+                            android:scaleType="fitCenter"
+                            android:contentDescription="@string/usersettings_description_font_decrease"
+                            app:srcCompat="@drawable/icon_font_decrease" />
+
+                        <ImageButton
+                            android:id="@+id/font_increase"
+                            android:layout_width="wrap_content"
+                            android:layout_height="48dp"
+                            android:layout_weight="1"
+                            android:backgroundTint="@android:color/white"
+                            android:scaleType="fitCenter"
+                            android:contentDescription="@string/usersettings_description_font_increase"
+                            app:srcCompat="@drawable/icon_font_increase" />
+
+                    </LinearLayout>
+
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_gravity="center_vertical"
+                        android:layout_marginBottom="10dp"
+                        android:orientation="horizontal">
+
+
+                        <TextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_gravity="center_vertical"
+                            android:layout_marginEnd="20dp"
+                            android:gravity="center_horizontal"
+                            android:text="@string/usersettings_label_font"
+                            android:textSize="16sp"/>
+
+
+                        <Spinner
+                            android:id="@+id/spinner_action_settings_intervall_values"
+                            android:layout_width="match_parent"
+                            android:layout_height="48dp"
+                            android:spinnerMode="dialog"
+                            android:contentDescription="@string/select_a_font"/>
+                    </LinearLayout>
+
+                    <RadioGroup
+                        android:id="@+id/appearance"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginBottom="10dp"
+                        android:orientation="horizontal">
+
+
+                        <RadioButton
+                            android:id="@+id/appearance_default"
+                            android:layout_width="match_parent"
+                            android:layout_height="48dp"
+                            android:layout_weight="1"
+                            android:background="@drawable/rbtn_selector"
+                            android:button="@null"
+                            android:checked="true"
+                            android:gravity="center"
+                            android:padding="5dp"
+                            android:text="@string/usersettings_appearance_default"
+                            android:textSize="16sp"
+                            android:textColor="@drawable/rbtn_textcolor_selector" />
+
+                        <RadioButton
+                            android:id="@+id/appearance_sepia"
+                            android:layout_width="match_parent"
+                            android:layout_height="48dp"
+                            android:layout_weight="1"
+                            android:background="@drawable/rbtn_selector"
+                            android:button="@null"
+                            android:gravity="center"
+                            android:padding="5dp"
+                            android:text="@string/usersettings_appearance_sepia"
+                            android:textSize="16sp"
+                            android:textColor="@drawable/rbtn_textcolor_selector" />
+
+                        <RadioButton
+                            android:id="@+id/appearance_night"
+                            android:layout_width="match_parent"
+                            android:layout_height="48dp"
+                            android:layout_weight="1"
+                            android:background="@drawable/rbtn_selector"
+                            android:button="@null"
+                            android:gravity="center"
+                            android:padding="5dp"
+                            android:text="@string/usersettings_appearance_night"
+                            android:textSize="16sp"
+                            android:textColor="@drawable/rbtn_textcolor_selector" />
+
+                    </RadioGroup>
+
+                    <com.google.android.material.switchmaterial.SwitchMaterial
+                        android:id="@+id/scroll_mode"
+                        android:layout_width="match_parent"
+                        android:layout_height="48dp"
+                        android:text="@string/usersettings_label_scroll_mode"
+                        android:textSize="16sp"/>
+
+                    <TextView
+                        android:id="@+id/TTS_speed_progressBar_text"
+                        android:layout_width="match_parent"
+                        android:layout_height="24dp"
+                        android:text="@string/usersettings_label_TTS_speech_speed"
+                        android:textSize="16sp"
+                        android:textStyle="bold" />
+
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:orientation="horizontal">
+
+                        <ImageView
+                            android:id="@+id/imageView2"
+                            android:layout_width="14dp"
+                            android:layout_height="20dp"
+                            android:layout_weight="10"
+                            app:srcCompat="@drawable/ic_baseline_fast_rewind_24"
+                            app:tint="@android:color/black"
+                            android:contentDescription="@string/tts_slower" />
+
+                        <SeekBar
+                            android:id="@+id/TTS_speech_speed"
+                            android:layout_width="0dp"
+                            android:layout_height="wrap_content"
+                            android:layout_weight="100"
+                            android:contentDescription="@string/usersettings_description_TTS_speech_speed" />
+
+                        <ImageView
+                            android:id="@+id/imageView5"
+                            android:layout_width="14dp"
+                            android:layout_height="20dp"
+                            android:layout_weight="10"
+                            app:srcCompat="@drawable/ic_baseline_fast_forward_24"
+                            app:tint="@android:color/black"
+                            android:contentDescription="@string/tts_faster" />
+                    </LinearLayout>
+
+
+                </LinearLayout>
+
+                <LinearLayout
+                    android:id="@+id/Advanced"
+                    android:layout_width="match_parent"
+                    android:layout_height="match_parent"
+                    android:gravity="center"
+                    android:orientation="vertical">
+
+                    <com.google.android.material.switchmaterial.SwitchMaterial
+                        android:id="@+id/publisher_default"
+                        android:layout_width="match_parent"
+                        android:layout_height="48dp"
+                        android:layout_marginTop="10dp"
+                        android:text="@string/usersettings_publisher_default"
+                        android:textSize="16sp"
+                        android:contentDescription="@string/usersettings_publisher_default_accessibility" />
+
+                    <RadioGroup
+                        android:id="@+id/TextAlignment"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginBottom="10dp"
+                        android:layout_marginTop="10dp"
+                        android:orientation="horizontal">
+
+
+                        <RadioButton
+                            android:id="@+id/alignment_justify"
+                            android:layout_width="wrap_content"
+                            android:layout_height="36dp"
+                            android:layout_weight="1"
+                            android:background="@drawable/rbtn_selector"
+                            android:button="@null"
+                            android:checked="true"
+                            android:drawableTop="@drawable/ic_outline_format_align_justify_24"
+                            android:gravity="center"
+                            android:padding="5dp"
+                            android:textColor="@drawable/rbtn_textcolor_selector"
+                            android:drawableTint="@drawable/rbtn_textcolor_selector" />
+
+                        <RadioButton
+                            android:id="@+id/alignment_left"
+                            android:layout_width="wrap_content"
+                            android:layout_height="36dp"
+                            android:layout_weight="1"
+                            android:background="@drawable/rbtn_selector"
+                            android:button="@null"
+                            android:drawableTop="@drawable/ic_outline_format_align_left_24"
+                            android:gravity="center"
+                            android:padding="5dp"
+                            android:textColor="@drawable/rbtn_textcolor_selector"
+                            android:drawableTint="@drawable/rbtn_textcolor_selector" />
+
+                    </RadioGroup>
+
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_gravity="center_vertical"
+                        android:layout_marginBottom="10dp"
+                        android:layout_marginTop="10dp"
+                        android:orientation="horizontal">
+
+
+                        <TextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_gravity="center_vertical"
+                            android:layout_marginEnd="20dp"
+                            android:gravity="center_horizontal"
+                            android:text="@string/usersettings_label_columns" />
+
+                        <RadioGroup
+                            android:id="@+id/columns"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:orientation="horizontal">
+
+
+                            <RadioButton
+                                android:id="@+id/column_auto"
+                                android:layout_width="match_parent"
+                                android:layout_height="wrap_content"
+                                android:layout_weight="1"
+                                android:background="@drawable/rbtn_selector"
+                                android:button="@null"
+                                android:checked="true"
+                                android:gravity="center"
+                                android:padding="5dp"
+                                android:text="@string/usersettings_auto"
+                                android:textColor="@drawable/rbtn_textcolor_selector" />
+
+                            <RadioButton
+                                android:id="@+id/column_one"
+                                android:layout_width="match_parent"
+                                android:layout_height="wrap_content"
+                                android:layout_weight="1"
+                                android:background="@drawable/rbtn_selector"
+                                android:button="@null"
+                                android:gravity="center"
+                                android:padding="5dp"
+                                android:text="@string/usersettings_column_one"
+                                android:textColor="@drawable/rbtn_textcolor_selector" />
+
+                            <RadioButton
+                                android:id="@+id/column_two"
+                                android:layout_width="match_parent"
+                                android:layout_height="wrap_content"
+                                android:layout_weight="1"
+                                android:background="@drawable/rbtn_selector"
+                                android:button="@null"
+                                android:gravity="center"
+                                android:padding="5dp"
+                                android:text="@string/usersettings_column_two"
+                                android:textColor="@drawable/rbtn_textcolor_selector" />
+
+                        </RadioGroup>
+
+
+                    </LinearLayout>
+
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_gravity="center_vertical"
+                        android:layout_marginBottom="10dp"
+                        android:layout_marginTop="10dp"
+                        android:orientation="horizontal">
+
+                        <ImageButton
+                            android:id="@+id/pm_decrease"
+                            android:layout_width="48dp"
+                            android:layout_height="48dp"
+                            android:layout_weight="1"
+                            android:backgroundTint="@android:color/white"
+                            android:scaleType="fitCenter"
+                            android:padding="16dp"
+                            android:contentDescription="@string/usersettings_description_pm_decrease"
+                            android:src="@drawable/ic_outline_remove_24"
+                            app:tint="@android:color/black" />
+
+                        <LinearLayout
+                            android:layout_width="match_parent"
+                            android:layout_height="match_parent"
+                            android:layout_gravity="center_horizontal"
+                            android:layout_weight="100"
+                            android:gravity="center_horizontal"
+                            android:orientation="vertical">
+
+                            <TextView
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
+                                android:text="@string/usersettings_label_page_margins" />
+
+                            <TextView
+                                android:id="@+id/pm_display"
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
+                                android:text="@string/usersettings_page_margin_default" />
+                        </LinearLayout>
+
+                        <ImageButton
+                            android:id="@+id/pm_increase"
+                            android:layout_width="48dp"
+                            android:layout_height="48dp"
+                            android:layout_weight="1"
+                            android:backgroundTint="@android:color/white"
+                            android:scaleType="fitCenter"
+                            android:padding="16dp"
+                            android:contentDescription="@string/usersettings_description_pm_increase"
+                            android:src="@drawable/ic_outline_add_24"
+                            app:tint="@android:color/black" />
+
+                    </LinearLayout>
+
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_gravity="center_vertical"
+                        android:layout_marginBottom="10dp"
+                        android:orientation="horizontal">
+
+                        <ImageButton
+                            android:id="@+id/ws_decrease"
+                            android:layout_width="48dp"
+                            android:layout_height="48dp"
+                            android:layout_weight="1"
+                            android:backgroundTint="@android:color/white"
+                            android:scaleType="fitCenter"
+                            android:padding="16dp"
+                            android:contentDescription="@string/usersettings_description_ws_decrease"
+                            android:src="@drawable/ic_outline_remove_24"
+                            app:tint="@android:color/black" />
+
+                        <LinearLayout
+                            android:layout_width="match_parent"
+                            android:layout_height="match_parent"
+                            android:layout_gravity="center_horizontal"
+                            android:layout_weight="100"
+                            android:gravity="center_horizontal"
+                            android:orientation="vertical">
+
+                            <TextView
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
+                                android:text="@string/usersettings_label_word_spacing"/>
+
+                            <TextView
+                                android:id="@+id/ws_display"
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
+                                android:text="@string/usersettings_auto"/>
+                        </LinearLayout>
+
+                        <ImageButton
+                            android:id="@+id/ws_increase"
+                            android:layout_width="48dp"
+                            android:layout_height="48dp"
+                            android:layout_weight="1"
+                            android:backgroundTint="@android:color/white"
+                            android:scaleType="fitCenter"
+                            android:padding="16dp"
+                            android:contentDescription="@string/usersettings_description_ws_increase"
+                            android:src="@drawable/ic_outline_add_24"
+                            app:tint="@android:color/black" />
+
+                    </LinearLayout>
+
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_gravity="center_vertical"
+                        android:layout_marginBottom="10dp"
+                        android:orientation="horizontal">
+
+                        <ImageButton
+                            android:id="@+id/ls_decrease"
+
+                            android:layout_width="48dp"
+                            android:layout_height="48dp"
+                            android:layout_weight="1"
+                            android:backgroundTint="@android:color/white"
+                            android:scaleType="fitCenter"
+                            android:padding="16dp"
+                            android:contentDescription="@string/usersettings_description_ls_decrease"
+                            android:src="@drawable/ic_outline_remove_24"
+                            app:tint="@android:color/black" />
+
+                        <LinearLayout
+                            android:layout_width="match_parent"
+                            android:layout_height="match_parent"
+                            android:layout_gravity="center_horizontal"
+                            android:layout_weight="100"
+                            android:gravity="center_horizontal"
+                            android:orientation="vertical">
+
+                            <TextView
+
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
+                                android:text="@string/usersettings_label_letter_spacing" />
+
+                            <TextView
+                                android:id="@+id/ls_display"
+
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
+                                android:text="@string/usersettings_auto" />
+                        </LinearLayout>
+
+                        <ImageButton
+                            android:id="@+id/ls_increase"
+
+                            android:layout_width="48dp"
+                            android:layout_height="48dp"
+                            android:layout_weight="1"
+                            android:backgroundTint="@android:color/white"
+                            android:scaleType="fitCenter"
+                            android:padding="16dp"
+                            android:contentDescription="@string/usersettings_description_ls_increase"
+                            android:src="@drawable/ic_outline_add_24"
+                            app:tint="@android:color/black" />
+
+                    </LinearLayout>
+
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_gravity="center_vertical"
+                        android:orientation="horizontal">
+
+                        <ImageButton
+                            android:id="@+id/lh_decrease"
+                            android:layout_width="48dp"
+                            android:layout_height="48dp"
+                            android:layout_weight="1"
+                            android:backgroundTint="@android:color/white"
+                            android:scaleType="fitCenter"
+                            android:padding="16dp"
+                            android:contentDescription="@string/usersettings_description_lh_decrease"
+                            android:src="@drawable/ic_outline_remove_24"
+                            app:tint="@android:color/black" />
+
+                        <LinearLayout
+                            android:layout_width="match_parent"
+                            android:layout_height="match_parent"
+                            android:layout_gravity="center_horizontal"
+                            android:layout_weight="100"
+                            android:gravity="center_horizontal"
+                            android:orientation="vertical">
+
+                            <TextView
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
+                                android:text="@string/usersettings_label_line_height" />
+
+                            <TextView
+                                android:id="@+id/lh_display"
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
+                                android:text="@string/usersettings_auto"/>
+                        </LinearLayout>
+
+                        <ImageButton
+                            android:id="@+id/lh_increase"
+                            android:layout_width="48dp"
+                            android:layout_height="48dp"
+                            android:backgroundTint="@android:color/white"
+                            android:contentDescription="@string/usersettings_description_lh_increase"
+                            android:padding="16dp"
+                            android:scaleType="fitCenter"
+                            android:src="@drawable/ic_outline_add_24"
+                            app:tint="@android:color/black" />
+
+                    </LinearLayout>
+
+
+                </LinearLayout>
+
+            </FrameLayout>
+        </LinearLayout>
+    </TabHost>
+
+</LinearLayout>
+

package/android/src/main/res/layout/section_header.xml

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  ~ Module: r2-testapp-kotlin
+  ~ Developers: Aferdita Muriqi, Clément Baumann
+  ~
+  ~ Copyright (c) 2018. European Digital Reading Lab. All rights reserved.
+  ~ Licensed to the Readium Foundation under one or more contributor license agreements.
+  ~ Use of this source code is governed by a BSD-style license which is detailed in the
+  ~ LICENSE file present in the project repository where this source code is maintained.
+  -->
+
+<TextView xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/header"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="@color/colorAccent"
+    android:orientation="vertical"
+    android:ellipsize="end"
+    android:maxLines="3"
+    android:paddingStart="20dp"
+    android:paddingTop="10dp"
+    android:paddingEnd="20dp"
+    android:paddingBottom="10dp"
+    android:textAllCaps="true"
+    android:textStyle="bold" />