OpenSlides/client/src/app/site/motions/motion-detail/motion-detail.component.html

<mat-toolbar color='primary'>

    <button class='generic-mini-button on-transition-fade' mat-mini-fab>
        <fa-icon icon='pen'></fa-icon>
    </button>

    <!-- motion.identifier -->
    <!-- motion.versions[0].title -->
    <div class='motion-title on-transition-fade'>
        <span translate>Motion</span> {{motion.identifier}}: {{motion.currentTitle}}
        <br>
        <div class='motion-submitter'>
            <span translate>by</span> {{motion.submitterName}}
        </div>
    </div>
</mat-toolbar>

<mat-accordion multi='true' class='on-transition-fade'>
    <!-- <mat-expansion-panel [expanded]='true' class='meta-info-panel'> -->
    <mat-expansion-panel class='meta-info-panel'>
        <mat-expansion-panel-header>
            <mat-panel-title>
                <fa-icon icon='info-circle' [fixedWidth]="true"></fa-icon>
                <span translate>Meta information</span>
            </mat-panel-title>
        </mat-expansion-panel-header>
        <div class='meta-info-panel-body'>

            <h3 translate *ngIf="motion.submitterName">Submitters</h3>
            {{motion.submitterName}}

            <h3 translate *ngIf='motion.supporters_id && motion.supporters_id.length > 0'>Supporters</h3>

            <h3 translate *ngIf='motion.state_id'>Status</h3>
            {{motion.stateName}}

            <h3 translate *ngIf='motion.recommendation_id'>{{motion.recomBy}}</h3>
            <!-- config.get(motions_recommendations_by) -->
            {{motion.recommendation}}

            <h3 translate *ngIf="motion.category_id">Category</h3>
            {{motion.category}}

            <h3 translate *ngIf="motion.origin">Origin</h3>
            {{motion.origin}}

            <h3 translate *ngIf='motion.polls && motion.polls.length > 0'>Voting</h3>
        </div>
    </mat-expansion-panel>
    <!-- <mat-expansion-panel [expanded]='true'> -->
    <mat-expansion-panel>
        <mat-expansion-panel-header>
            <mat-panel-title>
                <fa-icon icon='file-signature' [fixedWidth]="true"></fa-icon>
                <span translate>Personal note</span>
            </mat-panel-title>
        </mat-expansion-panel-header>
        TEST
    </mat-expansion-panel>
    <mat-expansion-panel [expanded]='true' class='content-panel'>
        <mat-expansion-panel-header>
            <mat-panel-title>
                <fa-icon icon='align-left' [fixedWidth]="true"></fa-icon>
                <span translate>Content</span>
            </mat-panel-title>
        </mat-expansion-panel-header>

        <h3 translate>The assembly may decide:</h3>
        <div [innerHtml]='motion.currentText'></div>

        <h4 *ngIf='motion.currentReason' translate class='motion-reason-label'>Reason</h4>
        <div [innerHtml]='motion.currentReason'></div>

    </mat-expansion-panel>
</mat-accordion>