styles/cops-monocle.js - Code Metrics - Inspection of "Code cleanup (WIP)" - seblucas/cops - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Pull Request — master (#274)

by Markus

created 2016-10-23 22:53 UTC

styles/cops-monocle.js A

↳ Parent: Project

Complexity

Total Complexity	23
Complexity/F	1.64

Size

Lines of Code	183
Function Count	14

Duplication

Duplicated Lines	0
Ratio	0 %

Importance

Changes	1
Bugs	0	Features	0

Metric	Value
cc	0
nc	8
dl	0
loc	183
rs	10
c	1
b	0
f	0
wmc	23
mnd	2
bc	22
fnc	14
bpm	1.5713
cpm	1.6428
noi	2

2 Functions

Rating	Name	Duplication	Size	Complexity
B	Monocle.Events.listen	0	169	1
B		0	181	1

/** global: Monocle */
Monocle.DEBUG = true;

(function () {

  /** global: Monocle */
  Monocle.Styles.container.right = "24px";

  // Initialize the reader element.
  /** global: Monocle */
  Monocle.Events.listen(
    window,
    'load',
    function () {
      var readerOptions = {};

      /* PLACE SAVER */
      var bkTitle = bookData.getMetaData('title');

      var placeSaver = new Monocle.Controls.PlaceSaver(bkTitle);
      readerOptions.place = placeSaver.savedPlace();
      readerOptions.panels = Monocle.Panels.Marginal;
      readerOptions.stylesheet = "body { " +
        "color: #210;" +
        "font-family: Palatino, Georgia, serif;" +
      "}";

      /* Initialize the reader */
      window.reader = Monocle.Reader(
        'reader',
        bookData,
        readerOptions,
        function(reader) {
          reader.addControl(placeSaver, 'invisible');

          /* SPINNER */
          /** global: Monocle */
          var spinner = Monocle.Controls.Spinner(reader);
          reader.addControl(spinner, 'page', { hidden: true });
          spinner.listenForUsualDelays('reader');

          /* Because the 'reader' element changes size on window resize,
           * we should notify it of this event. */
          /** global: Monocle */
          Monocle.Events.listen(
            window,
            'resize',
            function () { window.reader.resized() }
          );
          
          /** global: Monocle */
          Monocle.Events.listen(window.top.document, 'keyup', function(evt) {
            var eventCharCode = evt.charCode || evt.keyCode;
            var dir = null;
            var flipper = reader.Flipper;

            if (eventCharCode == 33 || eventCharCode == 37) { // Page down or Left arrow
              dir = -1;
            } else if (eventCharCode == 34 || eventCharCode == 39 ) { // Page down or Right arrow
              dir = 1;
            }
            if (dir) {
              reader.moveTo({ direction: dir });
              evt.preventDefault();
            }
          });

          /* MAGNIFIER CONTROL */
          /** global: Monocle */
          var magnifier = new Monocle.Controls.Magnifier(reader);
          reader.addControl(magnifier, 'page');

          /* BOOK TITLE RUNNING HEAD */
          var bookTitle = {}
          /** global: Monocle */
          bookTitle.contentsMenu = Monocle.Controls.Contents(reader);
          reader.addControl(bookTitle.contentsMenu, 'popover', { hidden: true });
          bookTitle.createControlElements = function () {
            var cntr = document.createElement('div');
            cntr.className = "bookTitle";
            var runner = document.createElement('div');
            runner.className = "runner";
            runner.innerHTML = reader.getBook().getMetaData('title');
            cntr.appendChild(runner);

            /** global: Monocle */
            Monocle.Events.listenForContact(
              cntr,
              {
                start: function (evt) {
                  if (evt.preventDefault) {
                    evt.stopPropagation();
                    evt.preventDefault();
                  } else {
                    evt.returnValue = false;
                  }
                  reader.showControl(bookTitle.contentsMenu);
                }
              }
            );

            return cntr;
          }
          reader.addControl(bookTitle, 'page');


          /* CHAPTER TITLE RUNNING HEAD */
          var chapterTitle = {
            runners: [],
            createControlElements: function (page) {
              var cntr = document.createElement('div');
              cntr.className = "chapterTitle";
              var runner = document.createElement('div');
              runner.className = "runner";
              cntr.appendChild(runner);
              this.runners.push(runner);
              this.update(page);
              return cntr;
            },
            update: function (page) {
              var place = reader.getPlace(page);
              if (place) {
                this.runners[page.m.pageIndex].innerHTML = place.chapterTitle();
              }
            }
          }
          reader.addControl(chapterTitle, 'page');
          reader.listen(
            'monocle:pagechange',
            function (evt) { chapterTitle.update(evt.m.page); }
          );


          /* PAGE NUMBER RUNNING HEAD */
          var pageNumber = {
            runners: [],
            createControlElements: function (page) {
              var cntr = document.createElement('div');
              cntr.className = "pageNumber";
              var runner = document.createElement('div');
              runner.className = "runner";
              cntr.appendChild(runner);
              this.runners.push(runner);
              this.update(page, page.m.place.pageNumber());
              return cntr;
            },
            update: function (page, pageNumber) {
              if (pageNumber) {
                this.runners[page.m.pageIndex].innerHTML = pageNumber;
              }
            }
          }
          reader.addControl(pageNumber, 'page');
          reader.listen(
            'monocle:pagechange',
            function (evt) {
              pageNumber.update(evt.m.page, evt.m.pageNumber);
            }
          );

          /* Scrubber */
          /** global: Monocle */
          var scrubber = new Monocle.Controls.Scrubber(reader);
          reader.addControl(scrubber, 'popover', { hidden: true });
          var showFn = function (evt) {
            evt.stopPropagation();
            reader.showControl(scrubber);
            scrubber.updateNeedles();
          }
          for (var i = 0; i < chapterTitle.runners.length; ++i) {
            /** global: Monocle */
            Monocle.Events.listenForContact(
              chapterTitle.runners[i].parentNode,
              { start: showFn }
            );
            /** global: Monocle */
            Monocle.Events.listenForContact(
              pageNumber.runners[i].parentNode,
              { start: showFn }
            );
          }
        }
      );
    }
  );
})();


1			/** global: Monocle */
2			Monocle.DEBUG = true;
3
4			(function () {
5
6			/** global: Monocle */
7			Monocle.Styles.container.right = "24px";
8
9			// Initialize the reader element.
10			/** global: Monocle */
11			Monocle.Events.listen(
12			window,
13			'load',
14			function () {
15			var readerOptions = {};
16
17			/* PLACE SAVER */
18			var bkTitle = bookData.getMetaData('title');
			0 ignored issues – show Bug introduced 2016-06-30 15:05 UTC by Report Bug Copy Issue Report The variable `bookData` seems to be never declared. If this is a global, consider adding a `/** global: bookData */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
19			var placeSaver = new Monocle.Controls.PlaceSaver(bkTitle);
20			readerOptions.place = placeSaver.savedPlace();
21			readerOptions.panels = Monocle.Panels.Marginal;
22			readerOptions.stylesheet = "body { " +
23			"color: #210;" +
24			"font-family: Palatino, Georgia, serif;" +
25			"}";
26
27			/* Initialize the reader */
28			window.reader = Monocle.Reader(
29			'reader',
30			bookData,
31			readerOptions,
32			function(reader) {
33			reader.addControl(placeSaver, 'invisible');
34
35			/* SPINNER */
36			/** global: Monocle */
37			var spinner = Monocle.Controls.Spinner(reader);
38			reader.addControl(spinner, 'page', { hidden: true });
39			spinner.listenForUsualDelays('reader');
40
41			/* Because the 'reader' element changes size on window resize,
42			* we should notify it of this event. */
43			/** global: Monocle */
44			Monocle.Events.listen(
45			window,
46			'resize',
47			function () { window.reader.resized() }
48			);
49
50			/** global: Monocle */
51			Monocle.Events.listen(window.top.document, 'keyup', function(evt) {
52			var eventCharCode = evt.charCode \|\| evt.keyCode;
53			var dir = null;
54			var flipper = reader.Flipper;
			0 ignored issues – show Unused Code introduced 2016-06-30 15:05 UTC by Report Bug Copy Issue Report The variable `flipper` seems to be never used. Consider removing it. Loading history...
55			if (eventCharCode == 33 \|\| eventCharCode == 37) { // Page down or Left arrow
56			dir = -1;
57			} else if (eventCharCode == 34 \|\| eventCharCode == 39 ) { // Page down or Right arrow
58			dir = 1;
59			}
60			if (dir) {
61			reader.moveTo({ direction: dir });
62			evt.preventDefault();
63			}
64			});
65
66			/* MAGNIFIER CONTROL */
67			/** global: Monocle */
68			var magnifier = new Monocle.Controls.Magnifier(reader);
69			reader.addControl(magnifier, 'page');
70
71			/* BOOK TITLE RUNNING HEAD */
72			var bookTitle = {}
73			/** global: Monocle */
74			bookTitle.contentsMenu = Monocle.Controls.Contents(reader);
75			reader.addControl(bookTitle.contentsMenu, 'popover', { hidden: true });
76			bookTitle.createControlElements = function () {
77			var cntr = document.createElement('div');
78			cntr.className = "bookTitle";
79			var runner = document.createElement('div');
80			runner.className = "runner";
81			runner.innerHTML = reader.getBook().getMetaData('title');
82			cntr.appendChild(runner);
83
84			/** global: Monocle */
85			Monocle.Events.listenForContact(
86			cntr,
87			{
88			start: function (evt) {
89			if (evt.preventDefault) {
90			evt.stopPropagation();
91			evt.preventDefault();
92			} else {
93			evt.returnValue = false;
94			}
95			reader.showControl(bookTitle.contentsMenu);
96			}
97			}
98			);
99
100			return cntr;
101			}
102			reader.addControl(bookTitle, 'page');
103
104
105			/* CHAPTER TITLE RUNNING HEAD */
106			var chapterTitle = {
107			runners: [],
108			createControlElements: function (page) {
109			var cntr = document.createElement('div');
110			cntr.className = "chapterTitle";
111			var runner = document.createElement('div');
112			runner.className = "runner";
113			cntr.appendChild(runner);
114			this.runners.push(runner);
115			this.update(page);
116			return cntr;
117			},
118			update: function (page) {
119			var place = reader.getPlace(page);
120			if (place) {
121			this.runners[page.m.pageIndex].innerHTML = place.chapterTitle();
122			}
123			}
124			}
125			reader.addControl(chapterTitle, 'page');
126			reader.listen(
127			'monocle:pagechange',
128			function (evt) { chapterTitle.update(evt.m.page); }
129			);
130
131
132			/* PAGE NUMBER RUNNING HEAD */
133			var pageNumber = {
134			runners: [],
135			createControlElements: function (page) {
136			var cntr = document.createElement('div');
137			cntr.className = "pageNumber";
138			var runner = document.createElement('div');
139			runner.className = "runner";
140			cntr.appendChild(runner);
141			this.runners.push(runner);
142			this.update(page, page.m.place.pageNumber());
143			return cntr;
144			},
145			update: function (page, pageNumber) {
146			if (pageNumber) {
147			this.runners[page.m.pageIndex].innerHTML = pageNumber;
148			}
149			}
150			}
151			reader.addControl(pageNumber, 'page');
152			reader.listen(
153			'monocle:pagechange',
154			function (evt) {
155			pageNumber.update(evt.m.page, evt.m.pageNumber);
156			}
157			);
158
159			/* Scrubber */
160			/** global: Monocle */
161			var scrubber = new Monocle.Controls.Scrubber(reader);
162			reader.addControl(scrubber, 'popover', { hidden: true });
163			var showFn = function (evt) {
164			evt.stopPropagation();
165			reader.showControl(scrubber);
166			scrubber.updateNeedles();
167			}
168			for (var i = 0; i < chapterTitle.runners.length; ++i) {
169			/** global: Monocle */
170			Monocle.Events.listenForContact(
171			chapterTitle.runners[i].parentNode,
172			{ start: showFn }
173			);
174			/** global: Monocle */
175			Monocle.Events.listenForContact(
176			pageNumber.runners[i].parentNode,
177			{ start: showFn }
178			);
179			}
180			}
181			);
182			}
183			);
184			})();
185

seblucas / cops

Pull Request — master (#274)

styles/cops-monocle.js A

Complexity

Size

Duplication

Importance

2 Functions

Duplication Side-by-Side

Filter issues like