anonymous_github/public/partials/admin/conferences.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">
      <i class="fas fa-users"></i> Users
    </a>
    <a href="/admin/conferences" class="active">
      <i class="fas fa-chalkboard-teacher"></i> Conferences
    </a>
    <a href="/admin/queues">
      <i class="fas fa-tasks"></i> Queues
    </a>
  </nav>

  <!-- Summary Stats -->
  <div class="admin-stats">
    <div class="admin-stat-card">
      <div class="stat-value" ng-bind="total >= 0 ? (total | number) : '...'"></div>
      <div class="stat-label">Total Conferences</div>
    </div>
    <div class="admin-stat-card">
      <div class="stat-value">{{query.page}}/{{totalPage || '...'}}</div>
      <div class="stat-label">Current Page</div>
    </div>
  </div>

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

    <div class="pagination-compact">
      <button class="btn btn-sm" ng-click="query.page = Math.max(1, query.page - 1)" ng-disabled="query.page <= 1">
        <i class="fas fa-chevron-left"></i>
      </button>
      <input
        type="number"
        class="form-control form-control-sm"
        ng-model="query.page"
        min="1"
        max="{{totalPage}}"
      />
      <span>/{{totalPage}}</span>
      <button class="btn btn-sm" ng-click="query.page = Math.min(totalPage, query.page + 1)" ng-disabled="query.page >= totalPage">
        <i class="fas fa-chevron-right"></i>
      </button>
    </div>

    <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="query.sort = 'source.conferenceName'">
          <i class="fas fa-check" ng-show="query.sort == 'source.conferenceName'"></i> Conference
        </a>
        <a class="dropdown-item" href="#" ng-click="query.sort = 'anonymizeDate'">
          <i class="fas fa-check" ng-show="query.sort == 'anonymizeDate'"></i> Anonymize Date
        </a>
        <a class="dropdown-item" href="#" ng-click="query.sort = 'status'">
          <i class="fas fa-check" ng-show="query.sort == 'status'"></i> Status
        </a>
        <a class="dropdown-item" href="#" ng-click="query.sort = 'lastView'">
          <i class="fas fa-check" ng-show="query.sort == 'lastView'"></i> Last View
        </a>
        <a class="dropdown-item" href="#" ng-click="query.sort = 'pageView'">
          <i class="fas fa-check" ng-show="query.sort == 'pageView'"></i> Page Views
        </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">
        <h6 class="dropdown-header">Filter by status</h6>
        <label class="dropdown-item mb-0">
          <input type="checkbox" ng-model="query.ready" /> Ready
        </label>
        <label class="dropdown-item mb-0">
          <input type="checkbox" ng-model="query.preparing" /> Preparing
        </label>
        <label class="dropdown-item mb-0">
          <input type="checkbox" ng-model="query.expired" /> Expired
        </label>
        <label class="dropdown-item mb-0">
          <input type="checkbox" ng-model="query.removed" /> Removed
        </label>
        <label class="dropdown-item mb-0">
          <input type="checkbox" ng-model="query.error" /> Error
        </label>
      </div>
    </div>
  </div>

  <!-- Conference List -->
  <div
    class="admin-list-item"
    ng-repeat="conference in conferences | filter:conferenceFiler | orderBy:orderBy as filteredConferences"
  >
    <div class="item-main">
      <div class="item-title">
        <a
          ng-href="/conference/{{conference.conferenceID}}"
          ng-bind="conference.name"
        ></a>
        <span
          class="status-badge"
          ng-class="'status-' + conference.status"
        >{{conference.status | title}}</span>
      </div>
      <div class="item-meta">
        <span>
          <i class="fas fa-fingerprint"></i> ID: {{conference.conferenceID}}
        </span>
        <span>
          <i class="fas fa-table"></i> {{::conference.repositories.length || 0 | number}} repos
        </span>
        <span>
          <i class="fas fa-euro-sign"></i> {{conference.price || 0 | number}} &euro;
        </span>
        <span>
          <i class="fas fa-calendar-alt"></i>
          {{conference.startDate | date}} &ndash; {{conference.endDate | date}}
        </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="/conference/{{conference.conferenceID}}/edit">
            <i class="far fa-edit"></i> Edit
          </a>
          <a class="dropdown-item" href="/conference/{{conference.conferenceID}}/">
            <i class="fa fa-eye"></i> View
          </a>
          <div class="dropdown-divider"></div>
          <a
            class="dropdown-item text-danger"
            href="#"
            ng-show="conference.status != 'removed'"
            ng-click="removeConference(conference)"
          >
            <i class="fas fa-trash-alt"></i> Remove
          </a>
        </div>
      </div>
    </div>
  </div>

  <div class="empty-state" ng-if="filteredConferences.length == 0">
    <i class="fas fa-chalkboard-teacher"></i>
    No conferences match the current filters.
  </div>

  <!-- Bottom pagination -->
  <div class="admin-toolbar" ng-if="totalPage > 1" style="justify-content: center; border-bottom: none;">
    <div class="pagination-compact">
      <button class="btn btn-sm" ng-click="query.page = Math.max(1, query.page - 1)" ng-disabled="query.page <= 1">
        <i class="fas fa-chevron-left"></i> Previous
      </button>
      <span>Page {{query.page}} of {{totalPage}}</span>
      <button class="btn btn-sm" ng-click="query.page = Math.min(totalPage, query.page + 1)" ng-disabled="query.page >= totalPage">
        Next <i class="fas fa-chevron-right"></i>
      </button>
    </div>
  </div>
</div>