Title *

Title is required, minimum 10 characters.

Type *

Type is required.

Visibility

Deadline

Summary *

<p ng-show="questionForm.summary.$invalid && !questionForm.summary.$pristine"
           class="help-block">A summary is required.</p>
      </div>
    </div>

<label class="col-md-2 control-label">Themes *</label>

<p ng-show="question.themes.length < 1 && !questionForm.themes.$pristine"
             class="help-block">At least one theme is required.</p>
        </div>
        <datalist id="existingThemes">
          <option  data-ng-repeat="theme in existing.themes" value="{{theme}}">
        </datalist>

<div class="col-md-7">
        <span  ng-repeat="theme in question.themes" class="" aria-hidden="true">
          {{theme}}
          <button type="button" class="close" title="remove" ng-click="removeTheme(theme);">
            ×
          </button>
        </span>
      </div>

</div>

<label class="col-md-2 control-label">Experts</label>

<ui-select multiple ng-model="question.participants"
                     theme="bootstrap" reset-search-input="true"
                     ng-disabled="disabled" class="form-control">

<ui-select-match placeholder="Select expert...">
              {{$item.firstName}} {{$item.name}} ({{$item.organization}})
            </ui-select-match>

<ui-select-choices
                repeat="expert in users.participants track by expert.id | propsFilter: {name: $select.search, firstName: $select.search, organization: $select.search}"
                refresh="refreshExperts($select.search)"
                refresh-delay="500">
              {{expert.firstName}} {{expert.name}} ({{expert.organization}})
            </ui-select-choices>
          </ui-select>

</div>

<div class="">
        <label class="col-md-2 control-label">Clients</label>

<ui-select multiple ng-model="question.clients"
                     theme="bootstrap" reset-search-input="true"
                     ng-disabled="disabled" class="form-control">

<ui-select-match placeholder="Select client...">
              {{$item.firstName}} {{$item.name}} ({{$item.organization}})
            </ui-select-match>

<ui-select-choices
                repeat="expert in users.clients | propsFilter: {name: $select.search, firstName: $select.search, organization: $select.search}"
                refresh="refreshClients($select.search)"
                refresh-delay="500">
              {{expert.firstName}} {{expert.name}} ({{expert.organization}})
            </ui-select-choices>
          </ui-select>

</div>

<label class="col-md-2 control-label">External Experts</label>

</div>

<div class="">
        <label class="col-md-2 control-label">Supervisors</label>

<ui-select multiple ng-model="question.supervisors"
                     theme="bootstrap" reset-search-input="true"
                     ng-disabled="disabled" class="form-control">

<ui-select-match placeholder="Select supervisor...">
              {{$item.firstName}} {{$item.name}} ({{$item.organization}})
            </ui-select-match>

<ui-select-choices
                repeat="expert in users.supervisors track by expert.id | propsFilter: {name: $select.search, firstName: $select.search, organization: $select.search}"
                refresh="refreshSupervisors($select.search)"
                refresh-delay="500">
              {{expert.firstName}} {{expert.name}} ({{expert.organization}})
            </ui-select-choices>
          </ui-select>

</div>

<label class="col-md-2 control-label">Parent Questions</label>

<div class="col-md-10">
        <table class="table table-bordered table-condensed">
          <tr>
            <th>Title</th>
            <th>Submission Date</th>
            <th>Themes</th>
            <th>Status</th>
            <th>
              <a class="btn fa fa-search" title="Search parent question"
                 ng-click="modalSearchParents()" />
            </th>
          </tr>
          <tr ng-repeat="parent in question.parents">
            <td tooltip-placement="bottom" tooltip-html-unsafe="{{parent.summary}}">
                {{parent.title}}
            </td>
            <td>{{parent.submissionDate | date:'mediumDate'}}</td>
            <td><span ng-repeat="theme in parent.themes">{{theme}}, </span></td>
            <td>{{parent.status}}</td>
            <td><a class="btn fa fa-minus" title="Remove parent question"
                   ng-click="removeParent(parent)"
                   ng-if="currentUser.role == 'SUPERVISOR'"/></td>
          </tr>
        </table>
      </div>

</div>

<label class="col-md-2 control-label">Related Documents</label>

<div class="col-md-10">
        <table class="table table-bordered table-condensed">
          <tr>
            <th>Name</th>
            <th>Owner</th>
            <th>Keywords</th>
            <th>Deposit Date</th>
            <th>
              <a class="btn fa fa-search" title="Search document"
                 ng-click="modalSearchDocuments(question.relatedDocuments)" />
              <a class="btn fa fa-plus" title="Add new Document"
                 ng-click="modalCreateDocument(question.relatedDocuments)"/>
            </th>
          </tr>
          <tr ng-repeat="document in question.relatedDocuments">
            <td>{{document.name}}</a></td>
            <td>{{document.ownerName}}</td>
            <td><span ng-repeat="keyword in document.keywords">{{keyword}}, </span></td>
            <td>{{document.depositDate | date:'mediumDate'}}</td>
            <td><a class="btn fa fa-minus" title="Remove document"
                   ng-click="removeDocument(document, question.relatedDocuments)"
                   ng-if="currentUser.role == 'SUPERVISOR'"/></td>
          </tr>
        </table>
      </div>

</div>