Files
workoutsplus/WorkoutsPlus/Components/ValueKeyboard.swift

151 lines
3.9 KiB
Swift

//
// ValuePickerKeyboard.swift
// WorkoutsPlus
//
// Created by Felix Förtsch on 24.09.24.
//
// TODO: Value keyboard binds to a metric (value + unit). You type in the $value and select the unit [m, s, kg] on the wheel.
// Example: Push-up (value: reps, unit: nil), Push-up (value: additional weight, unit: kg), Run (value: distance/time, unit: m/s)
// This means to use the valuekeyboard you would need to know which unit is allowed and then style the value depending on the unit
import SwiftUI
struct KeyboardButtonStyle: ButtonStyle {
var width: CGFloat = 100
var height: CGFloat = 50
var color: Color = Color(.systemGray6)
var font: Font = .system(size: 24, weight: .bold, design: .rounded)
func makeBody(configuration: Configuration) -> some View {
configuration.label
.frame(width: width, height: height)
.background(color)
.cornerRadius(8)
.shadow(color: .gray, radius: 1, x: 0, y: 1)
.scaleEffect(configuration.isPressed ? 0.95 : 1.0)
.font(font)
}
}
protocol ValueKeyboardProtocol {
var value: String { get set }
var availableUnits: [String] { get set }
}
struct ValueKeyboard: View {
@Binding var isPresented: Bool
@Binding var value: String
@Binding var unit: [String]
var body: some View {
VStack {
ZStack {
RoundedRectangle(cornerRadius: 8)
.fill(Color(.systemGray5))
.frame(height: 80)
HStack {
TextField("0", text: $value)
.font(.system(size: 32, weight: .bold, design: .rounded))
.padding()
Picker("Unit", selection: $unit) {
ForEach(unit, id: \.self) { unit in
Text(unit.description).tag(unit)
}
}
.pickerStyle(WheelPickerStyle())
.frame(width: 125, height: 125)
}
.padding()
.mask(RoundedRectangle(cornerRadius: 8).frame(height: 80))
}
.padding()
.frame(height: 100)
VStack(spacing: 20) {
HStack(spacing: 20) {
Button(action: { handleButtonTap("1") }) {
Text("1")
}
Button(action: { handleButtonTap("2") }) {
Text("2")
}
Button(action: { handleButtonTap("3") }) {
Text("3")
}
}
HStack(spacing: 20) {
Button(action: { handleButtonTap("4") }) {
Text("4")
}
Button(action: { handleButtonTap("5") }) {
Text("5")
}
Button(action: { handleButtonTap("6") }) {
Text("6")
}
}
HStack(spacing: 20) {
Button(action: { handleButtonTap("7") }) {
Text("7")
}
Button(action: { handleButtonTap("8") }) {
Text("8")
}
Button(action: { handleButtonTap("9") }) {
Text("9")
}
}
HStack(spacing: 20) {
Button(action: { handleButtonTap("") }) {
Text("")
}
Button(action: { handleButtonTap("0") }) {
Text("0")
}
Button(action: { handleButtonTap("") }) {
Text("")
}
.buttonStyle(KeyboardButtonStyle(color: .blue))
.foregroundStyle(.white)
}
}
.buttonStyle(KeyboardButtonStyle())
}
}
private func handleButtonTap(_ button: String) {
// switch button {
// case "":
// if !value.value.isEmpty {
// value.value.removeLast()
// }
// case "":
// isPresented.toggle()
// default:
// value.value.append(button)
// }
// }
}
}
#Preview("ExerciseValue") {
@Previewable @State var isPresented: Bool = true
let value = 0
let unit = ExerciseMetric.allCases
VStack {
// ValueKeyboard(isPresented: $isPresented, value: value, unit: unit)
}
}