has_mailbox 1.5.5

data/lib/generators/has_mailbox/install/templates/mailboxes.css

@@ -0,0 +1,147 @@
+/* CUSTOM
+---------------------------------------------------- */
+.message { padding-left: 10px;}
+.recipient_name { color: red; }
+
+/* TABLE
+---------------------------------------------------- */
+table { font-size: 0.9em; color: #333333; padding: 5px; margin-top: 5px;}
+td 	{ padding: 7px; text-align: left;}
+th 	{ font-size: 1em; color: #333333; text-align: left; background-color: #EBEBEB; padding: 7px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999;}
+tr.alt { background-color: #EBEBEB; }
+tr.unread { font-weight: bold;}
+td a { color: #333333;}
+
+/* ---------------------------------------
+		FORM ELEMENTS
+---------------------------------------- */
+
+form label { font-size: 12px; color: #666666; margin-right: 10px; font-family: Tahoma, Arial, Verdana, sans-serif; font-variant: normal; text-transform: uppercase;
+			 margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
+form input.text { width: 35%; border: 1px solid #BFBFBF; font-size: 13px; color: #222; padding: 5px; vertical-align: middle; border-radius: 3px;
+				  -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-top: 5px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; }
+form textarea { border: 1px solid #BFBFBF; font-size: 13px; color: #222; padding: 5px; vertical-align: middle; border-radius: 3px;
+				-webkit-border-radius: 3px; -moz-border-radius: 3px; margin-top: 5px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; }
+
+form textarea.medium { width: 65%; height: 250px; }
+form textarea.large { width: 98%; height: 400px; }
+form input:focus, textarea:focus	{ border: 1px solid #999999;}
+form input.text.date 		{ width: 20%;}
+form input.text.medium 		{ width: 65%;}
+form input.text.big			{ width: 95%;}
+form input.radio,
+form input.checkbox 		{ vertical-align: middle;}
+
+form input.file { width: 250px; height: 20px; background: #fefefe; border: 1px solid #bbb; border-right: 0; font-size: 13px; color: #333; padding: 4px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; 
+				  -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; }
+
+form input.submit:hover, a.submit:hover 	{ background-color: #333333; }
+form input.submit, a.submit:link, a.submit:visited, a.submit:active, a.submit:hover 
+					{ text-transform: uppercase; text-decoration:none; color: #fff; }
+ 
+form .select				{ padding: 2px; margin: 5px 5px 5px 0px;}
+
+/* SUBMIT BUTTONS 
+----------------------- */
+form input.submit, a.submit {
+	line-height: 20px;
+	border: 0;
+	font-size: 9px;
+	font-weight: normal;
+	cursor: pointer;
+	vertical-align: middle;
+	background-color: #258cd1;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+	height: 25px;
+	margin: 0px 7px 0px 0px;
+	padding: 5px 8px 5px 8px;
+	background-repeat: repeat-x;
+}
+
+/* Pagination: Style
+------------------------------- */
+.pagination   { border:0; margin:0; padding:0; font-size:11px; float:left; }
+.pagination a { border:1px solid #CCC; margin-right:2px; color: #258cd1; }
+.pagination .disabled { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
+.pagination .next_page a,
+.pagination .previous_page a { font-weight:bold; }	
+.pagination em { color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; margin-right:2px; background-color: #258cd1; }
+.pagination a:link, 
+.pagination a:visited  { color:#258cd1; display:block; float:left; padding:3px 6px; text-decoration:none; }
+.pagination a:hover { border:1px solid #258cd1; }
+
+
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
+.ui-widget-content { border: 1px solid #e1e1e1; background-color: #ffffff; color: #333333; }
+.ui-widget-content a { color: #333333; }
+.ui-widget-header { border: 1px solid #258cd1; background-color: #258cd1; color: #ffffff; font-weight: bold; }
+.ui-widget-header a { color: #ffffff; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #e1e1e1; background-color: #f6f6f6; font-weight: bold; color: #1c94c4; outline: none; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #258cd1; background-color: #fdf5ce; font-weight: bold; color: #258cd1; outline: none; }
+.ui-state-hover a, .ui-state-hover a:hover { color: #258cd1; text-decoration: none; outline: none; }
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #258cd1; background-color: #258cd1; font-weight: bold; color: #ffffff; outline: none; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; outline: none; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background-color: #ffe45c; color: #363636; }
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background-color: #b81900; color: #ffffff; }
+.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; }
+.ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
+.ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; }
+.ui-corner-top { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; }
+.ui-corner-right {  -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; }
+.ui-corner-left { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
+.ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
+
+.ui-tabs { padding: .2em; zoom: 1; }
+.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
+.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
+.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }

data/lib/generators/has_mailbox/install/templates/mailboxes.js

@@ -0,0 +1,28 @@
+$(function() {
+	// Check all the checkboxes when the head one is selected
+	$(".checkall").live("click", function() {
+	    $("input[type='checkbox']").attr('checked', $(this).is(':checked'));   
+	});
+	
+	// change current active tabs styles
+	$('.ui-state-default a').click(function(){
+		$('.ui-state-default').removeClass("ui-tabs-selected");
+		$('.ui-state-default').removeClass("ui-state-active");
+		$(this).parent().addClass("ui-tabs-selected");
+		$(this).parent().addClass("ui-state-active");
+		history.pushState(null, document.title, this.href);
+	});
+	
+	// handle pagination through ajax
+	$("#tabs-messages .pagination a").live("click", function(e) {
+		$.getScript(this.href);
+		history.pushState(null, document.title, this.href);
+		e.preventDefault();
+	});
+	
+	//bind window for postate
+	$(window).bind("popstate", function() {
+		$.getScript(location.href);
+	});
+		
+});

data/lib/generators/has_mailbox/install/templates/token-input-facebook.css

@@ -0,0 +1,122 @@
+/* Example tokeninput style #2: Facebook style */
+ul.token-input-list-facebook {
+    overflow: hidden; 
+    height: auto !important; 
+    height: 1%;
+    width: 400px;
+    border: 1px solid #8496ba;
+    cursor: text;
+    font-size: 12px;
+    font-family: Verdana;
+    min-height: 1px;
+    z-index: 999;
+    margin: 0;
+    padding: 0;
+    background-color: #fff;
+    list-style-type: none;
+    clear: left;
+}
+
+ul.token-input-list-facebook li input {
+    border: 0;
+    width: 100px;
+    padding: 3px 8px;
+    background-color: white;
+    margin: 2px 0;
+    -webkit-appearance: caret;
+}
+
+li.token-input-token-facebook {
+    overflow: hidden; 
+    height: auto !important; 
+    height: 15px;
+    margin: 3px;
+    padding: 1px 3px;
+    background-color: #eff2f7;
+    color: #000;
+    cursor: default;
+    border: 1px solid #ccd5e4;
+    font-size: 11px;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    float: left;
+    white-space: nowrap;
+}
+
+li.token-input-token-facebook p {
+    display: inline;
+    padding: 0;
+    margin: 0;
+}
+
+li.token-input-token-facebook span {
+    color: #a6b3cf;
+    margin-left: 5px;
+    font-weight: bold;
+    cursor: pointer;
+}
+
+li.token-input-selected-token-facebook {
+    background-color: #5670a6;
+    border: 1px solid #3b5998;
+    color: #fff;
+}
+
+li.token-input-input-token-facebook {
+    float: left;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+}
+
+div.token-input-dropdown-facebook {
+    position: absolute;
+    width: 400px;
+    background-color: #fff;
+    overflow: hidden;
+    border-left: 1px solid #ccc;
+    border-right: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
+    cursor: default;
+    font-size: 11px;
+    font-family: Verdana;
+    z-index: 1;
+}
+
+div.token-input-dropdown-facebook p {
+    margin: 0;
+    padding: 5px;
+    font-weight: bold;
+    color: #777;
+}
+
+div.token-input-dropdown-facebook ul {
+    margin: 0;
+    padding: 0;
+}
+
+div.token-input-dropdown-facebook ul li {
+    background-color: #fff;
+    padding: 3px;
+    margin: 0;
+    list-style-type: none;
+}
+
+div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
+    background-color: #fff;
+}
+
+div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
+    background-color: #fff;
+}
+
+div.token-input-dropdown-facebook ul li em {
+    font-weight: bold;
+    font-style: normal;
+}
+
+div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
+    background-color: #3b5998;
+    color: #fff;
+}

data/lib/generators/has_mailbox/install/templates/views/_head.html.erb

@@ -0,0 +1,19 @@
+<% content_for :head do %>
+	<%= stylesheet_link_tag "mailboxes" %>
+    <%= javascript_include_tag "mailboxes" %>
+    
+    <% if controller.action_name == "new" -%>
+    <%= stylesheet_link_tag "token-input-facebook" %>
+    <%= javascript_include_tag "jquery.tokeninput" %>
+    <script type="text/javascript">
+    	
+		$(document).ready(function() {
+			$("#user_tokens").tokenInput("/mailbox/token.json", {
+			    crossDomain: false,
+			    theme: "facebook"
+			});
+		});
+		
+	</script>
+    <% end -%>
+<% end %>

data/lib/generators/has_mailbox/install/templates/views/_messages.html.erb

@@ -0,0 +1,39 @@
+<%= form_tag update_mailboxes_path, :method => :post, :remote => true do %>
+	<%= select_tag "option", options_for_select(@options) %>
+	<%= submit_tag "Apply to Selected", :class => "submit" %>
+	<%= hidden_field_tag :mailbox, @mailbox %>
+	<table cellspacing="0" cellpadding="0" border="0" width="100%">
+		 <tbody>
+			<tr>
+				<th width="5%" scope="col"><input type="checkbox" class="checkall" id="checkbox" name="checkbox"></th>
+	            <%- unless @mailbox == "outbox" -%>
+	            <th width="20%" scope="col">From</th>
+	            <%- else -%>
+	            <th width="20%" scope="col">To</th>
+	            <%- end -%>
+	            <th width="55%" scope="col">Subject</th>
+	            <th width="20%" scope="col">Date</th>
+	        </tr>
+	        <!-- check opened message first and then set alternate style -->
+	        <%- x = 0 -%>
+			<%- for msg in @messages -%>
+			<tr class="<%= ( (@mailbox != "outbox") ? ( msg.read? ? "" : "unread " ) : "" ) + ( ((x += 1) % 2 == 0) ? "alt" : "") -%>">
+				<td scope="col"><%= check_box_tag "[messages][]", msg.id %></td>
+				<%- unless @mailbox == "outbox" -%>
+	          	<td scope="col"><%= msg.from.email %></td>
+	            <%- else -%>
+	            <td scope="col"><%= msg.to.email %></td>
+	            <%- end -%>
+	            <td scope="col"><%= link_to msg.subject, show_mailboxes_path(@mailbox,msg) %></td>
+	            <td scope="col" title='<%= msg.created_at.strftime("%a, %b %d, %Y at %I:%M %p") %>'><%= msg.created_at.strftime( ((msg.created_at < 1.days.ago) ? "%b %d, %Y" : "%I:%M %p")) %></td>
+	        </tr>
+			<%- end -%>
+			<tr>
+	            <td colspan="4"><%= will_paginate @messages, :class => "pagination" %></td>
+	        </tr>
+		</tbody>	
+	</table>
+<%- end -%>
+<p>
+	<%= link_to "Compose New Message", new_mailboxes_path %>
+</p>

data/lib/generators/has_mailbox/install/templates/views/_tabs_panel.html.erb

@@ -0,0 +1,11 @@
+<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all ui-sortable">
+    <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active">
+    	<%= link_to "Inbox", box_mailboxes_path(:inbox), :remote => true %>
+    </li>
+    <li class="ui-state-default ui-corner-top">
+    	<%= link_to "Outbox", box_mailboxes_path(:outbox), :remote => true %>
+    </li>
+    <li class="ui-state-default ui-corner-top">
+    	<%= link_to "Trash", box_mailboxes_path(:trash), :remote => true %>
+    </li>
+</ul>

data/lib/generators/has_mailbox/install/templates/views/index.html.erb

@@ -0,0 +1,10 @@
+<h2>Mailbox</h2>
+
+<%= render "head" %>
+
+<div class="ui-tabs ui-widget ui-widget-content ui-corner-all">
+	<%= render :partial => "tabs_panel" %>
+    <div id="tabs-messages" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
+		<%= render "messages" %>
+    </div>      
+</div>

data/lib/generators/has_mailbox/install/templates/views/index.js.erb

@@ -0,0 +1 @@
+$("#tabs-messages").html("<%= escape_javascript(render("messages")) %>");

data/lib/generators/has_mailbox/install/templates/views/new.html.erb

@@ -0,0 +1,28 @@
+<h2>Mailbox</h2>
+
+<%= render "head" %>
+
+<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
+     
+	<%= render :partial => "tabs_panel" %>
+	
+    <div id="tabs-messages" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
+    	<%= form_tag create_mailboxes_path, :method => :post do %>
+			<p>
+			  	<%= label_tag :user_tokens, "User :" %><br />
+			  	<%= text_field_tag :user_tokens, "", :class => "text small" %>
+			</p>
+			<p>
+			    <%= label_tag :subject, "Subject :" %><br />
+				<%= text_field_tag :subject, "", :class => "text medium" %>
+			</p>
+			<p>
+			    <%= label_tag :body, "Messages :" %><br />
+				<%= text_area_tag :body, "", :class => "medium" %>
+			</p>
+			<p>
+				<%= submit_tag "Send", :class => "submit" %>
+			</p>
+		<% end %>
+    </div>    
+</div>

data/lib/generators/has_mailbox/install/templates/views/show.html.erb

@@ -0,0 +1,35 @@
+<h2>Mailbox</h2>
+
+<%= render "head" %>
+
+<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
+	<%= render :partial => "tabs_panel" %>
+    <div id="tabs-messages" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
+		<%= form_tag create_mailboxes_path, :method => :post do %>
+			<h3><%= @message.subject %></h3>
+			<div class="message ui-widget-content ui-corner-all">
+				<h5><%= raw @message_description %></h5>	
+				<p><%= @message.body %></p>
+			</div>
+		<% unless params[:mailbox] == "outbox" %>
+			<p>
+			    <%= label_tag :body, "Reply Message :" %><br />
+				<%= text_area_tag :body, "", :class => "medium" %>
+			</p>
+			<p>
+				<%= submit_tag "Reply", :class => "submit" %>
+			</p>
+			<%= hidden_field_tag :user_tokens, @user_tokens %>
+			<%= hidden_field_tag :subject, @message.subject %>
+		<% end -%>
+		<% end -%>
+    </div>   
+</div>
+
+
+
+
+
+
+
+