Initial working upvote/downvotes (#43)

Author: Vivian Nowka-Keane

quotefault/__init__.py

@@ -8,6 +8,7 @@
 from flask import Flask, render_template, request, flash, session, make_response
 from flask_pyoidc.flask_pyoidc import OIDCAuthentication
 from flask_sqlalchemy import SQLAlchemy
+from sqlalchemy import func
 
 app = Flask(__name__)
 # look for a config file to associate with a db/port/ip/servername
@@ -52,6 +53,24 @@ def __init__(self, submitter, quote, speaker):
         self.speaker = speaker
 
 
+class Vote(db.Model):
+    id = db.Column(db.Integer, primary_key=True, nullable=False)
+    quote_id = db.Column(db.ForeignKey("quote.id"))
+    voter = db.Column(db.String(200), nullable=False)
+    direction = db.Column(db.Integer, nullable=False)
+    updated_time = db.Column(db.DateTime, nullable=False)
+
+    quote = db.relationship(Quote)
+    test = db.UniqueConstraint("quote_id", "voter")
+
+    # initialize a row for the Vote table
+    def __init__(self, quote_id, voter, direction):
+        self.quote_id = quote_id
+        self.voter = voter
+        self.direction = direction
+        self.updated_time = datetime.now()
+
+
 def get_metadata():
     uuid = str(session["userinfo"].get("sub", ""))
     uid = str(session["userinfo"].get("preferred_username", ""))
@@ -89,6 +108,30 @@ def settings():
         return render_template('bootstrap/settings.html', metadata=metadata)
 
 
+@app.route('/vote', methods=['POST'])
+@auth.oidc_auth
+def make_vote():
+    # submitter will grab UN from OIDC when linked to it
+    submitter = session['userinfo'].get('preferred_username', '')
+
+    quote = request.form['quote_id']
+    direction = request.form['direction']
+
+    existing_vote = Vote.query.filter_by(voter=submitter, quote_id=quote).first()
+    if existing_vote is None:
+        vote = Vote(quote, submitter, direction)
+        db.session.add(vote)
+        db.session.commit()
+        return '200'
+    elif existing_vote.direction != direction:
+        existing_vote.direction = direction
+        existing_vote.updated_time = datetime.now()
+        db.session.commit()
+        return '200'
+    else:
+        return '201'
+
+
 @app.route('/settings', methods=['POST'])
 @auth.oidc_auth
 def update_settings():
@@ -164,7 +207,7 @@ def submit():
 def get():
     metadata = get_metadata()
     metadata['submitter'] = request.args.get('submitter')  # get submitter from url query string
-    metadata['speaker'] = request.args.get('speaker')  # get submitter from url query string
+    metadata['speaker'] = request.args.get('speaker')  # get speaker from url query string
 
     if metadata['speaker'] is not None and metadata['submitter'] is not None:
         quotes = Quote.query.order_by(Quote.quote_time.desc()).filter(Quote.submitter == metadata['submitter'],
@@ -174,19 +217,27 @@ def get():
     elif metadata['speaker'] is not None:
         quotes = Quote.query.order_by(Quote.quote_time.desc()).filter(Quote.speaker == metadata['speaker']).all()
     else:
-        quotes = Quote.query.order_by(Quote.quote_time.desc()).limit(20).all()  # collect all quote rows in the Quote db
+        # quotes = Quote.query.order_by(Quote.quote_time.desc()).limit(20).all()
+
+        # returns tuples with a quote and its net vote value
+        quotes = db.session.query(Quote, func.sum(Vote.direction).label('votes')).outerjoin(Vote).group_by(Quote).order_by(
+            Quote.quote_time.desc()).limit(20).all()
+
+        user_votes = db.session.query(Vote).filter(Vote.voter == metadata['submitter']).all()
 
     if request.cookies.get('flag'):
         return render_template(
             'flag/storage.html',
             quotes=quotes,
-            metadata=metadata
+            metadata=metadata,
+            user_votes=user_votes
         )
     else:
         return render_template(
             'bootstrap/storage.html',
             quotes=quotes,
-            metadata=metadata
+            metadata=metadata,
+            user_votes=user_votes
         )
 
 

quotefault/static/css/quotefaultcss.css

@@ -36,3 +36,5 @@ body{
 .contentContainer a:hover{
     color: #d1d6d6;
 }
+
+

quotefault/static/css/styles.css

@@ -313,3 +313,9 @@ div.version{
 #get_more {
   width: 100%;
 }
+
+.upvote-meta-stackoverflow{
+    text-align: right;
+    float: right;
+    justify-content: right;
+}

quotefault/static/css/votes/upvote.css

@@ -0,0 +1,150 @@
+div.upvote {
+    text-align: center;
+}
+
+div.upvote a.upvote-enabled {
+    cursor: pointer;
+}
+
+div.upvote a {
+    color: transparent;
+    background-image: url('images/sprites-stackoverflow.png?v=1');
+    background-repeat: no-repeat;
+    overflow: hidden;
+    display: block;
+    margin: 0 auto;
+    width: 41px;
+    height: 25px;
+}
+
+div.upvote span.count {
+    display: block;
+    font-size: 24px;
+    font-family: Arial, Liberation, Sans, DejaVu Sans, sans-serif;
+    color: #555;
+    text-align: center;
+    line-height: 1;
+}
+
+div.upvote a.upvote {
+    background-position: 0px -265px;
+}
+
+div.upvote a.upvote.upvote-on {
+    background-position: 0px -230px;
+}
+
+div.upvote a.downvote {
+    background-position: 0px -300px;
+}
+
+div.upvote a.downvote.downvote-on {
+    background-position: 0px -330px;
+}
+
+div.upvote a.star {
+    width: 33px;
+    height: 31px;
+    background-position: 0px -150px;
+}
+
+div.upvote a.star.star-on {
+    background-position: 0px -190px;
+}
+
+div.upvote-serverfault a {
+    background-image: url('images/sprites-serverfault.png?v=1');
+}
+
+div.upvote-meta-stackoverflow a {
+    background-image: url('images/sprites-meta-stackoverflow.png?v=1');
+}
+
+div.upvote-superuser a {
+    background-image: url('images/sprites-superuser.png?v=1');
+}
+
+div.upvote-unix a {
+    background-image: url('images/sprites-unix.png?v=1');
+    width: 42px;
+    height: 27px;
+}
+
+div.upvote-unix a.upvote {
+    background-position: 0px -237px;
+}
+
+div.upvote-unix a.upvote.upvote-on {
+    background-position: 0px -198px;
+}
+
+div.upvote-unix a.downvote {
+    background-position: 0px -281px;
+}
+
+div.upvote-unix a.downvote.downvote-on {
+    background-position: 0px -319px;
+}
+
+div.upvote-unix a.star {
+    width: 42px;
+    height: 30px;
+    background-position: 0px -126px;
+}
+
+div.upvote-unix a.star.star-on {
+    background-position: 0px -164px;
+}
+
+div.upvote-unix span.count {
+    color: #333;
+    line-height: 15px;
+    padding: 9px 0;
+    font-family: "DejaVu Sans Mono","Bitstream Vera Sans Mono","Courier New",Courier,Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter",monospace;
+    text-shadow: 1px 1px 0 #ffffff;
+    font-weight: bold;
+    margin: 0;
+    border: 0;
+    vertical-align: baseline;
+}
+
+div.upvote-programmers a {
+    background-image: url('images/sprites-programmers.png?v=1');
+    width: 42px;
+    height: 20px;
+}
+
+div.upvote-programmers a.upvote {
+    background-position: 5px -248px;
+}
+
+div.upvote-programmers a.upvote.upvote-on {
+    background-position: 5px -211px;
+}
+
+div.upvote-programmers a.downvote {
+    background-position: 5px -282px;
+}
+
+div.upvote-programmers a.downvote.downvote-on {
+    background-position: 5px -320px;
+}
+
+div.upvote-programmers a.star {
+    width: 42px;
+    height: 30px;
+    background-position: 6px -128px;
+}
+
+div.upvote-programmers a.star.star-on {
+    background-position: 6px -166px;
+}
+
+div.upvote-programmers span.count {
+    color: #333;
+    line-height: 15px;
+    padding: 5px 0 7px;
+    font-size: 20px;
+    font-weight: bold;
+    font-family: Tahoma,Geneva,Arial,sans-serif;
+}