voluntary_ranking 0.0.1

data/app/assets/javascripts/voluntary_ranking/templates/components/modal-dialog.js.handlebars

@@ -0,0 +1,9 @@
+<div id="modal" class="modal hide fade">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-body">
+        {{yield}}
+      </div>
+    </div>
+  </div>
+</div>

data/app/assets/javascripts/voluntary_ranking/templates/components/rankings-component.handlebars

@@ -0,0 +1,17 @@
+{{#if anyItems}}
+<table class="table table-striped" style="margin-top:15px;">
+  <tbody>
+  {{#each collection as |ranking|}}
+    <tr>
+      <td>
+        {{#link-to 'rankings.show' ranking.adjective ranking.negativeAdjective ranking.topic ranking.scope 1}}
+          {{ranking.adjective}} and {{ranking.negativeAdjective}} {{ranking.topic}} {{ranking.scope}}
+        {{/link-to}}
+      </td>
+    </tr>
+  {{/each}}
+  </tbody>
+</table>
+{{else}}
+  No rankings found.
+{{/if}}

data/app/assets/javascripts/voluntary_ranking/templates/index.js.handlebars

@@ -0,0 +1 @@
+{{partial 'rankings/form'}}

data/app/assets/javascripts/voluntary_ranking/templates/navigation.js.handlebars

@@ -0,0 +1,28 @@
+<div class="navbar navbar-inverse navbar-fixed-top">
+  <div class="container">
+    <a id="plattform_brand" class="navbar-brand" href="/">Volontari.at /</a>
+    <a id="product_brand" class="navbar-brand" href="#">Ranking</a>
+    
+    <ul class="navbar-nav nav">
+{{#if currentUser}}
+      <li class="dropdown">
+        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+          Account
+          <b class="caret"></b>
+        </a>
+        <ul class="dropdown-menu">
+          {{#link-to 'user' currentUser.name 1 tagName='li'}}<a>Your rankings</a>{{/link-to}}
+          <li>
+            <a {{action 'signOut'}}>Sign out</a>
+          </li>
+        </ul>
+      </li>
+{{else}}
+      <li>
+        <a href="/users/sign_in">Authentication</a>
+      </li>
+{{/if}}    
+      <li><a href="http://GitHub.com/Volontariat/voluntary_ranking/issues">Issues</a></li>    
+    </ul>
+  </div>
+</div>

data/app/assets/javascripts/voluntary_ranking/templates/ranking_item.js.handlebars

@@ -0,0 +1,31 @@
+{{partial 'rankings/form'}}
+
+<h2>User votes</h2>
+
+{{#if anyUserRankingItems}}
+<table class="table table-striped" style="margin-top:15px;">
+  <tbody>
+  {{#each userRankingItems as |userRankingItem|}}
+    <tr>
+      <td style="width:50px;">
+        {{userRankingItem.position}}
+      </td>
+      <td>
+        {{#link-to 'user_ranking' userRankingItem.user_name userRankingItem.ranking_adjective userRankingItem.ranking_negative_adjective userRankingItem.ranking_topic userRankingItem.ranking_scope 1}}
+          {{userRankingItem.user_name}}
+        {{/link-to}}
+      </td>
+      <td>
+        <div class="stars">
+          {{stars-html userRankingItem.stars}}
+        </div>
+      </td>
+    </tr>
+  {{/each}}
+  </tbody>
+</table>
+{{else}}
+  <span style="position:relative; top:10px;">No user votes found.</span>
+{{/if}}
+
+{{partial 'shared/pagination'}}

data/app/assets/javascripts/voluntary_ranking/templates/ranking_items/_collection.js.handlebars

@@ -0,0 +1,84 @@
+{{#if anyItems}}
+<table class="table" style="margin-bottom: 0px">
+  <thead>
+    <tr>
+  {{#if controller.yourRanking}}
+      <th width="2%"></th>
+  {{/if}}
+      <th width="5%" style="vertical-align:top;">Position</th>  
+  {{#if controller.yourRanking}}           
+      <th width="5%" style="vertical-align:top; text-align:center;">Move</th>
+      <th width="70%" style="vertical-align:top;">Name</th>
+  {{else}}
+      <th width="80%" style="vertical-align:top;">Name</th>
+  {{/if}}
+      <th width="15%" style="vertical-align:top; text-align:center;">Stars</th>
+  {{#if controller.yourRanking}}  
+      <th width="5%"></th>
+  {{/if}}
+    </tr>
+  </thead>
+</table>
+{{/if}}
+
+<ul class="nav nav-tabs nav-stacked list-striped" id="ranking">
+  {{#each model as |rankingItem|}}
+    <li class="ranking_item_{{unbound rankingItem.id}}" data-id="{{unbound rankingItem.id}}" data-position="{{unbound rankingItem.position}}">
+      <table class="table">
+        <tr>
+    {{#if controller.yourRanking}}
+          <td width="2%" style="text-align:center">
+            <span class="ranking_item_sortable glyphicon glyphicon-move"></span>
+          </td>
+    {{/if}}
+          <td class="list-element-striped" width="5%" style="text-align:right">
+            {{#link-to 'ranking_item' rankingItem.thingName rankingItem.positiveOrNegativeAdjective rankingItem.rankingTopic rankingItem.rankingScope 1 class="ranking_item_position"}}
+              {{rankingItem.position}}
+            {{/link-to}}
+          </td>        
+    {{#if controller.yourRanking}} 
+          <td class="list-element-striped" width="5%" style="text-align:center">
+            <a {{action 'moveToPreviousPage' rankingItem.id}} title="move to previous page"><span class="glyphicon glyphicon-chevron-left"></span></a> 
+            <a {{action 'moveToNextPage' rankingItem.id}} title="move to next page"><span class="glyphicon glyphicon-chevron-right"></span></a>
+          </td>
+          <td class="list-element-striped" width="70%" style="padding-left:10px;">
+            {{#link-to 'thing' rankingItem.thingName}}{{rankingItem.thingName}}{{/link-to}}
+          </td> 
+    {{else}}
+          <td class="list-element-striped" width="80%" style="padding-left:10px;">
+            {{#link-to 'thing' rankingItem.thingName}}{{rankingItem.thingName}}{{/link-to}}
+          </td>
+    {{/if}}
+          <td class="list-element-striped" width="15%" style="text-align:center;">
+            <div class="stars" style="white-space:nowrap;">
+    {{#if controller.yourRanking}}         
+              <span class="5stars {{if rankingItem.is5StarClass 'active'}}" {{action 'updateStars' rankingItem.id rankingItem.stars 5}}></span>
+              <span class="4stars {{if rankingItem.is4StarClass 'active'}}" {{action 'updateStars' rankingItem.id rankingItem.stars 4}}></span>
+              <span class="3stars {{if rankingItem.is3StarClass 'active'}}" {{action 'updateStars' rankingItem.id rankingItem.stars 3}}></span>
+              <span class="2stars {{if rankingItem.is2StarClass 'active'}}" {{action 'updateStars' rankingItem.id rankingItem.stars 2}}></span>
+              <span class="1stars {{if rankingItem.is1StarClass 'active'}}" {{action 'updateStars' rankingItem.id rankingItem.stars 1}}></span>
+    {{else}}
+              <span class="{{if rankingItem.is5StarClass 'active'}}"></span>
+              <span class="{{if rankingItem.is4StarClass 'active'}}"></span>
+              <span class="{{if rankingItem.is3StarClass 'active'}}"></span>
+              <span class="{{if rankingItem.is2StarClass 'active'}}"></span>
+              <span class="{{if rankingItem.is1StarClass 'active'}}"></span>
+    {{/if}}        
+            </div>
+          </td>
+    {{#if controller.yourRanking}}       
+          <td width="3%" style="text-align:center;">
+            <span class="glyphicon glyphicon-remove" {{action 'destroy' rankingItem.id}}></span> 
+          </td>
+    {{/if}}
+        </tr>
+      </table>
+    </li>
+  {{/each}}
+</ul>
+
+{{#if anyItems}}
+  {{partial 'shared/pagination'}}
+{{else}}
+  <p style="padding-top:10px;">No items found.</p>
+{{/if}}

data/app/assets/javascripts/voluntary_ranking/templates/ranking_items/_form.js.handlebars

@@ -0,0 +1,30 @@
+<form id="new_ranking_item_form">
+  <div>
+    <button class="add_user_ranking_item_button btn btn-default" type="button" {{action 'addItem'}}>Add</button>
+  
+    &nbsp;&nbsp;
+  
+    {{input value=thingName placeholder="Thing" class="thing_name" style="margin-bottom: 0px;" data-autocomplete="/api/v1/things/suggest"}}
+    
+    &nbsp;&nbsp;
+    
+    to
+    
+    &nbsp;&nbsp;
+    
+    <span class="btn-group" data-toggle-name="ranking_item_best" data-toggle="buttons-radio">
+      <button class="{{isBestClass}}" type="button" data-toggle-value="1" {{action 'setBest'}}>Best?</button>
+      <button class="{{isWorstClass}}" type="button" data-toggle-value="0" {{action 'setWorst'}}>Worst?</button>
+    </span> 
+    
+    &nbsp;&nbsp;
+    
+    <div class="stars" style="display: inline; position: relative; top: 5px;">
+      <span class="{{is5Star}}" {{action 'set5Star'}}></span>
+      <span class="{{is4Star}}" {{action 'set4Star'}}></span>
+      <span class="{{is3Star}}" {{action 'set3Star'}}></span>
+      <span class="{{is2Star}}" {{action 'set2Star'}}></span>
+      <span class="{{is1Star}}" {{action 'set1Star'}}></span>
+    </div>
+  </div>
+</form>

data/app/assets/javascripts/voluntary_ranking/templates/rankings/_form.js.handlebars

@@ -0,0 +1,38 @@
+<form class="form-inline" id="new_ranking_form">
+  <p>
+{{#if rankingItemThingName}}
+    {{#link-to 'thing' rankingItemThingName}}{{rankingItemThingName}}{{/link-to}} 
+    &nbsp;&nbsp;is&nbsp;&nbsp; 
+{{/if}}
+    
+{{#if userName}}  
+    {{#link-to 'user' userName 1}}{{name-with-apostrophe userName}}{{/link-to}} 
+    &nbsp;&nbsp; 
+{{else}}
+  {{#if currentUser}}
+    <span class="btn-group" data-toggle-name="ranking_form_your_ranking" data-toggle="buttons-radio">
+      <button class="{{globalRankingClass}}" type="button" data-toggle-value="1" {{action 'setGlobalRanking'}}>Global</button>
+      <button class="{{yourRankingClass}}" type="button" data-toggle-value="0" {{action 'setYourRanking'}}>Your</button>
+    </span> 
+    &nbsp;&nbsp; 
+  {{/if}}
+{{/if}}
+    
+{{#if position}}
+    #{{position}}
+    &nbsp;&nbsp;
+{{/if}}
+    
+    {{input size="10" value=adjective placeholder="Adjective" class="adjective" data-autocomplete="/api/v1/rankings/attributes/adjective/autocomplete"}} 
+    &nbsp;&nbsp;
+    and 
+    &nbsp;&nbsp;
+    {{input size="10" value=negativeAdjective placeholder="Negative adjective" class="negative_adjective" data-autocomplete="/api/v1/rankings/attributes/negative_adjective/autocomplete"}}
+    &nbsp;&nbsp;
+    {{input value=topic placeholder="Topic" class="topic" data-autocomplete="/api/v1/rankings/attributes/topic/autocomplete"}}
+    &nbsp;&nbsp;
+    {{input size="10" value=scope placeholder="Scope" class="scope" data-autocomplete="/api/v1/rankings/attributes/scope/autocomplete"}} 
+    &nbsp;&nbsp;
+    <button class="get_ranking_button btn btn-default" type="button" {{action 'getRanking'}}>Get</button>
+  </p>
+</form>

data/app/assets/javascripts/voluntary_ranking/templates/rankings/index.js.handlebars

@@ -0,0 +1,3 @@
+{{rankings-component collection=model anyItems=anyItems}}
+
+{{partial 'shared/pagination'}}

data/app/assets/javascripts/voluntary_ranking/templates/rankings/show.js.handlebars

@@ -0,0 +1,3 @@
+{{partial 'rankings/form'}}
+
+{{partial 'ranking_items/collection'}}

data/app/assets/javascripts/voluntary_ranking/templates/shared/_pagination.js.handlebars

@@ -0,0 +1,23 @@
+<nav>
+  <ul class="pagination">
+  {{#if controller.showFirstPageLink}}
+	  <li class="first"><a {{action 'goToPage' 1}}>&laquo; First</a></li>
+	{{/if}}
+	
+	{{#if controller.showPreviousPageLink}}
+  	<li class="prev"><a {{action 'goToPage' controller.previousPage}}>&laquo; Previous</a></li>
+	{{/if}}
+	
+	{{#each controller.pages as |currentPage|}}
+	  <li class="{{if currentPage.isCurrent 'active'}}"><a href="#" {{action 'goToPage' currentPage.number}}>{{currentPage.number}}</a></li>
+	{{/each}}
+	
+	{{#if controller.showNextPageLink}}
+  	<li class="next_page"><a {{action 'goToPage' controller.nextPage}}>Next &raquo;</a></li>
+	{{/if}}
+	
+	{{#if controller.showLastPageLink}}
+  	<li class="last next"><a {{action 'goToPage' controller.totalPages}}>Last &raquo;</a></li>
+	{{/if}}
+	</ul>
+</nav>

data/app/assets/javascripts/voluntary_ranking/templates/shared/_stars.js.handlebars

@@ -0,0 +1,3 @@
+<div class="stars">
+  <span></span><span></span><span></span><span></span><span></span>
+</div>

data/app/assets/javascripts/voluntary_ranking/templates/thing.js.handlebars

@@ -0,0 +1,13 @@
+<h1>
+{{name}} 
+vs. 
+{{input type="text" value=otherThingName placeholder="Other thing" data-autocomplete="/api/v1/things/autocomplete"}}
+<button class="compare_button" {{action 'compare'}}>Compare</button>
+</h1>
+
+<ul class="nav nav-pills">
+  {{#link-to 'rankings.index' name 1 tagName="li"}}<a href="{{view.href}}">Rankings</a>{{/link-to}}
+  {{#link-to 'arguments.index' name 1 tagName="li"}}<a href="{{view.href}}">Arguments</a>{{/link-to}}
+</ul>
+
+{{outlet}}

data/app/assets/javascripts/voluntary_ranking/templates/things/show.arguments.js.handlebars

@@ -0,0 +1 @@
+Arguments

data/app/assets/javascripts/voluntary_ranking/templates/things/show.js.handlebars

@@ -0,0 +1 @@
+ThingsShow

data/app/assets/javascripts/voluntary_ranking/templates/user.js.handlebars

@@ -0,0 +1,5 @@
+<h2>{{name-with-apostrophe name}} Rankings</h2>
+
+{{rankings-component collection=rankings anyItems=anyRankings}}
+
+{{partial 'shared/pagination'}}

data/app/assets/javascripts/voluntary_ranking/templates/user/rankings/details.js.handlebars

@@ -0,0 +1,7 @@
+{{partial 'rankings/form'}}
+
+{{#if yourRanking}}
+  {{partial 'ranking_items/form'}}
+{{/if}}
+
+{{view 'ranking_items_collection'}}

data/app/assets/javascripts/voluntary_ranking/views/application/index_view.js.coffee

@@ -0,0 +1 @@
+Volontariat.ApplicationIndexView = Ember.View.extend()

data/app/assets/javascripts/voluntary_ranking/views/arguments/new_view.js.coffee

@@ -0,0 +1,9 @@
+Volontariat.ArgumentsNewView = Ember.View.extend
+  didInsertElement: ->
+    $('input[data-append-autocomplete]').each (k, v) ->
+      $(v).autocomplete
+        source: $(this).attr('data-append-autocomplete'),
+        appendTo: '#topic_suggestions'
+        select: (event, ui) ->
+          $(this).val(ui.item.value)
+          false

data/app/assets/javascripts/voluntary_ranking/views/index_view.js.coffee

@@ -0,0 +1 @@
+Volontariat.IndexView = Ember.View.extend()

data/app/assets/javascripts/voluntary_ranking/views/ranking_items/colllection_view.js.coffee

@@ -0,0 +1,25 @@
+Volontariat.RankingItemsCollectionView = Ember.View.extend
+  templateName: 'ranking_items/_collection'
+  
+  didInsertElement: ->
+    first_position = $('#ranking li:first').data('position')
+    last_position = $('#ranking li:last').data('position')
+
+    @$( '#ranking' ).sortable
+      handle: '.ranking_item_sortable'
+      start: (event, ui) =>
+        first_position = $('#ranking li:first').data('position')
+        last_position = $('#ranking li:last').data('position')
+        
+      update: (event, ui) =>
+        source_item = $(ui.item).closest('li')
+        Volontariat.current_position = first_position
+        
+        $.each $('#ranking li'), (index, element) ->
+          $(element).data('position', Volontariat.current_position)  
+          $(element).find('.ranking_item_position').text(Volontariat.current_position)
+          
+          if $(element).data('id') == $(source_item).data('id')
+            $.post '/api/v1/user_ranking_items/' + $(element).data('id') + '/move', { _method: 'put', position: Volontariat.current_position }
+          
+          Volontariat.current_position += 1

data/app/assets/javascripts/voluntary_ranking/views/shared/pagination.js

@@ -0,0 +1,4 @@
+Volontariat.SharedPaginationView = Ember.View.extend({
+  templateName: 'voluntary_ranking/templates/shared/pagination',
+  pages: ['1']
+});

data/app/assets/stylesheets/voluntary_ranking/application.css

@@ -0,0 +1,17 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require voluntary/ember_js/application
+ *= require ./base
+ *= require ./bootstrap_and_overrides
+ *= require ./stars
+ *= require ./twitter-typeahead
+ *= require_self
+ */

data/app/assets/stylesheets/voluntary_ranking/base.css.sass

@@ -0,0 +1,6 @@
+.moveToBottom4px
+  position: relative
+  top: 4px
+  
+#ranking table
+  margin-bottom: 0px

data/app/assets/stylesheets/voluntary_ranking/stars.css.sass

@@ -0,0 +1,31 @@
+.stars
+  direction: rtl
+  font-size: 20px
+  margin: auto
+  unicode-bidi: bidi-override
+  width: 120px
+  
+  span
+    display: inline-block
+    font-family: FontAwesome
+    font-style: normal
+    font-weight: normal
+    
+    &:hover
+      cursor: pointer
+    
+    &.active
+      &:before, ~ span:before
+        content: ""
+    
+    &:before
+      content: ""
+      padding-right: 5px
+  &:hover span.active
+    &:before, ~ span:before
+      content: ""
+      padding-right: 5px
+  
+  span:hover
+    &:before, ~ span:before
+      content: "" !important