Revision 58653
Added by Konstantina Galouni almost 4 years ago
| community.component.html | ||
|---|---|---|
| 253 | 253 |
<!-- </div>--> |
| 254 | 254 |
<div> |
| 255 | 255 |
<div class="main-tabs-div"> |
| 256 |
<ul uk-tab class="uk-text-truncate main-tabs uk-margin-remove uk-child-width-expand uk-width-3-4" uk-switcher="connect: .main-tabs-content"> |
|
| 257 |
<li class="uk-padding-remove"> |
|
| 256 |
<ul uk-tab class="uk-tab uk-text-truncate main-tabs uk-margin-remove uk-child-width-expand uk-width-3-4" uk-switcher="connect: .main-tabs-content">
|
|
| 257 |
<li class="uk-padding-remove uk-active">
|
|
| 258 | 258 |
<a class="uk-width-1-1 uk-height-1-1"> |
| 259 | 259 |
<div class="tab-header">Summary</div> |
| 260 | 260 |
</a> |
| ... | ... | |
| 297 | 297 |
</ul> |
| 298 | 298 |
</div> |
| 299 | 299 |
<ul class="uk-switcher main-tabs-content"> |
| 300 |
<li> |
|
| 300 |
<li class="uk-active">
|
|
| 301 | 301 |
<div *ngIf="community" class="uk-grid uk-margin-remove"> |
| 302 | 302 |
<div class="uk-width-expand uk-padding uk-inline"> |
| 303 |
<div *ngIf="community.description" |
|
| 304 |
class="uk-margin-bottom "> |
|
| 305 |
<!-- [class]="'uk-margin-bottom '+ ((subscribeComponent && subscribeComponent.subscribers > 0) || community.date ? 'uk-margin-top' : '')">--> |
|
| 306 |
<div *ngIf="!showAllDescription" class=""> |
|
| 307 |
{{community.description.substring(0, thresholdDescription)}}{{community.description.length > thresholdDescription ? '...' : ''}}</div>
|
|
| 308 |
<div *ngIf="showAllDescription" class="uk-overflow-auto"> |
|
| 309 |
<div class="uk-height-max-medium">{{community.description}}</div>
|
|
| 310 |
</div> |
|
| 311 |
<!-- uk-padding uk-padding-remove-top uk-position-bottom-right--> |
|
| 312 |
<div *ngIf="!showAllDescription && community.description.length > thresholdDescription " |
|
| 313 |
class="uk-animation-fade uk-margin-small-top uk-text-right"> |
|
| 314 |
<a (click)="showAllDescription = !showAllDescription;">Read more |
|
| 315 |
</a> |
|
| 316 |
</div> |
|
| 317 |
<!-- uk-padding uk-padding-remove-top uk-position-bottom-right--> |
|
| 318 |
<div *ngIf="showAllDescription" |
|
| 319 |
class="uk-animation-fade uk-margin-small-top uk-text-right"> |
|
| 320 |
<a (click)="showAllDescription = !showAllDescription;"> |
|
| 321 |
Read less |
|
| 322 |
</a> |
|
| 323 |
</div> |
|
| 324 |
</div> |
|
| 325 |
|
|
| 303 | 326 |
<div *ngIf="isRouteEnabled('/curators')" [class]="community.managers ? 'uk-margin-small-bottom' : ''">
|
| 304 | 327 |
<curators [longView]="false" [managers]="community.managers" [communityId]="communityId"></curators> |
| 305 | 328 |
</div> |
| ... | ... | |
| 358 | 381 |
</svg> |
| 359 | 382 |
</span> |
| 360 | 383 |
</div> |
| 361 |
|
|
| 362 |
<div *ngIf="community.description" |
|
| 363 |
[class]="'uk-margin-bottom '+ ((subscribeComponent && subscribeComponent.subscribers > 0) || community.date ? 'uk-margin-top' : '')"> |
|
| 364 |
<div class="uk-text-muted">Description</div> |
|
| 365 |
<div *ngIf="!showAllDescription" class=""> |
|
| 366 |
{{community.description.substring(0, thresholdDescription)}}{{community.description.length > thresholdDescription ? '...' : ''}}</div>
|
|
| 367 |
<div *ngIf="showAllDescription" class="uk-overflow-auto"> |
|
| 368 |
<div class="uk-height-max-medium">{{community.description}}</div>
|
|
| 369 |
</div> |
|
| 370 |
<div *ngIf="!showAllDescription && community.description.length > thresholdDescription " |
|
| 371 |
class="uk-animation-fade uk-margin-small-top uk-padding uk-padding-remove-top uk-position-bottom-right"> |
|
| 372 |
<a (click)="showAllDescription = !showAllDescription;">Read more |
|
| 373 |
</a> |
|
| 374 |
</div> |
|
| 375 |
<div *ngIf="showAllDescription" |
|
| 376 |
class="uk-animation-fade uk-margin-small-top uk-padding uk-padding-remove-top uk-position-bottom-right"> |
|
| 377 |
<a (click)="showAllDescription = !showAllDescription;"> |
|
| 378 |
Read less |
|
| 379 |
</a> |
|
| 380 |
</div> |
|
| 381 |
</div> |
|
| 382 | 384 |
</div> |
| 383 | 385 |
<div *ngIf="isRouteEnabled('/subjects') && community.subjects && community.subjects.length > 0"
|
| 384 | 386 |
class="uk-width-1-3 uk-padding right-column uk-inline"> |
Also available in: Unified diff
[Trunk | Connect]:
1. community.component:
a. [Bug fix] Add 'uk-tab' and 'uk-active' class to load css without javascript enabled.
b. In tab 'Summary', reorder information - description goes on top.
c. Cut description in first 500 characters, if length > 600, otherwise do not cut it.
2. curators.component: Add 'view all/ less' functionality.