Add interface to view API key

RIGS/templates/RIGS/profile_detail.html

@@ -16,7 +16,7 @@
 		</div>
 	</div>
 	{% endif %}
-	<div class="col-sm-6">
+	<div class="col-sm-8	">
 		<dl class="dl-horizontal">
 			<dt>First Name</dt>
 			<dd>{{object.first_name}}</dd>
@@ -39,10 +39,30 @@
 			<dt>Phone</dt>
 			<dd>{{object.phone}}</dd>
 		</dl>
+		{% if object.pk == user.pk %}
+		
+		<div class="pull-right">
+			<a href="{% url 'reset_api_key' %}" class="btn">
+				Reset API Key <span class="glyphicon glyphicon-repeat"></span>
+			</a>
+		</div>
+	
+		<h4>Personal iCal Details</h4>
+
+		<dl class="dl-horizontal">
+			<dt>API Key</dt>
+			<dd>{{user.api_key}}</dd>
+
+			<dt>Calendar URL</dt>
+			<dd><pre>https://{{ request.get_host }}{% url 'ics_calendar' api_pk=user.pk api_key=user.api_key %}</pre></dd>
+		</dl>
+		{% endif %}
 	</div>
-	<div class="col-sm-3 col-sm-offset-2">
+	
+	<div class="col-sm-3">
 		<div class="center-block">
 			<img src="{{object.profile_picture}}" class="img-responsive img-rounded" />
 	</div>
+
 </div>
 {% endblock %}