HoshinoKoji/psychojs
1
0
Fork 0
mirror of https://github.com/psychopy/psychojs.git synced 2025-05-10 10:40:54 +00:00
Code Actions Packages Releases Activity

added languageStyle support for TextBox;

Browse Source
This commit is contained in:
lgtst 2022-06-08 16:18:22 +03:00
parent 8a3c6c0a28
commit 15920e1b94
2 changed files with 45 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/util/Util.js
View File

@ -1490,3 +1490,19 @@ export async function getDownloadSpeed(psychoJS, nbDownloads = 1)
download.src = `${imageUrl}?salt=${tic}`;
});
}
/**
* Enum that stores possible text directions.
* Note that Arabic is the same as RTL but added here to support PsychoPy's
* languageStyle enum. Arabic reshaping is handled by the browser automatically.
*
* @name module:util.TEXT_DIRECTION
* @enum
* @public
*/
export const TEXT_DIRECTION = {
LTR: "ltr",
RTL: "rtl",
Arabic: "rtl"
};

29
src/visual/TextBox.js
View File

@ -44,6 +44,7 @@ import { VisualStim } from "./VisualStim.js";
* @param {boolean} [options.flipHoriz= false] - whether or not to flip the text horizontally
* @param {boolean} [options.flipVert= false] - whether or not to flip the text vertically
* @param {Color} [options.fillColor= undefined] - fill color of the text-box
* @param {String} [options.languageStyle= "LTR"] - sets the direction property of the text inputs. Possible values ["LTR", "RTL", "Arabic"]. "Arabic" is added for consistency with PsychoPy
* @param {Color} [options.borderColor= undefined] - border color of the text-box
* @param {PIXI.Graphics} [options.clipMask= null] - the clip mask
* @param {boolean} [options.autoDraw= false] - whether or not the stimulus should be automatically drawn on every frame flip
@ -74,6 +75,7 @@ export class TextBox extends util.mix(VisualStim).with(ColorMixin)
flipHoriz,
flipVert,
fillColor,
languageStyle,
borderColor,
borderWidth,
padding,
@ -146,6 +148,11 @@ export class TextBox extends util.mix(VisualStim).with(ColorMixin)
alignment,
"left"
);
this._addAttribute(
"languageStyle",
languageStyle,
"LTR"
);
// colors:
this._addAttribute(
@ -246,6 +253,27 @@ export class TextBox extends util.mix(VisualStim).with(ColorMixin)
}
}
/**
* Setter for the languageStyle attribute.
*
* @name module:visual.TextBox#setLanguageStyle
* @public
* @param {String} languageStyle - text direction in textbox, accepts values ["LTR", "RTL", "Arabic"]
* @param {boolean} [log= false] - whether or not to log
*/
setLanguageStyle (languageStyle = "LTR", log = false) {
this._setAttribute("languageStyle", languageStyle, log);
let langDir = util.TEXT_DIRECTION[languageStyle];
if (langDir === undefined)
{
langDir = util.TEXT_DIRECTION["LTR"];
}
if (this._pixi !== undefined)
{
this._pixi.setInputStyle("direction", langDir);
}
}
/**
* Setter for the anchor attribute.
*
@ -501,6 +529,7 @@ export class TextBox extends util.mix(VisualStim).with(ColorMixin)
color: this._color === undefined || this._color === null ? 'transparent' : new Color(this._color).hex,
fontWeight: (this._bold) ? "bold" : "normal",
fontStyle: (this._italic) ? "italic" : "normal",
direction: util.TEXT_DIRECTION[this._languageStyle],
textAlign: this._alignment,
padding: `${padding_px}px`,
multiline: this._multiline,