comparison src/DML/MainVisBundle/Resources/assets/marionette/modules/RepresentationModule/RepresentationModule.31-Master.view.collection._similarity.js @ 0:493bcb69166c

added public content

+"use strict";
+
+App.module("RepresentationModule", function(RepresentationModule, App, Backbone, Marionette, $, _, Logger) {
+
+    RepresentationModule.addInitializer(function(options){
+
+        RepresentationModule.registerMaster({
+            id: "view.collection._similarity",
+            inherit: "view._default",
+
+            options: {
+                canHaveBase: true,
+                widthToHeightRatio: 1,
+                headerSuffixesForCompressorValues: {
+                    "zlib": "normalised",
+                    "zxd":  "differential"
+                },
+            },
+
+            defaultConfigParameterValues: {
+                measure:                       "euclidean",
+                simFeaturesIncludeChords:      "1",
+                simFeaturesIncludeChromagram:  "1",
+                simFeaturesIncludeMFCC:        "1",
+                compressor:                    "zlib",
+                subsampling:                   "1"
+            },
+
+
+            // =================================================================
+            // housekeeping
+
+            _listSimFeatures: function(viewConfig) {
+                var result = [];
+                if (this.getConfigPlannedParameterValueOrDefaultValue(viewConfig, "simFeaturesIncludeChords")) {
+                    result.push("chords");
+                }
+                if (this.getConfigPlannedParameterValueOrDefaultValue(viewConfig, "simFeaturesIncludeChromagram")) {
+                    result.push("chromagram");
+                }
+                if (this.getConfigPlannedParameterValueOrDefaultValue(viewConfig, "simFeaturesIncludeMFCC")) {
+                    result.push("mfcc");
+                }
+                return result;
+            },
+
+
+            // =================================================================
+            // config grid panel
+
+
+            // -----------------------------------------------------------------
+            // config grid panel - prepare
+
+            prepareConfigGridPanelMainArea: function(configGridPanelView) {
+                configGridPanelView._$mainArea.data("$measure", configGridPanelView._$mainArea.find(".cgpma__id_compressor"));
+                configGridPanelView._$mainArea.data("$subsampling",  configGridPanelView._$mainArea.find(".cgpma__id_subsampling"));
+
+                // Parent master's behaviour
+                RepresentationModule.getMasterById("view._default").prepareConfigGridPanelMainArea.apply(this, arguments);
+            },
+
+
+            // -----------------------------------------------------------------
+            // config grid panel - sync
+
+            syncConfigGridPanelMainArea: function(configGridPanelView, instant) {
+                var measure = this.getConfigPlannedParameterValueOrDefaultValue(configGridPanelView._cachedConfig, "measure").toLowerCase().trim();
+                var toggleValue = measure == "compression";
+                configGridPanelView._$mainArea.data("$measure").toggle(toggleValue);
+                configGridPanelView._$mainArea.data("$subsampling").toggle(toggleValue);
+
+                // Parent master's behaviour
+                RepresentationModule.getMasterById("view._default").syncConfigGridPanelMainArea.apply(this, arguments);
+            },
+
+
+            // =================================================================
+            // config grid header
+
+            _generateHeaderLabelSuffix: function(headerView) {
+                var result = [" ("];
+
+                var simFeatures = this._listSimFeatures(headerView.options.config);
+                if (simFeatures) {
+                    result.push("by ");
+                    result.push(simFeatures.join(" + "));
+                } else {
+                    result.push("no characteristics");
+                }
+
+                var measure  =  this.getConfigParameterValueOrDefaultValue(headerView.options.config, "measure", true);
+                if (measure == "euclidean") {
+                    result.push("; euclidean measure");
+                } else if (measure == "compression") {
+                    var compressor  =   this.getConfigParameterValueOrDefaultValue(headerView.options.config, "compressor", true);
+                    var compressorLabel = this.options.headerSuffixesForCompressorValues[compressor];
+                    if (compressorLabel) {
+                        result.push(_.str.sprintf("; %s compressor", compressorLabel));
+                    } else {
+                        result.push("; unknown compressor");
+                    };
+                    var subsampling = this.getConfigParameterValueOrDefaultValue(headerView.options.config, "subsampling", true);
+                    if (subsampling) {
+                        result.push("; subsampling");
+                    }
+                } else {
+                    result.push("; unknown measure");
+                }
+                result.push(")");
+                return result.join("");
+            },
+
+
+            // =================================================================
+            // vis instance rendering
+
+            calculateVisInstanceContentHeight: function(viewConfig, entityWidth) {
+                var representation = this.getConfigParameterValueOrDefaultValue(viewConfig, "representaton", true);
+                return entityWidth;
+            },
+
+
+            // -----------------------------------------------------------------
+            // vis instance rendering - base
+
+            _generateCustomParamsForBasePerspectiveRequestParams: function(viewConfig) {
+                var measure = this.getConfigParameterValueOrDefaultValue(viewConfig, "measure", true);
+                var result = {
+                        "sim_features": this._listSimFeatures(viewConfig).join(","),
+                        "sim_type":     measure,
+                        "pid":          "similarity"
+                    };
+                if (measure) {
+                    result["sim_compressor"] = this.getConfigParameterValueOrDefaultValue(viewConfig, "compressor", true);
+                    result["sim_downsample"] = this.getConfigParameterValueOrDefaultValue(viewConfig, "subsampling", true);
+                }
+                return result;
+            },
+
+
+            _doRenderVisInstanceViewBaseWithKnownComparisonMode: function(visInstanceView, comparisonMode) {
+                var viewConfig = visInstanceView.options.viewConfig;
+
+                var options = {};
+                options.comparisonMode = comparisonMode;
+
+                options.measure = !!this.getConfigParameterValueOrDefaultValue(viewConfig, "measure", true);
+
+                options.primaryColor = "#3182bd";
+                options.secondaryColor = "#31a354";
+
+                var representation = this.getConfigParameterValueOrDefaultValue(viewConfig, "sequenceRepresentation", true);
+                App.GraphicsRenderingModule.render(this.id.split(".")[2], visInstanceView.$content, this._groupDataForGraphicsRendering(visInstanceView, "base"), options);
+            },
+
+        });
+    });
+}, Logger);