@lemonadejs/rating 1.0.0

package/dist/index.js

@@ -0,0 +1,110 @@
+;(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+    typeof define === 'function' && define.amd ? define(factory) :
+    global.Rating = factory();
+}(this, (function () {
+
+    // Load LemonadeJS
+    if (typeof(lemonade) == 'undefined') {
+        if (typeof(require) === 'function') {
+            var lemonade = require('lemonadejs');
+        } else if (window.lemonade) {
+            var lemonade = window.lemonade;
+        }
+    }
+
+    return function() {
+        var self = this;
+        if (! self.number) {
+            self.number = 5;
+        }
+        self.stars = [];
+
+        // Event
+        var change = self.onchange;
+
+        // Current self star
+        var current = null;
+
+        /**
+         * Update the number of stars
+         */
+        var len = function() {
+            // Remove stars
+            if (self.number < self.stars.length) {
+                self.stars.splice(self.number, self.stars.length);
+                if (self.value > self.number) {
+                    self.value = self.number;
+                }
+            }
+            // Add missing stars
+            for (var i = 0; i < self.number; i++) {
+                if (! self.stars[i]) {
+                    self.stars[i] = {};
+                }
+            }
+            // Refresh
+            self.refresh('stars');
+        }
+
+        var val = function() {
+            // Update value
+            if (self.value > 0) {
+                var t = null;
+                if (t = self.stars[self.value-1]) {
+                    self.click(t);
+                }
+            }
+        }
+
+        self.onchange = function(prop) {
+            if (prop == 'number') {
+                len();
+            } else if (prop == 'value') {
+                val();
+            }
+        }
+
+        self.onload = function() {
+            len();
+            val();
+        }
+
+        self.click = function(s) {
+            if (! s.selected) {
+                current = null;
+            }
+            var index = self.stars.indexOf(s);
+            for (var i = 0; i < self.number; i++) {
+                if (i <= index && s !== current) {
+                    self.stars[i].selected = 1;
+                    self.stars[i].el.style.color = 'red';
+                } else {
+                    self.stars[i].selected = 0;
+                    self.stars[i].el.style.color = '';
+                }
+            }
+            current = s;
+            if (change) {
+                change(index+1, s);
+            }
+        }
+
+        var template = `<div @loop="self.stars" value="{{self.value}}" @ref="self.component" number="{{self.number}}" name="{{self.name}}" style="cursor: pointer">
+            <i class="material-icons" onclick="self.parent.click(self)">{{self.selected?'star':'star_outline'}}</i>
+        </div>`;
+
+        var root = lemonade.element(template, self);
+
+        root.val = function(v) {
+            if (typeof(v) === 'undefined') {
+                return self.value;
+            } else {
+                self.value = v;
+            }
+        }
+
+        return root;
+    }
+
+})));

package/dist/index.min.js

@@ -0,0 +1 @@
+(function(g,a){"object"===typeof exports&&"undefined"!==typeof module?module.exports=a():"function"===typeof define&&define.amd?define(a):g.List=a()})(this,function(){return function(g){var a=this,f=a.result=a.data;a.onchange=function(b){if("data"===b||"input"==b)h(a.input);else if("page"==b){if((b=parseInt(a.pagination))&&f.length>b){var c=b*a.page,d=b*a.page+b;f.length<d&&(d=f.length)}else c=0,d=f.length;for(b=[];c<d;c++)b.push(f[c]);a.result=b;b=[];if(0<a.pagination&&(d=Math.ceil(f.length/a.pagination),1<d)){if(6>a.page){var e=0;c=10>d?d:10}else 5>d-a.page?(e=d-9,c=d,0>e&&(e=0)):(e=parseInt(a.page)-4,c=parseInt(a.page)+5);for(0<e&&b.push({title:0,value:"\u00c2\u00ab"});e<c;e++)b.push({title:e,value:e+1,selected:a.page==e});c<d&&b.push({title:c+e,value:"\u00c2\u00bb"});a.pages=b}}};a.onload=function(){0<a.pagination&&(a.page=0)};var h=function(b){f=a.result=a.data.filter(function(c){a:{for(var d in c)if(0<=(""+c[d]).toLowerCase().search(b)){c=!0;break a}c=!1}return c});a.page=0};return lemonade.element('\n            <>\n                <div class="list-header" data="{{self.data}}">\n                    <input type=\'text\' @bind="self.input" search="{{self.search}}"/><ul page="{{self.page}}"><Pagination @loop="self.pages"/></ul></div><div class="list-content"><Item @loop="self.result"/></div></>',a,{Item:function(){return lemonade.element(g,this)},Pagination:function(){return lemonade.element('<li onclick="self.parent.page = this.title;" title="{{self.title}}" selected="{{self.selected}}">{{self.value}}</li>',this)}})}});

package/package.json

@@ -0,0 +1,22 @@
+{
+    "name": "@lemonadejs/rating",
+    "title": "LemonadeJS star rating javascript plugin",
+    "description": "LemonadeJS star rating plugin",
+    "author": {
+        "name": "Contact <contact@lemonadejs.net>",
+        "url": "https://lemonadejs.net"
+    },
+    "keywords": [
+        "javascript star rating",
+        "javascript rating",
+        "lemonadejs plugins",
+        "js",
+        "library",
+        "javascript plugins"
+    ],
+    "dependencies": {
+        "lemonadejs": "^2.1.12"
+    },
+    "main": "dist/index.js",
+    "version": "1.0.0"
+}