Started adding implementation of client-side functionality.

- Changed ts_api:dispatch_user/3 to return information for the user currently,
  authenticated if a valid session id is presented and no username is presented.
- Moved the generic styling of form > * elements to be specific to .bar > form.
- Added jQuery U 1.8.0.
- Created login dialog that will automatically load upon page load if the user
  is not logged in.
- Added styling for jQuery UI login dialog.
- Implemented login functionality on the client page.
- Implemented functionality to load user and timeline records on the client
  side.
This commit is contained in:
Jonathan Bernard
2011-03-01 08:23:51 -06:00
parent 4492f87a39
commit 439a080f14
21 changed files with 1522 additions and 26 deletions

View File

@ -19,7 +19,7 @@ $txt: #E6DEC7;
*/
/* _rounded.scss */
html {
background: url("../img/loving_blu.png") repeat; }
background: url("/img/loving_blu.png") repeat; }
body {
width: 50%;
@ -79,40 +79,40 @@ body {
-webkit-border-bottom-left-radius: 0.5em;
border-bottom-left-radius: 0.5em; }
form {
.bar form {
border-top: solid 1px #979681;
padding: 0.5em 0 0.5em 2em;
overflow: hidden; }
form label {
.bar form label {
color: #626150;
display: block;
overflow: hidden; }
form label span {
.bar form label span {
float: left;
width: 6em;
padding-top: 0.1em; }
form input.text-input {
.bar form input.text-input {
border: 1px solid #979681; }
form .form-col {
.bar form .form-col {
overflow: hidden;
float: left;
padding-right: 2em; }
form .form-col input.text-input {
.bar form .form-col input.text-input {
width: 10em; }
form div.form-submit {
.bar form div.form-submit {
float: left;
width: 100%;
overflow: hidden;
padding: 0.5em 2em 0.5em 2em;
position: relative; }
form div.form-submit div {
.bar form div.form-submit div {
position: relative;
float: right;
left: -50%; }
form div.form-submit div input {
.bar form div.form-submit div input {
position: relative;
left: 50%; }
form div.form-submit input, form input.form-submit {
.bar form div.form-submit input, .bar form input.form-submit {
border: 1px solid #979681;
background: #f6f3ea; }
@ -158,3 +158,21 @@ form {
padding: 0.5em 0 0.5em 2em; }
#new-entry #new-entry-input {
margin-right: 1em; }
#login-dialog {
font-size: small; }
#login-dialog label, #login-dialog input {
display: block; }
#login-dialog input.text {
margin-bottom: 1em;
width: 95%;
padding: 0.4em; }
#login-dialog form fieldset {
padding: 0;
border: 0;
margin: 0; }
#login-dialog .validate-tips {
display: none; }
#ui-dialog-title-login-dialog, .ui-dialog-buttonset {
font-size: medium; }