templates: initial semantic-ui integration

invenio_i18n/assets/js/invenio_i18n/app.js

@@ -11,6 +11,7 @@ import angular from "angular";
 import "angular-gettext/dist/angular-gettext";
 import * as $ from "jquery/dist/jquery";
 
+// TODO: Delete this ?
 angular.module("langSelector", ["gettext"]).factory("setLanguage", [
   "gettextCatalog",
   function(gettextCatalog) {

invenio_i18n/assets/semantic-ui/js/invenio_i18n/app.js

@@ -0,0 +1,16 @@
+/*
+ * This file is part of Invenio.
+ * Copyright (C) 2016-2018 CERN.
+ * Copyright (C) 2016 TIND.
+ *
+ * Invenio is free software; you can redistribute it and/or modify it
+ * under the terms of the MIT License; see LICENSE file for more details.
+ */
+
+import * as $ from "jquery/dist/jquery";
+
+$(document).ready(function() {
+  $("#lang-code").on("change", function() {
+    $("#language-code-form").submit();
+  });
+});

invenio_i18n/templates/semantic-ui/invenio_i18n/macros/language_selector.html

@@ -0,0 +1,24 @@
+{# -*- coding: utf-8 -*-
+
+  This file is part of Invenio.
+  Copyright (C) 2015-2018 CERN.
+  Copyright (C) 2016 TIND.
+
+  Invenio is free software; you can redistribute it and/or modify it
+  under the terms of the MIT License; see LICENSE file for more details.
+#}
+
+{% macro language_selector_dropdown() %}
+<form id="language-code-form" class="lang-select"
+      action="{{ url_for('invenio_i18n.set_lang')}}"
+      method="POST">
+  <div>
+    <label>{{ _('Language:') }}</label>
+    <select id="lang-code" name="lang_code">
+      {% for l in current_i18n.get_locales() %}
+        <option {% if current_i18n.language == l.language %}selected {% endif %}value="{{ l.language }}">{{ l.get_display_name() }}</option>
+      {% endfor %}
+    </select>
+  </div>
+</form>
+{% endmacro %}

invenio_i18n/webpack.py

@@ -8,15 +8,32 @@
 
 """Webpack bundles for Invenio-I18N."""
 
-from flask_webpackext import WebpackBundle
+from invenio_assets.webpack import WebpackThemeBundle
 
-i18n = WebpackBundle(
+i18n = WebpackThemeBundle(
     __name__,
     'assets',
-    entry={
-        'i18n_app': './js/invenio_i18n/app.js'
-    },
-    dependencies={
-        'angular': '~1.4.9',
-        'angular-gettext': '~2.3.8',
-    })
+    default='bootstrap3',
+    themes={
+        'bootstrap3': dict(
+            entry={
+                'i18n_app': './js/invenio_i18n/app.js',
+            },
+            dependencies={
+                'angular': '~1.4.9',
+                'angular-gettext': '~2.3.8',
+            }
+        ),
+        'semantic-ui': dict(
+            entry={
+                'i18n_app': './js/invenio_i18n/app.js',
+            },
+            dependencies={
+                'semantic-ui-less': '~2.4.1',
+                'semantic-ui-css': '~2.4.1',
+                'font-awesome': '~4.4.0',
+                'jquery': '~3.2.1',
+            },
+        ),
+    }
+)

setup.py

@@ -72,9 +72,6 @@
     include_package_data=True,
     platforms='any',
     entry_points={
-        'invenio_assets.bundles': [
-            'invenio_i18n_js = invenio_i18n.bundles:js',
-        ],
         'invenio_base.apps': [
             'invenio_i18n = invenio_i18n:InvenioI18N',
         ],

tests/test_invenio_i18n.py

@@ -202,5 +202,5 @@ def test_bundles(app):
     InvenioAssets(app)
 
     with app.app_context():
-        from invenio_i18n.bundles import js
-        assert js
+        from invenio_i18n.webpack import i18n
+        assert i18n