mirror of
https://github.com/vector-im/element-ios.git
synced 2024-09-28 23:32:41 +00:00
514 lines
25 KiB
Objective-C
514 lines
25 KiB
Objective-C
/*
|
|
Copyright 2015 OpenMarket Ltd
|
|
Copyright 2017 Vector Creations 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 "MXKRoomBubbleTableViewCell+Riot.h"
|
|
|
|
#import "RoomBubbleCellData.h"
|
|
|
|
#import "ThemeService.h"
|
|
#import "Riot-Swift.h"
|
|
|
|
#import <objc/runtime.h>
|
|
|
|
#define VECTOR_ROOMBUBBLETABLEVIEWCELL_TIMELABEL_WIDTH 39
|
|
|
|
#define VECTOR_ROOMBUBBLETABLEVIEWCELL_MARK_X 48
|
|
#define VECTOR_ROOMBUBBLETABLEVIEWCELL_MARK_WIDTH 4
|
|
|
|
NSString *const kMXKRoomBubbleCellRiotEditButtonPressed = @"kMXKRoomBubbleCellRiotEditButtonPressed";
|
|
NSString *const kMXKRoomBubbleCellTapOnReceiptsContainer = @"kMXKRoomBubbleCellTapOnReceiptsContainer";
|
|
|
|
@implementation MXKRoomBubbleTableViewCell (Riot)
|
|
|
|
- (void)addTimestampLabelForComponent:(NSUInteger)componentIndex
|
|
{
|
|
self.bubbleInfoContainer.hidden = NO;
|
|
|
|
MXKRoomBubbleComponent *component;
|
|
|
|
NSArray *bubbleComponents = bubbleData.bubbleComponents;
|
|
|
|
if (componentIndex < bubbleComponents.count)
|
|
{
|
|
component = bubbleComponents[componentIndex];
|
|
}
|
|
|
|
if (component && component.date)
|
|
{
|
|
// Check whether this is the first displayed component.
|
|
BOOL isFirstDisplayedComponent = (componentIndex == 0);
|
|
if ([bubbleData isKindOfClass:RoomBubbleCellData.class])
|
|
{
|
|
isFirstDisplayedComponent = (componentIndex == ((RoomBubbleCellData*)bubbleData).oldestComponentIndex);
|
|
}
|
|
|
|
CGFloat timeLabelPosX = self.bubbleInfoContainer.frame.size.width - VECTOR_ROOMBUBBLETABLEVIEWCELL_TIMELABEL_WIDTH;
|
|
CGFloat timeLabelPosY = isFirstDisplayedComponent ? 0 : component.position.y + self.msgTextViewTopConstraint.constant - self.bubbleInfoContainerTopConstraint.constant;
|
|
UILabel *timeLabel = [[UILabel alloc] initWithFrame:CGRectMake(timeLabelPosX, timeLabelPosY, VECTOR_ROOMBUBBLETABLEVIEWCELL_TIMELABEL_WIDTH , 18)];
|
|
|
|
timeLabel.text = [bubbleData.eventFormatter timeStringFromDate:component.date];
|
|
timeLabel.textAlignment = NSTextAlignmentRight;
|
|
timeLabel.textColor = ThemeService.shared.theme.textSecondaryColor;
|
|
if ([UIFont respondsToSelector:@selector(systemFontOfSize:weight:)])
|
|
{
|
|
timeLabel.font = [UIFont systemFontOfSize:12 weight:UIFontWeightLight];
|
|
}
|
|
else
|
|
{
|
|
timeLabel.font = [UIFont systemFontOfSize:12];
|
|
}
|
|
timeLabel.adjustsFontSizeToFitWidth = YES;
|
|
|
|
timeLabel.tag = componentIndex;
|
|
|
|
[timeLabel setTranslatesAutoresizingMaskIntoConstraints:NO];
|
|
timeLabel.accessibilityIdentifier = @"timestampLabel";
|
|
[self.bubbleInfoContainer addSubview:timeLabel];
|
|
|
|
// Define timeLabel constraints (to handle auto-layout in case of screen rotation)
|
|
NSLayoutConstraint *rightConstraint = [NSLayoutConstraint constraintWithItem:timeLabel
|
|
attribute:NSLayoutAttributeTrailing
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:self.bubbleInfoContainer
|
|
attribute:NSLayoutAttributeTrailing
|
|
multiplier:1.0
|
|
constant:0];
|
|
NSLayoutConstraint *topConstraint = [NSLayoutConstraint constraintWithItem:timeLabel
|
|
attribute:NSLayoutAttributeTop
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:self.bubbleInfoContainer
|
|
attribute:NSLayoutAttributeTop
|
|
multiplier:1.0
|
|
constant:timeLabelPosY];
|
|
NSLayoutConstraint *widthConstraint = [NSLayoutConstraint constraintWithItem:timeLabel
|
|
attribute:NSLayoutAttributeWidth
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:nil
|
|
attribute:NSLayoutAttributeNotAnAttribute
|
|
multiplier:1.0
|
|
constant:VECTOR_ROOMBUBBLETABLEVIEWCELL_TIMELABEL_WIDTH];
|
|
NSLayoutConstraint *heightConstraint = [NSLayoutConstraint constraintWithItem:timeLabel
|
|
attribute:NSLayoutAttributeHeight
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:nil
|
|
attribute:NSLayoutAttributeNotAnAttribute
|
|
multiplier:1.0
|
|
constant:18];
|
|
|
|
// Available on iOS 8 and later
|
|
[NSLayoutConstraint activateConstraints:@[rightConstraint, topConstraint, widthConstraint, heightConstraint]];
|
|
|
|
// Check whether a vertical whitespace was applied to display correctly the timestamp.
|
|
if (!isFirstDisplayedComponent || bubbleData.shouldHideSenderInformation || bubbleData.shouldHideSenderName)
|
|
{
|
|
// Adjust the position of the potential encryption icon in this case.
|
|
if (self.encryptionStatusContainerView)
|
|
{
|
|
NSArray* subviews = self.encryptionStatusContainerView.subviews;
|
|
for (UIView *view in subviews)
|
|
{
|
|
// Note: The encryption icon has been tagged with the component index.
|
|
if (view.tag == componentIndex)
|
|
{
|
|
CGRect frame = view.frame;
|
|
frame.origin.y += 15;
|
|
view.frame = frame;
|
|
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
- (void)selectComponent:(NSUInteger)componentIndex
|
|
{
|
|
if (componentIndex < bubbleData.bubbleComponents.count)
|
|
{
|
|
// Add time label
|
|
[self addTimestampLabelForComponent:componentIndex];
|
|
|
|
// Blur timestamp labels which are not related to the selected component (if any)
|
|
for (UIView* view in self.bubbleInfoContainer.subviews)
|
|
{
|
|
// Note dateTime label tag is equal to the index of the related component.
|
|
if (view.tag != componentIndex)
|
|
{
|
|
view.alpha = 0.2;
|
|
}
|
|
}
|
|
|
|
// Retrieve the read receipts container related to the selected component (if any)
|
|
// Blur the others
|
|
for (UIView* view in self.tmpSubviews)
|
|
{
|
|
// Note read receipt container tag is equal to the index of the related component.
|
|
if (view.tag != componentIndex)
|
|
{
|
|
view.alpha = 0.2;
|
|
}
|
|
}
|
|
|
|
// Add the edit button
|
|
[self addEditButtonForComponent:componentIndex completion:nil];
|
|
}
|
|
}
|
|
|
|
- (void)markComponent:(NSUInteger)componentIndex
|
|
{
|
|
NSArray *bubbleComponents = bubbleData.bubbleComponents;
|
|
|
|
if (componentIndex < bubbleComponents.count)
|
|
{
|
|
MXKRoomBubbleComponent *component = bubbleComponents[componentIndex];
|
|
|
|
// Define the marker frame
|
|
CGFloat markPosY = component.position.y + self.msgTextViewTopConstraint.constant;
|
|
|
|
NSInteger mostRecentComponentIndex = bubbleComponents.count - 1;
|
|
if ([bubbleData isKindOfClass:RoomBubbleCellData.class])
|
|
{
|
|
mostRecentComponentIndex = ((RoomBubbleCellData*)bubbleData).mostRecentComponentIndex;
|
|
}
|
|
|
|
// Compute the mark height.
|
|
// Use the rest of the cell height by default.
|
|
CGFloat markHeight = self.contentView.frame.size.height - markPosY;
|
|
if (componentIndex != mostRecentComponentIndex)
|
|
{
|
|
// There is another component (with display) after this component in the cell.
|
|
// Stop the marker height to the top of this component.
|
|
for (NSInteger index = componentIndex + 1; index < bubbleComponents.count; index ++)
|
|
{
|
|
MXKRoomBubbleComponent *nextComponent = bubbleComponents[index];
|
|
|
|
if (nextComponent.attributedTextMessage)
|
|
{
|
|
markHeight = nextComponent.position.y - component.position.y;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
UIView *markerView = [[UIView alloc] initWithFrame:CGRectMake(VECTOR_ROOMBUBBLETABLEVIEWCELL_MARK_X,
|
|
markPosY,
|
|
VECTOR_ROOMBUBBLETABLEVIEWCELL_MARK_WIDTH,
|
|
markHeight)];
|
|
markerView.backgroundColor = ThemeService.shared.theme.tintColor;
|
|
|
|
[markerView setTranslatesAutoresizingMaskIntoConstraints:NO];
|
|
markerView.accessibilityIdentifier = @"markerView";
|
|
[self.contentView addSubview:markerView];
|
|
|
|
// Define the marker constraints
|
|
NSLayoutConstraint *leftConstraint = [NSLayoutConstraint constraintWithItem:markerView
|
|
attribute:NSLayoutAttributeLeading
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:self.contentView
|
|
attribute:NSLayoutAttributeLeading
|
|
multiplier:1.0
|
|
constant:VECTOR_ROOMBUBBLETABLEVIEWCELL_MARK_X];
|
|
NSLayoutConstraint *topConstraint = [NSLayoutConstraint constraintWithItem:markerView
|
|
attribute:NSLayoutAttributeTop
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:self.contentView
|
|
attribute:NSLayoutAttributeTop
|
|
multiplier:1.0
|
|
constant:markPosY];
|
|
NSLayoutConstraint *widthConstraint = [NSLayoutConstraint constraintWithItem:markerView
|
|
attribute:NSLayoutAttributeWidth
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:nil
|
|
attribute:NSLayoutAttributeNotAnAttribute
|
|
multiplier:1.0
|
|
constant:VECTOR_ROOMBUBBLETABLEVIEWCELL_MARK_WIDTH];
|
|
NSLayoutConstraint *heightConstraint = [NSLayoutConstraint constraintWithItem:markerView
|
|
attribute:NSLayoutAttributeHeight
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:nil
|
|
attribute:NSLayoutAttributeNotAnAttribute
|
|
multiplier:1.0
|
|
constant:markHeight];
|
|
|
|
// Available on iOS 8 and later
|
|
[NSLayoutConstraint activateConstraints:@[leftConstraint, topConstraint, widthConstraint, heightConstraint]];
|
|
|
|
// Store the created button
|
|
self.markerView = markerView;
|
|
}
|
|
}
|
|
|
|
- (void)addDateLabel
|
|
{
|
|
self.bubbleInfoContainer.hidden = NO;
|
|
|
|
NSDate *date = bubbleData.date;
|
|
if (date)
|
|
{
|
|
UILabel *timeLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, self.bubbleInfoContainer.frame.size.width , 18)];
|
|
|
|
timeLabel.text = [bubbleData.eventFormatter dateStringFromDate:date withTime:NO];
|
|
timeLabel.textAlignment = NSTextAlignmentRight;
|
|
timeLabel.textColor = ThemeService.shared.theme.textSecondaryColor;
|
|
if ([UIFont respondsToSelector:@selector(systemFontOfSize:weight:)])
|
|
{
|
|
timeLabel.font = [UIFont systemFontOfSize:12 weight:UIFontWeightLight];
|
|
}
|
|
else
|
|
{
|
|
timeLabel.font = [UIFont systemFontOfSize:12];
|
|
}
|
|
timeLabel.adjustsFontSizeToFitWidth = YES;
|
|
|
|
[timeLabel setTranslatesAutoresizingMaskIntoConstraints:NO];
|
|
timeLabel.accessibilityIdentifier = @"dateLabel";
|
|
[self.bubbleInfoContainer addSubview:timeLabel];
|
|
|
|
// Define timeLabel constraints (to handle auto-layout in case of screen rotation)
|
|
NSLayoutConstraint *rightConstraint = [NSLayoutConstraint constraintWithItem:timeLabel
|
|
attribute:NSLayoutAttributeTrailing
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:self.bubbleInfoContainer
|
|
attribute:NSLayoutAttributeTrailing
|
|
multiplier:1.0
|
|
constant:0];
|
|
NSLayoutConstraint *topConstraint = [NSLayoutConstraint constraintWithItem:timeLabel
|
|
attribute:NSLayoutAttributeTop
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:self.bubbleInfoContainer
|
|
attribute:NSLayoutAttributeTop
|
|
multiplier:1.0
|
|
constant:0];
|
|
NSLayoutConstraint *widthConstraint = [NSLayoutConstraint constraintWithItem:timeLabel
|
|
attribute:NSLayoutAttributeWidth
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:self.bubbleInfoContainer
|
|
attribute:NSLayoutAttributeWidth
|
|
multiplier:1.0
|
|
constant:0];
|
|
NSLayoutConstraint *heightConstraint = [NSLayoutConstraint constraintWithItem:timeLabel
|
|
attribute:NSLayoutAttributeHeight
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:nil
|
|
attribute:NSLayoutAttributeNotAnAttribute
|
|
multiplier:1.0
|
|
constant:18];
|
|
|
|
// Available on iOS 8 and later
|
|
[NSLayoutConstraint activateConstraints:@[rightConstraint, topConstraint, widthConstraint, heightConstraint]];
|
|
}
|
|
}
|
|
|
|
- (void)setBlurred:(BOOL)blurred
|
|
{
|
|
objc_setAssociatedObject(self, @selector(blurred), @(blurred), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
|
|
|
|
if (blurred)
|
|
{
|
|
self.bubbleOverlayContainer.hidden = NO;
|
|
self.bubbleOverlayContainer.backgroundColor = ThemeService.shared.theme.backgroundColor;
|
|
self.bubbleOverlayContainer.alpha = 0.8;
|
|
self.bubbleOverlayContainer.userInteractionEnabled = YES;
|
|
|
|
// Blur subviews if any
|
|
for (UIView* view in self.bubbleOverlayContainer.subviews)
|
|
{
|
|
view.alpha = 0.2;
|
|
}
|
|
|
|
// Move this view in front
|
|
[self.contentView bringSubviewToFront:self.bubbleOverlayContainer];
|
|
}
|
|
else
|
|
{
|
|
if (self.bubbleOverlayContainer.subviews.count)
|
|
{
|
|
// Keep this overlay visible, adjust background color
|
|
self.bubbleOverlayContainer.backgroundColor = [UIColor clearColor];
|
|
self.bubbleOverlayContainer.alpha = 1;
|
|
self.bubbleOverlayContainer.userInteractionEnabled = NO;
|
|
|
|
// Restore subviews display
|
|
for (UIView* view in self.bubbleOverlayContainer.subviews)
|
|
{
|
|
view.alpha = 1;
|
|
}
|
|
}
|
|
else
|
|
{
|
|
self.bubbleOverlayContainer.hidden = YES;
|
|
}
|
|
}
|
|
}
|
|
|
|
- (BOOL)blurred
|
|
{
|
|
NSNumber *associatedBlurred = objc_getAssociatedObject(self, @selector(blurred));
|
|
if (associatedBlurred)
|
|
{
|
|
return [associatedBlurred boolValue];
|
|
}
|
|
return NO;
|
|
}
|
|
|
|
- (void)setEditButton:(UIButton *)editButton
|
|
{
|
|
objc_setAssociatedObject(self, @selector(editButton), editButton, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
|
|
}
|
|
|
|
- (UIButton*)editButton
|
|
{
|
|
return objc_getAssociatedObject(self, @selector(editButton));
|
|
}
|
|
|
|
- (void)setMarkerView:(UIView *)markerView
|
|
{
|
|
objc_setAssociatedObject(self, @selector(markerView), markerView, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
|
|
}
|
|
|
|
-(UIView *)markerView
|
|
{
|
|
return objc_getAssociatedObject(self, @selector(markerView));
|
|
}
|
|
|
|
- (void)updateUserNameColor
|
|
{
|
|
static UserNameColorGenerator *userNameColorGenerator;
|
|
|
|
static dispatch_once_t onceToken;
|
|
dispatch_once(&onceToken, ^{
|
|
userNameColorGenerator = [UserNameColorGenerator new];
|
|
});
|
|
|
|
id<Theme> theme = ThemeService.shared.theme;
|
|
|
|
userNameColorGenerator.defaultColor = theme.textPrimaryColor;
|
|
userNameColorGenerator.userNameColors = theme.userNameColors;
|
|
|
|
NSString *senderId = self.bubbleData.senderId;
|
|
|
|
if (senderId)
|
|
{
|
|
self.userNameLabel.textColor = [userNameColorGenerator colorFrom:senderId];
|
|
}
|
|
else
|
|
{
|
|
self.userNameLabel.textColor = userNameColorGenerator.defaultColor;
|
|
}
|
|
}
|
|
|
|
#pragma mark - User actions
|
|
|
|
- (IBAction)onEditButtonPressed:(id)sender
|
|
{
|
|
if (self.delegate)
|
|
{
|
|
MXEvent *selectedEvent = nil;
|
|
|
|
// Note edit button tag is equal to the index of the related component.
|
|
NSInteger index = ((UIView*)sender).tag;
|
|
NSArray *bubbleComponents = bubbleData.bubbleComponents;
|
|
|
|
if (index < bubbleComponents.count)
|
|
{
|
|
MXKRoomBubbleComponent *component = bubbleComponents[index];
|
|
selectedEvent = component.event;
|
|
}
|
|
|
|
if (selectedEvent)
|
|
{
|
|
[self.delegate cell:self didRecognizeAction:kMXKRoomBubbleCellRiotEditButtonPressed userInfo:@{kMXKRoomBubbleCellEventKey:selectedEvent}];
|
|
}
|
|
}
|
|
}
|
|
|
|
- (IBAction)onReceiptContainerTap:(UITapGestureRecognizer *)sender
|
|
{
|
|
if (self.delegate)
|
|
{
|
|
[self.delegate cell:self didRecognizeAction:kMXKRoomBubbleCellTapOnReceiptsContainer userInfo:@{kMXKRoomBubbleCellReceiptsContainerKey : sender.view}];
|
|
}
|
|
}
|
|
|
|
#pragma mark - Internals
|
|
|
|
- (void)addEditButtonForComponent:(NSUInteger)componentIndex completion:(void (^ __nullable)(BOOL finished))completion
|
|
{
|
|
MXKRoomBubbleComponent *component = bubbleData.bubbleComponents[componentIndex];
|
|
|
|
// Check whether this is the first displayed component.
|
|
BOOL isFirstDisplayedComponent = (componentIndex == 0);
|
|
if ([bubbleData isKindOfClass:RoomBubbleCellData.class])
|
|
{
|
|
isFirstDisplayedComponent = (componentIndex == ((RoomBubbleCellData*)bubbleData).oldestComponentIndex);
|
|
}
|
|
|
|
// Define 'Edit' button frame
|
|
UIImage *editIcon = [UIImage imageNamed:@"edit_icon"];
|
|
CGFloat editBtnPosX = self.bubbleInfoContainer.frame.size.width - VECTOR_ROOMBUBBLETABLEVIEWCELL_TIMELABEL_WIDTH - 22 - editIcon.size.width / 2;
|
|
CGFloat editBtnPosY = isFirstDisplayedComponent ? -13 : component.position.y + self.msgTextViewTopConstraint.constant - self.bubbleInfoContainerTopConstraint.constant - 13;
|
|
UIButton *editButton = [[UIButton alloc] initWithFrame:CGRectMake(editBtnPosX, editBtnPosY, 44, 44)];
|
|
|
|
[editButton setImage:editIcon forState:UIControlStateNormal];
|
|
[editButton setImage:editIcon forState:UIControlStateSelected];
|
|
|
|
editButton.tag = componentIndex;
|
|
[editButton addTarget:self action:@selector(onEditButtonPressed:) forControlEvents:UIControlEventTouchUpInside];
|
|
|
|
[editButton setTranslatesAutoresizingMaskIntoConstraints:NO];
|
|
editButton.accessibilityIdentifier = @"editButton";
|
|
[self.bubbleInfoContainer addSubview:editButton];
|
|
self.bubbleInfoContainer.userInteractionEnabled = YES;
|
|
|
|
// Define edit button constraints
|
|
NSLayoutConstraint *leftConstraint = [NSLayoutConstraint constraintWithItem:editButton
|
|
attribute:NSLayoutAttributeLeading
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:self.bubbleInfoContainer
|
|
attribute:NSLayoutAttributeLeading
|
|
multiplier:1.0
|
|
constant:editBtnPosX];
|
|
NSLayoutConstraint *topConstraint = [NSLayoutConstraint constraintWithItem:editButton
|
|
attribute:NSLayoutAttributeTop
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:self.bubbleInfoContainer
|
|
attribute:NSLayoutAttributeTop
|
|
multiplier:1.0
|
|
constant:editBtnPosY];
|
|
NSLayoutConstraint *widthConstraint = [NSLayoutConstraint constraintWithItem:editButton
|
|
attribute:NSLayoutAttributeWidth
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:nil
|
|
attribute:NSLayoutAttributeNotAnAttribute
|
|
multiplier:1.0
|
|
constant:44];
|
|
NSLayoutConstraint *heightConstraint = [NSLayoutConstraint constraintWithItem:editButton
|
|
attribute:NSLayoutAttributeHeight
|
|
relatedBy:NSLayoutRelationEqual
|
|
toItem:nil
|
|
attribute:NSLayoutAttributeNotAnAttribute
|
|
multiplier:1.0
|
|
constant:44];
|
|
// Available on iOS 8 and later
|
|
[NSLayoutConstraint activateConstraints:@[leftConstraint, topConstraint, widthConstraint, heightConstraint]];
|
|
|
|
// Store the created button
|
|
self.editButton = editButton;
|
|
}
|
|
|
|
@end
|