ServerItem.kt 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533
  1. package com.vpn.fastestvpnservice.customItems
  2. import android.content.res.Configuration
  3. import android.os.Looper
  4. import android.util.Log
  5. import android.widget.Toast
  6. import androidx.compose.foundation.BorderStroke
  7. import androidx.compose.foundation.Image
  8. import androidx.compose.foundation.background
  9. import androidx.compose.foundation.border
  10. import androidx.compose.foundation.clickable
  11. import androidx.compose.foundation.interaction.MutableInteractionSource
  12. import androidx.compose.foundation.layout.Arrangement
  13. import androidx.compose.foundation.layout.Box
  14. import androidx.compose.foundation.layout.Row
  15. import androidx.compose.foundation.layout.Spacer
  16. import androidx.compose.foundation.layout.fillMaxWidth
  17. import androidx.compose.foundation.layout.height
  18. import androidx.compose.foundation.layout.padding
  19. import androidx.compose.foundation.layout.size
  20. import androidx.compose.foundation.shape.CircleShape
  21. import androidx.compose.foundation.shape.RoundedCornerShape
  22. import androidx.compose.material3.Icon
  23. import androidx.compose.material3.IconButton
  24. import androidx.compose.material3.MaterialTheme
  25. import androidx.compose.material3.Surface
  26. import androidx.compose.material3.Text
  27. import androidx.compose.runtime.Composable
  28. import androidx.compose.runtime.getValue
  29. import androidx.compose.runtime.livedata.observeAsState
  30. import androidx.compose.runtime.mutableIntStateOf
  31. import androidx.compose.runtime.mutableStateOf
  32. import androidx.compose.runtime.remember
  33. import androidx.compose.runtime.rememberCoroutineScope
  34. import androidx.compose.runtime.saveable.rememberSaveable
  35. import androidx.compose.runtime.setValue
  36. import androidx.compose.ui.Alignment
  37. import androidx.compose.ui.Modifier
  38. import androidx.compose.ui.draw.alpha
  39. import androidx.compose.ui.draw.clip
  40. import androidx.compose.ui.draw.paint
  41. import androidx.compose.ui.graphics.Brush
  42. import androidx.compose.ui.graphics.Color
  43. import androidx.compose.ui.graphics.Shape
  44. import androidx.compose.ui.layout.ContentScale
  45. import androidx.compose.ui.platform.LocalContext
  46. import androidx.compose.ui.res.colorResource
  47. import androidx.compose.ui.res.painterResource
  48. import androidx.compose.ui.text.TextStyle
  49. import androidx.compose.ui.tooling.preview.Preview
  50. import androidx.compose.ui.unit.dp
  51. import androidx.compose.ui.unit.sp
  52. import androidx.lifecycle.viewmodel.compose.viewModel
  53. import androidx.navigation.NavHostController
  54. import androidx.navigation.compose.rememberNavController
  55. import com.stealthcopter.networktools.Ping
  56. import com.stealthcopter.networktools.ping.PingResult
  57. import com.stealthcopter.networktools.ping.PingStats
  58. import com.vpn.fastestvpnservice.R
  59. import com.vpn.fastestvpnservice.beans.Server
  60. import com.vpn.fastestvpnservice.beans.ServerList
  61. import com.vpn.fastestvpnservice.beans.favList
  62. import com.vpn.fastestvpnservice.beans.favListServer
  63. import com.vpn.fastestvpnservice.helpers.BasePreferenceHelper
  64. import com.vpn.fastestvpnservice.helpers.UIHelper
  65. import com.vpn.fastestvpnservice.screens.bottomNavBarScreens.onServer
  66. import com.vpn.fastestvpnservice.screens.bottomNavBarScreens.onServerSelected
  67. import com.vpn.fastestvpnservice.utils.Utils
  68. import com.vpn.fastestvpnservice.viewmodels.HomeViewModel
  69. import com.vpn.fastestvpnservice.viewmodels.SearchListViewModel
  70. import com.vpn.fastestvpnservice.viewmodels.ServerListViewModel
  71. import com.vpn.fastestvpnservice.viewmodels.SplashViewModel
  72. import java.lang.Exception
  73. @Composable
  74. fun ServerItem(server: Server, navHostController: NavHostController) {
  75. val context = LocalContext.current
  76. val scope = rememberCoroutineScope()
  77. var isServerClicked by remember {
  78. mutableStateOf(false)
  79. }
  80. val homeViewModel: HomeViewModel = viewModel{
  81. HomeViewModel(context, scope)
  82. }
  83. val basePreferenceHelper = BasePreferenceHelper(context)
  84. Box(
  85. modifier = Modifier
  86. .fillMaxWidth()
  87. .background(color = MaterialTheme.colorScheme.background)
  88. .padding(bottom = 1.dp)
  89. ) {
  90. val serverListViewModel: ServerListViewModel = viewModel{
  91. ServerListViewModel(context)
  92. }
  93. val splashViewModel: SplashViewModel = viewModel{
  94. SplashViewModel(context)
  95. }
  96. if (isServerClicked) {
  97. Log.d("ServerCallbacks", "isServerClicked $isServerClicked")
  98. onServer.onServerSelected(context, homeViewModel) {
  99. isServerClicked = false
  100. }
  101. navHostController.popBackStack()
  102. }
  103. Row(
  104. verticalAlignment = Alignment.Top,
  105. horizontalArrangement = Arrangement.Start,
  106. modifier = Modifier
  107. .fillMaxWidth()
  108. .padding(start = 12.dp, end = 7.dp, top = 12.dp)
  109. .clickable(
  110. indication = null,
  111. interactionSource = remember { MutableInteractionSource() }
  112. ) {
  113. basePreferenceHelper.setServerObject(server)
  114. // onServerSelected(context, homeViewModel)
  115. isServerClicked = true
  116. }
  117. ) {
  118. var ping by remember { mutableIntStateOf(0) }
  119. Ping.onAddress(server.ip as String).setTimeOutMillis(1000).doPing(
  120. object : Ping.PingListener{
  121. override fun onResult(pingResult: PingResult?) {
  122. android.os.Handler(Looper.getMainLooper()).post {
  123. ping = pingResult?.timeTaken?.toInt()!!
  124. }
  125. }
  126. override fun onError(e: Exception?) {}
  127. override fun onFinished(pingStats: PingStats?) {}
  128. }
  129. )
  130. val icon = Utils.getDrawable(context, server.iso)
  131. Icon(
  132. painter = painterResource(id = icon),
  133. contentDescription = "Server Logo",
  134. tint = Color.Unspecified,
  135. modifier = Modifier
  136. .padding(bottom = 16.dp)
  137. .size(24.dp)
  138. )
  139. Text(text = server.server_name!!,
  140. style = TextStyle(
  141. fontSize = 16.sp,
  142. color = MaterialTheme.colorScheme.primary
  143. ),
  144. modifier = Modifier
  145. .padding(start = 16.dp, bottom = 18.dp)
  146. .align(Alignment.CenterVertically)
  147. )
  148. Spacer(modifier = Modifier.weight(1F))
  149. Text(text = "${server.ping} ms",
  150. style = TextStyle(
  151. fontSize = 16.sp,
  152. color = colorResource(id = R.color.blue_text)
  153. ),
  154. modifier = Modifier
  155. .padding(end = 30.dp, bottom = 18.dp)
  156. .align(Alignment.CenterVertically)
  157. )
  158. // Spacer(modifier = Modifier.weight(1F))
  159. var isFavorite by rememberSaveable { mutableStateOf(server.isFavourited) }
  160. IconButton(
  161. modifier = Modifier
  162. .padding(bottom = 18.dp, end = 8.dp)
  163. .size(22.dp, 21.dp),
  164. onClick = {
  165. isFavorite = !isFavorite!!
  166. serverListViewModel.favAndUnFav(server)
  167. // serverListViewModel.updateFavServer(server)
  168. }
  169. ) {
  170. val favResponse = serverListViewModel.mutableLiveDataFavUnFav.observeAsState().value
  171. favResponse?.let {
  172. Log.d("test_fav_response", it.message.toString())
  173. splashViewModel.serverDataApi()
  174. serverListViewModel.mutableLiveDataFavUnFav.value = null
  175. }
  176. Icon(
  177. modifier = Modifier
  178. // .padding(bottom = 18.dp, end = 8.dp)
  179. // .size(22.dp, 21.dp)
  180. // .clickable(
  181. // indication = null,
  182. // interactionSource = remember { MutableInteractionSource() }
  183. // ) {
  184. //// isFavorite = !isFavorite!!
  185. //// serverListViewModel.updateFavServer(server)
  186. //// serverListViewModel.favAndUnFav(server)
  187. // }
  188. ,
  189. painter = if (isFavorite == true) painterResource(
  190. id = R.drawable.fav_server3x) else painterResource(
  191. id = R.drawable.unfav_server3x),
  192. contentDescription = "Server Logo",
  193. tint = Color.Unspecified,
  194. )
  195. }
  196. // IconButton(
  197. // onClick = { isFavorite = !isFavorite },
  198. // modifier = Modifier
  199. // .clickable(
  200. // indication = null,
  201. // interactionSource = remember { MutableInteractionSource() },
  202. // ) {
  203. // isFavorite = !isFavorite
  204. // }
  205. // ) {
  206. //
  207. //
  208. // }
  209. }
  210. Surface(
  211. modifier = Modifier
  212. .padding(start = 0.dp, end = 0.dp)
  213. .height(1.dp)
  214. .fillMaxWidth()
  215. .alpha(0.6F)
  216. .align(Alignment.BottomCenter)
  217. ,
  218. color = colorResource(id = R.color.gray_icon)
  219. ) {}
  220. }
  221. }
  222. @Composable
  223. fun FavoriteServerItem(server: Server, navHostController: NavHostController) {
  224. val context = LocalContext.current
  225. val basePreferenceHelper = BasePreferenceHelper(context)
  226. var serverListViewModel: ServerListViewModel = viewModel {
  227. ServerListViewModel(context = context)
  228. }
  229. val splashViewModel: SplashViewModel = viewModel{
  230. SplashViewModel(context)
  231. }
  232. Box(
  233. modifier = Modifier
  234. .fillMaxWidth()
  235. .background(MaterialTheme.colorScheme.background)
  236. .padding(bottom = 1.dp)
  237. ) {
  238. Row(
  239. verticalAlignment = Alignment.Top,
  240. horizontalArrangement = Arrangement.Start,
  241. modifier = Modifier
  242. .fillMaxWidth()
  243. .padding(start = 12.dp, end = 7.dp, top = 12.dp)
  244. .clickable(
  245. indication = null,
  246. interactionSource = remember { MutableInteractionSource() }
  247. ) {
  248. basePreferenceHelper.setServerObject(server)
  249. navHostController.popBackStack()
  250. }
  251. ) {
  252. var ping by remember { mutableIntStateOf(0) }
  253. Ping.onAddress(server.ip as String).setTimeOutMillis(1000).doPing(
  254. object : Ping.PingListener{
  255. override fun onResult(pingResult: PingResult?) {
  256. android.os.Handler(Looper.getMainLooper()).post {
  257. ping = pingResult?.timeTaken?.toInt()!!
  258. }
  259. }
  260. override fun onError(e: Exception?) {}
  261. override fun onFinished(pingStats: PingStats?) {}
  262. }
  263. )
  264. val icon = Utils.getDrawable(context, server.iso)
  265. Icon(
  266. painter = painterResource(id = icon),
  267. contentDescription = "Server Logo",
  268. tint = Color.Unspecified,
  269. modifier = Modifier
  270. .padding(bottom = 16.dp)
  271. .size(24.dp)
  272. .clip(CircleShape)
  273. .paint(
  274. painter = painterResource(id = icon),
  275. contentScale = ContentScale.FillHeight
  276. )
  277. )
  278. Text(text = server.server_name!!,
  279. style = TextStyle(
  280. fontSize = 16.sp,
  281. color = MaterialTheme.colorScheme.primary
  282. ),
  283. modifier = Modifier
  284. .padding(start = 16.dp, bottom = 18.dp)
  285. .align(Alignment.CenterVertically)
  286. )
  287. Spacer(modifier = Modifier.weight(1F))
  288. Text(text = "${server.ping} ms",
  289. style = TextStyle(
  290. fontSize = 16.sp,
  291. color = colorResource(id = R.color.blue_text)
  292. ),
  293. modifier = Modifier
  294. .padding(end = 30.dp, bottom = 18.dp)
  295. .align(Alignment.CenterVertically)
  296. )
  297. // Spacer(modifier = Modifier.weight(1F))
  298. var isFavorite by rememberSaveable { mutableStateOf(server.isFavourited) }
  299. IconButton(
  300. onClick = {
  301. isFavorite = !isFavorite!!
  302. serverListViewModel.favAndUnFav(server)
  303. },
  304. modifier = Modifier
  305. .padding(bottom = 18.dp, end = 0.dp)
  306. .size(22.dp, 21.dp)
  307. // .clickable(
  308. // indication = null,
  309. // interactionSource = remember { MutableInteractionSource() }
  310. // ) { },
  311. ) {
  312. val favResponse = serverListViewModel.mutableLiveDataFavUnFav.observeAsState().value
  313. favResponse?.let {
  314. Log.d("test_fav_response", it.message.toString())
  315. splashViewModel.serverDataApi()
  316. serverListViewModel.mutableLiveDataFavUnFav.value = null
  317. }
  318. Icon(
  319. painter = if (isFavorite == true) painterResource(
  320. id = R.drawable.fav_server3x) else painterResource(
  321. id = R.drawable.unfav_server3x),
  322. contentDescription = "Server Logo",
  323. tint = Color.Unspecified,
  324. )
  325. }
  326. }
  327. Surface(
  328. modifier = Modifier
  329. .padding(start = 0.dp, end = 0.dp)
  330. .height(1.dp)
  331. .fillMaxWidth()
  332. .alpha(0.6F)
  333. .align(Alignment.BottomCenter)
  334. ,
  335. color = colorResource(id = R.color.gray_icon)
  336. ) {}
  337. }
  338. }
  339. @Composable
  340. fun ServerSearchItem(server: Server, navHostController: NavHostController) {
  341. val context = LocalContext.current
  342. val basePreferenceHelper = BasePreferenceHelper(context)
  343. var serverListViewModel: ServerListViewModel = viewModel {
  344. ServerListViewModel(context = context)
  345. }
  346. val splashViewModel: SplashViewModel = viewModel{
  347. SplashViewModel(context)
  348. }
  349. val searchListViewModel: SearchListViewModel = viewModel{
  350. SearchListViewModel(context, serverListViewModel, splashViewModel)
  351. }
  352. Box(
  353. modifier = Modifier
  354. .fillMaxWidth()
  355. .background(color = Color.White)
  356. .padding(bottom = 1.dp)
  357. ) {
  358. Row(
  359. verticalAlignment = Alignment.Top,
  360. horizontalArrangement = Arrangement.Start,
  361. modifier = Modifier
  362. .fillMaxWidth()
  363. .padding(start = 12.dp, end = 7.dp, top = 12.dp)
  364. .clickable(
  365. indication = null,
  366. interactionSource = remember { MutableInteractionSource() }
  367. ) {
  368. basePreferenceHelper.setServerObject(server)
  369. navHostController.popBackStack()
  370. }
  371. ) {
  372. var ping by remember { mutableIntStateOf(0) }
  373. Ping.onAddress(server.ip as String).setTimeOutMillis(1000).doPing(
  374. object : Ping.PingListener{
  375. override fun onResult(pingResult: PingResult?) {
  376. android.os.Handler(Looper.getMainLooper()).post {
  377. ping = pingResult?.timeTaken?.toInt()!!
  378. }
  379. }
  380. override fun onError(e: Exception?) {}
  381. override fun onFinished(pingStats: PingStats?) {}
  382. }
  383. )
  384. val icon = Utils.getDrawable(context, server.iso)
  385. Icon(
  386. painter = painterResource(id = icon),
  387. contentDescription = "Server Logo",
  388. tint = Color.Unspecified,
  389. modifier = Modifier
  390. .padding(bottom = 16.dp)
  391. .size(24.dp)
  392. )
  393. Text(text = server.server_name!!,
  394. style = TextStyle(
  395. fontSize = 16.sp,
  396. color = colorResource(id = R.color.dark_blue_gray_text)
  397. ),
  398. modifier = Modifier
  399. .padding(start = 16.dp, bottom = 18.dp)
  400. .align(Alignment.CenterVertically)
  401. )
  402. Spacer(modifier = Modifier.weight(1F))
  403. Text(text = "${server.ping} ms",
  404. style = TextStyle(
  405. fontSize = 16.sp,
  406. color = colorResource(id = R.color.blue_text)
  407. ),
  408. modifier = Modifier
  409. .padding(end = 30.dp, bottom = 18.dp)
  410. .align(Alignment.CenterVertically)
  411. )
  412. // Spacer(modifier = Modifier.weight(1F))
  413. var isFavorite by rememberSaveable { mutableStateOf(server.isFavourited) }
  414. IconButton(
  415. modifier = Modifier
  416. .padding(bottom = 18.dp, end = 8.dp)
  417. .size(22.dp, 21.dp)
  418. ,
  419. onClick = {
  420. isFavorite = !isFavorite!!
  421. serverListViewModel.favAndUnFav(server)
  422. // searchListViewModel.updateFavUnFavServerState(server)
  423. }) {
  424. val favResponse = serverListViewModel.mutableLiveDataFavUnFav.observeAsState().value
  425. favResponse?.let {
  426. Log.d("test_fav_response", it.message.toString())
  427. splashViewModel.serverDataApi()
  428. serverListViewModel.mutableLiveDataFavUnFav.value = null
  429. }
  430. val serversApiResponse = splashViewModel.mutableLiveDataServerData.observeAsState().value
  431. serversApiResponse?.let {
  432. serverListViewModel._mutableLiveDataGetFavList.value =
  433. serverListViewModel.getFavList()
  434. }
  435. Icon(
  436. painter = if (isFavorite == true) painterResource(
  437. id = R.drawable.fav_server3x) else painterResource(
  438. id = R.drawable.unfav_server3x),
  439. contentDescription = "Server Logo",
  440. tint = Color.Unspecified,
  441. )
  442. }
  443. // IconButton(
  444. // onClick = { isFavorite = !isFavorite },
  445. // modifier = Modifier
  446. // .clickable(
  447. // indication = null,
  448. // interactionSource = remember { MutableInteractionSource() },
  449. // ) {
  450. // isFavorite = !isFavorite
  451. // }
  452. // ) {
  453. //
  454. //
  455. // }
  456. }
  457. Surface(
  458. modifier = Modifier
  459. .padding(start = 0.dp, end = 0.dp)
  460. .height(1.dp)
  461. .fillMaxWidth()
  462. .alpha(0.6F)
  463. .align(Alignment.BottomCenter)
  464. ,
  465. color = colorResource(id = R.color.gray_icon)
  466. ) {}
  467. }
  468. }
  469. @Preview
  470. @Composable
  471. fun ServerItemPreview() {
  472. ServerItem(server = favListServer[0], rememberNavController())
  473. }
  474. @Preview
  475. @Composable
  476. fun FavoriteServerItemPreview() {
  477. FavoriteServerItem(server = favListServer[0], rememberNavController())
  478. }
  479. @Preview(uiMode = Configuration.UI_MODE_NIGHT_YES)
  480. @Composable
  481. fun FavoriteServerItemPreviewDark() {
  482. FavoriteServerItem(server = favListServer[0], rememberNavController())
  483. }
  484. @Preview
  485. @Composable
  486. fun ServerSearchItemPreview() {
  487. ServerSearchItem(server = favListServer[0], rememberNavController())
  488. }