neon443/ShhShell
1
0
Fork 0
mirror of https://github.com/neon443/ShhShell.git synced 2026-03-11 05:19:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

added a popover to show the icon customisations

Browse Source
This commit is contained in:
neon443
2025-08-05 13:29:46 +01:00
parent dab998928f
commit 796c02e1ff
4 changed files with 89 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ShhShell.xcodeproj/project.pbxproj
View File

@@ -73,6 +73,7 @@
A985545D2E055D4D009051BD /* ConnectionView.swift in Sources */ = {isa = PBXBuildFile; fileRef = A985545C2E055D4D009051BD /* ConnectionView.swift */; };
A98554612E058433009051BD /* HostsManager.swift in Sources */ = {isa = PBXBuildFile; fileRef = A98554602E058433009051BD /* HostsManager.swift */; };
A98554632E0587DF009051BD /* HostsView.swift in Sources */ = {isa = PBXBuildFile; fileRef = A98554622E0587DF009051BD /* HostsView.swift */; };
A98CAB442E4229F7005E4C42 /* HostIconPicker.swift in Sources */ = {isa = PBXBuildFile; fileRef = A98CAB432E4229F7005E4C42 /* HostIconPicker.swift */; };
A9A2F4F62E3001D300D0AE9B /* AddSnippetView.swift in Sources */ = {isa = PBXBuildFile; fileRef = A9A2F4F52E3001D300D0AE9B /* AddSnippetView.swift */; };
A9A587202E0BF220006B31E6 /* SwiftTerm in Frameworks */ = {isa = PBXBuildFile; productRef = A9A5871F2E0BF220006B31E6 /* SwiftTerm */; };
A9BA1D192E1D9AE1005BDCEF /* SwiftTerm.Color.swift in Sources */ = {isa = PBXBuildFile; fileRef = A9BA1D182E1D9AE1005BDCEF /* SwiftTerm.Color.swift */; };
@@ -204,6 +205,7 @@
A985545C2E055D4D009051BD /* ConnectionView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ConnectionView.swift; sourceTree = "<group>"; };
A98554602E058433009051BD /* HostsManager.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = HostsManager.swift; sourceTree = "<group>"; };
A98554622E0587DF009051BD /* HostsView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = HostsView.swift; sourceTree = "<group>"; };
A98CAB432E4229F7005E4C42 /* HostIconPicker.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = HostIconPicker.swift; sourceTree = "<group>"; };
A9A2F4F52E3001D300D0AE9B /* AddSnippetView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AddSnippetView.swift; sourceTree = "<group>"; };
A9BA1D182E1D9AE1005BDCEF /* SwiftTerm.Color.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SwiftTerm.Color.swift; sourceTree = "<group>"; };
A9BA1D1C2E1EAD51005BDCEF /* SF-Mono-Bold.otf */ = {isa = PBXFileReference; lastKnownFileType = file; path = "SF-Mono-Bold.otf"; sourceTree = "<group>"; };
@@ -518,6 +520,7 @@
children = (
A98554622E0587DF009051BD /* HostsView.swift */,
A985545C2E055D4D009051BD /* ConnectionView.swift */,
A98CAB432E4229F7005E4C42 /* HostIconPicker.swift */,
);
path = Hosts;
sourceTree = "<group>";
@@ -804,6 +807,7 @@
A96C6B002E0C45FE00F377FE /* KeyDetailView.swift in Sources */,
A9DA97712E0D30ED00142DDC /* HostSymbol.swift in Sources */,
A96C90A12E12B87A00724253 /* TextBox.swift in Sources */,
A98CAB442E4229F7005E4C42 /* HostIconPicker.swift in Sources */,
A9FD37652E169937005319A8 /* AuthType.swift in Sources */,
A96BE6A82E116E2B00C0FEE9 /* SessionsListView.swift in Sources */,
A96C90A32E12D53B00724253 /* KeyType.swift in Sources */,

43
ShhShell/Views/Hosts/ConnectionView.swift
View File

@@ -16,40 +16,13 @@ struct ConnectionView: View {
@State var privkeyStr: String = ""
@State var showTerminal: Bool = false
@State var showIconPicker: Bool = false
var body: some View {
ZStack {
hostsManager.selectedTheme.background.suiColor.opacity(0.7)
.ignoresSafeArea(.all)
List {
Section {
ScrollView(.horizontal) {
HStack {
ForEach(HostSymbol.allCases, id: \.self) { symbol in
ZStack {
if handler.host.symbol == symbol {
RoundedRectangle(cornerRadius: 10)
.fill(.gray.opacity(0.5))
}
HostSymbolPreview(symbol: symbol, label: handler.host.label)
.padding(5)
}
.frame(width: 60, height: 60)
.onTapGesture {
withAnimation { handler.host.symbol = symbol }
}
}
}
}
HStack {
HostSymbolPreview(symbol: handler.host.symbol, label: handler.host.label)
.id(handler.host)
.frame(width: 60, height: 60)
TextBox(label: "Icon Text", text: $handler.host.label, prompt: "a few letters in the icon")
}
}
Section {
Text("\(handler.state)")
.foregroundStyle(handler.state.color)
@@ -138,7 +111,21 @@ Hostkey fingerprint is \(handler.getHostkey() ?? "nil")
""")
}
}
.popover(isPresented: $showIconPicker, attachmentAnchor: .point(.center), arrowEdge: .bottom) {
HostIconPicker(host: $handler.host)
.frame(minWidth: 300, minHeight: 200)
.modifier(presentationCompactPopover())
}
.toolbar {
ToolbarItem {
Button() {
showIconPicker.toggle()
} label: {
HostSymbolPreview(symbol: handler.host.symbol, label: handler.host.label, small: true)
.id(handler.host)
}
}
ToolbarItem() {
Button() {
handler.go()

40
ShhShell/Views/Hosts/HostIconPicker.swift Normal file
View File

@@ -0,0 +1,40 @@
//
// HostIconPicker.swift
// ShhShell
//
// Created by neon443 on 05/08/2025.
//
import SwiftUI
struct HostIconPicker: View {
@Binding var host: Host
var body: some View {
List {
ScrollView(.horizontal) {
HStack {
ForEach(HostSymbol.allCases, id: \.self) { symbol in
ZStack {
if host.symbol == symbol {
RoundedRectangle(cornerRadius: 10)
.fill(.gray.opacity(0.5))
}
HostSymbolPreview(symbol: symbol, label: host.label)
.padding(5)
}
.frame(width: 50, height: 50)
.onTapGesture {
withAnimation { host.symbol = symbol }
}
}
}
}
TextBox(label: "Icon Text", text: $host.label, prompt: "")
}
}
}
#Preview {
HostIconPicker(host: .constant(Host.debug))
}

43
ShhShell/Views/Misc/HostSymbolPreview.swift
View File

@@ -10,21 +10,38 @@ import SwiftUI
struct HostSymbolPreview: View {
@State var symbol: HostSymbol
@State var label: String
@State var small: Bool = false
var body: some View {
ZStack(alignment: .center) {
symbol.image
.resizable().scaledToFit()
.symbolRenderingMode(.monochrome)
.blur(radius: 1)
symbol.image
.resizable().scaledToFit()
.symbolRenderingMode(.monochrome)
Text(label)
.font(.headline)
.offset(symbol.offset)
var body: some View {
if small {
HStack(alignment: .center, spacing: 5) {
Text(label)
.font(.headline)
ZStack(alignment: .center) {
symbol.image
.resizable().scaledToFit()
.symbolRenderingMode(.monochrome)
.blur(radius: 1)
symbol.image
.resizable().scaledToFit()
.symbolRenderingMode(.monochrome)
}
}
} else {
ZStack(alignment: .center) {
symbol.image
.resizable().scaledToFit()
.symbolRenderingMode(.monochrome)
.blur(radius: 1)
symbol.image
.resizable().scaledToFit()
.symbolRenderingMode(.monochrome)
Text(label)
.font(.headline)
.offset(symbol.offset)
}
}
}
}
}
#Preview {