ui/src/app/common/components/indigo-components/directives/concept-details/concept-details.html

<div class="panel panel-info component" indigo-collapsible-component>
    <div class="panel-heading" i-translate="CONCEPT_DETAILS"></div>
    <div class="panel-body">
        <div class="row">
            <div class="col-xs-6">
                <simple-input>
                    <label i-translate="CONCEPT_SUBJECT_TITLE"></label>
                    <input class="form-control"
                           ng-model="vm.componentData.title"
                           ng-disabled="vm.isReadonly">
                </simple-input>
                <indigo-select indigo-label="Therapeutic Area"
                               indigo-dictionary="Therapeutic Area"
                               indigo-model="vm.componentData.therapeuticArea"
                               indigo-label-vertical="true"
                               indigo-readonly="vm.isReadonly">
                </indigo-select>
                <indigo-select indigo-label="Project Code & Name"
                              indigo-dictionary="Project Code & Name"
                              indigo-label-vertical="true"
                              indigo-model="vm.componentData.codeAndName"
                              indigo-readonly="vm.isReadonly">
                </indigo-select>
                <autocomplete label="Co-authors"
                              readonly="vm.isReadonly"
                              items="vm.users"
                              model="vm.coAuthors"
                              is-multiple="true"
                              on-remove="vm.updateIds('coAuthors', vm.coAuthors)"
                              on-select="vm.updateIds('coAuthors', vm.coAuthors)">
                </autocomplete>
                <!--Experiment Creator field is hidden for current release; to make it visible, remove ng-if and add
                attributes: indigo-change, indigo-remove -->
                <autocomple ng-if="false"
                            label="Experiment Creator (Author)"
                            model="vm.experimentCreator"
                            readonly="vm.isReadonly"
                            items="vm.users"
                ></autocomple>
            </div>
            <div class="col-xs-6">
                <indigo-date-picker indigo-label="Creation Date" indigo-label-vertical="true"
                                    indigo-model="vm.experiment.creationDate"
                                    indigo-readonly="true"></indigo-date-picker>
                <linked-experiments indigo-label="Linked Experiment"
                                    indigo-multiple
                                    close-on-select="false"
                                    indigo-model="vm.componentData.linkedExperiments"
                                    indigo-readonly="vm.isReadonly"
                                    indigo-placeholder="11112222-0003, 11112222-0005"></linked-experiments>
                <autocomplete label="Designers"
                              readonly="vm.isReadonly"
                              items="vm.users"
                              model="vm.designers"
                              is-multiple="true"
                              on-remove="vm.updateIds('designers', vm.designers)"
                              on-select="vm.updateIds('designers', vm.designers)">
                </autocomplete>
            </div>
        </div>
        <indigo-text-area indigo-label="Concept Keywords"
                          indigo-model="vm.componentData.keywords"
                          indigo-readonly="vm.isReadonly">
        </indigo-text-area>
    </div>
</div>