min width for placed votes in bar

DemocracyEarth · Oct 27, 2017 · 3c35a55 · 3c35a55
1 parent ec40bd4
commit 3c35a55
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/imports/ui/modules/Vote.js b/imports/ui/modules/Vote.js
@@ -235,6 +235,7 @@ export class Vote {
     const MAX_PERCENTAGE_PRECISION = 7;
     const barWidth = $(`#voteBar-${this.voteId}`).width();
     const placedWidth = $(`#votePlaced-${this.voteId}`).width();
+    console.log(placedWidth);
     const precisionRange = parseInt((MAX_PERCENTAGE_PRECISION * barWidth) / 100, 10);
     const precisionValue = parseInt((inputPixels * MAX_VOTES_PRECISION) / precisionRange, 10);
 

diff --git a/imports/ui/templates/components/decision/liquid/liquid.html b/imports/ui/templates/components/decision/liquid/liquid.html
@@ -103,6 +103,6 @@
         <div id="voteHandle-{{_id}}" class="handle"></div>
       {{/if}}
     </div>
-    <div id="votePlaced-{{_id}}" class="result-bar vote-bar vote-bar-allocated {{unanimous 'placed'}} {{fixed 'placed'}}"  style=" width: {{placed}} "></div>
+    <div id="votePlaced-{{_id}}" class="result-bar vote-bar vote-bar-allocated {{unanimous 'placed'}} {{fixed 'placed'}}"  style=" width: {{placed}}; {{min}}"></div>
   </div>
 </template>
diff --git a/imports/ui/templates/components/decision/liquid/liquid.js b/imports/ui/templates/components/decision/liquid/liquid.js
@@ -453,6 +453,12 @@ Template.bar.helpers({
   placed() {
     return agreement(this._id, this.editable);
   },
+  min() {
+    if (agreement(this._id, this.editable).toNumber() > 0) {
+      return 'min-width: 10px;';
+    }
+    return '';
+  },
   unanimous(value) {
     const quantity = parseInt(Session.get(this._id)[value] - Session.get(this._id).inBallot, 10);
     if (quantity === Session.get(this._id).balance) {

diff --git a/imports/ui/templates/layout/sidebar/sidebar.js b/imports/ui/templates/layout/sidebar/sidebar.js
@@ -70,7 +70,6 @@ function getList(db, sort) {
 */
 function getDelegates() {
   const delegates = _.sortBy(getDelegatesMenu(), (user) => { return parseInt(0 - (user.sent + user.received), 10); });
-  console.log(delegates);
   const delegateList = [];
   for (const i in delegates) {
     delegateList.push(Meteor.users.find({ _id: delegates[i].userId }).fetch()[0]);