| Conditions | 1 |
| Paths | 2 |
| Total Lines | 106 |
| Lines | 0 |
| Ratio | 0 % |
| Changes | 1 | ||
| Bugs | 0 | Features | 0 |
Small methods make your code easier to understand, in particular if combined with a good name. Besides, if your method is small, finding a good name is usually much easier.
For example, if you find yourself adding comments to a method's body, this is usually a good sign to extract the commented part to a new method, and use the comment as a starting point when coming up with a good name for this new method.
Commonly applied refactorings include:
If many parameters/temporary variables are present:
| 1 | /* global API */ |
||
| 25 | window.contextMenu = (function () { |
||
| 26 | 'use strict'; |
||
| 27 | function initMenus() { |
||
| 28 | API.contextMenus.create({ |
||
| 29 | id: 'autoFill:', |
||
| 30 | title: 'Auto fill', |
||
| 31 | contexts: ['all'] |
||
| 32 | }); |
||
| 33 | |||
| 34 | API.contextMenus.create({ |
||
| 35 | id: 'copy:User', |
||
| 36 | title: 'Copy username', |
||
| 37 | contexts: ['all'] |
||
| 38 | }); |
||
| 39 | |||
| 40 | API.contextMenus.create({ |
||
| 41 | id: 'copy:Pass', |
||
| 42 | title: 'Copy password', |
||
| 43 | contexts: ['all'] |
||
| 44 | }); |
||
| 45 | |||
| 46 | |||
| 47 | API.contextMenus.create({ |
||
| 48 | id: 'copy:Url', |
||
| 49 | title: 'Copy URL', |
||
| 50 | contexts: ['all'] |
||
| 51 | }); |
||
| 52 | /* API.contextMenus.create({ |
||
| 53 | id: 'copy:OTP', |
||
| 54 | title: 'Copy OTP', |
||
| 55 | contexts: ['all'] |
||
| 56 | });*/ |
||
| 57 | } |
||
| 58 | |||
| 59 | function createMenuItem(parentId, id, label, clickcb) { |
||
| 60 | API.contextMenus.create({ |
||
| 61 | id: id, |
||
| 62 | title: label, |
||
| 63 | contexts: ["all"], |
||
| 64 | parentId: parentId, |
||
| 65 | onclick: clickcb |
||
| 66 | }); |
||
| 67 | } |
||
| 68 | |||
| 69 | function itemClickCallback(menu_action, login) { |
||
| 70 | var action = menu_action.menu.split(':', 1)[0]; |
||
| 71 | |||
| 72 | if (action === 'copy') { |
||
| 73 | copyTextToClipboard(login[menu_action.field]); |
||
| 74 | return; |
||
| 75 | } |
||
| 76 | |||
| 77 | if (action === 'autoFill') { |
||
| 78 | API.tabs.query({active: true, currentWindow: true}).then(function (tabs) { |
||
| 79 | API.tabs.sendMessage(tabs[0].id, {method: "enterLoginDetails", args: login}).then(function (response) { |
||
|
|
|||
| 80 | }); |
||
| 81 | }); |
||
| 82 | } |
||
| 83 | } |
||
| 84 | |||
| 85 | function copyTextToClipboard(text) { |
||
| 86 | var copyFrom = document.createElement("textarea"); |
||
| 87 | copyFrom.textContent = text; |
||
| 88 | var body = document.getElementsByTagName('body')[0]; |
||
| 89 | body.appendChild(copyFrom); |
||
| 90 | copyFrom.select(); |
||
| 91 | document.execCommand('copy'); |
||
| 92 | body.removeChild(copyFrom); |
||
| 93 | } |
||
| 94 | API.contextMenus.removeAll(); |
||
| 95 | initMenus(); |
||
| 96 | |||
| 97 | return { |
||
| 98 | setContextItems: function (logins) { |
||
| 99 | |||
| 100 | var fields = [ |
||
| 101 | {menu: 'autoFill:', field: 'autoFill'}, |
||
| 102 | {field: 'username', menu: 'copy:User'}, |
||
| 103 | {field: 'password', menu: 'copy:Pass'}, |
||
| 104 | {field: 'url', menu: 'copy:Url'}, |
||
| 105 | // {field: 'totp', menu: 'copy:OTP'} |
||
| 106 | ]; |
||
| 107 | API.contextMenus.removeAll(); |
||
| 108 | initMenus(); |
||
| 109 | |||
| 110 | for (var i = 0; i < logins.length; i++) { |
||
| 111 | var login = logins[i]; |
||
| 112 | login.autoFill = true; |
||
| 113 | for (var f = 0; f < fields.length; f++) { |
||
| 114 | var field = fields[f]; |
||
| 115 | if (field['field'] === 'totp' && login.otp) { |
||
| 116 | login.totp = login.otp.secret; |
||
| 117 | } |
||
| 118 | if (login[field['field']]) { |
||
| 119 | createMenuItem(field['menu'], field['menu'] + ':' + login.guid, login.label, (function (field, login) { |
||
| 120 | return function () { |
||
| 121 | itemClickCallback(field, login); |
||
| 122 | }; |
||
| 123 | })(field, login)); |
||
| 124 | } |
||
| 125 | } |
||
| 126 | } |
||
| 127 | } |
||
| 128 | } |
||
| 129 | |||
| 130 | }()); |
This check looks for parameters in functions that are not used in the function body and are not followed by other parameters which are used inside the function.