User:OverPowered/GSoC2021 Progress Report - Revision history

OverPowered at 08:02, 14 August 2021

2021-08-14T08:02:58Z

OverPowered: buncha checkpoints

2021-08-04T14:12:58Z

buncha checkpoints

Show changes

OverPowered at 16:32, 23 June 2021

2021-06-23T16:32:34Z

OverPowered at 09:07, 23 June 2021

2021-06-23T09:07:40Z

OverPowered: added week 3

2021-06-21T08:32:48Z

added week 3

OverPowered at 10:42, 19 June 2021

2021-06-19T10:42:44Z

OverPowered at 15:13, 16 June 2021

2021-06-16T15:13:07Z

OverPowered at 15:14, 13 June 2021

2021-06-13T15:14:43Z

OverPowered: word hover complete

2021-06-13T15:11:47Z

word hover complete

OverPowered at 15:48, 10 June 2021

2021-06-10T15:48:36Z

@@ Line 162: / Line 162: @@
 Tests have been up for a while now so there's that. The extension has also been complete for the most part, with all requirements on the [https://github.com/apertium/apertium-webext/issues/1 GSoC checklist] marked as done. Unless this counts, I'll make the page for [[Apertium Webext]] and the GSoC writeup gist soon.
 == Week 9 (August 6 - August 13) ==
 === Checklist ===
-Minor bugfixes
+* <del>Minor bugfixes</del>
-UI redesign
+* <del>UI redesign(???)</del>
-Small optimisations in code
+* <del>Small optimisations in code</del>
+=== Progress ===
+...I'm not sure what I was thinking when I put this stuff in the original proposal. Anyways, most of it was done during the original design, code optimisations are possible but the way it is right now is great too. Finally, I'm done with most writeups and all too.
@@ Line 174: / Line 179: @@
 === Checklist (Or lack of one) ===
-Intentionally kept free, so as to sort out any issues that crop up before this and cause any unforeseen delay
+<del>Intentionally kept free, so as to sort out any issues that crop up before this and cause any unforeseen delay</del>
+Only thing left is finishing the Wiki page and checking for browser compatibility with Firefox Android. With the exception of these, I'm fairly happy with the progress of this project

@@ Line 53: / Line 53: @@
 === Progress ===
-Most basic pop-up functionalities are complete, to the point of marking some goals off of next week's checklist. There's also the matter of the word hover-on gist, which I've covered a bit in the next part. Also, the mockups for the pop-up from last week are complete, with both the front part and the settings. Word Hover has been implemented as of 13/7. Right now it is only capable of highlighting all the words nested inside a &lsaquo;p&rsaquo; tag.
+Most basic pop-up functionalities are complete, to the point of marking some goals off of next week's checklist. There's also the matter of the word hover-on gist, which I've covered a bit in the next part. Also, the mockups for the pop-up from last week are complete, with both the front part and the settings. Word Hover has been implemented as of 13/7. Right now it is only capable of highlighting all the words nested inside a &lg;p&gt; tag.
@@ Line 97: / Line 97: @@
 === Hover-On Translation ===
+For the hover-in translation, displaying the hover-box itself is implemented entirely without javascript by wrapping every word up in a <hover> tag with two data attributes to represent information in it and its position. All the html within a &lt;p&gt; tag is replaced using the regex pattern:
-For the hover-in translation, the
+<code>/(?![^<]*?>)([A-z0-9']+)/g</code>
+Referred to [https://stackoverflow.com/a/25836471/14131011 this stackoverflow answer] for designing the tooltips

@@ Line 85: / Line 85: @@
 === Checklist ===
-* Start work on hover functionality
+* <del>Start work on hover functionality</del>
-* design the hovering text-box and the details that will be shown on it
+* <del>Design the hovering text-box and the details that will be shown on it</del>
-* Implement translation features for hover function too
+* <del>Implement translation features for hover function too</del>
 === Progress ===
+Finally the main part of the project! The basic translation functions and all have been set up, I just have to show it in the form of a tool-tip or a hovering box. Work on this has been completed fairly early in the week.
+=== Hover-On Translation ===
+For the hover-in translation, the

@@ Line 80: / Line 80: @@
 Most of these were actually done inadvertently during the Community Bonding Period so I'll focus on getting tests up and running once all of these are done.
+== Week 3 (June 21 - June 28) ==
+=== Checklist ===
+* Start work on hover functionality
+* design the hovering text-box and the details that will be shown on it
+* Implement translation features for hover function too
+=== Progress ===

@@ Line 73: / Line 73: @@
 * <del>Apart from that, actually hook up the extension to use the API functionalities to translate in the pop-up</del>
 * <del>Properly set up the html pop-up of the extension</del>
-* Validate input given to pop-up
+* <del>Validate input given to pop-up</del>
-* Enable different options for translation
+* <del>Enable different options for translation</del>

← Older revision		Revision as of 15:14, 13 June 2021
Line 53:		Line 53:
	=== Progress ===		=== Progress ===

	Most basic pop-up functionalities are complete, to the point of marking some goals off of next week's checklist. There's also the matter of the word hover-on gist, which I've covered a bit in the next part. Also, the mockups for the pop-up from last week are complete, with both the front part and the settings. Word Hover has been implemented as of 13/7. Right now it is only capable of highlighting all the words nested inside a <p> tag.		Most basic pop-up functionalities are complete, to the point of marking some goals off of next week's checklist. There's also the matter of the word hover-on gist, which I've covered a bit in the next part. Also, the mockups for the pop-up from last week are complete, with both the front part and the settings. Word Hover has been implemented as of 13/7. Right now it is only capable of highlighting all the words nested inside a &lsaquo;p&rsaquo; tag.

@@ Line 47: / Line 47: @@
 [[File:ExtensionPopUp2.png|300px|thumb|right|Pop-Up Settings]]
 Set up a basic extension on chromium that can:
-* Detect the word it hovers on (on websites like wikipedia, news websites, etc.)
+* <del>Detect the word it hovers on (on websites like wikipedia, news websites, etc.)</del>
 * <del>Shows a basic popup when clicked on</del>
@@ Line 53: / Line 53: @@
 === Progress ===
-Most basic pop-up functionalities are complete, to the point of marking some goals off of next week's checklist. There's also the matter of the word hover-on gist, which I've covered a bit in the next part. Also, the mockups for the pop-up from last week are complete, with both the front part and the settings
+Most basic pop-up functionalities are complete, to the point of marking some goals off of next week's checklist. There's also the matter of the word hover-on gist, which I've covered a bit in the next part. Also, the mockups for the pop-up from last week are complete, with both the front part and the settings. Word Hover has been implemented as of 13/7. Right now it is only capable of highlighting all the words nested inside a <p> tag.

@@ Line 9: / Line 9: @@
 === Checklist ===
 [[File:ExtensionMockup1.png|300px|thumb|right|Extension Mockup 1]]
 [[File:ExtensionMockup2.png|300px|thumb|right|Extension Mockup 2]]
@@ Line 42: / Line 43: @@
 === Checklist ===
 [[File:ExtensionPopUp1.png|300px|thumb|right|Pop-Up Main]]
 [[File:ExtensionPopUp2.png|300px|thumb|right|Pop-Up Settings]]
@@ Line 47: / Line 49: @@
 * Detect the word it hovers on (on websites like wikipedia, news websites, etc.)
 * <del>Shows a basic popup when clicked on</del>
 === Progress ===
+Most basic pop-up functionalities are complete, to the point of marking some goals off of next week's checklist. There's also the matter of the word hover-on gist, which I've covered a bit in the next part. Also, the mockups for the pop-up from last week are complete, with both the front part and the settings
@@ Line 60: / Line 65: @@
 For now I'm implementing the custom tag method and figuring out a more elegant way to accomplish the second one.
 == Week 2 (June 14 - June 21) ==