Issue #112: arquivos de gestão do mocambola.

static/css/user.css

+#bbx-user-panel {
+    background-color: aliceblue;
+    position: absolute;
+    top: 0px;
+    right: -300px;
+    height: 100vh;
+    width: 300px;
+    overflow: hidden;
+    z-index: 100;
+}
+
+#bbx-user-inner-panel {
+    width: 1000px;
+    margin-left: 0;
+    vertical-align: top;
+    display: inline-flex;
+}
+
+#bbx-user-button {
+    background-color: rgba(195, 235, 255, 0.5);
+    width: 80px;
+    height: 80px;
+    border: 0px solid white;
+    border-radius: 50%;
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    z-index: 101;
+}
+
+#bbx-user-button img {
+    opacity: 0.7;
+    width: 40px;
+    height: 40px;
+    margin-top: 20px;
+    margin-left: 20px;
+}
+
+#bbx-login-panel, #bbx-profile-panel {
+    display: inline-block;
+    padding: 18px;
+    width: 300px;
+}
+
+#bbx-login-grettings {
+    display: block;
+    font: bold 24px Verdana, Helvetica, sans-serif;
+    color: rgba(14, 92, 130, 0.5);
+}
+
+#bbx-login-ask {
+    margin-top: 12px;
+    margin-bottom: 8px;
+    display: block;
+    font: bold 18px Verdana, Helvetica, sans-serif;
+}
+
+.bbx-login {
+    margin-top: 8px;
+    width: 264px;
+}
+
+.bbx-login-help, .bbx-profile-help {
+    margin-top: 8px;
+    font: bold 14px Verdana, Helvetica, sans-serif;
+    color:rgba(14, 92, 130, 0.5);
+    cursor: pointer; 
+}
+
+#bbx-profile-name {
+    font: bold 24px Verdana, Helvetica, sans-serif;
+    color: rgba(14, 92, 130, 0.5);
+    height: 28px;
+}
\ No newline at end of file

static/img/user.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
\ No newline at end of file

static/js/user.js

+$(function () {
+    var user_panel_visible = false;
+    $("#bbx-user-button").click(function (event) {
+        if (user_panel_visible) {
+            $("#bbx-user-panel").animate({right: '-300px'});
+        } else {
+            $("#bbx-user-panel").animate({right: '0px'});
+        }
+        user_panel_visible = !user_panel_visible;
+    })
+    $page.onChange('session', function (event) {
+        if ($page.session) {
+            $("#bbx-profile-name").text($page.session.mocambola.name);
+            $("#bbx-user-inner-panel").animate({'margin-left': '-300px'});
+        } else {
+            $("#bbx-user-inner-panel").animate({'margin-left': '0'});
+            $("#bbx-profile-name").text('');
+        }
+    });
+    $("#bbx-login-form").submit(function (event) {
+        event.preventDefault();
+        $page.postAuth($("#bbx-login-username").val(), $("#bbx-login-password").val());
+    });
+    $("#bbx-profile-logout").click(function (event) {
+        // TODO Logout stuf
+        $page.session = false;
+    });
+});
\ No newline at end of file