1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
|
package org.terst.feedreader.ui
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.width
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.ArrowBack
import androidx.compose.material.icons.filled.Delete
import androidx.compose.material3.Button
import androidx.compose.material3.DropdownMenu
import androidx.compose.material3.DropdownMenuItem
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.HorizontalDivider
import androidx.compose.material3.Icon
import androidx.compose.material3.IconButton
import androidx.compose.material3.ListItem
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.OutlinedTextField
import androidx.compose.material3.Scaffold
import androidx.compose.material3.Text
import androidx.compose.material3.TopAppBar
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.collectAsState
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.rememberCoroutineScope
import androidx.compose.runtime.setValue
import androidx.compose.ui.Modifier
import androidx.compose.ui.platform.LocalContext
import androidx.compose.ui.unit.dp
import kotlinx.coroutines.launch
import org.terst.feedreader.data.AppDatabase
import org.terst.feedreader.data.FilterAction
import org.terst.feedreader.data.FilterRuleEntity
import org.terst.feedreader.data.Settings
@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun SettingsScreen(onBack: () -> Unit) {
val context = LocalContext.current
val db = remember { AppDatabase.get(context) }
val settings = remember { Settings(context) }
val scope = rememberCoroutineScope()
var stashUrl by remember { mutableStateOf("") }
var stashKey by remember { mutableStateOf("") }
LaunchedEffect(Unit) {
stashUrl = settings.stashBaseUrlNow()
stashKey = settings.stashApiKeyNow()
}
var newRulePattern by remember { mutableStateOf("") }
var newRuleAction by remember { mutableStateOf(FilterAction.MUTE) }
var actionMenuExpanded by remember { mutableStateOf(false) }
val rules by db.filterRuleDao().observeAll().collectAsState(initial = emptyList())
Scaffold(
topBar = {
TopAppBar(
title = { Text("Settings") },
navigationIcon = {
IconButton(onClick = onBack) {
Icon(Icons.Default.ArrowBack, contentDescription = "Back")
}
}
)
}
) { padding ->
LazyColumn(modifier = Modifier.fillMaxWidth().padding(padding)) {
item {
Column(modifier = Modifier.padding(16.dp)) {
Text("Stash", style = MaterialTheme.typography.titleMedium)
Spacer(modifier = Modifier.height(8.dp))
OutlinedTextField(
value = stashUrl,
onValueChange = { stashUrl = it },
label = { Text("Base URL") },
placeholder = { Text("https://stash.example.com") },
modifier = Modifier.fillMaxWidth()
)
Spacer(modifier = Modifier.height(8.dp))
OutlinedTextField(
value = stashKey,
onValueChange = { stashKey = it },
label = { Text("API key") },
modifier = Modifier.fillMaxWidth()
)
Spacer(modifier = Modifier.height(8.dp))
Button(
onClick = { scope.launch { settings.setStash(stashUrl, stashKey) } },
modifier = Modifier.fillMaxWidth()
) { Text("Save") }
}
HorizontalDivider()
}
item {
Column(modifier = Modifier.padding(16.dp)) {
Text("Filter rules", style = MaterialTheme.typography.titleMedium)
Spacer(modifier = Modifier.height(8.dp))
Row(modifier = Modifier.fillMaxWidth()) {
OutlinedTextField(
value = newRulePattern,
onValueChange = { newRulePattern = it },
label = { Text("Keyword") },
modifier = Modifier.weight(1f)
)
Spacer(modifier = Modifier.width(8.dp))
Box {
Button(onClick = { actionMenuExpanded = true }) {
Text(if (newRuleAction == FilterAction.MUTE) "Mute" else "Highlight")
}
DropdownMenu(expanded = actionMenuExpanded, onDismissRequest = { actionMenuExpanded = false }) {
DropdownMenuItem(text = { Text("Mute") }, onClick = { newRuleAction = FilterAction.MUTE; actionMenuExpanded = false })
DropdownMenuItem(text = { Text("Highlight") }, onClick = { newRuleAction = FilterAction.HIGHLIGHT; actionMenuExpanded = false })
}
}
}
Spacer(modifier = Modifier.height(8.dp))
Button(
enabled = newRulePattern.isNotBlank(),
onClick = {
scope.launch {
db.filterRuleDao().insert(
FilterRuleEntity(
pattern = newRulePattern.trim(),
action = newRuleAction,
createdAt = System.currentTimeMillis()
)
)
newRulePattern = ""
}
},
modifier = Modifier.fillMaxWidth()
) { Text("Add rule") }
}
}
items(rules, key = { it.id }) { rule ->
ListItem(
headlineContent = { Text(rule.pattern) },
supportingContent = { Text(if (rule.action == FilterAction.MUTE) "Mute" else "Highlight") },
trailingContent = {
IconButton(onClick = { scope.launch { db.filterRuleDao().delete(rule.id) } }) {
Icon(Icons.Default.Delete, contentDescription = "Delete rule")
}
}
)
HorizontalDivider()
}
}
}
}
|
