Add a dummy preferences modal view

Author: kylef

pasteapp/templates/base.html

@@ -40,6 +40,8 @@
                               <i class="icon-wrench"></i> Admin
                             </a></li>
                           {% endif %}
+                            <li><a href="#settings" data-toggle="modal"><i
+                                    class="icon-cogs"></i> Preferences</a></li>
                             <li><a href="{% url logout %}">
                                 <i class="icon-signout"></i> Logout
                             </a></li>
@@ -70,6 +72,42 @@
         </div>
       {% endblock %}
 
+      {% if request.user.is_authenticated %}
+        <div class="modal fade" id="settings">
+          <form action="" method="post" accept-charset="utf-8" class="form-horizontal" id="settings-form">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal">×</button>
+                <h3>Preferences</h3>
+            </div>
+
+            <div class="modal-body">
+                <fieldset>
+                    <div class="control-group">
+                        <label class="control-label" for="id_username">Username</label>
+                        <div class="controls">
+                            <input type="text" class="input-xlarge"
+                            id="id_username" value="{{ user.username }}"
+                            disabled="disabled" />
+                        </div>
+                    </div>
+                    <div class="control-group">
+                        <label class="control-label" for="avatar">Avatar</label>
+                        <div class="controls">
+                            <img src="{% gravatar user.email 50 %}" class="avatar" />
+                            <a href="https://gravatar.com/">Change your avatar at Gravatar.com</a>.
+                        </div>
+                    </div>
+                </fieldset>
+            </div>
+
+            <div class="modal-footer">
+                <a href="#" class="btn" data-dismiss="modal">Close</a>
+                <a href="#" class="btn btn-primary" data-dismiss="modal">Save</a>
+            </div>
+            </form>
+        </div>
+      {% endif %}
+
         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
         <script src="{{ STATIC_URL }}js/bootstrap.min.js" type="text/javascript"></script>
       {% if not request.user.is_authenticated %}