CMS-735: Implement FE part of sidebar image settings

.travis.yml

@@ -29,7 +29,7 @@ env:
   - DJANGO="https://github.com/django/django/archive/master.zip" EASY_THUMBNAILS="easy-thumbnails>2.0"
 
 script:
-  - if [[ $TRAVIS_PYTHON_VERSION = "2.6" && $FRONTEND = "true" ]]; then gulp lint; else coverage run --rcfile=coverage.rc test_settings.py; fi;
+  - if [[ $TRAVIS_PYTHON_VERSION = "2.6" && $FRONTEND = "true" ]]; then gulp ci; else coverage run --rcfile=coverage.rc test_settings.py; fi;
 
 after_success:
   - coveralls --config_file=coverage.rc

filer/templates/admin/filer/base_site.html

@@ -13,7 +13,7 @@
     {# upload stuff #}
     {{ media.js }}
     <script src="{% static 'filer/js/libs/class.min.js' %}"></script>
-    <script src="{% static 'admin/js/jquery.min.js' %}"></script>
+    <script src="{% static 'filer/js/libs/jquery.min.js' %}"></script>
     <script src="{% static 'filer/js/libs/jquery-ui.min.js' %}"></script>
     <script src="{% static 'filer/js/addons/jquery.cookie.min.js' %}"></script>
     <script src="{% static 'filer/js/addons/fileuploader.min.js' %}"></script>
@@ -22,6 +22,6 @@
     <script src="{% static 'filer/js/addons/popup_handling.js' %}"></script>
 
     <script src="{% static 'filer/js/addons/mediator.min.js' %}"></script>
-    <script src="{% static 'filer/js/addons/focal_point.js' %}"></script>
+    <script src="{% static 'filer/js/addons/focal-point.js' %}"></script>
     <script src="{% static 'filer/js/base.js' %}"></script>
 {% endblock %}

filer/tests/frontend/fixtures/focal-point.html

@@ -0,0 +1,5 @@
+<div class="js-focal-point" id="container">
+    <img src="image.url" data-ratio="4.638095" width="210" height="266" class="js-focal-point-image" id="image">
+    <div class="js-focal-point-circle hidden" id="circle"></div>
+    <input type="hidden" class="js-focal-point-location" id="location">
+</div>

filer/tests/frontend/karma.conf.js

@@ -0,0 +1,84 @@
+'use strict';
+
+// #############################################################################
+// CONFIGURATION
+
+// rake spec:javascript loads specs relative to the tmp/jasmine/runner.html, need to override:
+module.exports = function (config) {
+    var browsers = {
+        'PhantomJS': 'used for local testing'
+    };
+
+    var settings = {
+        // base path that will be used to resolve all patterns (eg. files, exclude)
+        basePath: '..',
+
+        // frameworks to use
+        // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
+        frameworks: ['jasmine', 'fixture'],
+
+        // list of files / patterns to load in the browser
+        // tests/${path}
+        files: [
+            // the current order meets the dependency requirements
+            // dependency loading is not handled yet
+            '../static/filer/js/libs/jquery.min.js',
+            '../static/filer/js/libs/!(jquery.min)*.js',
+            '../static/filer/js/addons/mediator.min.js',
+
+            'frontend/unit/mocks.js',
+            'frontend/unit/mock-ajax.js',
+
+            '../static/filer/js/addons/!(mediator.min)*.js',
+
+            // tests themselves
+            'frontend/unit/*.js',
+
+            // fixture patterns
+            {
+                pattern: 'frontend/fixtures/**/*'
+            }
+        ],
+
+        // list of files to exclude
+        exclude: [],
+
+        // preprocess matching files before serving them to the browser
+        // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
+        preprocessors: {
+            // for fixtures
+            '**/*.html': ['html2js'],
+            '**/*.json': ['json_fixtures']
+        },
+
+        // fixtures dependency
+        // https://github.com/billtrik/karma-fixture
+        jsonFixturesPreprocessor: {
+            variableName: '__json__'
+        },
+
+        // web server port
+        port: 9876,
+
+        // enable / disable colors in the output (reporters and logs)
+        colors: true,
+
+        // level of logging
+        // possible values:
+        // config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
+        logLevel: config.LOG_INFO,
+
+        // enable / disable watching file and executing tests whenever any file changes
+        autoWatch: true,
+
+        // start these browsers
+        // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
+        browsers: Object.keys(browsers),
+
+        // Continuous Integration mode
+        // if true, Karma captures browsers, runs the tests and exits
+        singleRun: false
+    };
+
+    config.set(settings);
+};