EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-3205 forum: Adapt forum discussion view

main
Pau Ferrer Ocaña 2019-10-25 13:10:29 +02:00
parent e1e2b83933
commit 4bc90e892a
4 changed files with 96 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/addon/mod/forum/components/post/addon-mod-forum-post.html
View File

@ -1,4 +1,5 @@
<ion-card-header text-wrap no-padding id="addon-mod_forum-post-{{post.id}}"> <div class="addon-mod_forum-post">
<ion-card-header text-wrap no-padding id="addon-mod_forum-post-{{post.id}}">
<ion-item text-wrap> <ion-item text-wrap>
<div class="addon-mod-forum-post-title"> <div class="addon-mod-forum-post-title">
<h2 text-wrap> <h2 text-wrap>
@ -20,17 +21,17 @@
</div> </div>
</div> </div>
</ion-item> </ion-item>
</ion-card-header> </ion-card-header>
<ion-card-content [attr.padding-top]="post.parent == 0 || null"> <ion-card-content [attr.padding-top]="post.parent == 0 || null">
<div padding-bottom *ngIf="post.isprivatereply"> <div padding-bottom *ngIf="post.isprivatereply">
<ion-note>{{ 'addon.mod_forum.postisprivatereply' | translate }}</ion-note> <ion-note>{{ 'addon.mod_forum.postisprivatereply' | translate }}</ion-note>
</div> </div>
<core-format-text [component]="component" [componentId]="componentId" [text]="post.message" contextLevel="module" [contextInstanceId]="forum && forum.cmid" [courseId]="courseId"></core-format-text> <core-format-text [component]="component" [componentId]="componentId" [text]="post.message" contextLevel="module" [contextInstanceId]="forum && forum.cmid" [courseId]="courseId"></core-format-text>
<div no-lines> <div no-lines *ngIf="post.attachments && post.attachments.length > 0">
<core-files *ngIf="post.attachments && post.attachments.length > 0" [files]="post.attachments" [component]="component" [componentId]="componentId" showInline="true"></core-files> <core-files [files]="post.attachments" [component]="component" [componentId]="componentId" showInline="true"></core-files>
</div> </div>
</ion-card-content> </ion-card-content>
<div class="addon-mod-forum-post-more-info"> <div class="addon-mod-forum-post-more-info">
<ion-item text-wrap *ngIf="tagsEnabled && post.tags && post.tags.length > 0"> <ion-item text-wrap *ngIf="tagsEnabled && post.tags && post.tags.length > 0">
<div item-start>{{ 'core.tag.tags' | translate }}:</div> <div item-start>{{ 'core.tag.tags' | translate }}:</div>
<core-tag-list [tags]="post.tags"></core-tag-list> <core-tag-list [tags]="post.tags"></core-tag-list>
@ -43,14 +44,14 @@
<ion-icon name="undo"></ion-icon> {{ 'addon.mod_forum.reply' | translate }} <ion-icon name="undo"></ion-icon> {{ 'addon.mod_forum.reply' | translate }}
</button> </button>
</ion-item> </ion-item>
</div> </div>
<ion-item text-end *ngIf="!post.id && (!replyData.isEditing || replyData.replyingTo != post.parent)"> <ion-item text-end *ngIf="!post.id && (!replyData.isEditing || replyData.replyingTo != post.parent)">
<button ion-button icon-left clear small (click)="editReply()" [attr.aria-controls]="'addon-forum-reply-edit-form-' + uniqueId" [attr.aria-expanded]="replyData.replyingTo === post.parent"> <button ion-button icon-left clear small (click)="editReply()" [attr.aria-controls]="'addon-forum-reply-edit-form-' + uniqueId" [attr.aria-expanded]="replyData.replyingTo === post.parent">
<ion-icon name="create"></ion-icon> {{ 'addon.mod_forum.edit' | translate }} <ion-icon name="create"></ion-icon> {{ 'addon.mod_forum.edit' | translate }}
</button> </button>
</ion-item> </ion-item>
<ion-list [id]="'addon-forum-reply-edit-form-' + uniqueId" *ngIf="(post.id && !replyData.isEditing && replyData.replyingTo == post.id) || (!post.id && replyData.isEditing && replyData.replyingTo == post.parent)"> <ion-list [id]="'addon-forum-reply-edit-form-' + uniqueId" *ngIf="(post.id && !replyData.isEditing && replyData.replyingTo == post.id) || (!post.id && replyData.isEditing && replyData.replyingTo == post.parent)">
<ion-item> <ion-item>
<ion-label stacked>{{ 'addon.mod_forum.subject' | translate }}</ion-label> <ion-label stacked>{{ 'addon.mod_forum.subject' | translate }}</ion-label>
<ion-input type="text" [placeholder]="'addon.mod_forum.subject' | translate" [(ngModel)]="replyData.subject"></ion-input> <ion-input type="text" [placeholder]="'addon.mod_forum.subject' | translate" [(ngModel)]="replyData.subject"></ion-input>
@ -86,4 +87,5 @@
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid> </ion-grid>
</ion-list> </ion-list>
</div>

9
src/addon/mod/forum/components/post/post.scss
View File

@ -1,4 +1,7 @@
ion-app.app-root addon-mod-forum-post { ion-app.app-root addon-mod-forum-post .addon-mod_forum-post {
background-color: $white;
border-bottom: 1px solid $list-md-border-color;
.addon-forum-star { .addon-forum-star {
color: $core-star-color; color: $core-star-color;
} }
@ -45,6 +48,10 @@ ion-app.app-root addon-mod-forum-post {
} }
} }
.item .item-inner {
border-bottom: 0;
}
.addon-mod-forum-post-more-info div { .addon-mod-forum-post-more-info div {
font-size: 1.4rem; font-size: 1.4rem;
} }

4
src/addon/mod/forum/pages/discussion/discussion.html
View File

@ -41,9 +41,9 @@
<core-icon name="fa-lock"></core-icon> {{ 'addon.mod_forum.discussionlocked' | translate }} <core-icon name="fa-lock"></core-icon> {{ 'addon.mod_forum.discussionlocked' | translate }}
</ion-card> </ion-card>
<ion-card *ngIf="discussion" margin-bottom class="highlight"> <div *ngIf="discussion" margin-bottom class="highlight">
<addon-mod-forum-post [post]="discussion" [courseId]="courseId" [discussionId]="discussionId" [component]="component" [componentId]="cmId" [replyData]="replyData" [originalData]="originalData" [defaultSubject]="defaultSubject" [forum]="forum" [accessInfo]="accessInfo" [trackPosts]="trackPosts" [ratingInfo]="ratingInfo" (onPostChange)="postListChanged()"></addon-mod-forum-post> <addon-mod-forum-post [post]="discussion" [courseId]="courseId" [discussionId]="discussionId" [component]="component" [componentId]="cmId" [replyData]="replyData" [originalData]="originalData" [defaultSubject]="defaultSubject" [forum]="forum" [accessInfo]="accessInfo" [trackPosts]="trackPosts" [ratingInfo]="ratingInfo" (onPostChange)="postListChanged()"></addon-mod-forum-post>
</ion-card> </div>
<ion-card *ngIf="sort != 'nested'"> <ion-card *ngIf="sort != 'nested'">
<ng-container *ngFor="let post of posts; first as first"> <ng-container *ngFor="let post of posts; first as first">

2
src/addon/mod/forum/pages/discussion/discussion.scss
View File

@ -1,5 +1,5 @@
ion-app.app-root page-addon-mod-forum-discussion { ion-app.app-root page-addon-mod-forum-discussion {
.card.highlight .card-header .item { .highlight .card-header .item {
background-color: $gray-lighter; background-color: $gray-lighter;
@include darkmode() { @include darkmode() {
background-color: $black; background-color: $black;