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

//
//  KeyItemView.swift
//  PushDeer
//
//  Created by HEXT on 2021/12/27.
//

import SwiftUI

/// 每个 Key 项的 View
struct KeyItemView: View {
  @State var keyItem: KeyItem
  @EnvironmentObject private var store: AppState
  
  var body: some View {
    VStack(spacing: 20) {
      HStack(alignment: .bottom) {
        Image("avatar2")
          .resizable()
          .scaledToFit()
          .frame(width: 38, height: 38)
        EditableText(placeholder: NSLocalizedString("输入key名称", comment: ""), value: keyItem.name) { value in
          if keyItem.name == value {
            return
          }
          Task {
            // 调用接口修改
            _ = try await HttpRequest.renameKey(id: keyItem.id, name: value)
            HToast.showSuccess(NSLocalizedString("已修改key名称", comment: ""))
            keyItem.name = value
            // 在此 keyItem 在列表中的下标
            let index = store.keys.firstIndex { $0.id == keyItem.id }
            if let index = index {
              // 更新列表中相应的 keyItem
              store.keys[index].name = value
            }
          }
        }
        Spacer()
        Image(systemName: "calendar")
          .font(.system(size: 14))
          .foregroundColor(Color.gray)
        Text(keyItem.createdDateStr)
          .font(.system(size: 14))
          .foregroundColor(Color.gray)
      }
      
      TextField("Key", text: .constant(keyItem.key) )
        .font(.system(size: 14))
        .disabled(true)
        .padding(12)
        .overlay(RoundedRectangle(cornerRadius: 4).stroke(Color("borderColor")))
        .foregroundColor(Color.gray)
      
      HLine().stroke(Color.gray, style: StrokeStyle(lineWidth: 1, dash: [5]))
      
      HStack {
        Button(NSLocalizedString("重置", comment: "重置key的按钮标题")) {
          print("点击重置")
          Task {
            do {
              _ = try await HttpRequest.regenKey(id: keyItem.id)
              HttpRequest.loadKeys()
              HToast.showSuccess(NSLocalizedString("已重置", comment: "已重置key的提示"))
            } catch {
              
            }
          }
        }
        .font(.system(size: 20))
        .frame(width: 90, height: 42)
        .overlay(RoundedRectangle(cornerRadius: 4).stroke())
        .foregroundColor(Color.accentColor)
        
        Spacer()
        
        Button(NSLocalizedString("复制", comment: "复制按钮的标题")) {
          print("点击复制")
          UIPasteboard.general.string = keyItem.key
          HToast.showSuccess(NSLocalizedString("已复制", comment: ""))
        }
        .font(.system(size: 20))
        .frame(width: 90, height: 42)
        .foregroundColor(Color.white)
        .background(Color("BtnBgColor"))
        .cornerRadius(8)
      }
    }
    .padding()
  }
}

struct KeyItemView_Previews: PreviewProvider {
  static var previews: some View {
    KeyItemView(keyItem: KeyItem(id: 1, name: "name", uid: "1", key: "Key", created_at: "1111"))
      .environmentObject(AppState.shared)
  }
}