修复用户、课程、项目、竞赛、留言模块样式，去除回复时的回复某某字样，及字数控制

Gemfile.lock

@@ -125,7 +125,6 @@ GEM
     mocha (1.1.0)
       metaclass (~> 0.0.1)
     multi_json (1.10.1)
-    mysql2 (0.3.11)
     mysql2 (0.3.11-x86-mingw32)
     net-ldap (0.3.1)
     nokogiri (1.6.3)

app/views/contests/_history.html.erb

@@ -24,7 +24,7 @@
                     <% end %>
                     <% if reply_allow %>
                         <%= link_to l(:label_bid_respond_quote),'',
-                                    {:focus => 'project_respond', :onclick => "toggleAndSettingWordsVal($('##{ids}'), $('##{ids} textarea'), '#{l(:label_reply_plural)} #{journal.user.name}: '); $('##{ids} textarea') ;return false;"} %>
+                                    {:focus => 'project_respond', :onclick => "toggleAndSettingWordsVal($('##{ids}'), $('##{ids} textarea')); $('##{ids} textarea') ;return false;"} %>
                         <%= link_to(l(:button_quote), contests_path(:id => contest,
                                                                     :journal_id => journal),
                                     :remote => true,

app/views/contests/_new.html.erb

@@ -1,23 +1,8 @@
 <!-- fq -->
-<script type="text/javascript" language="javascript">
+<div style="width: 80%; margin-left:10%;">
-	function clearInfo(id, content) {
+  <%= form_for('contest_message',
-		var text = $('#' + id);
+  				:remote => true, :method => :post,
-		if (text.val() == content) {
+  				:url => {:controller => 'contests',
-			$('#' + id).val('');
-		}
-	}
-
-	function showInfo(id, content) {
-		var text = $('#' + id);
-		if (text.val() == '') {
-			$('#' + id).val(content);
-		}
-	}
-</script>
-
-<%= form_for('contest_message', 
-				:remote => true, :method => :post,
-				:url => {:controller => 'contests',
 						 :action => 'create',
 						 :id => contest,
 						 :sta => sta}
@@ -28,52 +13,24 @@
 	</div>
 	
 	<% if User.current.logged? %>
-		<table border="0" width="525px" align="center" >
-			<tr>
 
-                <!-- modified by longjun 修改格式 -->
-			    <td>
                   <%= f.text_area 'message',
                                   :rows => 3,
                                   :cols => 65,
                                   :placeholder => l(:label_my_respond),
-                                  :style => "resize: none;",
+                                  :style => "resize: none;  width: 98%",
-                                  :class => 'noline'
+                                  :class => 'noline',
+                                  :maxlength => 250
                   %>
-                </td>
-                <!-- end longjun -->
-			</tr>
-		</table>
 		
-		<%= f.text_field :reference_user_id, :style=>"display:none"%>  <!--what function?-->
+		<%= f.text_field :reference_user_id, :style=>"display:none"%>
-		
+        <%= submit_tag l(:button_leave_meassge), :name => nil , :class => "enterprise" , :style => "display: block; float: right; margin-right: 1%; margin-top: 1px;"%>
-		<!-- modified by bai -->
-		<table border="0" width="525px" align="center">
-			<tr>
-              <!-- modified by longjun  修改格式 -->
-				<td align="right">
-                  <%= submit_tag l(:button_leave_meassge),
-                                 :name => nil ,
-                                 :class => "contest_btn",
-                                 :onmouseout => "this.style.backgroundPosition = 'left top'",
-                                 :onmouseover => "this.style.backgroundPosition = 'left -31px'"
-                  %>
-				    <%= submit_tag l(:button_clear_meassge),
-                                   :name => nil,
-                                   :onclick => "clearMessage('contest_message_message');",
-                                   :type => 'button', :class => "bid_btn",
-                                   :onmouseout => "this.style.backgroundPosition = 'left top'",
-                                   :onmouseover => "this.style.backgroundPosition = 'left -31px'"
-                    %>
-                </td>
-              <!-- end longjun -->
-			</tr>
-		</table>
-	<!-- end -->
 	<% else %>
 		<div style="font-size: 14px;margin:10px;padding-left: 13px">
 			<%= l(:label_user_login_tips) %>
 			<%= link_to l(:label_user_login_new), signin_path %>
 		</div>
 	<% end %>
-<% end %>
+  <% end %>
+  <div class="cl"></div>
+</div>

app/views/contests/show_contest.html.erb

@@ -4,5 +4,41 @@
 	<%= render :partial => 'contest_jours',
                :locals => { :contest => @contest, :journals => @jour, :state => false}
     %>
+<script>
+    var W3CDOM = document.createElement && document.getElementsByTagName;
 
+    window.onload = setMaxLength;
+
+    function setMaxLength() {
+        if (!W3CDOM) return;
+        var textareas = document.getElementsByTagName('textarea');
+        for (var i=0;i<textareas.length;i++) {
+            var textarea = textareas[i];
+            setMaxLengthItem(textareas[i]);
+        }
+    }
+    function setMaxLengthItem(textarea){
+        if (textarea.getAttribute('maxlength')) {
+            var counter = document.createElement('div');
+            counter.className = 'counter';
+            var counterClone = counter.cloneNode(true);
+            counterClone.innerHTML = '<span>0</span>/'+textarea.getAttribute('maxlength');
+            textarea.parentNode.insertBefore(counterClone,textarea.nextSibling);
+            textarea.relatedElement = counterClone.getElementsByTagName('span')[0];
+            textarea.onkeyup = textarea.onchange = checkMaxLength;
+            textarea.onkeyup();
+        }
+    }
+
+    function checkMaxLength() {
+        var maxLength = this.getAttribute('maxlength');
+        var currentLength = this.value.length;
+        if (currentLength > maxLength)
+            this.relatedElement.className = 'toomuch';
+        else
+            this.relatedElement.className = '';
+        this.relatedElement.firstChild.nodeValue = currentLength;
+    }
+
+</script>
 <% html_title(l(:label_user_response)) -%>

app/views/courses/_courses_jours.html.erb

@@ -17,13 +17,14 @@
             <%= f.text_area 'course_message', :rows => 3, :cols => 65,
                             :placeholder => "#{l(:label_welcome_my_respond)}",
                             :style => "resize: none;  width: 98%",
-                            :class => 'noline'%>
+                            :class => 'noline',:maxlength => 250%>
             <%= submit_tag l(:button_leave_meassge), :name => nil , :class => "enterprise" , :style => "display: block; float: right; margin-right: 1%; margin-top: 1px;"%>
         <% end %>
       </div>
   <% end %>
-
+  <div class="cl"></div>
 </div>
+
 <div id="history">
   <%= render :partial => 'history',:locals => { :contest => @contest, :journals => @jour, :state => false} %>
 </div>

app/views/courses/_history.html.erb

@@ -24,7 +24,7 @@
                     <% end %>
                     <% if reply_allow %>
                         <%= link_to l(:label_bid_respond_quote),'',
-                                    {:focus => 'project_respond', :onclick => "toggleAndSettingWordsVal($('##{ids}'), $('##{ids} textarea'), '#{l(:label_reply_plural)} #{journal.user.name}: '); $('##{ids} textarea') ;return false;"} %>
+                                    {:focus => 'project_respond', :onclick => "toggleAndSettingWordsVal($('##{ids}'), $('##{ids} textarea')); $('##{ids} textarea') ;return false;"} %>
 
                     <% end %>
                 </span>

app/views/projects/_history.html.erb

@@ -24,7 +24,7 @@
                     <% end %>
                     <% if reply_allow %>
                         <%= link_to l(:label_bid_respond_quote),'',
-                                    {:focus => 'project_respond', :onclick => "toggleAndSettingWordsVal($('##{ids}'), $('##{ids} textarea'), '#{l(:label_reply_plural)} #{journal.user.name}: '); $('##{ids} textarea') ;return false;"} %>
+                                    {:focus => 'project_respond', :onclick => "toggleAndSettingWordsVal($('##{ids}'), $('##{ids} textarea')); $('##{ids} textarea') ;return false;"} %>
 
                     <% end %>
                 </span>

app/views/projects/_project_jours.html.erb

@@ -17,12 +17,12 @@
             <%= f.text_area 'project_message', :rows => 3, :cols => 65,
                             :placeholder => "#{l(:label_welcome_my_respond)}",
                             :style => "resize: none;  width: 98%",
-                            :class => 'noline'%>
+                            :class => 'noline',:maxlength => 250%>
             <%= submit_tag l(:button_leave_meassge), :name => nil , :class => "enterprise" , :style => "display: block; float: right; margin-right: 1%; margin-top: 1px;"%>
         <% end %>
       </div>
   <% end %>
-
+    <div class="cl"></div>
 </div>
 <div id="history">
   <%= render :partial => 'history',:locals => { :journals => @jour, :state => false} %>

app/views/projects/feedback.html.erb

@@ -38,7 +38,7 @@ function checkMaxLength() {
     if (currentLength > maxLength)
         this.relatedElement.className = 'toomuch';
     else
-        this.relatedElement.className = '';	
+        this.relatedElement.className = '';
     this.relatedElement.firstChild.nodeValue = currentLength;
 }
 

app/views/users/_history.html.erb

@@ -24,7 +24,7 @@
                     <% end %>
                     <% if reply_allow %>
                         <%= link_to l(:label_bid_respond_quote),'',
-                                    {:focus => 'project_respond', :onclick => "toggleAndSettingWordsVal($('##{ids}'), $('##{ids} textarea'), '#{l(:label_reply_plural)} #{journal.user.name}: '); $('##{ids} textarea') ;return false;"} %>
+                                    {:focus => 'project_respond', :onclick => "toggleAndSettingWordsVal($('##{ids}'), $('##{ids} textarea')); $('##{ids} textarea') ;return false;"} %>
 
                     <% end %>
                 </span>

app/views/users/_user_jours.html.erb

@@ -12,3 +12,40 @@
   </div>
   <ul class="wlist"><%= pagination_links_full @obj_pages, @obj_count, :per_page_links => false, :remote => false, :flag => true%></ul>
 </div>
+<script>
+    var W3CDOM = document.createElement && document.getElementsByTagName;
+
+    window.onload = setMaxLength;
+
+    function setMaxLength() {
+        if (!W3CDOM) return;
+        var textareas = document.getElementsByTagName('textarea');
+        for (var i=0;i<textareas.length;i++) {
+            var textarea = textareas[i];
+            setMaxLengthItem(textareas[i]);
+        }
+    }
+    function setMaxLengthItem(textarea){
+        if (textarea.getAttribute('maxlength')) {
+            var counter = document.createElement('div');
+            counter.className = 'counter';
+            var counterClone = counter.cloneNode(true);
+            counterClone.innerHTML = '<span>0</span>/'+textarea.getAttribute('maxlength');
+            textarea.parentNode.insertBefore(counterClone,textarea.nextSibling);
+            textarea.relatedElement = counterClone.getElementsByTagName('span')[0];
+            textarea.onkeyup = textarea.onchange = checkMaxLength;
+            textarea.onkeyup();
+        }
+    }
+
+    function checkMaxLength() {
+        var maxLength = this.getAttribute('maxlength');
+        var currentLength = this.value.length;
+        if (currentLength > maxLength)
+            this.relatedElement.className = 'toomuch';
+        else
+            this.relatedElement.className = '';
+        this.relatedElement.firstChild.nodeValue = currentLength;
+    }
+
+</script>

app/views/words/_new.html.erb

@@ -35,50 +35,31 @@
 		border: #d5dee9 1px solid;
 	}
 </style>
+<div style="width: 80%; margin-left:10%;">
+  <%= form_for('new_form', :remote => true, :method => :post,
+                :url => {:controller => 'words',
+                :action => 'create',
+                :user_id => user.id,
+                :sta => sta}) do |f|%>
 
-<script type="text/javascript" language="javascript">
+    <div id = 'pre_show'>
-	function clearInfo(id, content) {
+	  <%= render :partial => 'words/pre_show', :locals => {:content => @content} %>
-		var text = $('#' + id);
+    </div>
-		if (text.val() == content) {
-			$('#' + id).val('');
-		}
-	}
-
-	function showInfo(id, content) {
-		var text = $('#' + id);
-		if (text.val() == '') {
-			$('#' + id).val(content);
-		}
-	}
-</script>
-
-<%= form_for('new_form', :remote => true, :method => :post,
-:url => {:controller => 'words',
-:action => 'create',
-:user_id => user.id,
-:sta => sta}) do |f|%>
 
-<div id = 'pre_show'>
+    <% if User.current.logged? %>
-	<%= render :partial => 'words/pre_show', :locals => {:content => @content} %>
+      <%= f.text_area 'user_message', :rows => 3, :cols => 65,
-</div>
+                              :placeholder => "#{l(:label_leave_a_message)}",
+                              :style => "resize: none;  width: 98%",
+                              :class => 'noline',:maxlength => 250%>
 
-<% if User.current.logged? %>
+      <%= f.text_field :reference_user_id, :style=>"display:none"%>
-<table border="0" width="525px" align="center" >
+      <%= submit_tag l(:button_leave_meassge), :name => nil , :class => "enterprise" , :style => "display: block; float: right; margin-right: 1%; margin-top: 1px;"%>
-	<tr>
+    <% else %>
-		<td><%= f.text_area 'user_message', :rows => 3, :cols => 65, :value => "#{l(:label_leave_a_message)}", :onfocus => "clearInfo('new_form_user_message','#{l(:label_leave_a_message)}')", :onblur => "showInfo('new_form_user_message','#{l(:label_leave_a_message)}')", :style => "resize: none;", :class => 'noline'%></td>
+      <div style="font-size: 14px;margin:10px;">
-	</tr>
+	    <%= l(:label_user_login_tips) %>
-</table>
+	    <%= link_to l(:label_user_login_new), signin_path %>
-<%= f.text_field :reference_user_id, :style=>"display:none"%>
+      </div>
-<table border="0" width="525px" align="center">
+    <% end %>
-	<tr>
+      <div class="cl"></div>
-		<td align="right"> <%= submit_tag l(:button_leave_meassge), :name => nil , :class => "enterprise", :onmouseout => "this.style.backgroundPosition = 'left top'", :onmouseover => "this.style.backgroundPosition = 'left -31px'"%>
+  <% end %>
-						   <%= submit_tag l(:button_cancel), :name => nil, :class => "enterprise", :onclick => "clearMessage('new_form_user_message');",  :onmouseout => "this.style.backgroundPosition = 'left top'", :onmouseover => "this.style.backgroundPosition = 'left -31px'" %> </td>
+</div>
-	</tr>
-</table>
-<% else %>
-<div style="font-size: 14px;margin:10px;">
-	<%= l(:label_user_login_tips) %>
-	<%= link_to l(:label_user_login_new), signin_path %>
-</div>
-<% end %>
-<% end %>