anonymous_github/public/partials/admin/user.htm

<div class="container page">
  <!-- Admin Navigation -->
  <nav class="admin-nav">
    <a href="/admin/">
      <i class="fas fa-code-branch"></i> Repositories
    </a>
    <a href="/admin/users" class="active">
      <i class="fas fa-users"></i> Users
    </a>
    <a href="/admin/conferences">
      <i class="fas fa-chalkboard-teacher"></i> Conferences
    </a>
    <a href="/admin/queues">
      <i class="fas fa-tasks"></i> Queues
    </a>
  </nav>

  <!-- User Detail Card -->
  <div class="user-detail-card" ng-if="userInfo">
    <div class="user-header">
      <img
        ng-src="{{userInfo.photo}}"
        ng-if="userInfo.photo"
        width="48"
        height="48"
      />
      <div>
        <h1>
          {{userInfo.username}}
          <span
            class="status-badge"
            ng-class="'status-' + userInfo.status"
          >{{userInfo.status | title}}</span>
          <span
            class="status-badge status-active"
            ng-if="userInfo.isAdmin"
          >Admin</span>
        </h1>
      </div>
    </div>

    <div class="user-detail-grid">
      <div class="detail-label">ID</div>
      <div class="detail-value">{{userInfo._id}}</div>

      <div class="detail-label">Email</div>
      <div class="detail-value">{{userInfo.emails[0].email}}</div>

      <div class="detail-label">Access Token</div>
      <div class="detail-value" style="font-family: monospace; font-size: 0.85rem;">{{userInfo.accessTokens.github}}</div>

      <div class="detail-label">GitHub</div>
      <div class="detail-value">
        <a ng-href="https://github.com/{{userInfo.username}}" target="_blank">
          <i class="fab fa-github"></i> {{userInfo.username}}
        </a>
      </div>

      <div class="detail-label">GitHub Repos</div>
      <div class="detail-value">
        {{userInfo.repositories.length}} repositories
        <button
          class="btn btn-sm ml-2"
          ng-click="showRepos = !showRepos"
        >
          {{showRepos ? 'Hide' : 'Show'}}
        </button>
        <button
          class="btn btn-primary btn-sm ml-1"
          ng-click="getGitHubRepositories()"
        >
          <i class="fas fa-sync"></i> Refresh
        </button>
      </div>
    </div>

    <!-- GitHub repos expandable list -->
    <div ng-if="showRepos" style="margin-top: 16px">
      <div
        class="admin-list-item"
        ng-repeat="repo in userInfo.repositories"
      >
        <div class="item-main">
          <div class="item-title" style="font-size: 0.9rem">{{repo.name}}</div>
          <div class="item-meta">
            <span title="Size">
              <i class="fas fa-database"></i> {{::repo.size | humanFileSize}}
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Repositories Section -->
  <div class="admin-section-header">
    <h2><i class="fas fa-code-branch mr-1"></i> Anonymized Repositories</h2>
    <span class="section-count">{{repositories.length}}</span>
  </div>

  <!-- Toolbar -->
  <div class="admin-toolbar">
    <input
      type="search"
      class="form-control"
      aria-label="Search repositories..."
      placeholder="Search repositories..."
      autocomplete="off"
      ng-model="search"
    />

    <div class="dropdown">
      <button
        class="btn btn-sm dropdown-toggle"
        type="button"
        id="dropdownSort"
        data-toggle="dropdown"
      >
        <i class="fas fa-sort"></i> Sort
      </button>
      <div class="dropdown-menu" aria-labelledby="dropdownSort">
        <h6 class="dropdown-header">Sort by</h6>
        <a class="dropdown-item" href="#" ng-click="orderBy = '-anonymizeDate'">
          <i class="fas fa-check" ng-show="orderBy == '-anonymizeDate'"></i> Anonymize Date
        </a>
        <a class="dropdown-item" href="#" ng-click="orderBy = 'repoId'">
          <i class="fas fa-check" ng-show="orderBy == 'repoId'"></i> ID
        </a>
        <a class="dropdown-item" href="#" ng-click="orderBy = '-status'">
          <i class="fas fa-check" ng-show="orderBy == '-status'"></i> Status
        </a>
      </div>
    </div>

    <div class="dropdown">
      <button
        class="btn btn-sm dropdown-toggle"
        type="button"
        id="dropdownStatus"
        data-toggle="dropdown"
      >
        <i class="fas fa-filter"></i> Status
      </button>
      <div class="dropdown-menu" aria-labelledby="dropdownStatus">
        <label class="dropdown-item mb-0">
          <input type="checkbox" ng-model="filters.status.ready" /> Ready
        </label>
        <label class="dropdown-item mb-0">
          <input type="checkbox" ng-model="filters.status.expired" /> Expired
        </label>
        <label class="dropdown-item mb-0">
          <input type="checkbox" ng-model="filters.status.removed" /> Removed
        </label>
      </div>
    </div>
  </div>

  <!-- Repository List -->
  <div
    class="admin-list-item"
    ng-repeat="repo in repositories | filter:repoFiler | orderBy:orderBy as filteredRepositories"
  >
    <div class="item-main">
      <div class="item-title">
        <a ng-href="/r/{{repo.repoId}}" ng-bind="repo.repoId"></a>
        <span
          class="status-badge"
          ng-class="'status-' + repo.status"
        >{{repo.status | title}}</span>
      </div>
      <div class="item-meta">
        <span>
          <i class="fab fa-github"></i>
          <a
            href="https://github.com/{{repo.source.fullName}}/"
            ng-bind="repo.source.fullName"
          ></a>
        </span>
        <span ng-if="repo.options.update">
          <i class="fas fa-code-branch"></i>
          <a
            href="https://github.com/{{repo.source.fullName}}/tree/{{repo.source.branch}}"
            ng-bind="repo.source.branch"
          ></a>
        </span>
        <span ng-if="!repo.options.update">
          @<a
            href="https://github.com/{{repo.source.fullName}}/tree/{{repo.source.commit}}"
            ng-bind="repo.source.commit.substring(0, 8)"
          ></a>
        </span>
        <span>anonymized {{repo.anonymizeDate | humanTime}}</span>
      </div>
      <div class="item-meta" style="margin-top: 4px">
        <span title="Terms: {{::repo.options.terms.join(', ')}}">
          <i class="fas fa-shield-alt"></i> {{::repo.options.terms.length | number}}
        </span>
        <span title="Size">
          <i class="fas fa-database"></i> {{::repo.size.storage | humanFileSize}}
        </span>
        <span>
          <i class="far fa-eye"></i> {{::repo.pageView | number}}
        </span>
        <span>
          <i class="far fa-calendar-alt"></i> Last: {{::repo.lastView | humanTime}}
        </span>
        <span ng-if="repo.options.expirationMode != 'never' && repo.status == 'ready'">
          <i class="far fa-clock"></i> Expire: {{repo.options.expirationDate | humanTime}}
        </span>
      </div>
    </div>
    <div class="item-actions">
      <div class="dropdown">
        <button
          class="btn dropdown-toggle btn-sm"
          type="button"
          data-toggle="dropdown"
        >
          Actions
        </button>
        <div class="dropdown-menu dropdown-menu-right">
          <a class="dropdown-item" href="/anonymize/{{repo.repoId}}">
            <i class="far fa-edit"></i> Edit
          </a>
          <a class="dropdown-item" href="/r/{{repo.repoId}}/">
            <i class="fa fa-eye"></i> View Repo
          </a>
          <a
            class="dropdown-item"
            href="/w/{{repo.repoId}}/"
            target="_self"
            ng-if="repo.options.page && repo.status == 'ready'"
          >
            <i class="fas fa-globe"></i> View Page
          </a>
          <div class="dropdown-divider"></div>
          <a
            class="dropdown-item"
            href="#"
            ng-show="repo.status == 'ready' || repo.status == 'error'"
            ng-click="updateRepository(repo)"
          >
            <i class="fas fa-sync"></i> Force Update
          </a>
          <a
            class="dropdown-item"
            href="#"
            ng-show="repo.status == 'removed'"
            ng-click="updateRepository(repo)"
          >
            <i class="fas fa-check-circle"></i> Enable
          </a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#" ng-click="removeCache(repo)">
            <i class="fas fa-broom"></i> Remove Cache
          </a>
          <a
            class="dropdown-item text-danger"
            href="#"
            ng-show="repo.status == 'ready'"
            ng-click="removeRepository(repo)"
          >
            <i class="fas fa-trash-alt"></i> Remove
          </a>
        </div>
      </div>
    </div>
  </div>

  <div class="empty-state" ng-if="filteredRepositories.length == 0">
    <i class="fas fa-code-branch"></i>
    No repositories to display.
  </div>
</div>