Add EULA and Privacy Policy checkboxes
make this generalizable and customizable later ...
diff --git a/templates/header.htm b/templates/header.htm
index 23acf05..8c8411f 100644
--- a/templates/header.htm
+++ b/templates/header.htm
@@ -14,6 +14,9 @@
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="<?php echo $BASE_URL?>/static/main.js"></script>
+ <style>
+ .form-check-label { margin-left: 1ex;}
+</style>
</head>
<body>
<div class="container mb-8" id="main_container" >
diff --git a/templates/register.htm b/templates/register.htm
index ef869ad..6a56af6 100644
--- a/templates/register.htm
+++ b/templates/register.htm
@@ -1,11 +1,13 @@
-<h1>Sign up for <?php echo $SERVICE_NAME;?></h1>
+<h1>Sign up for
+ <?php echo $SERVICE_NAME;?>
+</h1>
<form action="" method="POST">
<!-- Username input -->
<div class="form-outline mb-3">
<label class="form-label font-weight-bold" for="form3Example3">Username*</label>
- <input pattern="[^\s]{<?php echo $VAL_USER->min_username.','.$VAL_USER->max_username;?>}" required title="At least 5 not whitespace characters" name="username" type="text"
- id="form3Example0"
+ <input pattern="[^\s]{<?php echo $VAL_USER->min_username.','.$VAL_USER->max_username;?>}" required
+ title="At least 5 not whitespace characters" name="username" type="text" id="form3Example0"
class="form-control <?php if(isset($error) && $error && !isset($_POST['username'])){echo 'border-danger';}?>"
placeholder="johndoe"
value="<?php echo isset($_POST['username']) ? htmlspecialchars($_POST['username']) : '' ?>" />
@@ -15,8 +17,8 @@
<div class="col">
<div class="form-outline">
<label class="form-label font-weight-bold" for="form3Example1">First name*</label>
- <input pattern="[^\s]{<?php echo $VAL_USER->min_first_name.','.$VAL_USER->max_first_name;?>}" required title="At least 3 not whitespace characters" name="name"
- type="text" id="form3Example1"
+ <input pattern="[^\s]{<?php echo $VAL_USER->min_first_name.','.$VAL_USER->max_first_name;?>}" required
+ title="At least 3 not whitespace characters" name="name" type="text" id="form3Example1"
class="form-control <?php if(isset($error) && $error && !isset($_POST['name'])){echo 'border-danger';}?>"
placeholder="John"
value="<?php echo isset($_POST['name']) ? htmlspecialchars($_POST['name']) : '' ?>" />
@@ -25,8 +27,8 @@
<div class="col">
<div class="form-outline">
<label class="form-label font-weight-bold" for="form3Example2">Last name*</label>
- <input pattern="[^\s]{<?php echo $VAL_USER->min_last_name.','.$VAL_USER->max_last_name;?>}" required title="At least 3 not whitespace characters" name="last_name"
- type="text" id="form3Example2"
+ <input pattern="[^\s]{<?php echo $VAL_USER->min_last_name.','.$VAL_USER->max_last_name;?>}" required
+ title="At least 3 not whitespace characters" name="last_name" type="text" id="form3Example2"
class="form-control <?php if(isset($error) && $error && !isset($_POST['last_name'])){echo 'border-danger';}?>"
placeholder="Doe"
value="<?php echo isset($_POST['last_name']) ? htmlspecialchars($_POST['last_name']) : '' ?>" />
@@ -46,8 +48,8 @@
<!-- Password input -->
<div class="form-outline mb-3">
<label class="form-label font-weight-bold" for="form3Example4">Password*</label>
- <input pattern="[^\s]{<?php echo $VAL_USER->min_password.','.$VAL_USER->max_password;?>}" required title="At least 8 not whitespace characters" name="password"
- type="password" id="form3Example4"
+ <input pattern="[^\s]{<?php echo $VAL_USER->min_password.','.$VAL_USER->max_password;?>}" required
+ title="At least 8 not whitespace characters" name="password" type="password" id="form3Example4"
class="form-control <?php if(isset($error) && $error && !isset($_POST['password'])){echo 'border-danger';}?>"
placeholder="********"
value="<?php echo isset($_POST['password']) ? htmlspecialchars($_POST['password']) : '' ?>" />
@@ -55,12 +57,47 @@
<!-- Password input -->
<div class="form-outline mb-3">
<label class="form-label font-weight-bold" for="form3Example4">Confirm your Password*</label>
- <input pattern="[^\s]{<?php echo $VAL_USER->min_password.','.$VAL_USER->max_password;?>}" required title="At least 8 not whitespace characters" name="password_confirm"
- type="password" id="form3Example5"
+ <input pattern="[^\s]{<?php echo $VAL_USER->min_password.','.$VAL_USER->max_password;?>}" required
+ title="At least 8 not whitespace characters" name="password_confirm" type="password" id="form3Example5"
class="form-control <?php if(isset($error) && $error && !isset($_POST['password_confirm'])){echo 'border-danger';}?>"
placeholder="********"
value="<?php echo isset($_POST['password_confirm']) ? htmlspecialchars($_POST['password_confirm']) : '' ?>" />
</div>
+ <hr class="mt-2 mb-3" />
+ <div class="form-outline mb-3">
+ <label class="form-label font-weight-bold" for="eula">End User License Agreement*</label>
+ <div class="form-group form-check">
+ <input type="checkbox" class="form-check-input" id="eula" required
+ title="You need to agree to the EULA in order to proceed">
+ <label class="form-check-label" for="eula">I have read and agree to to the
+ <?php echo $SERVICE_NAME; ?> <a
+ href="https://www2.ids-mannheim.de/cosmas2/projekt/register/license_agreement.html">End User License
+ Agreement</a> and will use
+ <?php echo $SERVICE_NAME; ?> only for academic and non-commercial purposes.
+ </label>
+ <div class="invalid-feedback">
+ You need to agree to the EULA in order to proceed.
+ </div>
+ </div>
+ </div>
+ <hr class="mt-2 mb-3" />
+ <div class="form-outline mb-3">
+ <label class="form-label font-weight-bold" for="privacy_policy">Privacy Policy*</label>
+ <div class="form-group form-check">
+ <input type="checkbox" class="form-check-input" name="privacy_policy" id="privacy_policy" required
+ title="You need to agree to the privacy policy in order to proceed">
+ <label class="form-check-label" for="privacy_policy">I have read and agree
+ to to the
+ <?php echo $SERVICE_NAME; ?> <a
+ href="https://www2.ids-mannheim.de/cosmas2/web-app/datenschutz.html">Privacy Policy</a>.
+ </label>
+ <div class="invalid-feedback">
+ You need to agree to the EULA in order to proceed.
+ </div>
+ </div>
+ </div>
+
+ <hr class="mt-2 mb-3" />
<!--captcha here-->
<div class="form-outline mb-3">
@@ -68,16 +105,17 @@
<div class="container mb-2 offset-md-2">
<img id="captcha" src="<?php echo $BASE_URL.'/captcha.php?token='.$_SESSION['captcha_token']; ?>" />
<div id="reload_captcha">
- <button id="reload" class="btn btn-outline-info" type="button"> <span class="glyphicon glyphicon-refresh"
- aria-hidden="true"></span></button>
+ <button id="reload" class="btn btn-outline-info" type="button"> <span
+ class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
</div>
</div>
- <input pattern="[^\s]{<?php echo $CAPTCHA_LENGTH; ?>,}" required title="Please fill the captcha. It has 5 characters" name="captcha"
- type="text" id="form3Example6" class="form-control" placeholder="Type what you see on the image above" />
+ <input pattern="[^\s]{<?php echo $CAPTCHA_LENGTH; ?>,}" required
+ title="Please fill the captcha. It has 5 characters" name="captcha" type="text" id="form3Example6"
+ class="form-control" placeholder="Type what you see on the image above" />
</div>
<!-- Submit button -->
<button name="type" value="register" type="submit" class="btn btn-primary float-right btn-md">Sign up</button>
</form>
-</div>
+</div>
\ No newline at end of file