lots of progress

resources/js/app.js

@@ -1 +1,62 @@
 import './bootstrap';
+import './star_rating';
+
+import $ from 'jquery';
+
+$(".my-rating").starRating({
+    starSize: 20,
+    totalStars: 10,
+    callback: function(currentRating, $el){
+        let type = $($el[0]).data('type');
+        let id = $($el[0]).data('id');
+
+        let url = '/rate/'+type+'/'+id+'/'+currentRating;
+
+        var self = this
+
+        $.ajax({
+            url: url,
+            method: 'GET',
+            success: function(data){
+                $(self).attr('data-rating', currentRating)
+            }
+        });
+    }
+});
+
+$('.mark-as-seen-btn').on('click', function (e) {
+   e.preventDefault();
+   let url = '/lists/' + $(this).data('list') + '/' + $(this).data('id') + '/' + $(this).data('type');
+   var self = this
+   $.ajax({
+      url: url,
+      method: 'GET',
+      success: function(data){
+          if(data.added) {
+              $(self).addClass('seen');
+          } else {
+              $(self).removeClass('seen');
+          }
+
+      }
+   });
+   return false;
+});
+
+$('.like-btn').on('click', function (e) {
+    e.preventDefault();
+    let url = '/lists/' + $(this).data('list') + '/' + $(this).data('id') + '/' + $(this).data('type');
+    var self = this
+    $.ajax({
+        url: url,
+        method: 'GET',
+        success: function(data){
+            if(data.added) {
+                $(self).addClass('liked');
+            } else {
+                $(self).removeClass('liked');
+            }
+        }
+    });
+    return false;
+});