ผลต่างระหว่างรุ่นของ "CuneiForm"
บรรทัดที่ 62: | บรรทัดที่ 62: | ||
** '''{{code|lang=python|'img'}}''': File field with CuneiFox custom action buttons and an associated {{code|img}} HTML element. | ** '''{{code|lang=python|'img'}}''': File field with CuneiFox custom action buttons and an associated {{code|img}} HTML element. | ||
* '''Other types''' | * '''Other types''' | ||
** '''{{code|lang=python|'right'}}''': Normal string field whose text is aligned right rather than the normal left. | |||
** '''{{code|lang=python|'color'}}''': String field with an associated color selector element. | ** '''{{code|lang=python|'color'}}''': String field with an associated color selector element. | ||
รุ่นแก้ไขเมื่อ 17:50, 5 เมษายน 2567
CuneiForm type objects are powered by WTForms engine. However, this object type also introduce a handful of additional variables and attributes to strike a sweet balance between ease of development and flexibility.
Define
Defining a CuneiForm is essentially similar to declaring a WTForm. There are no differences in declaring fields, validations, render keywords, and validating functions. (There exist a few special functions that can dynamically generate some common fields, but we'll leave that to a later section.)
Let's first have a quick look at a very basic CuneiForm:
class LoginForm(FlaskForm, CuneiForm):
company = StringField("Company", validators=[InputRequired("Required!")])
username = StringField("Username", validators=[InputRequired("Required!")])
password = PasswordField("Password", validators=[InputRequired("Required!")])
clear_session = BoolField("Log-out of other sessions", default=True)
submit = SubmitField("Log-in")
def validate_company(self, company):
# Validation goes here
def validate_username(self, username):
# Validation goes here
def validate_password(self, password):
# Validation goes here
Developers might find uses of BoolField
and IntField
in CuneiFox code base unfamiliar. This convention is to avoid name conflict betweem WTForm and Peewee.
Special Value Types
This feature plays a crucial role in ensuring consistent value formatting for client-side output. While it originated as a solution to address browser formatting inconsistencies, it has evolved to serve several other purposes within the CuneiFox framework.
Original Intentions
Reading through the CuneiFox code base, one is sure to notice the excessive use of StringFields where one would expect DateFields, TimeFields, FloatFields, and IntegerFields as supported by WTForms. This design choice stems was made to address a challenging browser behaviour. Modern browsers tend to enforce formatting of fields marked as certain types based on the user's locale setting, which can be tied to either the operating system or the browser itself. This automatic formatting can be difficult to override or reverse, leading to inconsistencies and confusion on the user's part especially when switching workstations.
To address this issue, CuneiFox developed its own value typing. Our approach applies custom-made JavaScript codes on unformatted and untyped (as far as the browser is aware) fields. This way, the formatting rendered on the client-side perfectly obeys the company's specific preferences within the CuneiFox system.
Current Incarnation
Form value types are specified in the variable MASTER_sp_type
residing within form definition code. The variable is of format:
MASTER_sptypes = [(str field_name0, str type0), (str field_name1, str type1), ...]
# Example from Accounting Journal's withholding tax form
MASTER_sptypes = [("taxdate", "date"), ("taxmonth", "month"),
("rate", "pct"), ("amt", "acc"), ("tax", "acc"),
("rate_2", "pct"), ("amt_2", "acc"), ("tax_2", "acc"),
...]
Available Types
Special types valid within CuneiFox system are shown below:
- Date types
'date'
: Value with date, month, and year.'month'
: Value with only date and month.
- Time types
'time'
: Value with hour, minute, and second.
- Numeric types
'acc'
: Numerical value, rounded toacc
decimal places. (See Company Settings)'pct'
: Numerical value, rounded topct
decimal places, with "%" sign appended. (See Company Settings)'qty'
: Numerical value, rounded toqty
decimal places. (See Company Settings)'amt'
: Numerical value, rounded toamt
decimal places. (See Company Settings)'int'
: Numerical value, rounded to nearest integer.
- File types
'file'
: File field with CuneiFox custom action buttons.'img'
: File field with CuneiFox custom action buttons and an associatedimg
HTML element.
- Other types
'right'
: Normal string field whose text is aligned right rather than the normal left.'color'
: String field with an associated color selector element.