|
24 | 24 | </ng-container> |
25 | 25 | </div> |
26 | 26 | <div id="buttons_area"> |
27 | | - <button id="join_button" *ngIf="!group.userLevel" class="btn_medium_close" |
28 | | - translate="VIEWS.GROUP.BTN_JOIN" (click)="joinGroup(group)"></button> |
| 27 | + <button id="join_button" *ngIf="!group.userLevel" class="btn_medium_close" translate="VIEWS.GROUP.BTN_JOIN" |
| 28 | + (click)="joinGroup(group)"></button> |
29 | 29 | <div *ngIf="(group.userLevel)" class="permissions_lable tablet_hidden" |
30 | 30 | [translate]="(group.userLevel !== 'read')? ('TXT_GROUP_LEVELS_' + group.userLevel | uppercase) : 'VIEWS.GROUP.LBL_JOINED'"> |
31 | 31 | </div> |
|
385 | 385 | <div class="info_number">{{group.members.topics.count.followUp || 0}}</div> |
386 | 386 | </div> |
387 | 387 | </div> |
388 | | - <a id="view_more" class="tablet_show" (click)="moreInfo = !moreInfo" *ngIf="!moreInfo"> |
389 | | - <div class="bold" *ngIf="!moreInfo" translate="VIEWS.GROUP.LNK_MORE_INFO"></div> |
390 | | - <div class="bold" *ngIf="moreInfo" translate="VIEWS.GROUP.LNK_CLOSE_INFO"></div> |
391 | | - <svg *ngIf="!moreInfo" width="24" height="24" viewBox="0 0 24 24" fill="none" |
392 | | - xmlns="http://www.w3.org/2000/svg"> |
393 | | - <path d="M17 10L12 15L7 10" stroke="#1168A8" stroke-width="2" stroke-linecap="round" /> |
394 | | - </svg> |
395 | | - <svg *ngIf="moreInfo" width="24" height="24" viewBox="0 0 24 24" transform="rotate(180)" fill="none" |
396 | | - xmlns="http://www.w3.org/2000/svg"> |
397 | | - <path d="M17 10L12 15L7 10" stroke="#1168A8" stroke-width="2" stroke-linecap="round" /> |
398 | | - </svg> |
399 | | - </a> |
| 388 | + <div class="mobile_hidden"> |
| 389 | + <a id="view_more" class="tablet_show" (click)="moreInfo = !moreInfo" *ngIf="!moreInfo"> |
| 390 | + <div class="bold" *ngIf="!moreInfo" translate="VIEWS.GROUP.LNK_MORE_INFO"></div> |
| 391 | + <div class="bold" *ngIf="moreInfo" translate="VIEWS.GROUP.LNK_CLOSE_INFO"></div> |
| 392 | + <svg *ngIf="!moreInfo" width="24" height="24" viewBox="0 0 24 24" fill="none" |
| 393 | + xmlns="http://www.w3.org/2000/svg"> |
| 394 | + <path d="M17 10L12 15L7 10" stroke="#1168A8" stroke-width="2" stroke-linecap="round" /> |
| 395 | + </svg> |
| 396 | + <svg *ngIf="moreInfo" width="24" height="24" viewBox="0 0 24 24" transform="rotate(180)" fill="none" |
| 397 | + xmlns="http://www.w3.org/2000/svg"> |
| 398 | + <path d="M17 10L12 15L7 10" stroke="#1168A8" stroke-width="2" stroke-linecap="round" /> |
| 399 | + </svg> |
| 400 | + </a> |
| 401 | + </div> |
| 402 | + <div class="button_wrap mobile_show" *ngIf="!moreInfo"> |
| 403 | + <button class="btn_medium_secondary" id="view_more_btn" (click)="moreInfo = !moreInfo"> |
| 404 | + <svg *ngIf="!moreInfo" width="24" height="24" viewBox="0 0 24 24" fill="none" |
| 405 | + xmlns="http://www.w3.org/2000/svg"> |
| 406 | + <path d="M17 10L12 15L7 10" stroke="#1168A8" stroke-width="2" stroke-linecap="round" /> |
| 407 | + </svg> |
| 408 | + <svg *ngIf="moreInfo" width="24" height="24" viewBox="0 0 24 24" fill="none" |
| 409 | + xmlns="http://www.w3.org/2000/svg"> |
| 410 | + <path d="M17 15L12 10L7 15" stroke="#1168A8" stroke-width="2" stroke-linecap="round" /> |
| 411 | + </svg> |
| 412 | + <span *ngIf="!moreInfo" translate="VIEWS.GROUP.LNK_MORE_INFO"></span> |
| 413 | + <span *ngIf="moreInfo" translate="VIEWS.GROUP.LNK_CLOSE_INFO"></span> |
| 414 | + </button> |
| 415 | + </div> |
400 | 416 | </div> |
401 | 417 | </div> |
402 | 418 | <div id="group_extra_info" [ngClass]=" {'open': moreInfo}"> |
|
509 | 525 | </div> |
510 | 526 | </div> |
511 | 527 | <div class="line_separator" *ngIf="moreInfo"></div> |
512 | | - <a id="view_more" (click)="moreInfo = !moreInfo" *ngIf="moreInfo"> |
| 528 | + <a id="view_more" class="mobile_hidden" (click)="moreInfo = !moreInfo" *ngIf="moreInfo"> |
513 | 529 | <div class="bold" *ngIf="!moreInfo" translate="VIEWS.GROUP.LNK_MORE_INFO"></div> |
514 | 530 | <div class="bold" *ngIf="moreInfo" translate="VIEWS.GROUP.LNK_CLOSE_INFO"></div> |
515 | 531 | <svg *ngIf="!moreInfo" width="24" height="24" viewBox="0 0 24 24" fill="none" |
|
521 | 537 | <path d="M17 10L12 15L7 10" stroke="#1168A8" stroke-width="2" stroke-linecap="round" /> |
522 | 538 | </svg> |
523 | 539 | </a> |
| 540 | + <div class="button_wrap mobile_show" *ngIf="moreInfo"> |
| 541 | + <button class="btn_medium_secondary" id="view_more_btn" (click)="moreInfo = !moreInfo"> |
| 542 | + <svg *ngIf="!moreInfo" width="24" height="24" viewBox="0 0 24 24" fill="none" |
| 543 | + xmlns="http://www.w3.org/2000/svg"> |
| 544 | + <path d="M17 10L12 15L7 10" stroke="#1168A8" stroke-width="2" stroke-linecap="round" /> |
| 545 | + </svg> |
| 546 | + <svg *ngIf="moreInfo" width="24" height="24" viewBox="0 0 24 24" fill="none" |
| 547 | + xmlns="http://www.w3.org/2000/svg"> |
| 548 | + <path d="M17 15L12 10L7 15" stroke="#1168A8" stroke-width="2" stroke-linecap="round" /> |
| 549 | + </svg> |
| 550 | + <span *ngIf="!moreInfo" translate="VIEWS.GROUP.LNK_MORE_INFO"></span> |
| 551 | + <span *ngIf="moreInfo" translate="VIEWS.GROUP.LNK_CLOSE_INFO"></span> |
| 552 | + </button> |
| 553 | + </div> |
524 | 554 | </div> |
525 | 555 |
|
526 | 556 | </div> |
|
1344 | 1374 | </div> |
1345 | 1375 | <!--MOBILE_TOPIC_FILTERS_END--> |
1346 | 1376 | </div> |
1347 | | - <div id="topics_area" *ngIf="topics$ | async as topics;" (click)="(removeTopics)? toggleRemove(): ''"> |
| 1377 | + <div id="topics_area" *ngIf="topics$ | async as topics;" (click)="(removeTopics)? toggleRemove(): ''"> |
1348 | 1378 | <ng-container *ngIf="!topics.length && !filtersSet"> |
1349 | 1379 | <div class="no_engagements"> |
1350 | 1380 | <div class="illustration"> |
|
1528 | 1558 | <div class="level_heading" translate="VIEWS.GROUP.ROLE"> |
1529 | 1559 | <div class="tooltip" tooltip> |
1530 | 1560 | <div class="content_title" translate="VIEWS.GROUP.TOOLTIP_MEMBERS_PERMISSIONS_HEADING"></div> |
1531 | | - <div class="content_description" [innerHTML]="'VIEWS.GROUP.TOOLTIP_MEMBERS_PERMISSIONS_DESCRIPTION' | translate"></div> |
| 1561 | + <div class="content_description" |
| 1562 | + [innerHTML]="'VIEWS.GROUP.TOOLTIP_MEMBERS_PERMISSIONS_DESCRIPTION' | translate"></div> |
1532 | 1563 | </div> |
1533 | 1564 | </div> |
1534 | 1565 |
|
|
0 commit comments