NIT_rma

by sthag

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<div class="container">
  <h1>RMA</h1>

  <div class="current mb-5">
    <header>
      <label for="basic-url">ID des Gerätes angeben um den RMA-Prozess zu beginnen:</label>
      <div class="input-group mb-3">
        <div class="input-group-prepend">
          <span class="input-group-text" id="input-id">ID-</span>
        </div>
        <input type="text" class="form-control" placeholder="#####" aria-label="ID" aria-describedby="input-id">
      </div>
    </header>

    <h2>
      Aktuell
    </h2>

    <div class="list-group">
      <a href="#" class="list-group-item list-group-item-action active">
        <div class="d-flex w-100 justify-content-between">
          <h5 class="mb-1">ID-4####</h5>
          <small>vor 4 Stunden (Datum)</small>
        </div>
        <p class="mb-1">Beschreibung des Defekts...</p>
        <div class="d-flex">
          <div class="pr-2"><span class="badge badge-light">Land</span></div>
          <div class="pr-2"><span class="badge badge-dark">Systemnummer</span></div>
          <div class="pr-2"><span class="badge badge-dark">Seriennummer</span></div>
          <div class="ml-auto"><span class="badge badge-warning">Häufigkeit</span></div>
        </div>
      </a>
      <a href="#" class="list-group-item list-group-item-action">
        <div class="d-flex w-100 justify-content-between">
          <h5 class="mb-1">ID-5####</h5>
          <small class="text-muted">vor 2 Stunden und 1 Tag (Datum)</small>
        </div>
        <p class="mb-1">Beschreibung des Defekts...</p>
        <div class="d-flex">
          <div class="pr-2"><span class="badge badge-light">Land</span></div>
          <div class="pr-2"><span class="badge...