From 679ab64e465f610ae70aff8a1b491191863f7033 Mon Sep 17 00:00:00 2001
From: Malf Furious <m@lfurio.us>
Date: Fri, 1 Apr 2016 00:56:34 -0400
Subject: Update setting modal, user tab to display user head image

Also restructured the web form a little and added the form-group to select a new image to upload
---
 app/view/common/setting.modal.view.php | 47 ++++++++++++++++++++++++++--------
 1 file changed, 36 insertions(+), 11 deletions(-)

(limited to 'app/view/common')

diff --git a/app/view/common/setting.modal.view.php b/app/view/common/setting.modal.view.php
index 11adc69..2415e18 100644
--- a/app/view/common/setting.modal.view.php
+++ b/app/view/common/setting.modal.view.php
@@ -27,21 +27,46 @@
                     <div class="tab-pane fade in active" id="settUserTab">
                         <p>&nbsp;</p>
 
-                        <?php if ($mod->getCurrentUser()->admin == 1) { ?>
-                            <p class="pull-right"><span class="glyphicon glyphicon-sunglasses"></span> <?=$mod->getCurrentUser()->getDisplayName()?> is a Scrott Administrator</p>
-                        <?php } ?>
-
                         <form method="post" action="<?=$mod->ap()?>">
                             <input type="hidden" name="input[action]" value="common-setting-user" />
-                            <div class="form-group">
-                                <label>Username</label>
-                                <input type="text" class="form-control" value="<?=$mod->getCurrentUser()->name?>" disabled />
+
+                            <div class="row">
+                                <div class="col-md-8">
+                                    <?php if ($mod->getCurrentUser()->admin == 1) { ?>
+                                        <p class="pull-right"><span class="glyphicon glyphicon-sunglasses"></span> <?=$mod->getCurrentUser()->getDisplayName()?> is a Scrott Administrator</p>
+                                    <?php } ?>
+
+                                    <div class="form-group">
+                                        <label>Username</label>
+                                        <input type="text" class="form-control" value="<?=$mod->getCurrentUser()->name?>" disabled />
+                                    </div>
+
+                                    <div class="checkbox">
+                                        <label data-toggle="collapse" data-target="#inputUserPasswdCollapse">
+                                            <input type="checkbox" name="input[setPasswd]" value="1" /> Change Password
+                                        </label>
+                                    </div>
+                                </div>
+
+                                <div class="col-md-4 text-center">
+                                    <img src="<?=$mod->getCurrentUser()->getHeadImage()?>" alt="<?=$mod->getCurrentUser()->getDisplayName()?>" class="img-circle" height="100" />
+                                    <br />
+                                    <br />
+                                    <button type="button" class="btn btn-default btn-xs" data-toggle="collapse" data-target="#inputUserImageCollapse">
+                                        <span class="glyphicon glyphicon-camera"></span> Upload new image
+                                    </button>
+                                    <br />
+                                    <button type="button" class="btn btn-danger btn-xs">
+                                        <span class="glyphicon glyphicon-remove"></span> Remove image
+                                    </button>
+                                </div>
                             </div>
 
-                            <div class="checkbox">
-                                <label data-toggle="collapse" data-target="#inputUserPasswdCollapse">
-                                    <input type="checkbox" name="input[setPasswd]" value="1" /> Change Password
-                                </label>
+                            <div class="collapse" id="inputUserImageCollapse">
+                                <div class="form-group">
+                                    <label>User Image</label>
+                                    <input type="file" name="inputf[image]" />
+                                </div>
                             </div>
 
                             <div class="collapse" id="inputUserPasswdCollapse">
-- 
cgit v1.2.3