mock-manage-users-lib.underscore 2.34 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
<div id='page-alert'></div>
<div id='page-prompt'></div>

<div id="content">
    <div class="wrapper-mast wrapper">
      <header class="mast has-actions has-subtitle">
        <h1 class="page-header">
          <small class="subtitle">Settings</small>
          <span class="sr">&gt; </span>Instructor Access
        </h1>

        <nav class="nav-actions">
          <h3 class="sr">Page Actions</h3>
          <ul>
            <li class="nav-item">
16
              <a href="#" class="button new-button create-user-button"><span class="icon fa fa-plus" aria-hidden="true"></span> Add Instructor</a>
17 18
            </li>
          </ul>
19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48
        </nav>
      </header>
    </div>

    <div class="wrapper-content wrapper">
      <section class="content">
        <article class="content-primary" role="main">
          <div class="wrapper-create-element animate wrapper-create-user">
            <form class="form-create create-user" id="create-user-form" name="create-user-form">
              <div class="wrapper-form">
                <h3 class="title">Grant Instructor Access to This Library</h3>

                <fieldset class="form-fields">
                  <legend class="sr">New Instructor Information</legend>

                    <ol class="list-input">
                      <li class="field text required create-user-email">
                        <label for="user-email-input">User's Email Address</label>
                        <input id="user-email-input" class="user-email-input" name="user-email" type="text" placeholder="example: username@domain.com" value="">
                        <span class="tip tip-stacked">Please provide the email address of the instructor you'd like to add</span>
                      </li>
                    </ol>
                </fieldset>
              </div>

              <div class="actions">
                <button class="action action-primary" type="submit">Add User</button>
                <button class="action action-secondary action-cancel">Cancel</button>
              </div>
            </form>
49 50
          </div>

51 52
          <ol id="user-list" class="user-list">
            <div class="ui-loading">
53
              <p><span class="spin"><span class="icon fa fa-refresh" aria-hidden="true"></span></span> <span class="copy">Loading</span></p>
54 55
            </div>
          </ol>
56

57 58 59
        </article>
      </section>
    </div>
60
</div>