📜 ⬆️ ⬇️

Classic notes for the new Opera



The good news for those who liked the notes module in classical Opera (<= 12) - now you can add the same functionality to the new Opera (so far only Beta and Developer).

Opportunities


Such an extension is already present in the catalog, but in my opinion, it has an unfortunate design, dissonant with the rest of the browser elements.

Therefore, I wrote my version of the "classic" notes.
')
The interface is generally similar to that in Opera 12, but somewhat simplified - instead of the "Send by mail" button, there is now a delete button; delimiters are not yet supported; the context menu that appears in the list of notes contains only two items - copy to clipboard and delete. All this costs version 1.0, which will be gradually corrected.

Now for the good.

A cherished cross appeared, clearing the search field, which previously was very lacking.

Directories and nesting - recreated in the same form as in Opera 12.

Content syncs thanks to chrome.storage.sync .

The size of the text input box is still adjustable (and saved).

The item “Copy to Notes” in the context menu is present, and just like before, saves the source URL and displays favicon in the list of notes. The source can be opened by double clicking on the note.

Little about implementation


Unfortunately, I have absolutely no front-end experience and almost no experience with JS as a whole. In addition, this is the first browser addon that I wrote. Therefore, the interface consists of jQuery callbacks, and for sorting you have to pull the jQuery UI + Nested Sortable plugin as well. Despite this, I leave no hope for next week to put the code in order and publish it on github. Plans to get rid of extra libraries (perhaps replacing them with more lightweight ones) and structure the code.

How to use?


You can download the extension from the link: addons.opera.com/ru/extensions/details/classic-notes
In the stable version of Opera, you must first enable the sidebar in the flags section.

Source: https://habr.com/ru/post/257665/


All Articles