Use async font awesome

matthiask · matthiask · commit 34ecb23d7011 · 2018-06-29T23:26:01.000+02:00
diff --git a/app/pages/admin.py b/app/pages/admin.py
@@ -5,9 +5,9 @@
 from django.utils.translation import ugettext_lazy as _
 
 from content_editor.admin import ContentEditor
-from feincms3.admin import TreeAdmin
-
 from feincms3 import plugins
+from feincms3.admin import TreeAdmin
+from js_asset import JS
 
 from . import models
 
@@ -70,9 +70,11 @@ class PageAdmin(ContentEditor, TreeAdmin):
     ]
 
     class Media:
-        css = {'all': (
-            'https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css',  # noqa
-        )}
         js = (
+            JS('https://use.fontawesome.com/releases/v5.0.10/js/all.js', {
+                'async': 'async',
+                'integrity': 'sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+',  # noqa
+                'crossorigin': 'anonymous',
+            }, static=False),
             'app/plugin_buttons.js',
         )
diff --git a/app/static/app/plugin_buttons.js b/app/static/app/plugin_buttons.js
@@ -1,12 +1,25 @@
-(function($) {
+/* global ContentEditor, django */
+;(function($) {
   $(document).on('content-editor:ready', function() {
-    ContentEditor.addPluginButton(
-      'pages_richtext',
-      '<i class="fa fa-pencil"></i>'
-    );
-    ContentEditor.addPluginButton(
-      'pages_image',
-      '<i class="fa fa-image"></i>'
-    );
-  });
-})(django.jQuery);
+    var buttons = [
+      ['_anchor', '<i class="fas fa-anchor"></i>'],
+      ['_richtext', '<i class="fas fa-pencil-alt"></i>'],
+      ['_image', '<i class="fas fa-image"></i>'],
+      ['_file', '<i class="fas fa-file"></i>'],
+      ['_download', '<i class="fas fa-download"></i>'],
+      ['_external', '<i class="fas fa-film"></i>'],
+      ['_html', '<i class="fas fa-code"></i>'],
+
+      ['_gallery', '<i class="fas fa-images"></i>'],
+      ['_slide', '<i class="fas fa-image"></i>'],
+      ['_snippet', '<i class="fas fa-cog"></i>'],
+      ['_table', '<i class="fas fa-table"></i>'],
+      ['_team', '<i class="fas fa-users"></i>'],
+    ]
+
+    for (var i = 0; i < buttons.length; ++i) {
+      ContentEditor.addPluginButton('pages' + buttons[i][0], buttons[i][1])
+      ContentEditor.addPluginButton('articles' + buttons[i][0], buttons[i][1])
+    }
+  })
+})(django.jQuery)
