device_tracker 0.3.0

data/lib/device_tracker/views/_device_form.erb

@@ -0,0 +1,52 @@
+<div class="form-group">
+  <label for="unid">Unique Identification Number</label>
+  <input type="text" class="form-control" id="unid" name="device[unid]" placeholder="BBCFM0XXX" value="<%= value_for(:unid, @device) %>">
+</div>
+
+<div class="form-group">
+  <label for="manufacturer">Manufacturer</label>
+  <input type="text" class="form-control" id="manufacturer" name="device[manufacturer]" placeholder="Apple" value="<%= value_for(:manufacturer, @device) %>">
+</div>
+
+<div class="form-group">
+  <label for="device">Name</label>
+  <input type="text" class="form-control" id="device" name="device[device]" placeholder="iPhone 6s" value="<%= value_for(:device, @device) %>">
+</div>
+
+<div class="form-group">
+  <label for="description">Description</label>
+  <textarea class="form-control" name="device[description]" id="description" rows="3" placeholder="The phone is orange and has scratches down the side."><%= value_for(:description, @device) %></textarea>
+</div>
+
+<div class="form-group">
+  <label for="imei">IMEI</label>
+  <input type="text" class="form-control" id="imei" name="device[imei]" placeholder="351XXXXXXXXXXXX" value="<%= value_for(:imei, @device) %>">
+</div>
+
+<div class="form-group">
+  <label for="serial">Serial Number</label>
+  <input type="text" class="form-control" id="serial" name="device[serial_number]" placeholder="F2LLXXXXXXXX" value="<%= value_for(:serial_number, @device) %>">
+</div>
+
+<div class="form-group">
+  <label for="operating_system">Operating System</label>
+  <select class="form-control" name="device[operating_system_id]" class="form-control">
+    <option disabled hidden selected>-- Operating System --</option>
+    <% @operating_systems.each do |os| %>
+    <option value="<%= os.id %>" <%= "selected" if @device.operating_system_id == os.id %>> <%= os.name %> </option>
+    <% end %>
+  </select>
+</div>
+
+<div class="checkbox">
+<label>
+  <input type="checkbox" name="device[sim_card]" value="true" <%= @device.sim_card ? "checked" : "" %>>
+    Sim card
+  </label>
+</div>
+<div class="checkbox">
+  <label>
+    <input type="checkbox" name="device[debug_device]" value="true" <%= @device.debug_device ? "checked" : "" %>>
+    Debug device
+  </label>
+</div>

data/lib/device_tracker/views/_device_list.erb

@@ -0,0 +1,47 @@
+<table class="table table-hover sortable">
+  <thead>
+    <tr>
+      <th>Devcie ID</th>
+      <th>Name</th>
+      <th>Operating System</th>
+      <th width="30%">Information</th>
+      <th>Transaction Count</th>
+      <th width="10%">Action</th>
+    </tr>
+  </thead>
+  <tbody>
+    <% @devices.each do |device| %>
+    <tr class="<%= device.missing ? "danger" : "" %>">
+      <td><a href="/devices/<%= device.id %>"><%= device.unid %></a></td>
+      <td><%= device.full_name %></td>
+      <td>
+        <%= device.operating_system.nil? ? "N/A" : device.operating_system.name %>
+      </td>
+      <td>
+        <% if !device.user.nil? %>
+          Checked out by <b><a href="mailto:<%= device.user.email %>"><%= device.user.name %></a></b><br>
+          on <%= device.checked_out_since_formatted %><br>
+        <% else %>
+        <% end %>
+      </td>
+      <td>
+        <%= device.transactions.count %>
+      </td>
+      <td>
+        <% if !session[:user].nil? and device.user_id != session[:user][:id] %>
+        <form action="<%= "/devices/#{device.unid.downcase}/checkout" %>" method="post">
+          <input type="hidden" name="_method" value="put">
+          <button class="btn btn-success btn-xs btn-full-width" type="submit">Checkout Device</button>
+        </form>
+        <% else %>
+        <form action="<%= "/devices/#{device.unid.downcase}/return" %>" method="post">
+          <input type="hidden" name="_method" value="put">
+          <button class="btn btn-danger btn-xs btn-full-width" type="submit">Return Device</button>
+        </form>
+        <% end %>
+      </td>
+    </tr>
+    <% end %>
+  </tbody>
+</table>
+</div>

data/lib/device_tracker/views/_footer.erb

@@ -0,0 +1,3 @@
+</div> <!-- Container -->
+</body>
+</html>

data/lib/device_tracker/views/_header.erb

@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-touch-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-touch-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-touch-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-touch-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-touch-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-touch-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-touch-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-touch-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon-180x180.png">
+  <link rel="icon" type="image/png" href="/favicon/favicon-32x32.png" sizes="32x32">
+  <link rel="icon" type="image/png" href="/favicon/android-chrome-192x192.png" sizes="192x192">
+  <link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96">
+  <link rel="icon" type="image/png" href="/favicon/favicon-16x16.png" sizes="16x16">
+  <link rel="manifest" href="/favicon/manifest.json">
+  <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5">
+  <link rel="shortcut icon" href="/favicon/favicon.ico" type="image/x-icon">
+  <meta name="msapplication-TileColor" content="#da532c">
+  <meta name="msapplication-TileImage" content="/favicon/mstile-144x144.png">
+  <meta name="msapplication-config" content="/favicon/browserconfig.xml">
+  <meta name="theme-color" content="#ffffff">
+
+  <title><%= @title || "Home" %> | BBC Device Tracker </title>
+
+  <link rel="stylesheet" href="https://bootswatch.com/flatly/bootstrap.min.css">
+  <link rel="stylesheet" href="/css/custom.css">
+  <link rel="stylesheet" href="/css/bootstrap-sortable.css">
+
+  <script src="/js/jquery-2.1.4.min.js"></script>
+  <script src="/js/bootstrap.min.js"></script>
+  <script src="/js/bootstrap-sortable.js"></script>
+</head>
+<body>
+
+<div class="container">
+
+  <nav class="navbar navbar-default navbar-fixed-top">
+    <div class="container">
+      <div class="navbar-header">
+        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+          <span class="sr-only">Toggle navigation</span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </button>
+        <a class="navbar-brand" href="/">
+          Device Tracker
+        </a>
+      </div>
+      <div id="navbar" class="collapse navbar-collapse">
+        <ul class="nav navbar-nav navbar-right">
+          <li><a href="/">Home</a></li>
+          <% unless session[:user].nil? %>
+          <li class="dropdown">
+          <a href="#" class="dropdown-toggle"
+            data-toggle="dropdown" role="button"
+            aria-haspopup="true" aria-expanded="false">Devices <span class="caret"></span></a>
+            <ul class="dropdown-menu">
+              <% if admin? %>
+              <li><a href="/devices/new">Create device</a></li>
+              <% end %>
+              <li><a href="/devices">All devices</a></li>
+              <li><a href="/devices/checked-out">Checked out devices</a></li>
+              <li><a href="/devices/users/<%= session[:user][:id] %>">My devices</a></li>
+            </ul>
+          </li>
+          <% end %>
+          <% if session[:user].nil? %>
+            <li><a href="/login">Login</a></li>
+            <li><a href="/users/new">Register</a></li>
+          <% else %>
+            <li><a href="/transactions">Transactions</a></li>
+            <li class="dropdown">
+            <a href="#" class="dropdown-toggle"
+              data-toggle="dropdown" role="button"
+              aria-haspopup="true" aria-expanded="false"><%= session[:user][:name] %> <span class="caret"></span></a>
+              <ul class="dropdown-menu">
+                <% if admin? %>
+                <li><a href="/users/manage">Manage users</a></li>
+                <li><a href="/os/manage">Manage OS</a></li>
+                <li><a href="/users/new">Create account</a></li>
+                <% end %>
+                <li><a href="/users/<%= session[:user][:id] %>/edit">Edit account</a></li>
+                <li><a href="/logout">Logout</a></li>
+              </ul>
+            </li>
+          <% end %>
+        </ul>
+      </div><!--/.nav-collapse -->
+    </div>
+  </nav>

data/lib/device_tracker/views/_heartbeat_list.erb

@@ -0,0 +1,25 @@
+<table class="table table-bordered table-hover table-condensed">
+  <thead>
+    <tr>
+      <th>Devcie ID</th>
+      <th>Latitude</th>
+      <th>Longitude</th>
+      <th>Received</th>
+      <th>Action</th>
+    </tr>
+  </thead>
+  <tbody>
+    <% @heartbeats.each do |heartbeat| %>
+    <tr>
+      <td> <a href="/heartbeats/<%= heartbeat.device.unid %>"><%= heartbeat.device.unid %></a> </td>
+      <td> <%= heartbeat.latitude %> </td>
+      <td> <%= heartbeat.longitude %> </td>
+      <td> <%= heartbeat.created_at.strftime("%A, %d %B %Y at %I:%M%p") %> </td>
+      <td width="10%">
+        <a class="btn btn-info btn-xs"
+          href="https://www.google.com/maps/preview/@<%= heartbeat.latitude  %>,<%= heartbeat.longitude  %>,16z" role="button">Google Maps</a>
+      </td>
+    </tr>
+    <% end %>
+  </tbody>
+</table>

data/lib/device_tracker/views/_user_form.erb

@@ -0,0 +1,30 @@
+<div class="form-group">
+  <label for="name">Name</label>
+  <input type="text" class="form-control" id="name" name="user[name]" placeholder="John Doe" value="<%= value_for(:name, @user) %>">
+</div>
+<div class="form-group">
+  <label for="username">Username</label>
+  <input type="text" class="form-control" id="username" name="user[username]" placeholder="john.doe" value="<%= value_for(:username, @user) %>">
+</div>
+<div class="form-group">
+  <label for="email">Email address</label>
+  <input type="email" class="form-control" id="email" name="user[email]" placeholder="john.doe@example.com" value="<%= value_for(:email, @user) %>">
+</div>
+<div class="form-group">
+  <label for="password">Password</label>
+  <input type="password" class="form-control" id="password" name="user[password]" placeholder="Password">
+</div>
+<div class="form-group">
+  <label for="password_confirmation">Password confirmation</label>
+  <input type="password" class="form-control" id="password_confirmation" name="user[password_confirmation]" placeholder="Password confirmation">
+</div>
+<% if @is_admin %>
+  <div class="form-group">
+    <input type="checkbox" id="is_admin" name="user[is_admin]" <%= @user.is_admin == true ? "checked='checked'" : "" %>>
+    <label for="is_admin">Administrator</label>
+  </div>
+  <div class="form-group">
+    <input type="checkbox" id="is_verified" name="user[is_verified]" <%= @user.is_verified == true ? "checked='checked'" : "" %>>
+    <label for="is_verified">Verified</label>
+  </div>
+<% end %>

data/lib/device_tracker/views/devices/edit.erb

@@ -0,0 +1,11 @@
+<h2>Editing: <%= @device.full_name %></h2>
+<hr>
+
+<form action="/devices/<%= @device.id %>" method="post">
+  <input type="hidden" name="_method" value="put">
+
+  <%= partial :device_form %>
+
+  <button type="submit" class="btn btn-success pull-right">Update Device</button>
+
+</form>

data/lib/device_tracker/views/devices/index.erb

@@ -0,0 +1,12 @@
+<h2><%= @title %></h2>
+
+<% if @show_search %>
+<form class="form-inline pull-right search" action="<%= "/devices" %>" method="get">
+  <div class="form-group">
+    <input type="text" class="form-control" id="device_name" name="device_name" placeholder="Samsung Galaxy S6">
+  </div>
+  <button type="submit" class="btn btn-info btn-sm">Search</button>
+</form>
+<% end %>
+
+<%= partial :device_list %>

data/lib/device_tracker/views/devices/new.erb

@@ -0,0 +1,10 @@
+<h2>Create new Device</h2>
+<hr>
+
+<form action="/devices/create" method="post">
+
+  <%= partial :device_form %>
+
+  <button type="submit" class="btn btn-success pull-right">Add Device</button>
+
+</form>

data/lib/device_tracker/views/devices/show.erb

@@ -0,0 +1,283 @@
+<% if @device.passed_use_by_date? %>
+<div class="alert alert-warning alert" role="alert">
+  This device has been checked out since <%= @device.checked_out_since_formatted %> (<%= @device.days_checked_out %> days). If you need it, please contact <a class="alert-link" href="mailto:<%=@device.user.email%>"><%= @device.user.name %>.</a>
+</div>
+<% end %>
+
+<h2><%= @device.full_name %></h2>
+<span class="label label-<%= @device.available ? "success" : "warning" %>">
+  <%= @device.available? ? "Available" : "Unavailable" %></span>
+
+<hr>
+<div class="row">
+  <div class="col-md-7">
+
+    <div class="panel panel-default">
+      <!-- Default panel contents -->
+      <div class="panel-heading">
+        Basic Information
+        <% if admin? %>
+        <a class="pull-right" href="/devices/<%= @device.id %>/edit">Edit</a>
+        <% end %>
+      </div>
+      <div class="panel-body">
+        <p><%= @device.description %></p>
+      </div>
+
+      <!-- List group -->
+      <ul class="list-group">
+        <li class="list-group-item">
+          <b>Name:
+          </b>
+          <%= @device.device %>
+        </li>
+        <li class="list-group-item">
+          <b>Manufacturer:
+          </b>
+          <%= @device.manufacturer %>
+        </li>
+        <% unless @device.imei.nil? %>
+        <li class="list-group-item">
+          <b>IMEI: </b> <%= @device.imei %>
+        </li>
+        <% end %>
+        <% unless @device.serial_number.nil? %>
+        <li class="list-group-item">
+         <b>Serial Number: </b><%= @device.serial_number %>
+        </li>
+        <% end %>
+        <li class="list-group-item">
+          <b>Sim card:
+          </b>
+          <%= @device.sim_card? ? "Yes" : "No" %>
+        </li>
+        <li class="list-group-item">
+          <b>Debug device:
+          </b>
+          <%= @device.debug_device? ? "Yes" : "No"  %>
+        </li>
+        <% if admin? %>
+        <li class="list-group-item">
+          <% if @device.missing? %>
+          <form method="post" action="/devices/<%= @device.id %>/found" class="right-margin" style="display: inline-block;">
+            <input type="hidden" value="put" name="_method">
+            <button type="submit" class="btn btn-success btn-xs">Device Found</a>
+          </form>
+          <% else %>
+          <form method="post" action="/devices/<%= @device.id %>/missing" class="right-margin" style="display: inline-block;">
+            <input type="hidden" value="put" name="_method">
+            <button type="submit" class="btn btn-warning btn-xs">Report Missing</a>
+          </form>
+          <% end %>
+          <form method="post" action="/devices/<%= @device.id %>" style="display: inline-block;">
+            <input type="hidden" value="delete" name="_method">
+            <button type="submit" class="btn btn-danger button-destructive btn-xs">Delete Device</button>
+          </form>
+
+          <% if @device.passed_use_by_date? %>
+          <a href="#" class="btn btn-xs btn-info pull-right" data-toggle="modal" data-target="#sendReminder">Send Reminder</a>
+          <% end %>
+        </li>
+        <% end %>
+      </ul>
+    </div>
+
+    <div class="panel panel-default">
+      <!-- Default panel contents -->
+      <div class="panel-heading">Operating System</div>
+      <!-- List group -->
+      <ul class="list-group">
+        <li class="list-group-item">
+          <% if @device.operating_system.nil? %>
+          No operating system has been added, please <a href="/devices/<%= @device.id%>/edit">add one</a>.
+          <% else %>
+          <b>OS:</b> <%= @device.operating_system.name %>
+          <% end %>
+        </li>
+        <% if !@device.operating_system.nil? and !@device.operating_system.api_level.nil? %>
+        <li class="list-group-item">
+          <b>API Level:
+          </b>
+          <%= @device.operating_system.api_level %>
+        </li>
+        <% end %>
+      </ul>
+    </div>
+
+    <% unless @device.available %>
+    <div class="panel panel-default">
+      <!-- Default panel contents -->
+      <div class="panel-heading">Current User</div>
+      <!-- List group -->
+      <ul class="list-group">
+        <li class="list-group-item">
+          <b>Name:
+          </b>
+          <%= @device.user.name %>
+        </li>
+        <li class="list-group-item">
+          <b>Email:
+          </b>
+          <a href="mailto:<%= @device.user.email %>"><%= @device.user.email %></a>
+        </li>
+      </ul>
+    </div>
+    <% end %>
+
+    <% if admin? %>
+    <div class="panel panel-default">
+      <!-- Default panel contents -->
+      <div class="panel-heading">Assign Device</div>
+      <!-- List group -->
+      <ul class="list-group">
+        <li class="list-group-item">
+          <form action="/devices/<%= @device.id %>/assign" id="assign-form" method="post">
+            <input name="_method" type="hidden" value="put">
+            <select class="form-control" name="user_id">
+              <option disabled hidden selected>-- Assign --</option>
+              <% @users.each do |user| %>
+              <% next if user == @device.user %>
+              <option value="<%= user.id %>"><%= user.email %></option>
+              <% end %>
+            </select>
+
+          </form>
+          <form action="/devices/<%= @device.unid %>/return" id="return-form" method="post">
+            <input name="_method" type="hidden" value="put">
+          </form>
+          <div class="top-margin">
+            <button class="btn btn-info btn-xs" form="assign-form" type="submit">Assign</button>
+            <% unless @device.available %>
+            <button class="btn btn-warning btn-xs" form="return-form" type="submit">Return</button>
+            <% end %>
+          </div>
+        </li>
+      </ul>
+    </div>
+    <% end %>
+
+  </div>
+  <div class="col-md-5">
+
+    <% if @device.missing? %>
+    <div class="panel panel-danger">
+      <div class="panel-heading">
+        <h3 class="panel-title">Device Missing Alert</h3>
+      </div>
+      <div class="panel-body">
+        <p>This device has been reported missing and must be found.
+          See details below for last known transaction information.</p>
+      </div>
+      <ul class="list-group">
+        <li class="list-group-item">
+          <% if @last_checkout_transaction.nil? %>
+          This device has never been checked out
+          <% else %>
+          <b>Description: </b> <%= @last_checkout_transaction.description %>
+          <% end %>
+        </li>
+      </ul>
+    </div>
+    <% end %>
+
+    <% if @device.heartbeats.last %>
+    <div id="map"></div>
+    <div class="top-margin">
+      <small>
+      <b>Last heartbeat: </b>
+        <%= @device.heartbeats.first.created_at.strftime("%A, %d %B %Y at %I:%M%p")%>
+      </small>
+    </div>
+
+    <hr>
+
+    <% end %>
+
+    <h4>Transactions</h4>
+
+    <% if @transactions.empty? %>
+    <p>No transactions have yet been made</p>
+    <% else %>
+    <h5 class="pull-right"><strong>Count: </strong><span class="label label-info"><%= @transactions.count %></span></h5>
+    <table class="table table-condensed table-hover">
+      <thead>
+        <tr>
+          <th>Description</th>
+          <th>Time</th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @transactions.each do |transaction| %>
+        <tr>
+          <td><small><%= transaction.description %></small></td>
+          <td><small><%= transaction.created_at %></small></td>
+        </tr>
+        <% end %>
+      </tbody>
+    </table>
+    <% end %>
+
+
+  </div>
+</div>
+
+<% if @device.heartbeats.last %>
+
+<script type="text/javascript">
+ var myLatLng = {lat: <%= @device.heartbeats.last.latitude %>, lng: <%= @device.heartbeats.last.longitude %> };
+
+  var map;
+  function initMap() {
+    map = new google.maps.Map(document.getElementById('map'), {
+      center: myLatLng,
+      scrollwheel: false,
+      zoom: 16
+    });
+
+    // Create a marker and set its position.
+    var marker = new google.maps.Marker({
+      map: map,
+      position: myLatLng,
+      title: 'Device Location'
+    });
+  }
+</script>
+
+<script async defer
+  src="https://maps.googleapis.com/maps/api/js?key=<%= settings.google_maps_api_key %>&amp;callback=initMap">
+</script>
+
+<% end %>
+
+<% if @device.passed_use_by_date? %>
+<div class="modal fade" id="sendReminder" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="myModalLabel">Send Reminder to <%= @device.user.name %>?</h4>
+      </div>
+      <div class="modal-body">
+        <p>
+          Would you like to send a reminder to <b><%= @device.user.name %></b> to return this device?
+          This person has had this device checked out since <b><%= @device.checked_out_since_formatted %></b>.
+        </p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default btn-xs" data-dismiss="modal">Close</button>
+        <form action="/devices/<%= @device.id %>/send_reminder" method="post" style="display: inline-block;">
+          <button type="submit" class="btn btn-primary btn-xs">Send Reminder</button>
+        </form>
+      </div>
+    </div>
+  </div>
+</div>
+<% end %>
+
+<script type="text/javascript">
+  $(document).ready(function() {
+    $('.button-destructive').on('click', function() {
+      return confirm('Are you sure you want to carry out this action?');
+    });
+  });
+</script>

data/lib/device_tracker/views/devices/users.erb

@@ -0,0 +1,14 @@
+<h2>My Devices</h2>
+<p>
+  Here is a list of devices you currently have checked out. Please ensure you keep this lis <b>up-to-date</b> by
+  returning devices that you have finished with. Also, remember to
+  <b class="text-danger">turn off the devices after you've finished with them.</b>
+</p>
+
+<% if @devices.size < 1 %>
+  <p>
+    You don't yet have any devices checked out. Head <a href="/devices">over to here</a> to get started.
+  </p>
+<% else %>
+  <%= partial :device_list %>
+<% end %>

data/lib/device_tracker/views/emails/new_password.erb

@@ -0,0 +1,17 @@
+<h1>Device Tracker - New Password</h1>
+
+<p>
+  Hello, <%= @user.name %><br><br>
+  Just a quick FYI on your new password...
+
+  <br>
+  <br>
+  <p><b>Password: </b><%= @new_password %></p>
+
+  <p>Please change your password a.s.a.p!</p>
+
+  <br>
+  <br>
+  Thanks,<br>
+  Device Tracker Team
+</p>

data/lib/device_tracker/views/emails/password_reset.erb

@@ -0,0 +1,18 @@
+<h1>Device Tracker - Password Reset</h1>
+
+<p>
+  Hello, <%= @user.name %><br><br>
+  You have requested to reset your password? If you have just click on the link below
+  and you will have a new password sent to your email address.
+
+  <br>
+  <br>
+  <a href="<%= @reset_url %>">
+    Reset Password
+  </a>
+
+  <br>
+  <br>
+  Thanks,<br>
+  Device Tracker Team
+</p>

data/lib/device_tracker/views/emails/registration.erb

@@ -0,0 +1,16 @@
+<h1>Device Tracker - Account Verification</h1>
+
+<p>
+  <%= @user.name %> has created an account that is pending verification.
+
+  <br>
+  <br>
+  <a href="<%= @verification_link %>">
+    Click here to verify the account
+  </a>
+
+  <br>
+  <br>
+  Thanks,<br>
+  Device Tracker Team
+</p>