attardj
/
dv-framework


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
							<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Data Value Visualisation</title>

  <!-- Bootstrap core CSS -->

  <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">

  <link href="vendor/sb-admin-2/sb-admin-2.css" rel="stylesheet">
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

</head>

<body>

  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark static-top">
    <div class="container">
      <a class="navbar-brand" href="#">Data Value Visualisation</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item active">
            <a class="nav-link" href="#">Home
              <span class="sr-only">(current)</span>
            </a>
          </li>
          <!-- <li class="nav-item">
            <a class="nav-link" href="#">About</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Services</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Contact</a>
          </li> -->
        </ul>
      </div>
    </div>
  </nav>

  <!-- Page Content -->
  <div class="container">
    <br/>
    <div class="row">
      <div class="col-lg-12 p-0 bg-indigo h-md-100">
        <div class="row"> <!-- row connector -->
            <div class="col-lg-12">
              <div class="card border-left-primary shadow py-2" data-toggle="modal" data-target="#connectModal">
                <div class="card-body">
                  <div class="row no-gutters align-items-center">
                    <div class="col mr-2">
                      <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Connect</div>
                      <div class="h6 mb-0 font-weight-bold text-gray-800">Connect to a Data Governance Centre</div>
                    </div>
                    <div class="col-auto">
                      <i class="fas fa-plug fa-2x text-gray-300"></i>
                    </div>
                  </div>
                </div>
              </div>
            </div>
        </div> <!-- row connector -->

        <br/>
        <div class="row" id="dataProjects"> <!-- row data project -->
        </div> <!-- row data project -->
      </div>

      <!-- <div class="col-lg-3">
        <h4 class="mt-5">JSON Response - Debug</h4>
        <pre id="json-response" style="font-size:9px;"></pre>
      </div> -->
  </div> <!-- top row -->


    <!-- Modal -->
    <div class="modal fade" id="connectModal" tabindex="-1" role="dialog" aria-labelledby="connectModal" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Connect</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <form>
              <div class="form-group">
                <label for="projectName">Project Name</label>
                <input type="text" class="form-control" id="projectName" aria-describedby="projectNameHelp" placeholder="Enter project name">
                <!-- <small id="projectNameHelp" class="form-text text-muted">We'll never share your email with anyone else.</small> -->
              </div>

              <div class="form-group">
                <label for="projectDescription">Project Description</label>
                <textarea id="projectDescription" class="md-textarea form-control" rows="3"></textarea>
                <!-- <textarea class="form-control" id="projectDescription" aria-describedby="projectDescriptionHelp"> -->
                <!-- <small id="projectNameHelp" class="form-text text-muted">We'll never share your email with anyone else.</small> -->
              </div>

              <div class="form-group">
                <label for="inputState">Data Governance Centre Connector</label>
                <select id="inputState" class="form-control" onchange="updateConnectorURLField()">
                  <option selected value="">Choose...</option>
                  <option id="sample" value="http://localhost:8001/dgc/apis-framework/">Sample DGC</option>
                  <option value="">Others (Not implemented)</option>
                </select>
              </div>
              <div class="form-group">
                <label for="connectorURL">Connector URL</label>
                <input type="text" class="form-control" readonly id="connectorURL" aria-describedby="connectorURLHelp" placeholder="">
              </div>
              <!-- settings -->
            </form>
          </div>
          <div class="modal-footer">
            <button type="submit" class="btn btn-primary" onclick="importData()" data-dismiss="modal" aria-label="Close">Submit</button>
          </div>
        </div>
      </div>
    </div>

  </div>

  <!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script type="text/javascript" src="https://canvasjs.com/assets/script/jquery.canvasjs.min.js"></script>
  <script src="script.js"></script>


  <script src="vendor/sb-admin-2/jquery-easing/jquery.easing.min.js"></script>
  <script src="vendor/sb-admin-2/js/sb-admin-2.min.js"></script>

</body>

</html>