feat(torrents): add music-disk directive

2026-07-04 13:28:55 +02:00 · 2017-09-29 14:38:00 +08:00
parent 74f859829d
commit c7d3beb037
1 changed files with 60 additions and 0 deletions
--- a/modules/core/client/directives/music-disk.client.directive.js
+++ b/modules/core/client/directives/music-disk.client.directive.js
@@ -0,0 +1,60 @@
+(function () {
+  'use strict';
+
+  angular.module('core')
+    .directive('musicDisk', musicDisk);
+
+  musicDisk.$inject = ['$compile'];
+
+  function musicDisk($compile) {
+    var directive = {
+      restrict: 'A',
+      replace: true,
+      link: link
+    };
+
+    return directive;
+
+    function link(scope, element, attrs) {
+      scope.$watch(attrs.musicDisk, function (s) {
+        if (s) {
+          var cir1 = angular.element('<div></div>');
+          cir1.css('border-radius', '50%');
+          cir1.css('border', 'solid 2px #515151');
+          cir1.css('background-color', '#ddd');
+          cir1.css('padding', '1px');
+
+          var cir2 = angular.element('<div></div>');
+          cir2.css('border-radius', '50%');
+          cir2.css('background-image', 'url(' + attrs.src + ')');
+          cir2.css('background-size', '100% 100%');
+          cir2.css('height', '100%');
+          cir2.css('width', '100%');
+          cir2.css('padding', '22px');
+
+          var cir3 = angular.element('<div></div>');
+          cir3.css('border-radius', '50%');
+          cir3.css('background-color', '#ddd');
+          cir3.css('height', '100%');
+          cir3.css('width', '100%');
+          cir3.css('padding', '1px');
+
+          var cir4 = angular.element('<div></div>');
+          cir4.css('border-radius', '50%');
+          cir4.css('border', 'solid 2px #515151');
+          cir4.css('background-color', '#fff');
+          cir4.css('height', '100%');
+          cir4.css('width', '100%');
+
+          cir1.addClass('music');
+          cir1.append(cir2);
+          cir2.append(cir3);
+          cir3.append(cir4);
+
+          console.log(cir1);
+          element.replaceWith(cir1);
+        }
+      });
+    }
+  }
+}());