e8bae62f04
LEARNER-1857 This story constitutes a large change to the UX of the learner profile. Some specific changes include adding a flexible learner profile card, limiting the bio entry to only 300 characters and assuring that the page is responsive.
47 lines
1.8 KiB
Plaintext
47 lines
1.8 KiB
Plaintext
<% if (title && titleVisible) { %>
|
|
<label class="u-field-title" for="u-field-select-<%- id %>">
|
|
<%- title %>
|
|
</label>
|
|
<% } else { %>
|
|
<label class="sr" for="u-field-select-<%- id %>">
|
|
<%- screenReaderTitle %>
|
|
</label>
|
|
<% } %>
|
|
|
|
<% if (editable !== 'never') { %>
|
|
<% if (iconName) { %>
|
|
<span class="u-field-icon icon fa <%- iconName %> fa-fw" aria-hidden="true"></span>
|
|
<% } %>
|
|
<% } %>
|
|
|
|
<span class="u-field-value">
|
|
<% if (editable === 'never') { %>
|
|
<span class="sr"><%- screenReaderTitle %> </span>
|
|
<span class="u-field-value-readonly"></span>
|
|
<% } else { %>
|
|
<select name="select" id="u-field-select-<%- id %>" aria-describedby="u-field-message-<%- id %>">
|
|
<% if (showBlankOption) { %>
|
|
<option value=""></option>
|
|
<% } %>
|
|
<% _.each(groupOptions, function(groupOption) { %>
|
|
<% if (groupOption.groupTitle != null) { %>
|
|
<optgroup label="<%- groupOption.groupTitle %>">
|
|
<% } %>
|
|
<% _.each(groupOption.selectOptions, function(selectOption) { %>
|
|
<option value="<%- selectOption[0] %>"><%- selectOption[1] %></option>
|
|
<% }); %>
|
|
<% }); %>
|
|
</select>
|
|
<button class="u-field-value-display">
|
|
<span class="sr"><%- screenReaderTitle %> </span>
|
|
<span class="u-field-value-readonly"></span>
|
|
<span class="sr"> <%- gettext('Click to edit') %></span>
|
|
</button>
|
|
<% } %>
|
|
</span>
|
|
|
|
<span class="u-field-message" id="u-field-message-<%- id %>">
|
|
<span class="u-field-message-notification" aria-live="polite"></span>
|
|
<span class="u-field-message-help" id="u-field-help-message-<%- id %>"><%- message %></span>
|
|
</span>
|