nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

cleaned up new message facebox

Browse source
This commit is contained in:
danielgrippi 2011-03-07 20:14:22 -08:00
parent fca5310c77
commit fb5e5cc341
7 changed files with 87 additions and 69 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/views/conversations/_show.haml
View file

@ -3,7 +3,7 @@
-# the COPYRIGHT file.
.span-15.last
.span-16.last
.conversation_participants
.span-9
%h3
@ -22,7 +22,7 @@
%br
%br
%br
.span-15.last
.span-16.last
.stream
= render :partial => 'messages/message', :collection => conversation.messages

2
app/views/conversations/index.haml
View file

@ -30,7 +30,7 @@
%i
You have no messages
#conversation_show.span-15.prepend-8.last
#conversation_show.span-16.prepend-8.last
- if @conversation
= render 'conversations/show', :conversation => @conversation
- else

59
app/views/conversations/new.haml
View file

@ -4,40 +4,45 @@
:javascript
$(document).ready(function () {
var data = $.parseJSON( $('#contact_json').val() );
$("#contact_autocomplete").autoSuggest(data, {
var data = $.parseJSON( $('#contact_json').val() ),
autocompleteInput = $("#contact_autocomplete");
autocompleteInput.autoSuggest(data, {
selectedItemProp: "name",
searchObjProps: "name",
asHtmlID: "contact_ids"
asHtmlID: "contact_ids",
keyDelay: 0,
startText: ''
});
autocompleteInput.focus();
});
#new_message_pane
#facebox_header
%h4
New Message
= form_for Conversation.new do |conversation|
- if @contact
send a message to
= @contact.person.name
= hidden_field_tag "conversation[contact_ids]", @contact.id
= hidden_field_tag "profile", @contact.person.id
-else
.span-12.last
#facebox_header
%h4
to
= text_field_tag "contact_autocomplete"
New Message
%h4
subject
= conversation.text_field :subject
= form_for Conversation.new do |conversation|
%br
%h4
message
= text_area_tag "conversation[text]", '', :rows => 5
.span-2
%h4
to
.span-10.last
= text_field_tag "contact_autocomplete"
= conversation.submit :send
= link_to 'cancel', conversations_path
.span-2
%h4
subject
.span-10.last
= conversation.text_field :subject
.span-10.prepend-2.last
= text_area_tag "conversation[text]", '', :rows => 5
.text-right
= conversation.submit :send, :class => 'button'
= link_to 'cancel', conversations_path

2
app/views/people/show.html.haml
View file

@ -42,7 +42,7 @@
- else
.right
= link_to 'Message', new_conversation_path(:contact_id => @contact.id), :class => 'button', :rel => 'facebox'
= link_to 'Message', new_conversation_path(:contact_id => @contact.id, :name => @contact.person.name, :contact_id => @contact.id), :class => 'button', :rel => 'facebox'
/- if @post_type == :photos
/ = link_to t('layouts.header.view_profile'), person_path(@person)

10
public/javascripts/vendor/jquery.autoSuggest.js vendored
View file

@ -181,7 +181,7 @@
timeout = setTimeout(function(){ keyChange(); }, opts.keyDelay);
}
break;
case 9: case 188: // tab or comma
/*case 9: case 188: // tab or comma
tab_press = true;
var i_input = input.val().replace(/(,)/g, "");
if(i_input != "" && values_input.val().search(","+i_input+",") < 0 && i_input.length >= opts.minChars){
@ -192,8 +192,12 @@
var lis = $("li", selections_holder).length;
add_selected_item(n_data, "00"+(lis+1));
input.val("");
}
case 13: // return
}*/
case 9: // tab
if(input.val() == ''){
break;
}
case 13: case 188: // return, comma
tab_press = false;
var active = $("li.active:first", results_holder);
if(active.length > 0){

20
public/stylesheets/sass/application.sass
View file

@ -2279,8 +2279,7 @@ ul.show_comments
:position relative
:top 10px
#aspect_edit_pane,
#new_message_pane
#aspect_edit_pane
:width 400px
.person_tiles
.tile
@ -2305,8 +2304,15 @@ ul.show_comments
:width 600px
#new_message_pane
input
:width 90%
input:not([type='submit']),
textarea
:width 377px
:margin
:right 0
.as-selections
input
:width 200px
#facebox_header
:padding 1em
@ -2653,7 +2659,6 @@ ul.show_comments
:border
:bottom 1px solid #ddd
#no_conversation_text
:font
:size 20px
@ -2670,3 +2675,8 @@ ul.show_comments
:font
:size 12px
.text-right
:text
:align right
:margin
:right 5px

59
public/stylesheets/vendor/autoSuggest.css vendored
View file

@ -2,17 +2,17 @@
ul.as-selections {
list-style-type: none;
border-top: 1px solid #888;
border-bottom: 1px solid #b6b6b6;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
border: 1px solid #ccc;
padding: 4px 0 4px 4px;
margin: 0;
overflow: auto;
background-color: #fff;
box-shadow:inset 0 1px 2px #888;
-webkit-box-shadow:inset 0 1px 2px #888;
-moz-box-shadow:inset 0 1px 2px #888;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
width: 383px;
}
ul.as-selections.loading {
@ -27,19 +27,21 @@ ul.as-selections li {
ul.as-selections li.as-selection-item {
color: #2b3840;
font-size: 13px;
font-family: "Lucida Grande", arial, sans-serif;
text-shadow: 0 1px 1px #fff;
background-color: #ddeefe;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddeefe), to(#bfe0f1));
border: 1px solid #acc3ec;
border-top-color: #c0d9e9;
padding: 2px 7px 2px 10px;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
padding: 0;
padding-left: 6px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 1px 1px #e4edf2;
-webkit-box-shadow: 0 1px 1px #e4edf2;
-moz-box-shadow: 0 1px 1px #e4edf2;
line-height: 10px;
margin-top: -1px;
margin-bottom: -1px;
}
ul.as-selections li.as-selection-item:last-child {
@ -48,8 +50,8 @@ ul.as-selections li.as-selection-item:last-child {
ul.as-selections li.as-selection-item a.as-close {
float: right;
margin: 1px 0 0 7px;
padding: 0 2px;
margin: 0px 3px 0 0px;
padding: 0 3px;
cursor: pointer;
color: #5491be;
font-family: "Helvetica", helvetica, arial, sans-serif;
@ -107,8 +109,9 @@ ul.as-selections li.as-original input {
outline: none;
font-size: 13px;
width: 120px;
height: 18px;
padding-top: 3px;
height: 14px;
padding: 0;
margin: 0;
}
ul.as-list {
@ -116,9 +119,8 @@ ul.as-list {
list-style-type: none;
margin: 2px 0 0 0;
padding: 0;
font-size: 14px;
font-size: 13px;
color: #000;
font-family: "Lucida Grande", arial, sans-serif;
background-color: #fff;
background-color: rgba(255,255,255,0.95);
z-index: 2;
@ -132,14 +134,14 @@ ul.as-list {
li.as-result-item, li.as-message {
margin: 0 0 0 0;
padding: 5px 12px;
padding: 5px;
background-color: transparent;
border: 1px solid #fff;
border-bottom: 1px solid #ddd;
cursor: pointer;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
li:first-child.as-result-item {
@ -173,9 +175,6 @@ li.as-result-item.active em {
/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
ul.as-selections {
border-top-width: 2px;
}
ul.as-selections li.as-selection-item {
padding-top: 3px;
padding-bottom: 3px;
@ -184,14 +183,14 @@ li.as-result-item.active em {
margin-top: -1px;
}
ul.as-selections li.as-original input {
height: 19px;
height: 15px;
}
}
/* Opera Hacks */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
ul.as-list {
border: 1px solid #888;
border: 1px solid #ccc;
}
ul.as-selections li.as-selection-item a.as-close {
margin-left: 4px;
@ -201,7 +200,7 @@ li.as-result-item.active em {
/* IE Hacks */
ul.as-list {
border: 1px solid #888\9;
border: 1px solid #ccc\9;
}
ul.as-selections li.as-selection-item a.as-close {
margin-left: 4px\9;
@ -210,7 +209,7 @@ ul.as-selections li.as-selection-item a.as-close {
/* Firefox 3.0 Hacks */
ul.as-list, x:-moz-any-link, x:default {
border: 1px solid #888;
border: 1px solid #ccc;
}
BODY:first-of-type ul.as-list, x:-moz-any-link, x:default { /* Target FF 3.5+ */
border: none;