anonymous_github/public/partials/dashboard.htm

<div class="container-fluid h-100">
  <div class="row h-100">
    <div class="leftCol shadow p-1 h-100 overflow-auto">
      <a class="btn btn-block black_border" href="/anonymize">
        <i class="fa fa-plus-circle" aria-hidden="true"></i> Anonymize
      </a>
      <a
        class="btn btn-block black_border"
        href="/claim"
        title="Claim the ownership of an existing anonymized repository."
        data-toggle="tooltip"
        data-placement="bottom"
      >
        Claim repository
      </a>

      <h3>Filters</h3>
      <div class="form-group">
        <label for="search">Search</label>
        <input
          type="search"
          class="form-control"
          id="search"
          placeholder="Search..."
          ng-model="search"
        />
      </div>
      <div class="form-group">
        <label for="order">Order</label>
        <select class="custom-select" ng-model="orderBy">
          <option value="repoId">Repository ID</option>
          <option value="fullName">Repository</option>
          <option value="-anonymizeDate">Anonymize Date</option>
          <option value="-status">Status</option>
          <option value="-lastView">Last View</option>
          <option value="-pageView">Page View</option>
        </select>
      </div>
      <h5>Status</h5>
      <div class="form-check">
        <input
          class="form-check-input"
          type="checkbox"
          ng-model="filters.status.ready"
          id="ready"
        />
        <label class="form-check-label" for="ready"> Ready </label>
      </div>
      <div class="form-check">
        <input
          class="form-check-input"
          type="checkbox"
          ng-model="filters.status.expired"
          id="expired"
        />
        <label class="form-check-label" for="expired"> Expired </label>
      </div>
      <div class="form-check">
        <input
          class="form-check-input"
          type="checkbox"
          ng-model="filters.status.removed"
          id="removed"
        />
        <label class="form-check-label" for="removed"> Removed </label>
      </div>
    </div>
    <div class="col h-100 overflow-auto">
      <div class="row">
        <div class="col p-0">
          <table class="table repositories">
            <thead class="thead-light">
              <tr>
                <th scope="col">#</th>
                <th scope="col">Repository ID</th>
                <th scope="col">Anonymized repository</th>
                <th scope="col">Branch</th>
                <!-- <th scope="col">Commit</th> -->
                <th scope="col" class="text-center"># Terms</th>
                <th scope="col" class="text-center">Status</th>
                <th scope="col" class="text-center">Expiration</th>
                <th scope="col" class="text-center">Anonymize date</th>
                <th scope="col" class="text-center"># Views</th>
                <th scope="col" class="text-center">Last view</th>
                <th scope="col" class="text-right">Actions</th>
              </tr>
            </thead>
            <tbody>
              <tr
                class="align-middle"
                ng-repeat="repo in repositories| filter:repoFiler| orderBy:orderBy as filteredRepositories"
              >
                <th scope="row" class="align-middle">{{$index + 1}}</th>
                <td class="align-middle">
                  <a href="/r/{{repo.repoId}}" target="__self"
                    >{{repo.repoId}}</a
                  >
                </td>
                <td
                  class="align-middle"
                  title="Commit: {{repo.commit}}"
                  data-toggle="tooltip"
                  data-placement="bottom"
                >
                  <a
                    href="https://github.com/{{repo.fullName}}/commit/{{repo.commit}}"
                    >{{repo.fullName}}</a
                  >
                </td>
                <td
                  title="Commit: {{repo.commit}}"
                  data-toggle="tooltip"
                  data-placement="bottom"
                  class="align-middle"
                >
                  {{repo.branch}}
                </td>
                <!-- <td>{{repo.commit.substring(0, 6)}}</td> -->
                <td class="text-center align-middle">{{repo.terms.length}}</td>
                <td class="text-center align-middle">
                  {{repo.status | title}}
                </td>
                <td
                  class="text-center align-middle"
                  ng-bind="repo.options.expirationDate | date"
                  ng-if="repo.options.expirationMode!='never'"
                ></td>
                <td
                  class="text-center align-middle"
                  ng-bind="repo.options.expirationMode | title"
                  ng-if="repo.options.expirationMode=='never'"
                ></td>
                <td class="text-center align-middle">
                  {{repo.anonymizeDate | date}}
                </td>
                <td class="text-center align-middle">{{repo.pageView}}</td>
                <td class="text-center align-middle">
                  {{repo.lastView | date}}
                </td>
                <td class="text-right align-middle">
                  <div class="dropdown">
                    <button
                      class="btn black_border dropdown-toggle btn-sm"
                      type="button"
                      id="dropdownMenuButton"
                      data-toggle="dropdown"
                      aria-haspopup="true"
                      aria-expanded="false"
                    >
                      Actions
                    </button>
                    <div
                      class="dropdown-menu"
                      aria-labelledby="dropdownMenuButton"
                    >
                      <a
                        class="dropdown-item"
                        href="/anonymize/{{repo.repoId}}"
                        target="_self"
                      >
                        <i class="fa fa-edit" aria-hidden="true"></i> Edit
                      </a>
                      <a
                        class="dropdown-item"
                        href="#"
                        ng-show="repo.status == 'ready'"
                        ng-click="updateRepository(repo)"
                      >
                        <i class="fa fa-undo" aria-hidden="true"></i> Force
                        update
                      </a>
                      <a
                        class="dropdown-item"
                        href="#"
                        ng-show="repo.status == 'removed'"
                        ng-click="updateRepository(repo)"
                      >
                        <i class="fa fa-check-circle" aria-hidden="true"></i>
                        Enable
                      </a>
                      <a
                        class="dropdown-item"
                        href="#"
                        ng-show="repo.status != 'removed'"
                        ng-click="removeRepository(repo)"
                      >
                        <i class="fa fa-remove" aria-hidden="true"></i> Remove
                      </a>
                      <a
                        class="dropdown-item"
                        href="/r/{{repo.repoId}}"
                        target="_self"
                      >
                        <i class="fa fa-eye" aria-hidden="true"></i> View Repo
                      </a>
                      <a
                        class="dropdown-item"
                        href="/w/{{repo.repoId}}"
                        target="_self"
                        ng-if="repo.options.page"
                      >
                        <i class="fa fa-globe" aria-hidden="true"></i> View Page
                      </a>
                      <a
                        class="dropdown-item"
                        href="/w/{{repo.repoId}}"
                        target="_self"
                        ng-if="repo.options.page"
                        >View GitHub Page</a
                      >
                    </div>
                  </div>
                </td>
              </tr>
              <tr ng-hide="filteredRepositories.length">
                <td></td>
                <td>No Repository</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>