SAS-mock-LRM/index.html at main · ansforge/SAS-mock-LRM · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="fr">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Simulateur LRM</title>
  <link
    href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap"
    rel="stylesheet" />
  <link href="assets/css/mock.css" rel="stylesheet" />
  <script type="text/javascript" src="assets/js/mock.js"></script>
</head>

<body>

  <header class="header">
    <div class="header-logo">
      <img src="https://esante.gouv.fr/sites/default/files/logo-ANS.png" alt="Agence du Numérique en Santé" />
      <div class="header-divider"></div>
      <span class="header-title">Simulateur LRM</span>
    </div>
  </header>

  <main class="page">
    <div class="card">

      <!-- Patient + Orientation -->
      <div class="top-grid">

        <!-- Patient info -->
        <div class="top-col">
          <p class="section-label">Informations patient</p>
          <div class="grid grid-2" style="margin-bottom: 16px;">
            <div class="field">
              <label>Nom</label>
              <input id="npt_patient_name" placeholder="Dupont" />
            </div>
            <div class="field">
              <label>Prénom</label>
              <input id="npt_patient_firstname" placeholder="Jean" />
            </div>
          </div>
          <div class="grid grid-2" style="margin-bottom: 16px;">
            <div class="field">
              <label>Sexe</label>
              <select id="npt_patient_sex">
                <option value="M">Masculin</option>
                <option value="F">Féminin</option>
                <option value="U">Indéterminé</option>
              </select>
            </div>
            <div class="field">
              <label>Date de naissance</label>
              <input type="date" id="npt_patient_birthdate" />
            </div>
          </div>
          <div class="grid grid-2">
            <div class="field col-span-2">
              <label>Téléphone</label>
              <input id="npt_patient_phone" placeholder="06 xx xx xx xx" value="06 01 02 03 04" />
            </div>
          </div>
        </div>

        <!-- Orientation -->
        <div class="top-col">
          <p class="section-label">Décision d'orientation</p>
          <div class="field" style="margin-bottom: 16px;">
            <label>Spécialité</label>
            <select id="npt_specialty">
              <option value="SM54">Médecine générale</option>
              <option value="INF">Infirmier</option>
            </select>
          </div>

          <p class="section-label" style="margin-top: 24px;">Médecin traitant</p>
          <div class="grid grid-2">
            <div class="field">
              <label>Nom MT</label>
              <input id="npt_practioner_name" placeholder="Nom" value="Chelle" />
            </div>
            <div class="field">
              <label>Prénom MT</label>
              <input id="npt_practioner_firstname" placeholder="Prénom" value="Hervé" />
            </div>
          </div>
        </div>

      </div>

      <!-- Address -->
      <div class="card-section">
        <p class="section-label">Adresse PATIENT</p>
        <div class="grid grid-4">
          <div class="field">
            <label>N°</label>
            <input id="npt_street_number" placeholder="N°" value="4" />
          </div>
          <div class="field col-span-2">
            <label>Voie</label>
            <input id="npt_street_name" placeholder="Rue, avenue…" value="Rue de la poste" />
          </div>
          <div class="field">
            <label>Code postal</label>
            <input id="npt_zipcode" placeholder="00000" value="33330" />
          </div>
          <div class="field col-span-3">
            <label>Ville</label>
            <input id="npt_city" placeholder="Ville" value="Saint-Sulpice-de-Faleyrens" />
          </div>
        </div>
      </div>

      <!-- Footer -->
      <div class="card-footer">
        <button class="btn-primary" id="search_button" onclick="openSearchUrl()">
          <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <circle cx="7" cy="7" r="4.5" stroke="white" stroke-width="1.5" />
            <path d="M10.5 10.5L13 13" stroke="white" stroke-width="1.5" stroke-linecap="round" />
          </svg>
          Rechercher sur la plateforme numérique du SAS
        </button>
      </div>

    </div>
  </main>
</body>

</html>