Skip to content
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.

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

Add helpers in the video watch view explaining how to comment/subscribe #533

Merged
merged 1 commit into from May 11, 2018

Conversation

rigelk
Copy link
Collaborator

@rigelk rigelk commented May 4, 2018

Account helper:

account-helper


Comment helper:

comment-helper

@Chocobozzz
Copy link
Owner

I think referencing the issue is too technicals for lambda users

@@ -19,6 +19,11 @@
font-size: 13px;
}

.comment-help {
display: inline-block;
margin-left: -50px;
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't really like setting negative margins. Could you try to put the help icon in the title-page block to avoid that?

@rigelk
Copy link
Collaborator Author

rigelk commented May 7, 2018

I agree link to issues in general can be daunting, but that's also reassuring: it tells the user we are tackling the issue. Especially in this case where users don't understand why a basic feature is so difficult to access.

@rigelk rigelk force-pushed the helpers-subs-comment branch 2 times, most recently from ab06c1b to e371d91 Compare May 7, 2018 15:52
@@ -21,6 +21,9 @@
{{ video.channel.displayName }}
</a>
<!-- Here will be the subscribe button -->
<div class="video-info-help">
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think you need this wrapper.

Comments
</div>
<ng-template [ngIf]="video.commentsEnabled === true">
<div class="comment-help">
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think you need this wrapper.

</div>
<ng-template [ngIf]="video.commentsEnabled === true">
<div class="comment-help">
<my-help helpType="custom" customHtml="You can either comment on the page of your instance where this video is federated with your PeerTube account, or via any ActivityPub-capable fediverse instance. For instance with Mastodon or Pleroma you can type in the search box <strong>@{{video.account.displayName}}@{{video.account.host}}</strong> and find back the video. Direct commenting capabilities are being worked on in <a href='https://github.com/Chocobozzz/PeerTube/issues/224'>#224</a>."></my-help>
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

<my-help *ngIf="video.commentsEnabled === true"...

</div>

<ng-template [ngIf]="video.commentsEnabled === true">
<ng-template [ngIf]="video.commentsEnabled === true">
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Extra spaces

@@ -19,6 +19,16 @@
font-size: 13px;
}

.title-block {
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

.title-block .title-page

@tcitworld
Copy link
Collaborator

I like the idea but I think the text is too long. Maybe the button can link to a dedicated help page.

@@ -19,6 +19,14 @@
font-size: 13px;
}

.title-block .title-page {
margin-right: 0px;
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

wrong indentation + margin-right: 0

@rigelk
Copy link
Collaborator Author

rigelk commented May 10, 2018

@tcitworld that's clearly a temporary band-aid solution, so I'm not sratching my head too much with the text.

Where would you see the page?

@Chocobozzz
Copy link
Owner

Thanks @rigelk, nice job!

I merge but if you think it's better ton put it in another page, feel free to open another PR!

@Chocobozzz Chocobozzz merged commit 169310b into Chocobozzz:develop May 11, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants