Commits

hugo tomanguilla committed d99f3c2

Se agregan estilos a conversaciones

Comments (0)

Files changed (9)

static/css/site.css

 .notification{color:#f00;font-size:15px;margin-bottom:16px}
 .comment-tit{display:block;height:60px;margin-bottom:12px;border-bottom:solid 1px #999;}
 .comment-tit .com-user{float:left;width:50px;height:50px;background:#ccc;margin-right:15px}
-.comment-tit .com-name{float:left;display:block;padding-top:12px;margin-right:12px}
-.comment-tit .com-num{display:block;float:left;width:20px;height:18px;color:#fff;border:none;background:url("../images/site/bg-comment.gif") no-repeat left bottom;text-align:center;font-size:14px;font-weight:bold;padding-top:10px}
+.comment-tit .com-name{float:left;display:block;padding-top:12px;margin-right:12px;font-size:14px;font-weight:bold}
+.comment-tit .com-num{display:block;float:left;width:20px;height:18px;color:#fff;border:none;background:url("../images/site/bg-comment.gif") no-repeat left bottom;text-align:center;font-size:13px;font-weight:bold;padding-top:10px}
 .comment-box{padding-bottom:15px;margin-bottom:25px;border-bottom:solid 1px #555}
 .comment{padding-left:25px}
 .com-user{margin-bottom:12px;}
Add a comment to this file

static/images/site/bg-comment.gif

Added
New image
Add a comment to this file

static/images/site/product-user-1.png

Added
New image
Add a comment to this file

static/images/site/product-user2-1.png

Added
New image
Add a comment to this file

static/images/site/product-user2.png

Added
New image
Add a comment to this file

static/images/site/product-user3-1.png

Added
New image
Add a comment to this file

static/images/site/product-user3.png

Added
New image

static/js/site.product.index.js

+!function($) {
+  function accordion() {
+    var trigger = $('.accordion-trigger');
+    var content = $('.accordion-content').hide();
+
+    trigger.on('click', function(e) {
+      e.preventDefault();
+      var el = $(this);
+      content.hide();
+      el.next('.accordion-content').show();
+    });
+  }
+
+  $(document).ready(function() {
+    accordion();
+  });
+
+}(jQuery);

templates/site/product.html

               </div>
               <div class="clear"></div>
             </div>
-            <div class="clear"></div>
-            {% if user %}
+            <div class="clear"></div>{% if user %}
             {% if not is_owner %} 
             <div style="display: block" class="single">
-              <div class="user-conversacion">{% for item in comments %}
+              <div class="user-conversacion">{% for item in [1,2,3] %}
                 <div class="box-user">
                   <div class="box-user-data">           <img src="../static/images/site/product-user.png" class="box-user-img"/>
-                    <div class="box-user-name">{{item.user}} Said:</div>
+                    <div class="box-user-name">{{user.name}} Said:</div>
                   </div>
-                  <div class="box-txt">{{item.text}}</div>
+                  <div class="box-txt">Reference site about Lorem Ipsum, giving information on its origin. Giving information on its origin.</div>
                   <div class="clear"> </div>
                 </div>{% endfor %}
-                <form action="" method="post" class="box-comment">{{ xsrf }}
+                <form action="{{ handler.reverse_url("product_send_message") }}" method="post" class="box-comment">{{ xsrf }}
                   <input type="hidden" name="product_id" value="{{ product.id }}"/>
                   <textarea placeholder="Send a message to this user." name="comment" class="textarea"></textarea>
                   <input type="submit" value="SEND" class="submit"/>
                 </form>
               </div>
-            </div>
-            {% else %}
+            </div>{% else %}
             <div class="tit-converacion">CONVERSATIONS</div>
-            <div class="notification">You have {{tot_unread_comments}} new messages </div>
+            <div class="notification">You have 5 new messages        </div>
             <div id="comments-user">  
               <!-- CON USUARIO 1-->
-
-
-            {% for item in conversations %}
-              <div class="comment-tit accordion-trigger"><img src="{{ handler.static_url('images/site/product-user2.png') }}" class="com-user"/><span class="com-name">{{item.user}}</span><span class="com-num">{{item.unread_comments}}</span></div>
+              <div class="comment-tit accordion-trigger"><img src="{{ handler.static_url('images/site/product-user2.png') }}" class="com-user"/><span class="com-name">Username Y</span><span class="com-num">3       </span></div>
               <div class="comment-box accordion-content">
                 <div class="comment">
-
-                  {% for c in item.comments %}
                   <div class="com-user"><img src="{{ handler.static_url('images/site/product-user2-1.png') }}"/>
-                    <div class="com-user-txt">{{c.text}}</div>
+                    <div class="com-user-txt">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</div>
+                  </div>
+                  <div class="com-user"><img src="{{ handler.static_url('images/site/product-user-1.png') }}"/>
+                    <div class="com-user-txt">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
+                  </div>
+                  <div class="com-user"><img src="{{ handler.static_url('images/site/product-user2-1.png') }}"/>
+                    <div class="com-user-txt">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
+                  </div>
+                  <div class="com-user"><img src="{{ handler.static_url('images/site/product-user-1.png') }}"/>
+                    <div class="com-user-txt">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
                   </div>
-                  {% endfor %}
-
                   <div class="com-write">
                     <textarea placeholder="Send a message to this user." name="comment" class="textarea"></textarea>
                     <input type="submit" value="Send" class="submit"/>
                     <div class="clear"></div>
                   </div>
-
                 </div>
               </div>
-            {% endfor %}
-
-
-
               <!-- CON USUARIO 2-->
               <div class="comment-tit accordion-trigger"><img src="{{ handler.static_url('images/site/product-user3.png') }}" class="com-user"/><span class="com-name">Username X</span><span class="com-num">2            </span></div>
               <div class="comment-box accordion-content">
     <script src="{{ handler.static_url('js/libs/jquery-1.7.2.min.js') }}" type="text/javascript"></script>
     <script src="{{ handler.static_url('js/site.product.index.js') }}" type="text/javascript"></script>
   </body>
-</html>
+</html>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.