Content Switch {{ 'SAMPLE' |translate }}

{{ 'PRESS_BUTTON_FOR_SHOW_HIDE' | translate }}

{{:: 'CODE' | translate}}
<div class="sample-output">
    <pip-picture-list-edit class="bm8"
                           ng-show="showPictures"
                           pip-picture-ids="item.pictureIds"
                           pip-created="examplePictures = $event.sender">
    </pip-picture-list-edit>

    <pip-document-list-edit ng-show="showDocuments"
                            pip-documents="item.docs"
                            pip-created="exampleDocs = $event.sender">
    </pip-document-list-edit>

    <pip-time-edit class="bm16"
                   ng-show="showEvent"
                   pip-start-date="item.start"
                   pip-end-date="item.end"
                   pip-start-label="{{'Start time'}}"
                   pip-end-label="{{'End time'}}">
    </pip-time-edit>

    <pip-location-edit class="bm16 map-edit"
                       ng-show="showLocation"
                       pip-location-name="item.loc_name"
                       pip-location-pos="item.loc_pos">
    </pip-location-edit>
</div>
<pip-content-switch flex pip-parent-element-name="'.sample-output'">
</pip-content-switch>