mirror of
https://github.com/vector-im/element-ios.git
synced 2024-09-29 07:42:40 +00:00
Add activity indicator
This commit is contained in:
parent
ef25ef54dd
commit
de33b607b0
5 changed files with 102 additions and 9 deletions
|
@ -0,0 +1,49 @@
|
|||
//
|
||||
// Copyright 2021 New Vector Ltd
|
||||
//
|
||||
// Licensed under the Apache License, Version 2.0 (the "License");
|
||||
// you may not use this file except in compliance with the License.
|
||||
// You may obtain a copy of the License at
|
||||
//
|
||||
// http://www.apache.org/licenses/LICENSE-2.0
|
||||
//
|
||||
// Unless required by applicable law or agreed to in writing, software
|
||||
// distributed under the License is distributed on an "AS IS" BASIS,
|
||||
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
// See the License for the specific language governing permissions and
|
||||
// limitations under the License.
|
||||
//
|
||||
|
||||
import SwiftUI
|
||||
|
||||
/**
|
||||
A visual cue to user that something is in progress.
|
||||
*/
|
||||
@available(iOS 14.0, *)
|
||||
struct ActivityIndicator: View {
|
||||
|
||||
private enum Constants {
|
||||
static let backgroundColor = Color(UIColor(white: 0.8, alpha: 0.9))
|
||||
}
|
||||
|
||||
var body: some View {
|
||||
ProgressView()
|
||||
.progressViewStyle(CircularProgressViewStyle(tint: Color.white))
|
||||
.padding()
|
||||
.background(Constants.backgroundColor)
|
||||
.cornerRadius(5)
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@available(iOS 14.0, *)
|
||||
struct ActivityIndicator_Previews: PreviewProvider {
|
||||
static var previews: some View {
|
||||
Group {
|
||||
Text("Hello World!")
|
||||
.activityIndicator(show: true)
|
||||
Text("Hello World!")
|
||||
.activityIndicator(show: false)
|
||||
}
|
||||
}
|
||||
}
|
|
@ -0,0 +1,43 @@
|
|||
//
|
||||
// Copyright 2021 New Vector Ltd
|
||||
//
|
||||
// Licensed under the Apache License, Version 2.0 (the "License");
|
||||
// you may not use this file except in compliance with the License.
|
||||
// You may obtain a copy of the License at
|
||||
//
|
||||
// http://www.apache.org/licenses/LICENSE-2.0
|
||||
//
|
||||
// Unless required by applicable law or agreed to in writing, software
|
||||
// distributed under the License is distributed on an "AS IS" BASIS,
|
||||
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
// See the License for the specific language governing permissions and
|
||||
// limitations under the License.
|
||||
//
|
||||
|
||||
import Foundation
|
||||
import SwiftUI
|
||||
|
||||
/**
|
||||
A modifier for showing the activity indcator centered over a view.
|
||||
*/
|
||||
@available(iOS 14.0, *)
|
||||
struct ActivityIndicatorModifier: ViewModifier {
|
||||
var show: Bool
|
||||
|
||||
func body(content: Content) -> some View {
|
||||
if show {
|
||||
content
|
||||
.overlay(ActivityIndicator(), alignment: .center)
|
||||
} else {
|
||||
content
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@available(iOS 14.0, *)
|
||||
extension View {
|
||||
@available(iOS 14.0, *)
|
||||
func activityIndicator(show: Bool) -> some View {
|
||||
self.modifier(ActivityIndicatorModifier(show: show))
|
||||
}
|
||||
}
|
|
@ -58,6 +58,8 @@ struct RoomNotificationSettings: View {
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.activityIndicator(show: viewModel.viewState.saving)
|
||||
.navigationBarTitle(VectorL10n.roomDetailsNotifs)
|
||||
.navigationBarItems(
|
||||
leading: leftButton,
|
||||
|
@ -67,7 +69,6 @@ struct RoomNotificationSettings: View {
|
|||
viewModel.process(viewAction: .load)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@available(iOS 14.0, *)
|
||||
|
@ -90,8 +91,8 @@ struct RoomNotificationSettings_Previews: PreviewProvider {
|
|||
NavigationView {
|
||||
RoomNotificationSettings(viewModel: mockViewModel, presentedModally: true)
|
||||
.navigationBarTitleDisplayMode(.inline)
|
||||
.addDependency(MockAvatarService.example)
|
||||
.theme(ThemeIdentifier.dark)
|
||||
.addDependency(MockAvatarService.example)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue