Grammalecte  Check-in [c6a845b16f]

Overview
Comment:[fx] gc panel ui, tooltip: action block under suggestions block
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | trunk | fx
Files: files | file ages | folders
SHA3-256: c6a845b16f249cfa70f22aeb779ff662c4cec615c6b4195734ff543ca43d7be6
User & Date: olr on 2018-06-10 09:49:18
Other Links: manifest | tags
Context
2018-06-10
10:27
[fr] loc: vache à lait, pt: talons aiguilles check-in: c9c17e63a6 user: olr tags: trunk, fr
09:49
[fx] gc panel ui, tooltip: action block under suggestions block check-in: c6a845b16f user: olr tags: trunk, fx
2018-06-09
13:30
[graphspell] char_player: don’t remove double <e> in simplifyWord check-in: 496180aadf user: olr tags: trunk, graphspell
Changes

Modified gc_lang/fr/webext/content_scripts/panel_gc.css from [397d8a48b5] to [f78a7fe249].

93
94
95
96
97
98
99
100







101
102
103
104
105
106
107
93
94
95
96
97
98
99

100
101
102
103
104
105
106
107
108
109
110
111
112
113







-
+
+
+
+
+
+
+







    z-index: 1000;
    text-align: left;
    /*box-shadow: 0px 0px 0px 4px hsla(210, 0%, 50%, 0.4);*/
}

div#grammalecte_tooltip_message_block {
    margin: 0;
    padding: 5px 10px 10px 10px;
    padding: 5px 10px 5px 10px;
    background-color: hsl(210, 50%, 30%);
    color: hsl(210, 50%, 96%);
}
div#grammalecte_tooltip_actions {
    margin: 0;
    padding: 7px 10px 5px 10px;
    background-color: hsl(210, 50%, 30%);
    color: hsl(210, 50%, 96%);
}
div#grammalecte_tooltip_rule_id {
    display: none;
    margin: 0 0 5px 0;
    border: 1px solid hsl(210, 50%, 60%);

Modified gc_lang/fr/webext/content_scripts/panel_gc.js from [499bdc1ad7] to [f3545fce14].

288
289
290
291
292
293
294
295

296
297
298






299

300
301
302
303

304
305

306
307
308
309
310
311
312
288
289
290
291
292
293
294

295
296
297
298
299
300
301
302
303
304

305
306
307


308


309
310
311
312
313
314
315
316







-
+



+
+
+
+
+
+
-
+


-
-
+
-
-
+







        this.sErrorId = null;
        this.xTooltip = oGrammalecte.createNode("div", {id: "grammalecte_tooltip"});
        this.xTooltipArrow = oGrammalecte.createNode("img", {
            id: "grammalecte_tooltip_arrow",
            src: " data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwAAADsABataJCQAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xNzNun2MAAAAnSURBVChTY/j//z8cq/kW/wdhZDEMSXRFWCVhGKwAmwQyHngFxf8B5fOGYfeFpYoAAAAASUVORK5CYII=",
            alt: "^",
        });
        this.xTooltipSuggBlock = oGrammalecte.createNode("div", {id: "grammalecte_tooltip_sugg_block"});
        // message
        let xMessageBlock = oGrammalecte.createNode("div", {id: "grammalecte_tooltip_message_block"});
        xMessageBlock.appendChild(oGrammalecte.createNode("div", {id: "grammalecte_tooltip_rule_id"}));
        xMessageBlock.appendChild(oGrammalecte.createNode("div", {id: "grammalecte_tooltip_message", textContent: "Erreur."}));
        this.xTooltip.appendChild(xMessageBlock);
        // suggestions
        this.xTooltip.appendChild(oGrammalecte.createNode("div", {id: "grammalecte_tooltip_sugg_title", textContent: "SUGGESTIONS :"}));
        this.xTooltipSuggBlock = oGrammalecte.createNode("div", {id: "grammalecte_tooltip_sugg_block"});
        this.xTooltip.appendChild(this.xTooltipSuggBlock);
        // actions
        let xActions = xMessageBlock.appendChild(oGrammalecte.createNode("div", {id: "grammalecte_tooltip_actions"}));
        let xActions = oGrammalecte.createNode("div", {id: "grammalecte_tooltip_actions"});
        xActions.appendChild(oGrammalecte.createNode("div", {id: "grammalecte_tooltip_ignore", textContent: "Ignorer"}));
        xActions.appendChild(oGrammalecte.createNode("div", {id: "grammalecte_tooltip_url", textContent: "Voulez-vous en savoir plus ?…"}, {url: ""}));
        xMessageBlock.appendChild(xActions);
        this.xTooltip.appendChild(xMessageBlock);
        this.xTooltip.appendChild(xActions);
        this.xTooltip.appendChild(oGrammalecte.createNode("div", {id: "grammalecte_tooltip_sugg_title", textContent: "SUGGESTIONS :"}));
        this.xTooltip.appendChild(this.xTooltipSuggBlock);
        // add tooltip to the page
        xContentNode.appendChild(this.xTooltip);
        xContentNode.appendChild(this.xTooltipArrow);
    }

    show (sNodeErrorId) {  // err
        try {
            let xNodeErr = document.getElementById(sNodeErrorId);