STI-UserDeveloperTest/index.html at master · Webberjo/STI-UserDeveloperTest · 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
<!DOCTYPE HTML>

<html ng-app="STI-User-Developer-Test">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <title>STI User Developer Test</title>
    <link rel="stylesheet" href="assets/styles/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/styles/css/styles.min.css">
    <script src="assets/scripts/angular.min.js"></script>
    <script src="assets/scripts/index.js"></script>
  </head>
  <body ng-controller="MainController">
    <div class="container">
      <img class="logo" src="assets/images/STI_Logo.svg" alt="STI Logo"/>
      <div class="title">Title: {{ card.title }}</div>
      <hr>
      <div class="overview" ng-show="card.title == 'Overview'">
        <img class="image" ng-src="assets/images/{{ card.image }}" alt="{{ card.image }}">
        <div class="clientInfo">
          <div class="firstName">First Name: {{ card.firstName }}</div>
          <div class="lastName">Last Name: {{ card.lastName }}</div>
          <div class="gender">Gender: {{ card.gender }}</div>
          <div class="occupation">Occupation: {{ card.occupation }}</div>
          <div class="age">Age: {{ card.age }}</div>
          <div class="location">Location: {{ card.location }}</div>
          <div class="medications">Medications:
            <span ng-repeat="medication in card.medications">
              {{ medication.name }}{{ $last ? '' : ', ' }}
            </span>
          </div>
          <div class="summary">Summary: {{ card.summary }}</div>
        </div>
      </div>
      <div class="details" ng-show="card.title == 'Details'">
        Details: {{ card.details }}<br>
      </div>
      <button class="btn" ng-click="toggleInfo()">Show {{ otherTitle }}</button>
    </div>
  </body>
</html>