pushdeer/ios/PushDeer-iOS/PushDeer/View/DeviceListView.swift

//
//  DeviceListView.swift
//  PushDeer
//
//  Created by HEXT on 2021/12/25.
//

import SwiftUI

/// 设备界面
struct DeviceListView: View {
  @EnvironmentObject private var store: AppState
  var body: some View {
    BaseNavigationView(title: "设备") {
      ScrollView {
        LazyVStack(alignment: .center) {
          ForEach(store.devices.reversed()) { deviceItem in
            DeletableView(contentView: {
              DeviceItemView(name: getName(deviceItem: deviceItem))
            }, deleteAction: {
              store.devices.removeAll { _deviceItem in
                _deviceItem.id == deviceItem.id
              }
              HToast.showSuccess("已删除")
              Task {
                do {
                  _ = try await HttpRequest.rmDevice(id: deviceItem.id)
                } catch {
                  
                }
              }
            })
              .padding(EdgeInsets(top: 18, leading: 26, bottom: 0, trailing: 24))
          }
          Spacer(minLength: 30)
        }
      }
      .navigationBarItems(trailing: Button(action: {
        Task {
          let devices = try await HttpRequest.regDevice().devices
          withAnimation(.easeOut) {
            store.devices = devices
          }
          HToast.showSuccess("已添加当前设备")
        }
      }, label: {
        Image(systemName: "plus")
          .foregroundColor(Color(UIColor.lightGray))
      }))
    }
    .onAppear {
      HttpRequest.loadDevices()
    }
  }
  
  func getName(deviceItem: DeviceItem) -> String {
    var name = deviceItem.name
    if deviceItem.is_clip == 1 {
      name += " [Clip]"
    }
    if deviceItem.device_id == store.deviceToken {
      name += " (当前设备)"
    }
    return name
  }
}

struct DeviceView_Previews: PreviewProvider {
  static var previews: some View {
    DeviceListView().environmentObject(AppState.shared)
  }
}