Skip to content

remove hardcode and add color support #43

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
rblwsy wants to merge 1 commit into
base: main
Choose a base branch
from
Open

remove hardcode and add color support #43

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
193 changes: 158 additions & 35 deletions app/threadline/TagView.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,25 +20,25 @@ struct TagView: View {
@State private var selectedFit: String? = nil
@State private var selectedOccasion: String? = nil
@State private var selectedPrecip: String? = nil
@State private var winter: String? = nil
@State private var selectedWeather: String? = nil
@State private var image: UIImage?
@State private var isImagePickerPresented = false
@State private var sourceType: UIImagePickerController.SourceType = .photoLibrary
@State private var showingOptions = false
@State private var primaryColor: Color = .gray
@State private var secondaryColor: Color = .gray


let categories = ["TOP", "BOTTOM", "OUTERWEAR", "DRESS", "SHOES"]
let topSubtypes = ["ACTIVE", "T-SHIRT", "POLO", "BUTTON DOWN", "HOODIE", "SWEATER"]
let bottomSubtypes = ["ACTIVE", "JEANS", "PANTS", "SHORTS", "SKIRT"]
let outerwearSubtypes = ["JACKET", "COAT"]
let dressSubtypes = ["MINI", "MIDI", "MAXI"]
let shoesSubtypes = ["ACTIVE", "SNEAKERS", "BOOTS", "SANDALS & SLIDES"]
let fits = ["LOOSE", "FITTED", "TIGHT"]
let occasions = ["ACTIVE", "CASUAL", "FORMAL"]
let precips = ["RAIN", "SNOW"]
let winterOptions = ["Winter", "Not Winter"]
// Dynamic data fetched from the server
@State private var categories: [String] = []
@State private var topSubtypes: [String] = []
@State private var bottomSubtypes: [String] = []
@State private var outerwearSubtypes: [String] = []
@State private var dressSubtypes: [String] = []
@State private var shoesSubtypes: [String] = []
@State private var fits: [String] = []
@State private var occasions: [String] = []
@State private var precips: [String] = []
@State private var weatherOptions: [String] = []

var body: some View {
ZStack {
Expand Down Expand Up @@ -159,10 +159,10 @@ struct TagView: View {
.pickerStyle(MenuPickerStyle())
.padding()

Picker("Winter", selection: $winter) {
Text("Select Winter Option").tag(String?.none)
ForEach(winterOptions, id: \.self) { option in
Text(option).tag(option == "Winter" ? "True" : "False")
Picker("Select Weather", selection: $selectedWeather) {
Text("Select Weather").tag(String?.none)
ForEach(weatherOptions, id: \.self) { option in
Text(option).tag(String?.some(option))
}
}
.pickerStyle(MenuPickerStyle())
Expand Down Expand Up @@ -208,9 +208,12 @@ struct TagView: View {
.padding()
.disabled(!isFormValid())
}
.onAppear {
fetchCategories()
}
.sheet(isPresented: $isImagePickerPresented) {
ImagePickerCoordinator(image: $image, sourceType: sourceType) { selectedImage in
self.image = selectedImage // <- optional if you want to show unprocessed image briefly
self.image = selectedImage
processImageForColors(selectedImage)
}
}
Expand Down Expand Up @@ -246,6 +249,58 @@ struct TagView: View {
}
}

func fetchCategories() {
guard let url = URL(string: "\(urlStore.serverUrl)/categories/get") else { return }

URLSession.shared.dataTask(with: url) { data, response, error in
if let error = error {
print("Error fetching categories: \(error)")
return
}

guard let data = data else { return }
// Debug: Print raw response data
if let rawResponse = String(data: data, encoding: .utf8) {
print("Raw response: \(rawResponse)")
}
do {
if let json = try JSONSerialization.jsonObject(with: data) as? [String: Any] {
DispatchQueue.main.async {
self.categories = json["type"] as? [String] ?? []
self.fits = json["fit"] as? [String] ?? []
self.occasions = json["occasion"] as? [String] ?? []
self.precips = json["precip"] as? [String] ?? []
self.weatherOptions = json["weather"] as? [String] ?? []

if let subtypeArray = json["subtype"] as? [[String: Any]] {
for subtype in subtypeArray {
if let type = subtype["type"] as? String,
let subtypes = subtype["subtypes"] as? [String] {
switch type {
case "TOP":
self.topSubtypes = subtypes
case "BOTTOM":
self.bottomSubtypes = subtypes
case "OUTERWEAR":
self.outerwearSubtypes = subtypes
case "DRESS":
self.dressSubtypes = subtypes
case "SHOES":
self.shoesSubtypes = subtypes
default:
break
}
}
}
}
}
}
} catch {
print("Error decoding categories JSON: \(error)")
}
}.resume()
}

func getSubtypes(for category: String) -> [String] {
switch category {
case "TOP":
Expand All @@ -268,36 +323,99 @@ struct TagView: View {
selectedSubtype != nil &&
selectedFit != nil &&
selectedOccasion != nil &&
winter != nil &&
selectedWeather != nil &&
image != nil
}

func extractRGB(from color: Color) -> [Int] {
let uiColor = UIColor(color)
var red: CGFloat = 0
var green: CGFloat = 0
var blue: CGFloat = 0
var alpha: CGFloat = 0

uiColor.getRed(&red, green: &green, blue: &blue, alpha: &alpha)

return [
Int(red * 255),
Int(green * 255),
Int(blue * 255)
]
}

func createClothingItem() {
var multipart = MultipartRequest()

// Create form body
// Add required fields
multipart.add(key: "username", value: username)
multipart.add(key: "type", value: selectedCategory?.uppercased() ?? "")
multipart.add(key: "tags", value: tags.joined(separator: ","))
multipart.add(key: "subtype", value: selectedSubtype ?? "")
multipart.add(key: "fit", value: selectedFit ?? "")
multipart.add(key: "occasion", value: selectedOccasion ?? "")
multipart.add(key: "winter", value: winter ?? "")

multipart.add(key: "winter", value: selectedWeather == "WINTER" ? "True" : "False")

// Extract primary and secondary colors as RGB arrays
let primaryRGB = extractRGB(from: primaryColor)
let secondaryRGB = extractRGB(from: secondaryColor)

// Add primary and secondary colors
multipart.add(key: "red", value: "\(primaryRGB[0])")
multipart.add(key: "green", value: "\(primaryRGB[1])")
multipart.add(key: "blue", value: "\(primaryRGB[2])")
multipart.add(key: "red_secondary", value: "\(secondaryRGB[0])")
multipart.add(key: "green_secondary", value: "\(secondaryRGB[1])")
multipart.add(key: "blue_secondary", value: "\(secondaryRGB[2])")

// Add optional fields
if let selectedSubtype = selectedSubtype {
multipart.add(key: "subtype", value: selectedSubtype)
}
if let selectedPrecip = selectedPrecip {
multipart.add(key: "precipitation", value: selectedPrecip)
multipart.add(key: "precip", value: selectedPrecip)
}
if !tags.isEmpty {
multipart.add(key: "tags", value: tags.joined(separator: ","))
}

if let imageData = image?.jpegData(compressionQuality: 0.8) {
multipart.add(
key: "image",
fileName: "image.jpg",
fileMimeType: "image/jpeg",
fileData: imageData
)
// Add image
if let image = image {
if let imageData = image.pngData() {
multipart.add(
key: "image",
fileName: "image.png",
fileMimeType: "image/png",
fileData: imageData
)
} else if let imageData = image.jpegData(compressionQuality: 0.8) {
multipart.add(
key: "image",
fileName: "image.jpg",
fileMimeType: "image/jpeg",
fileData: imageData
)
} else {
print("Error: Unable to process image as PNG or JPEG.")
return
}
} else {
print("Error: Image is required but not provided.")
return
}

/// Create a regular HTTP URL request & use multipart components
// Debug: Log the request payload
print("Request Payload:")
print("Username: \(username)")
print("Type: \(selectedCategory?.uppercased() ?? "")")
print("Fit: \(selectedFit ?? "")")
print("Occasion: \(selectedOccasion ?? "")")
print("Winter: \(selectedWeather == "WINTER" ? "True" : "False")")
print("Primary Color: \(primaryRGB)")
print("Secondary Color: \(secondaryRGB)")
print("Subtype: \(selectedSubtype ?? "None")")
print("Precipitation: \(selectedPrecip ?? "None")")
print("Tags: \(tags.joined(separator: ","))")
print("Image: \(image != nil ? "Attached" : "None")")

// Create a regular HTTP URL request & use multipart components
guard let url = URL(string: "\(urlStore.serverUrl)/clothing/create") else { return }
var request = URLRequest(url: url)
request.httpMethod = "POST"
Expand All @@ -311,11 +429,16 @@ struct TagView: View {
return
}

guard let httpResponse = response as? HTTPURLResponse else { return }
print("Response status code: \(httpResponse.statusCode)")
if let httpResponse = response as? HTTPURLResponse {
print("Response status code: \(httpResponse.statusCode)")
}

if let data = data, let responseString = String(data: data, encoding: .utf8) {
print("Response body: \(responseString)")
}

DispatchQueue.main.async {
if httpResponse.statusCode == 200 {
if let httpResponse = response as? HTTPURLResponse, httpResponse.statusCode == 200 {
showSuccessSnackbar = true
// Wait for snackbar animation before navigating
DispatchQueue.main.asyncAfter(deadline: .now() + 1.5) {
Expand Down