plugins/pageview/tx_dlf_pageview_fulltext_control.js - Code Metrics - Inspection of "Merge pull request #252 from kitodo/change-project..." - kitodo/kitodo-presentation - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Push — master ( 39ad46...5c2c02 )

by Sebastian

created 2017-12-20 17:09 UTC

plugins/pageview/tx_dlf_pageview_fulltext_control.js D

↳ Parent: Project

Complexity

Total Complexity	64
Complexity/F	4.57

Size

Lines of Code	432
Function Count	14

Duplication

Duplicated Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
cc	0
c	0
b	0
f	0
nc	16
dl	0
loc	432
rs	4.5964
wmc	64
mnd	3
bc	40
fnc	14
bpm	2.8571
cpm	4.5714
noi	21

7 Functions

Rating	Name	Size	Complexity
A	dlfViewerFullTextControl.deactivate	12	1
A	dlfViewerFullTextControl.disableFulltextSelect	23	3
B	dlfViewerFullTextControl.activate	31	4
A	dlfViewerFullTextControl.enableFulltextSelect	23	3
B	tx_dlf_pageview_fulltext_control.js ➔ dlfViewerFullTextControl	234	5
B	dlfViewerFullTextControl.showFulltext	40	3
B	dlfViewerFullTextControl.fetchFulltextDataFromServer	19	5

How to fix Complexity

/**
 * (c) Kitodo. Key to digital objects e.V. <[email protected]>
 *
 * This file is part of the Kitodo and TYPO3 projects.
 *
 * @license GNU General Public License version 3 or later.
 * For the full copyright and license information, please read the
 * LICENSE.txt file that was distributed with this source code.
 */

/**
 * This is necessary to support the scrolling of the element into the viewport
 * in case of text hover on the map.
 *
 * @param elem
 * @param speed
 * @returns {jQuery}
 */
jQuery.fn.scrollTo = function(elem, speed) {
    var manualOffsetTop = $(elem).parent().height() / 2;
    $(this).animate({
        scrollTop:  $(this).scrollTop() - $(this).offset().top + $(elem).offset().top - manualOffsetTop
    }, speed == undefined ? 1000 : speed);
    return this;
};

/**
 * Encapsulates especially the fulltext behavior
 * @constructor
 * @param {ol.Map} map
 * @param {Object} image
 * @param {string} fulltextUrl
 */
var dlfViewerFullTextControl = function(map, image, fulltextUrl) {

    /**
     * @private
     * @type {ol.Map}
     */
    this.map = map;

    /**
     * @type {Object}
     * @private
     */
    this.image = image;

    /**
     * @type {string}
     * @private
     */
    this.url = fulltextUrl;

    /**
     * @type {Object}
     * @private
     */
    this.dic = $('#tx-dlf-tools-fulltext').length > 0 && $('#tx-dlf-tools-fulltext').attr('data-dic') ?
    	dlfUtils.parseDataDic($('#tx-dlf-tools-fulltext')) :

    	{'fulltext-on':'Activate Fulltext','fulltext-off':'Dectivate Fulltext'};

    /**
     * @type {ol.Feature|undefined}
     * @private
     */
    this.fulltextData_ = undefined;

    /**
     * @type {Object}
     * @private
     */
    this.layers_ = {
        textblock: new ol.layer.Vector({

            'source': new ol.source.Vector(),
            'style': dlfViewerOL3Styles.defaultStyle()

        }),
        textline: new ol.layer.Vector({
            'source': new ol.source.Vector(),
            'style': dlfViewerOL3Styles.invisibleStyle()
        }),
        select: new ol.layer.Vector({
            'source': new ol.source.Vector(),
            'style': dlfViewerOL3Styles.selectStyle()
        }),
        hoverTextblock: new ol.layer.Vector({
            'source': new ol.source.Vector(),
            'style': dlfViewerOL3Styles.hoverStyle()
        }),
        hoverTextline: new ol.layer.Vector({
            'source': new ol.source.Vector(),
            'style': dlfViewerOL3Styles.textlineStyle()
        })
    };

    /**
     * @type {ol.Feature}
     * @private
     */
    this.selectedFeature_ = undefined;

    /**
     * @type {Object}
     * @private
     */
    this.handlers_ = {
        mapClick: $.proxy(function(event) {
                // the click handler adds the clicked feature to a
                // select layer which could be used to create a highlight
                // effect on the map

                var feature = this.map.forEachFeatureAtPixel(event['pixel'], function(feature, layer) {

                    if (feature.get('type') === 'textblock')
function isBig(a) {
    if (a > 5000) {
        return "yes";
    }
}

console.log(isBig(5001)); //returns yes
console.log(isBig(42)); //returns undefined
                        return feature;
if (a > 0)
    b = 42;
                });

                // deselect all
                if (feature === undefined) {
                    this.layers_.select.getSource().clear();
                    this.selectedFeature_ = undefined;
                    this.showFulltext(undefined);
                    return;
                };

                // highlight features
                if (this.selectedFeature_) {

                    // remove old clicks
                    this.layers_.select.getSource().removeFeature(this.selectedFeature_);

                }

                if (feature) {

                    // remove hover for preventing an adding of styles
                    this.layers_.hoverTextblock.getSource().clear();

                    // add feature
                    this.layers_.select.getSource().addFeature(feature);

                }

                this.selectedFeature_ = feature;


                if (dlfUtils.exists(feature))

                    this.showFulltext([feature]);
if (a > 0)
    b = 42;

            },
        this),
        mapHover: $.proxy(function(event) {
                // hover in case of dragging
                if (event['dragging']) {
                    return;
                };

                var hoverSourceTextblock_ = this.layers_.hoverTextblock.getSource(),
                    hoverSourceTextline_ = this.layers_.hoverTextline.getSource(),
                    selectSource_ = this.layers_.select.getSource(),
                    map_ = this.map,
                    textblockFeature,
                    textlineFeature;

                map_.forEachFeatureAtPixel(event['pixel'], function(feature, layer) {

                    if (feature.get('type') === 'textblock')
                        textblockFeature = feature;
if (a > 0)
    b = 42;
                    if (feature.get('type') === 'textline')
                        textlineFeature = feature;
if (a > 0)
    b = 42;
                });

                //
                // Handle TextBlock elements
                //
                var activeSelectTextBlockEl_ = selectSource_.getFeatures().length > 0 ?
                        selectSource_.getFeatures()[0] : undefined,
                    activeHoverTextBlockEl_ = hoverSourceTextblock_.getFeatures().length > 0 ?
                        hoverSourceTextblock_.getFeatures()[0] : undefined,
                    isFeatureEqualSelectFeature_ = activeSelectTextBlockEl_ !== undefined && textblockFeature !== undefined &&
                    activeSelectTextBlockEl_.getId() === textblockFeature.getId() ? true : false,
                    isFeatureEqualToOldHoverFeature_ = activeHoverTextBlockEl_ !== undefined && textblockFeature !== undefined &&
                    activeHoverTextBlockEl_.getId() === textblockFeature.getId() ? true : false;

                if (!isFeatureEqualToOldHoverFeature_ && !isFeatureEqualSelectFeature_) {

                    // remove old textblock hover features
                    hoverSourceTextblock_.clear();

                    if (textblockFeature) {
                        // add textblock feature to hover
                        hoverSourceTextblock_.addFeature(textblockFeature);
                    }

                }

                //
                // Handle TextLine elements
                //
                var activeHoverTextBlockEl_ = hoverSourceTextline_.getFeatures().length > 0 ?

                        hoverSourceTextline_.getFeatures()[0] : undefined,
                    isFeatureEqualToOldHoverFeature_ = activeHoverTextBlockEl_ !== undefined && textlineFeature !== undefined &&

                    activeHoverTextBlockEl_.getId() === textlineFeature.getId() ? true : false;

                if (!isFeatureEqualToOldHoverFeature_) {

                    if (activeHoverTextBlockEl_) {

                        // remove highlight effect on fulltext view
                        var oldTargetElem = $('#' + activeHoverTextBlockEl_.getId());

                        if (oldTargetElem.hasClass('highlight') ) {
                            oldTargetElem.removeClass('highlight');
                        }

                        // remove old textline hover features
                        hoverSourceTextline_.clear();

                    }

                    if (textlineFeature) {

                        // add highlight effect to fulltext view
                        var targetElem = $('#' + textlineFeature.getId());

                        if (targetElem.length > 0 && !targetElem.hasClass('highlight')) {
                            targetElem.addClass('highlight');
                            $('#tx-dlf-fulltextselection').scrollTo(targetElem, 50);
                            hoverSourceTextline_.addFeature(textlineFeature);
                        }

                    }

                }

            },
        this)
    };

    // add active / deactive behavior in case of click on control
    var anchorEl = $('#tx-dlf-tools-fulltext');
    if (anchorEl.length > 0){
        var toogleFulltext = $.proxy(function(event) {
        	  event.preventDefault();

        	  if ($(event.target).hasClass('active')){
        		  this.deactivate();
        		  return;
        	  }

        	  this.activate();
          }, this);


        anchorEl.on('click', toogleFulltext);
        anchorEl.on('touchstart', toogleFulltext);
    }

    // set initial title of fulltext element
    $("#tx-dlf-tools-fulltext")
    	.text(this.dic['fulltext-on'])
    	.attr('title', this.dic['fulltext-on']);

    // if fulltext is activated via cookie than run activation methode
    if (dlfUtils.getCookie("tx-dlf-pageview-fulltext-select") == 'enabled') {

    	// activate the fulltext behavior
    	this.activate(anchorEl);
    }

};

/**
 * Activate Fulltext Features
 */
dlfViewerFullTextControl.prototype.activate = function() {

	var controlEl = $('#tx-dlf-tools-fulltext');

	// if the activate method is called for the first time fetch
	// fulltext data from server
	if (this.fulltextData_ === undefined)  {
		this.fulltextData_ = dlfViewerFullTextControl.fetchFulltextDataFromServer(this.url, this.image);

        if (this.fulltextData_ !== undefined) {
            // add features to fulltext layer
    		this.layers_.textblock.getSource().addFeatures(this.fulltextData_.getTextblocks());
            this.layers_.textline.getSource().addFeatures(this.fulltextData_.getTextlines());

    	    // add first feature of textBlockFeatures to map
    	    if (this.fulltextData_.getTextblocks().length > 0) {
    	        this.layers_.select.getSource().addFeature(this.fulltextData_.getTextblocks()[0]);
    	        this.selectedFeature_ = this.fulltextData_.getTextblocks()[0];
    	        this.showFulltext(this.fulltextData_.getTextblocks());
    	    }
        }
	}

	// now activate the fulltext overlay and map behavior
    this.enableFulltextSelect();
    dlfUtils.setCookie("tx-dlf-pageview-fulltext-select", 'enabled');

    $(controlEl).addClass('active');

    // trigger event
    $(this).trigger("activate-fulltext", this);
};

/**
 * Activate Fulltext Features
 */
dlfViewerFullTextControl.prototype.deactivate = function() {

	var controlEl = $('#tx-dlf-tools-fulltext');

	// deactivate fulltext
	this.disableFulltextSelect();
    dlfUtils.setCookie("tx-dlf-pageview-fulltext-select", 'disabled');

    $(controlEl).removeClass('active');

    // trigger event
    $(this).trigger("deactivate-fulltext", this);
};

/**
 * Disable Fulltext Features
 *
 * @return	void
 */
dlfViewerFullTextControl.prototype.disableFulltextSelect = function() {

    // register event listeners
    this.map.un('click', this.handlers_.mapClick);
    this.map.un('pointermove', this.handlers_.mapHover);

    // remove layers
    for (var key in this.layers_) {
        if (this.layers_.hasOwnProperty(key)) {
            this.map.removeLayer(this.layers_[key]);
        }
    };

    var className = 'fulltext-visible';
    $("#tx-dlf-tools-fulltext").removeClass(className)
        .text(this.dic['fulltext-on'])
        .attr('title', this.dic['fulltext-on']);

    $('#tx-dlf-fulltextselection').removeClass(className);
    $('#tx-dlf-fulltextselection').hide();
    $('body').removeClass(className);

};

/**
 * Activate Fulltext Features
 * @param {Array.<ol.Feature>} textBlockFeatures
 * @þaram {Array.<ol.Feature>} textLineFeatures
 */
dlfViewerFullTextControl.prototype.enableFulltextSelect = function(textBlockFeatures, textLineFeatures) {


    // register event listeners
    this.map.on('click', this.handlers_.mapClick);
    this.map.on('pointermove', this.handlers_.mapHover);

    // add layers to map
    for (var key in this.layers_) {
        if (this.layers_.hasOwnProperty(key)) {
            this.map.addLayer(this.layers_[key]);
        }
    };

    // show fulltext container
    var className = 'fulltext-visible';
    $("#tx-dlf-tools-fulltext").addClass(className)
      .text(this.dic['fulltext-off'])
      .attr('title', this.dic['fulltext-off']);

    $('#tx-dlf-fulltextselection').addClass(className);
    $('#tx-dlf-fulltextselection').show();
    $('body').addClass(className);
};

/**
 * Method fetches the fulltext data from the server
 * @param {string} url
 * @param {Object} image
 * @param {number=} opt_offset
 * @return {ol.Feature|undefined}
 * @static
 */
dlfViewerFullTextControl.fetchFulltextDataFromServer = function(url, image, opt_offset){
	  // fetch data from server
    var request = $.ajax({
        url: url,
        async: false
    });

    // parse alto data
    var offset = dlfUtils.exists(opt_offset) ? opt_offset : undefined,

      parser = new dlfAltoParser(image, undefined, undefined, offset),

    	fulltextCoordinates = request.responseXML ? parser.parseFeatures(request.responseXML) :
            request.responseText ? parser.parseFeatures(request.responseText) : [];

    if (fulltextCoordinates.length > 0) {
        return fulltextCoordinates[0];
    }

    return undefined;
};

/**
 * Activate Fulltext Features
 *
 * @param {Array.<ol.Feature>|undefined} features
 */
dlfViewerFullTextControl.prototype.showFulltext = function(features) {

    var popupHTML = '',
      /**
       * Functions wraps fulltext context of a given textblock to a html string
       * @param {ol.Feature} feature
       * @return {string}
       */
      appendHTML = function(feature) {
          var html = '',
            textlines = feature.get('textlines');

          for (var i = 0; i < textlines.length; i++) {

              html = html + '<span class="textline" id="' + textlines[i].getId() + '">';

              var content = textlines[i].get('content');
              for (var j = 0; j < content.length; j++) {
                  html = html + '<span class="' + content[j].get('type') + '" id="' + content[j].getId()
                    + '">' + content[j].get('fulltext').replace(/\n/g, '<br />') + '</span>';
              }

              html = html + '</span>';
          }

          return html;
      };

    // iterate over given textblocks
    if (features !== undefined) {

        for (var i = 0; i < features.length; i++) {
            popupHTML = popupHTML + appendHTML(features[i]) + '<br /><br />';
        }

    };

    $('#tx-dlf-fulltextselection').html(popupHTML);

};


Scrutinizer GitHub App not installed

GitHub Access Token became invalid

Push — master ( 39ad46...5c2c02 )

plugins/pageview/tx_dlf_pageview_fulltext_control.js D

Complexity

Size

Duplication

Importance

7 Functions

How to fix Complexity

Complexity

1			/**
2			* (c) Kitodo. Key to digital objects e.V. <[email protected]>
3			*
4			* This file is part of the Kitodo and TYPO3 projects.
5			*
6			* @license GNU General Public License version 3 or later.
7			* For the full copyright and license information, please read the
8			* LICENSE.txt file that was distributed with this source code.
9			*/
10
11			/**
12			* This is necessary to support the scrolling of the element into the viewport
13			* in case of text hover on the map.
14			*
15			* @param elem
16			* @param speed
17			* @returns {jQuery}
18			*/
19			jQuery.fn.scrollTo = function(elem, speed) {
20			var manualOffsetTop = $(elem).parent().height() / 2;
21			$(this).animate({
22			scrollTop: $(this).scrollTop() - $(this).offset().top + $(elem).offset().top - manualOffsetTop
23			}, speed == undefined ? 1000 : speed);
24			return this;
25			};
26
27			/**
28			* Encapsulates especially the fulltext behavior
29			* @constructor
30			* @param {ol.Map} map
31			* @param {Object} image
32			* @param {string} fulltextUrl
33			*/
34			var dlfViewerFullTextControl = function(map, image, fulltextUrl) {
35
36			/**
37			* @private
38			* @type {ol.Map}
39			*/
40			this.map = map;

kitodo / kitodo-presentation

Scrutinizer GitHub App not installed

GitHub Access Token became invalid

Push — master ( 39ad46...5c2c02 )

plugins/pageview/tx_dlf_pageview_fulltext_control.js D

Complexity

Size

Duplication

Importance

7 Functions

How to fix Complexity

Complexity

Duplication Side-by-Side

Filter issues like