├── .editorconfig ├── .gitignore ├── LICENSE ├── README.md ├── app ├── __init__.py ├── errors │ ├── __init__.py │ ├── handlers.py │ └── templates │ │ ├── 404.html │ │ └── 500.html ├── fonts.py ├── labeldesigner │ ├── __init__.py │ ├── label.py │ ├── printer.py │ ├── routes.py │ └── templates │ │ ├── labeldesigner.html │ │ └── main.js ├── main │ ├── __init__.py │ └── routes.py ├── static │ ├── css │ │ ├── basic.min.css │ │ ├── custom.css │ │ └── dropzone.min.css │ ├── images │ │ └── favicon │ │ │ ├── android-icon-144x144.png │ │ │ ├── android-icon-192x192.png │ │ │ ├── android-icon-36x36.png │ │ │ ├── android-icon-48x48.png │ │ │ ├── android-icon-72x72.png │ │ │ ├── android-icon-96x96.png │ │ │ ├── apple-icon-114x114.png │ │ │ ├── apple-icon-120x120.png │ │ │ ├── apple-icon-144x144.png │ │ │ ├── apple-icon-152x152.png │ │ │ ├── apple-icon-180x180.png │ │ │ ├── apple-icon-57x57.png │ │ │ ├── apple-icon-60x60.png │ │ │ ├── apple-icon-72x72.png │ │ │ ├── apple-icon-76x76.png │ │ │ ├── apple-icon-precomposed.png │ │ │ ├── apple-icon.png │ │ │ ├── browserconfig.xml │ │ │ ├── favicon-16x16.png │ │ │ ├── favicon-32x32.png │ │ │ ├── favicon-96x96.png │ │ │ ├── favicon.ico │ │ │ ├── manifest.json │ │ │ ├── ms-icon-144x144.png │ │ │ ├── ms-icon-150x150.png │ │ │ ├── ms-icon-310x310.png │ │ │ └── ms-icon-70x70.png │ ├── js │ │ └── dropzone.min.js │ └── webfonts │ │ ├── fa-brands-400.eot │ │ ├── fa-brands-400.svg │ │ ├── fa-brands-400.ttf │ │ ├── fa-brands-400.woff │ │ ├── fa-brands-400.woff2 │ │ ├── fa-regular-400.eot │ │ ├── fa-regular-400.svg │ │ ├── fa-regular-400.ttf │ │ ├── fa-regular-400.woff │ │ ├── fa-regular-400.woff2 │ │ ├── fa-solid-900.eot │ │ ├── fa-solid-900.svg │ │ ├── fa-solid-900.ttf │ │ ├── fa-solid-900.woff │ │ └── fa-solid-900.woff2 ├── templates │ └── base.html └── utils.py ├── config.py ├── requirements.txt ├── run.py ├── screenshots ├── Label-Designer_Desktop.png └── Label-Designer_Phone.png ├── systemd ├── brother_ql_web.service └── brother_ql_web_gunicorn.service └── wsgi.py /.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | end_of_line = lf 6 | insert_final_newline = true 7 | indent_style = space 8 | indent_size = 4 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # ignore config.json 2 | config.json 3 | 4 | ### Python template 5 | # Byte-compiled / optimized / DLL files 6 | __pycache__/ 7 | *.py[cod] 8 | *$py.class 9 | 10 | # C extensions 11 | *.so 12 | 13 | # Distribution / packaging 14 | .Python 15 | build/ 16 | develop-eggs/ 17 | dist/ 18 | downloads/ 19 | eggs/ 20 | .eggs/ 21 | lib/ 22 | lib64/ 23 | parts/ 24 | sdist/ 25 | var/ 26 | wheels/ 27 | *.egg-info/ 28 | .installed.cfg 29 | *.egg 30 | MANIFEST 31 | 32 | # PyInstaller 33 | # Usually these files are written by a python script from a template 34 | # before PyInstaller builds the exe, so as to inject date/other infos into it. 35 | *.manifest 36 | *.spec 37 | 38 | # Installer logs 39 | pip-log.txt 40 | pip-delete-this-directory.txt 41 | 42 | # Unit test / coverage reports 43 | htmlcov/ 44 | .tox/ 45 | .coverage 46 | .coverage.* 47 | .cache 48 | nosetests.xml 49 | coverage.xml 50 | *.cover 51 | .hypothesis/ 52 | 53 | # Translations 54 | *.mo 55 | *.pot 56 | 57 | # Django stuff: 58 | *.log 59 | .static_storage/ 60 | .media/ 61 | local_settings.py 62 | 63 | # Flask stuff: 64 | instance/ 65 | .webassets-cache 66 | 67 | # Scrapy stuff: 68 | .scrapy 69 | 70 | # Sphinx documentation 71 | docs/_build/ 72 | 73 | # PyBuilder 74 | target/ 75 | 76 | # Jupyter Notebook 77 | .ipynb_checkpoints 78 | 79 | # pyenv 80 | .python-version 81 | 82 | # celery beat schedule file 83 | celerybeat-schedule 84 | 85 | # SageMath parsed files 86 | *.sage.py 87 | 88 | # Environments 89 | .env 90 | .venv 91 | env/ 92 | venv/ 93 | ENV/ 94 | env.bak/ 95 | venv.bak/ 96 | 97 | # Spyder project settings 98 | .spyderproject 99 | .spyproject 100 | 101 | # Rope project settings 102 | .ropeproject 103 | 104 | # mkdocs documentation 105 | /site 106 | 107 | # mypy 108 | .mypy_cache/ 109 | 110 | # idea 111 | .idea/* 112 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | GNU GENERAL PUBLIC LICENSE 2 | Version 3, 29 June 2007 3 | 4 | Copyright (C) 2007 Free Software Foundation, Inc. 5 | Everyone is permitted to copy and distribute verbatim copies 6 | of this license document, but changing it is not allowed. 7 | 8 | Preamble 9 | 10 | The GNU General Public License is a free, copyleft license for 11 | software and other kinds of works. 12 | 13 | The licenses for most software and other practical works are designed 14 | to take away your freedom to share and change the works. By contrast, 15 | the GNU General Public License is intended to guarantee your freedom to 16 | share and change all versions of a program--to make sure it remains free 17 | software for all its users. We, the Free Software Foundation, use the 18 | GNU General Public License for most of our software; it applies also to 19 | any other work released this way by its authors. You can apply it to 20 | your programs, too. 21 | 22 | When we speak of free software, we are referring to freedom, not 23 | price. Our General Public Licenses are designed to make sure that you 24 | have the freedom to distribute copies of free software (and charge for 25 | them if you wish), that you receive source code or can get it if you 26 | want it, that you can change the software or use pieces of it in new 27 | free programs, and that you know you can do these things. 28 | 29 | To protect your rights, we need to prevent others from denying you 30 | these rights or asking you to surrender the rights. Therefore, you have 31 | certain responsibilities if you distribute copies of the software, or if 32 | you modify it: responsibilities to respect the freedom of others. 33 | 34 | For example, if you distribute copies of such a program, whether 35 | gratis or for a fee, you must pass on to the recipients the same 36 | freedoms that you received. You must make sure that they, too, receive 37 | or can get the source code. And you must show them these terms so they 38 | know their rights. 39 | 40 | Developers that use the GNU GPL protect your rights with two steps: 41 | (1) assert copyright on the software, and (2) offer you this License 42 | giving you legal permission to copy, distribute and/or modify it. 43 | 44 | For the developers' and authors' protection, the GPL clearly explains 45 | that there is no warranty for this free software. For both users' and 46 | authors' sake, the GPL requires that modified versions be marked as 47 | changed, so that their problems will not be attributed erroneously to 48 | authors of previous versions. 49 | 50 | Some devices are designed to deny users access to install or run 51 | modified versions of the software inside them, although the manufacturer 52 | can do so. This is fundamentally incompatible with the aim of 53 | protecting users' freedom to change the software. The systematic 54 | pattern of such abuse occurs in the area of products for individuals to 55 | use, which is precisely where it is most unacceptable. Therefore, we 56 | have designed this version of the GPL to prohibit the practice for those 57 | products. If such problems arise substantially in other domains, we 58 | stand ready to extend this provision to those domains in future versions 59 | of the GPL, as needed to protect the freedom of users. 60 | 61 | Finally, every program is threatened constantly by software patents. 62 | States should not allow patents to restrict development and use of 63 | software on general-purpose computers, but in those that do, we wish to 64 | avoid the special danger that patents applied to a free program could 65 | make it effectively proprietary. To prevent this, the GPL assures that 66 | patents cannot be used to render the program non-free. 67 | 68 | The precise terms and conditions for copying, distribution and 69 | modification follow. 70 | 71 | TERMS AND CONDITIONS 72 | 73 | 0. Definitions. 74 | 75 | "This License" refers to version 3 of the GNU General Public License. 76 | 77 | "Copyright" also means copyright-like laws that apply to other kinds of 78 | works, such as semiconductor masks. 79 | 80 | "The Program" refers to any copyrightable work licensed under this 81 | License. Each licensee is addressed as "you". "Licensees" and 82 | "recipients" may be individuals or organizations. 83 | 84 | To "modify" a work means to copy from or adapt all or part of the work 85 | in a fashion requiring copyright permission, other than the making of an 86 | exact copy. The resulting work is called a "modified version" of the 87 | earlier work or a work "based on" the earlier work. 88 | 89 | A "covered work" means either the unmodified Program or a work based 90 | on the Program. 91 | 92 | To "propagate" a work means to do anything with it that, without 93 | permission, would make you directly or secondarily liable for 94 | infringement under applicable copyright law, except executing it on a 95 | computer or modifying a private copy. Propagation includes copying, 96 | distribution (with or without modification), making available to the 97 | public, and in some countries other activities as well. 98 | 99 | To "convey" a work means any kind of propagation that enables other 100 | parties to make or receive copies. Mere interaction with a user through 101 | a computer network, with no transfer of a copy, is not conveying. 102 | 103 | An interactive user interface displays "Appropriate Legal Notices" 104 | to the extent that it includes a convenient and prominently visible 105 | feature that (1) displays an appropriate copyright notice, and (2) 106 | tells the user that there is no warranty for the work (except to the 107 | extent that warranties are provided), that licensees may convey the 108 | work under this License, and how to view a copy of this License. If 109 | the interface presents a list of user commands or options, such as a 110 | menu, a prominent item in the list meets this criterion. 111 | 112 | 1. Source Code. 113 | 114 | The "source code" for a work means the preferred form of the work 115 | for making modifications to it. "Object code" means any non-source 116 | form of a work. 117 | 118 | A "Standard Interface" means an interface that either is an official 119 | standard defined by a recognized standards body, or, in the case of 120 | interfaces specified for a particular programming language, one that 121 | is widely used among developers working in that language. 122 | 123 | The "System Libraries" of an executable work include anything, other 124 | than the work as a whole, that (a) is included in the normal form of 125 | packaging a Major Component, but which is not part of that Major 126 | Component, and (b) serves only to enable use of the work with that 127 | Major Component, or to implement a Standard Interface for which an 128 | implementation is available to the public in source code form. A 129 | "Major Component", in this context, means a major essential component 130 | (kernel, window system, and so on) of the specific operating system 131 | (if any) on which the executable work runs, or a compiler used to 132 | produce the work, or an object code interpreter used to run it. 133 | 134 | The "Corresponding Source" for a work in object code form means all 135 | the source code needed to generate, install, and (for an executable 136 | work) run the object code and to modify the work, including scripts to 137 | control those activities. However, it does not include the work's 138 | System Libraries, or general-purpose tools or generally available free 139 | programs which are used unmodified in performing those activities but 140 | which are not part of the work. For example, Corresponding Source 141 | includes interface definition files associated with source files for 142 | the work, and the source code for shared libraries and dynamically 143 | linked subprograms that the work is specifically designed to require, 144 | such as by intimate data communication or control flow between those 145 | subprograms and other parts of the work. 146 | 147 | The Corresponding Source need not include anything that users 148 | can regenerate automatically from other parts of the Corresponding 149 | Source. 150 | 151 | The Corresponding Source for a work in source code form is that 152 | same work. 153 | 154 | 2. Basic Permissions. 155 | 156 | All rights granted under this License are granted for the term of 157 | copyright on the Program, and are irrevocable provided the stated 158 | conditions are met. This License explicitly affirms your unlimited 159 | permission to run the unmodified Program. The output from running a 160 | covered work is covered by this License only if the output, given its 161 | content, constitutes a covered work. This License acknowledges your 162 | rights of fair use or other equivalent, as provided by copyright law. 163 | 164 | You may make, run and propagate covered works that you do not 165 | convey, without conditions so long as your license otherwise remains 166 | in force. You may convey covered works to others for the sole purpose 167 | of having them make modifications exclusively for you, or provide you 168 | with facilities for running those works, provided that you comply with 169 | the terms of this License in conveying all material for which you do 170 | not control copyright. Those thus making or running the covered works 171 | for you must do so exclusively on your behalf, under your direction 172 | and control, on terms that prohibit them from making any copies of 173 | your copyrighted material outside their relationship with you. 174 | 175 | Conveying under any other circumstances is permitted solely under 176 | the conditions stated below. Sublicensing is not allowed; section 10 177 | makes it unnecessary. 178 | 179 | 3. Protecting Users' Legal Rights From Anti-Circumvention Law. 180 | 181 | No covered work shall be deemed part of an effective technological 182 | measure under any applicable law fulfilling obligations under article 183 | 11 of the WIPO copyright treaty adopted on 20 December 1996, or 184 | similar laws prohibiting or restricting circumvention of such 185 | measures. 186 | 187 | When you convey a covered work, you waive any legal power to forbid 188 | circumvention of technological measures to the extent such circumvention 189 | is effected by exercising rights under this License with respect to 190 | the covered work, and you disclaim any intention to limit operation or 191 | modification of the work as a means of enforcing, against the work's 192 | users, your or third parties' legal rights to forbid circumvention of 193 | technological measures. 194 | 195 | 4. Conveying Verbatim Copies. 196 | 197 | You may convey verbatim copies of the Program's source code as you 198 | receive it, in any medium, provided that you conspicuously and 199 | appropriately publish on each copy an appropriate copyright notice; 200 | keep intact all notices stating that this License and any 201 | non-permissive terms added in accord with section 7 apply to the code; 202 | keep intact all notices of the absence of any warranty; and give all 203 | recipients a copy of this License along with the Program. 204 | 205 | You may charge any price or no price for each copy that you convey, 206 | and you may offer support or warranty protection for a fee. 207 | 208 | 5. Conveying Modified Source Versions. 209 | 210 | You may convey a work based on the Program, or the modifications to 211 | produce it from the Program, in the form of source code under the 212 | terms of section 4, provided that you also meet all of these conditions: 213 | 214 | a) The work must carry prominent notices stating that you modified 215 | it, and giving a relevant date. 216 | 217 | b) The work must carry prominent notices stating that it is 218 | released under this License and any conditions added under section 219 | 7. This requirement modifies the requirement in section 4 to 220 | "keep intact all notices". 221 | 222 | c) You must license the entire work, as a whole, under this 223 | License to anyone who comes into possession of a copy. This 224 | License will therefore apply, along with any applicable section 7 225 | additional terms, to the whole of the work, and all its parts, 226 | regardless of how they are packaged. This License gives no 227 | permission to license the work in any other way, but it does not 228 | invalidate such permission if you have separately received it. 229 | 230 | d) If the work has interactive user interfaces, each must display 231 | Appropriate Legal Notices; however, if the Program has interactive 232 | interfaces that do not display Appropriate Legal Notices, your 233 | work need not make them do so. 234 | 235 | A compilation of a covered work with other separate and independent 236 | works, which are not by their nature extensions of the covered work, 237 | and which are not combined with it such as to form a larger program, 238 | in or on a volume of a storage or distribution medium, is called an 239 | "aggregate" if the compilation and its resulting copyright are not 240 | used to limit the access or legal rights of the compilation's users 241 | beyond what the individual works permit. Inclusion of a covered work 242 | in an aggregate does not cause this License to apply to the other 243 | parts of the aggregate. 244 | 245 | 6. Conveying Non-Source Forms. 246 | 247 | You may convey a covered work in object code form under the terms 248 | of sections 4 and 5, provided that you also convey the 249 | machine-readable Corresponding Source under the terms of this License, 250 | in one of these ways: 251 | 252 | a) Convey the object code in, or embodied in, a physical product 253 | (including a physical distribution medium), accompanied by the 254 | Corresponding Source fixed on a durable physical medium 255 | customarily used for software interchange. 256 | 257 | b) Convey the object code in, or embodied in, a physical product 258 | (including a physical distribution medium), accompanied by a 259 | written offer, valid for at least three years and valid for as 260 | long as you offer spare parts or customer support for that product 261 | model, to give anyone who possesses the object code either (1) a 262 | copy of the Corresponding Source for all the software in the 263 | product that is covered by this License, on a durable physical 264 | medium customarily used for software interchange, for a price no 265 | more than your reasonable cost of physically performing this 266 | conveying of source, or (2) access to copy the 267 | Corresponding Source from a network server at no charge. 268 | 269 | c) Convey individual copies of the object code with a copy of the 270 | written offer to provide the Corresponding Source. This 271 | alternative is allowed only occasionally and noncommercially, and 272 | only if you received the object code with such an offer, in accord 273 | with subsection 6b. 274 | 275 | d) Convey the object code by offering access from a designated 276 | place (gratis or for a charge), and offer equivalent access to the 277 | Corresponding Source in the same way through the same place at no 278 | further charge. You need not require recipients to copy the 279 | Corresponding Source along with the object code. If the place to 280 | copy the object code is a network server, the Corresponding Source 281 | may be on a different server (operated by you or a third party) 282 | that supports equivalent copying facilities, provided you maintain 283 | clear directions next to the object code saying where to find the 284 | Corresponding Source. Regardless of what server hosts the 285 | Corresponding Source, you remain obligated to ensure that it is 286 | available for as long as needed to satisfy these requirements. 287 | 288 | e) Convey the object code using peer-to-peer transmission, provided 289 | you inform other peers where the object code and Corresponding 290 | Source of the work are being offered to the general public at no 291 | charge under subsection 6d. 292 | 293 | A separable portion of the object code, whose source code is excluded 294 | from the Corresponding Source as a System Library, need not be 295 | included in conveying the object code work. 296 | 297 | A "User Product" is either (1) a "consumer product", which means any 298 | tangible personal property which is normally used for personal, family, 299 | or household purposes, or (2) anything designed or sold for incorporation 300 | into a dwelling. In determining whether a product is a consumer product, 301 | doubtful cases shall be resolved in favor of coverage. For a particular 302 | product received by a particular user, "normally used" refers to a 303 | typical or common use of that class of product, regardless of the status 304 | of the particular user or of the way in which the particular user 305 | actually uses, or expects or is expected to use, the product. A product 306 | is a consumer product regardless of whether the product has substantial 307 | commercial, industrial or non-consumer uses, unless such uses represent 308 | the only significant mode of use of the product. 309 | 310 | "Installation Information" for a User Product means any methods, 311 | procedures, authorization keys, or other information required to install 312 | and execute modified versions of a covered work in that User Product from 313 | a modified version of its Corresponding Source. The information must 314 | suffice to ensure that the continued functioning of the modified object 315 | code is in no case prevented or interfered with solely because 316 | modification has been made. 317 | 318 | If you convey an object code work under this section in, or with, or 319 | specifically for use in, a User Product, and the conveying occurs as 320 | part of a transaction in which the right of possession and use of the 321 | User Product is transferred to the recipient in perpetuity or for a 322 | fixed term (regardless of how the transaction is characterized), the 323 | Corresponding Source conveyed under this section must be accompanied 324 | by the Installation Information. But this requirement does not apply 325 | if neither you nor any third party retains the ability to install 326 | modified object code on the User Product (for example, the work has 327 | been installed in ROM). 328 | 329 | The requirement to provide Installation Information does not include a 330 | requirement to continue to provide support service, warranty, or updates 331 | for a work that has been modified or installed by the recipient, or for 332 | the User Product in which it has been modified or installed. Access to a 333 | network may be denied when the modification itself materially and 334 | adversely affects the operation of the network or violates the rules and 335 | protocols for communication across the network. 336 | 337 | Corresponding Source conveyed, and Installation Information provided, 338 | in accord with this section must be in a format that is publicly 339 | documented (and with an implementation available to the public in 340 | source code form), and must require no special password or key for 341 | unpacking, reading or copying. 342 | 343 | 7. Additional Terms. 344 | 345 | "Additional permissions" are terms that supplement the terms of this 346 | License by making exceptions from one or more of its conditions. 347 | Additional permissions that are applicable to the entire Program shall 348 | be treated as though they were included in this License, to the extent 349 | that they are valid under applicable law. If additional permissions 350 | apply only to part of the Program, that part may be used separately 351 | under those permissions, but the entire Program remains governed by 352 | this License without regard to the additional permissions. 353 | 354 | When you convey a copy of a covered work, you may at your option 355 | remove any additional permissions from that copy, or from any part of 356 | it. (Additional permissions may be written to require their own 357 | removal in certain cases when you modify the work.) You may place 358 | additional permissions on material, added by you to a covered work, 359 | for which you have or can give appropriate copyright permission. 360 | 361 | Notwithstanding any other provision of this License, for material you 362 | add to a covered work, you may (if authorized by the copyright holders of 363 | that material) supplement the terms of this License with terms: 364 | 365 | a) Disclaiming warranty or limiting liability differently from the 366 | terms of sections 15 and 16 of this License; or 367 | 368 | b) Requiring preservation of specified reasonable legal notices or 369 | author attributions in that material or in the Appropriate Legal 370 | Notices displayed by works containing it; or 371 | 372 | c) Prohibiting misrepresentation of the origin of that material, or 373 | requiring that modified versions of such material be marked in 374 | reasonable ways as different from the original version; or 375 | 376 | d) Limiting the use for publicity purposes of names of licensors or 377 | authors of the material; or 378 | 379 | e) Declining to grant rights under trademark law for use of some 380 | trade names, trademarks, or service marks; or 381 | 382 | f) Requiring indemnification of licensors and authors of that 383 | material by anyone who conveys the material (or modified versions of 384 | it) with contractual assumptions of liability to the recipient, for 385 | any liability that these contractual assumptions directly impose on 386 | those licensors and authors. 387 | 388 | All other non-permissive additional terms are considered "further 389 | restrictions" within the meaning of section 10. If the Program as you 390 | received it, or any part of it, contains a notice stating that it is 391 | governed by this License along with a term that is a further 392 | restriction, you may remove that term. If a license document contains 393 | a further restriction but permits relicensing or conveying under this 394 | License, you may add to a covered work material governed by the terms 395 | of that license document, provided that the further restriction does 396 | not survive such relicensing or conveying. 397 | 398 | If you add terms to a covered work in accord with this section, you 399 | must place, in the relevant source files, a statement of the 400 | additional terms that apply to those files, or a notice indicating 401 | where to find the applicable terms. 402 | 403 | Additional terms, permissive or non-permissive, may be stated in the 404 | form of a separately written license, or stated as exceptions; 405 | the above requirements apply either way. 406 | 407 | 8. Termination. 408 | 409 | You may not propagate or modify a covered work except as expressly 410 | provided under this License. Any attempt otherwise to propagate or 411 | modify it is void, and will automatically terminate your rights under 412 | this License (including any patent licenses granted under the third 413 | paragraph of section 11). 414 | 415 | However, if you cease all violation of this License, then your 416 | license from a particular copyright holder is reinstated (a) 417 | provisionally, unless and until the copyright holder explicitly and 418 | finally terminates your license, and (b) permanently, if the copyright 419 | holder fails to notify you of the violation by some reasonable means 420 | prior to 60 days after the cessation. 421 | 422 | Moreover, your license from a particular copyright holder is 423 | reinstated permanently if the copyright holder notifies you of the 424 | violation by some reasonable means, this is the first time you have 425 | received notice of violation of this License (for any work) from that 426 | copyright holder, and you cure the violation prior to 30 days after 427 | your receipt of the notice. 428 | 429 | Termination of your rights under this section does not terminate the 430 | licenses of parties who have received copies or rights from you under 431 | this License. If your rights have been terminated and not permanently 432 | reinstated, you do not qualify to receive new licenses for the same 433 | material under section 10. 434 | 435 | 9. Acceptance Not Required for Having Copies. 436 | 437 | You are not required to accept this License in order to receive or 438 | run a copy of the Program. Ancillary propagation of a covered work 439 | occurring solely as a consequence of using peer-to-peer transmission 440 | to receive a copy likewise does not require acceptance. However, 441 | nothing other than this License grants you permission to propagate or 442 | modify any covered work. These actions infringe copyright if you do 443 | not accept this License. Therefore, by modifying or propagating a 444 | covered work, you indicate your acceptance of this License to do so. 445 | 446 | 10. Automatic Licensing of Downstream Recipients. 447 | 448 | Each time you convey a covered work, the recipient automatically 449 | receives a license from the original licensors, to run, modify and 450 | propagate that work, subject to this License. You are not responsible 451 | for enforcing compliance by third parties with this License. 452 | 453 | An "entity transaction" is a transaction transferring control of an 454 | organization, or substantially all assets of one, or subdividing an 455 | organization, or merging organizations. If propagation of a covered 456 | work results from an entity transaction, each party to that 457 | transaction who receives a copy of the work also receives whatever 458 | licenses to the work the party's predecessor in interest had or could 459 | give under the previous paragraph, plus a right to possession of the 460 | Corresponding Source of the work from the predecessor in interest, if 461 | the predecessor has it or can get it with reasonable efforts. 462 | 463 | You may not impose any further restrictions on the exercise of the 464 | rights granted or affirmed under this License. For example, you may 465 | not impose a license fee, royalty, or other charge for exercise of 466 | rights granted under this License, and you may not initiate litigation 467 | (including a cross-claim or counterclaim in a lawsuit) alleging that 468 | any patent claim is infringed by making, using, selling, offering for 469 | sale, or importing the Program or any portion of it. 470 | 471 | 11. Patents. 472 | 473 | A "contributor" is a copyright holder who authorizes use under this 474 | License of the Program or a work on which the Program is based. The 475 | work thus licensed is called the contributor's "contributor version". 476 | 477 | A contributor's "essential patent claims" are all patent claims 478 | owned or controlled by the contributor, whether already acquired or 479 | hereafter acquired, that would be infringed by some manner, permitted 480 | by this License, of making, using, or selling its contributor version, 481 | but do not include claims that would be infringed only as a 482 | consequence of further modification of the contributor version. For 483 | purposes of this definition, "control" includes the right to grant 484 | patent sublicenses in a manner consistent with the requirements of 485 | this License. 486 | 487 | Each contributor grants you a non-exclusive, worldwide, royalty-free 488 | patent license under the contributor's essential patent claims, to 489 | make, use, sell, offer for sale, import and otherwise run, modify and 490 | propagate the contents of its contributor version. 491 | 492 | In the following three paragraphs, a "patent license" is any express 493 | agreement or commitment, however denominated, not to enforce a patent 494 | (such as an express permission to practice a patent or covenant not to 495 | sue for patent infringement). To "grant" such a patent license to a 496 | party means to make such an agreement or commitment not to enforce a 497 | patent against the party. 498 | 499 | If you convey a covered work, knowingly relying on a patent license, 500 | and the Corresponding Source of the work is not available for anyone 501 | to copy, free of charge and under the terms of this License, through a 502 | publicly available network server or other readily accessible means, 503 | then you must either (1) cause the Corresponding Source to be so 504 | available, or (2) arrange to deprive yourself of the benefit of the 505 | patent license for this particular work, or (3) arrange, in a manner 506 | consistent with the requirements of this License, to extend the patent 507 | license to downstream recipients. "Knowingly relying" means you have 508 | actual knowledge that, but for the patent license, your conveying the 509 | covered work in a country, or your recipient's use of the covered work 510 | in a country, would infringe one or more identifiable patents in that 511 | country that you have reason to believe are valid. 512 | 513 | If, pursuant to or in connection with a single transaction or 514 | arrangement, you convey, or propagate by procuring conveyance of, a 515 | covered work, and grant a patent license to some of the parties 516 | receiving the covered work authorizing them to use, propagate, modify 517 | or convey a specific copy of the covered work, then the patent license 518 | you grant is automatically extended to all recipients of the covered 519 | work and works based on it. 520 | 521 | A patent license is "discriminatory" if it does not include within 522 | the scope of its coverage, prohibits the exercise of, or is 523 | conditioned on the non-exercise of one or more of the rights that are 524 | specifically granted under this License. You may not convey a covered 525 | work if you are a party to an arrangement with a third party that is 526 | in the business of distributing software, under which you make payment 527 | to the third party based on the extent of your activity of conveying 528 | the work, and under which the third party grants, to any of the 529 | parties who would receive the covered work from you, a discriminatory 530 | patent license (a) in connection with copies of the covered work 531 | conveyed by you (or copies made from those copies), or (b) primarily 532 | for and in connection with specific products or compilations that 533 | contain the covered work, unless you entered into that arrangement, 534 | or that patent license was granted, prior to 28 March 2007. 535 | 536 | Nothing in this License shall be construed as excluding or limiting 537 | any implied license or other defenses to infringement that may 538 | otherwise be available to you under applicable patent law. 539 | 540 | 12. No Surrender of Others' Freedom. 541 | 542 | If conditions are imposed on you (whether by court order, agreement or 543 | otherwise) that contradict the conditions of this License, they do not 544 | excuse you from the conditions of this License. If you cannot convey a 545 | covered work so as to satisfy simultaneously your obligations under this 546 | License and any other pertinent obligations, then as a consequence you may 547 | not convey it at all. For example, if you agree to terms that obligate you 548 | to collect a royalty for further conveying from those to whom you convey 549 | the Program, the only way you could satisfy both those terms and this 550 | License would be to refrain entirely from conveying the Program. 551 | 552 | 13. Use with the GNU Affero General Public License. 553 | 554 | Notwithstanding any other provision of this License, you have 555 | permission to link or combine any covered work with a work licensed 556 | under version 3 of the GNU Affero General Public License into a single 557 | combined work, and to convey the resulting work. The terms of this 558 | License will continue to apply to the part which is the covered work, 559 | but the special requirements of the GNU Affero General Public License, 560 | section 13, concerning interaction through a network will apply to the 561 | combination as such. 562 | 563 | 14. Revised Versions of this License. 564 | 565 | The Free Software Foundation may publish revised and/or new versions of 566 | the GNU General Public License from time to time. Such new versions will 567 | be similar in spirit to the present version, but may differ in detail to 568 | address new problems or concerns. 569 | 570 | Each version is given a distinguishing version number. If the 571 | Program specifies that a certain numbered version of the GNU General 572 | Public License "or any later version" applies to it, you have the 573 | option of following the terms and conditions either of that numbered 574 | version or of any later version published by the Free Software 575 | Foundation. If the Program does not specify a version number of the 576 | GNU General Public License, you may choose any version ever published 577 | by the Free Software Foundation. 578 | 579 | If the Program specifies that a proxy can decide which future 580 | versions of the GNU General Public License can be used, that proxy's 581 | public statement of acceptance of a version permanently authorizes you 582 | to choose that version for the Program. 583 | 584 | Later license versions may give you additional or different 585 | permissions. However, no additional obligations are imposed on any 586 | author or copyright holder as a result of your choosing to follow a 587 | later version. 588 | 589 | 15. Disclaimer of Warranty. 590 | 591 | THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY 592 | APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT 593 | HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY 594 | OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, 595 | THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 596 | PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM 597 | IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF 598 | ALL NECESSARY SERVICING, REPAIR OR CORRECTION. 599 | 600 | 16. Limitation of Liability. 601 | 602 | IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING 603 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS 604 | THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY 605 | GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE 606 | USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF 607 | DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD 608 | PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), 609 | EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF 610 | SUCH DAMAGES. 611 | 612 | 17. Interpretation of Sections 15 and 16. 613 | 614 | If the disclaimer of warranty and limitation of liability provided 615 | above cannot be given local legal effect according to their terms, 616 | reviewing courts shall apply local law that most closely approximates 617 | an absolute waiver of all civil liability in connection with the 618 | Program, unless a warranty or assumption of liability accompanies a 619 | copy of the Program in return for a fee. 620 | 621 | END OF TERMS AND CONDITIONS 622 | 623 | How to Apply These Terms to Your New Programs 624 | 625 | If you develop a new program, and you want it to be of the greatest 626 | possible use to the public, the best way to achieve this is to make it 627 | free software which everyone can redistribute and change under these terms. 628 | 629 | To do so, attach the following notices to the program. It is safest 630 | to attach them to the start of each source file to most effectively 631 | state the exclusion of warranty; and each file should have at least 632 | the "copyright" line and a pointer to where the full notice is found. 633 | 634 | 635 | Copyright (C) 636 | 637 | This program is free software: you can redistribute it and/or modify 638 | it under the terms of the GNU General Public License as published by 639 | the Free Software Foundation, either version 3 of the License, or 640 | (at your option) any later version. 641 | 642 | This program is distributed in the hope that it will be useful, 643 | but WITHOUT ANY WARRANTY; without even the implied warranty of 644 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 645 | GNU General Public License for more details. 646 | 647 | You should have received a copy of the GNU General Public License 648 | along with this program. If not, see . 649 | 650 | Also add information on how to contact you by electronic and paper mail. 651 | 652 | If the program does terminal interaction, make it output a short 653 | notice like this when it starts in an interactive mode: 654 | 655 | Copyright (C) 656 | This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. 657 | This is free software, and you are welcome to redistribute it 658 | under certain conditions; type `show c' for details. 659 | 660 | The hypothetical commands `show w' and `show c' should show the appropriate 661 | parts of the General Public License. Of course, your program's commands 662 | might be different; for a GUI interface, you would use an "about box". 663 | 664 | You should also get your employer (if you work as a programmer) or school, 665 | if any, to sign a "copyright disclaimer" for the program, if necessary. 666 | For more information on this, and how to apply and follow the GNU GPL, see 667 | . 668 | 669 | The GNU General Public License does not permit incorporating your program 670 | into proprietary programs. If your program is a subroutine library, you 671 | may consider it more useful to permit linking proprietary applications with 672 | the library. If this is what you want to do, use the GNU Lesser General 673 | Public License instead of this License. But first, please read 674 | . 675 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## brother\_ql\_web 2 | 3 | This is a web service to print labels on Brother QL label printers. 4 | 5 | You need Python 3 for this software to work. 6 | 7 | ![Screenshot](./screenshots/Label-Designer_Desktop.png) 8 | 9 | The web interface is [responsive](https://en.wikipedia.org/wiki/Responsive_web_design). 10 | There's also a screenshot showing [how it looks on a smartphone](./screenshots/Label-Designer_Phone.png) 11 | 12 | ### Additional Features 13 | * Print text as QR Code 14 | * Add text to QR Code 15 | * Change size of QR Code 16 | * Upload files to print 17 | * .pdf, .png and .jpg files 18 | * automatically convertion to black/white image 19 | * Change print color for black/white/red labels 20 | * Print lables multiple times 21 | * Cut every label 22 | * Cut only after the last label 23 | * Migrated GUI to Bootstrap 4 24 | * Make preview for round labels.. round 25 | 26 | ### Installation 27 | 28 | This installation manual requires only a default installation of Debian 10 (Buster). 29 | Install prerequisites: 30 | 31 | apt install fontconfig python3-venv python3-pip git poppler-utils 32 | 33 | Get the code: 34 | 35 | cd /opt 36 | git clone https://github.com/tbnobody/brother_ql_web.git 37 | 38 | Build the venv and install the requirements: 39 | 40 | cd /opt/brother_ql_web 41 | python3 -m venv .venv 42 | source /opt/brother_ql_web/.venv/bin/activate 43 | pip install -r requirements.txt 44 | 45 | ### Configuration file 46 | 47 | Create a directory called 'instance', a file called 'application.py' and adjust the values to match your needs. 48 | 49 | mkdir /opt/brother_ql_web/instance 50 | touch /opt/brother_ql_web/instance/application.py 51 | 52 | E.g. 53 | """ 54 | User specific application settings 55 | """ 56 | import logging 57 | PRINTER_MODEL = 'QL-820NWB' 58 | PRINTER_PRINTER = 'tcp://192.168.1.33:9100' 59 | 60 | ### Startup 61 | 62 | To start the server, run `./run.py`. 63 | 64 | ### Automatic startup using systemd service 65 | 66 | Copy service file, reload system, enable and start the service 67 | 68 | cp /opt/brother_ql_web/systemd/brother_ql_web.service /etc/systemd/system 69 | systemctl daemon-reload 70 | systemctl enable brother_ql_web 71 | systemctl start brother_ql_web 72 | 73 | ### Usage 74 | 75 | Once it's running, access the web interface by opening the page with your browser. 76 | If you run it on your local machine, go to . 77 | You will then be forwarded by default to the interactive web gui located at `/labeldesigner`. 78 | 79 | All in all, the web server offers: 80 | 81 | * a Web GUI allowing you to print your labels at `/labeldesigner`, 82 | * an API at `/api/print/text?text=Your_Text&font_size=100&font_family=Minion%20Pro%20(%20Semibold%20)` 83 | to print a label containing 'Your Text' with the specified font properties. 84 | 85 | ### License 86 | 87 | This software is published under the terms of the GPLv3, see the LICENSE file in the repository. 88 | 89 | Parts of this package are redistributed software products from 3rd parties. They are subject to different licenses: 90 | 91 | * [Bootstrap](https://github.com/twbs/bootstrap), MIT License 92 | * [Font Awesome](https://github.com/FortAwesome/Font-Awesome), CC BY 4.0 License 93 | * [jQuery](https://github.com/jquery/jquery), MIT License 94 | -------------------------------------------------------------------------------- /app/__init__.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | # -*- coding: utf-8 -*- 3 | 4 | """ 5 | This is a web service to print labels on Brother QL label printers. 6 | """ 7 | 8 | import sys 9 | import random 10 | 11 | from flask import Flask 12 | from flask_bootstrap import Bootstrap 13 | 14 | from . import fonts 15 | from config import Config 16 | 17 | bootstrap = Bootstrap() 18 | 19 | 20 | def create_app(config_class=Config): 21 | app = Flask(__name__, instance_relative_config=True) 22 | app.config.from_object(config_class) 23 | app.config.from_pyfile('application.py', silent=True) 24 | 25 | app.logger.setLevel(app.config['LOG_LEVEL']) 26 | 27 | main(app) 28 | 29 | app.config['BOOTSTRAP_SERVE_LOCAL'] = True 30 | bootstrap.init_app(app) 31 | 32 | from app.main import bp as main_bp 33 | app.register_blueprint(main_bp) 34 | 35 | from app.labeldesigner import bp as labeldesigner_bp 36 | app.register_blueprint(labeldesigner_bp, url_prefix='/labeldesigner') 37 | 38 | from app.errors import bp as errors_bp 39 | app.register_blueprint(errors_bp) 40 | 41 | return app 42 | 43 | 44 | def main(app): 45 | global FONTS 46 | 47 | FONTS = fonts.Fonts() 48 | FONTS.scan_global_fonts() 49 | if app.config['FONT_FOLDER']: 50 | FONTS.scan_fonts_folder(app.config['FONT_FOLDER']) 51 | 52 | if not FONTS.fonts_available(): 53 | app.logger.error( 54 | "Not a single font was found on your system. Please install some.\n") 55 | sys.exit(2) 56 | 57 | if app.config['LABEL_DEFAULT_FONT_FAMILY'] in FONTS.fonts.keys() and app.config['LABEL_DEFAULT_FONT_STYLE'] in FONTS.fonts[app.config['LABEL_DEFAULT_FONT_FAMILY']].keys(): 58 | app.logger.debug( 59 | "Selected the following default font: {}".format(app.config['LABEL_DEFAULT_FONT_FAMILY'])) 60 | 61 | else: 62 | app.logger.warn( 63 | 'Could not find any of the default fonts. Choosing a random one.\n') 64 | family = random.choice(list(FONTS.fonts.keys())) 65 | style = random.choice(list(FONTS.fonts[family].keys())) 66 | app.config['LABEL_DEFAULT_FONT_FAMILY'] = family 67 | app.config['LABEL_DEFAULT_FONT_STYLE'] = style 68 | app.logger.warn( 69 | 'The default font is now set to: {} ({})\n'.format(family, style)) 70 | -------------------------------------------------------------------------------- /app/errors/__init__.py: -------------------------------------------------------------------------------- 1 | from flask import Blueprint 2 | 3 | bp = Blueprint('errors', __name__, template_folder = 'templates') 4 | 5 | from app.errors import handlers -------------------------------------------------------------------------------- /app/errors/handlers.py: -------------------------------------------------------------------------------- 1 | from flask import render_template, request 2 | from . import bp 3 | 4 | 5 | @bp.app_errorhandler(404) 6 | def not_found_error(error): 7 | return render_template('404.html'), 404 8 | 9 | 10 | @bp.app_errorhandler(500) 11 | def internal_error(error): 12 | return render_template('500.html'), 500 13 | -------------------------------------------------------------------------------- /app/errors/templates/404.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | 3 | {% block app_content %} 4 |

404 Not Found

5 |

Back

6 | {% endblock %} -------------------------------------------------------------------------------- /app/errors/templates/500.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | 3 | {% block app_content %} 4 |

500 An unexpected error has occurred

5 |

The administrator has been notified. Sorry for the inconvenience!

6 |

Back

7 | {% endblock %} -------------------------------------------------------------------------------- /app/fonts.py: -------------------------------------------------------------------------------- 1 | import subprocess 2 | import sys 3 | from collections import defaultdict 4 | 5 | 6 | class Fonts: 7 | def __init__(self): 8 | self.fonts = defaultdict(dict) 9 | 10 | def parse_fonts(self, raw): 11 | """ adds the found fonts the the fonts list 12 | :param raw: command to be run to get the raw font list from the system 13 | :return: true if fonts were added false if not 14 | """ 15 | 16 | if raw.returncode != 0: 17 | return {'error': 'an error occurred while processing the fonts'} 18 | 19 | for line in raw.stdout.decode('utf-8').split('\n'): 20 | font = line.split(':') 21 | if len(font) < 3: 22 | continue 23 | # ignore non true type fonts 24 | if '.ttf' in font[0] or '.otf' in font[0]: 25 | fontname = font[1].replace('\\', '') 26 | fontpath = font[0].strip() 27 | fontstyle = font[2][6:].strip().split(',')[0] 28 | 29 | if ',' in fontname: 30 | fontname = fontname.split()[0] 31 | fontname = fontname.strip() 32 | 33 | self.fonts[fontname][fontstyle] = fontpath 34 | else: 35 | pass 36 | 37 | def scan_global_fonts(self): 38 | """ Get a list of all fonts that are available to the user who runs this 39 | :return: raw output of the command fc-list 40 | """ 41 | command = ['fc-list'] 42 | try: 43 | raw = subprocess.run(command, stdout=subprocess.PIPE) 44 | except FileNotFoundError: 45 | print('fc-list not found', file=sys.stderr) 46 | sys.exit(2) 47 | 48 | self.parse_fonts(raw) 49 | 50 | def scan_fonts_folder(self, folder): 51 | """ Get a list of all fonts that are available to the user who runs this 52 | :return: raw output of the command fc-list 53 | """ 54 | cmd = ['fc-scan', '--format', 55 | '%{file}:%{family}:style=%{style}\n', folder] 56 | try: 57 | raw = subprocess.run(cmd, stdout=subprocess.PIPE) 58 | except FileNotFoundError: 59 | print('fc-list not found', file=sys.stderr) 60 | sys.exit(2) 61 | 62 | self.parse_fonts(raw) 63 | 64 | def fontlist(self): 65 | return sorted(self.fonts, key=str.lower) 66 | 67 | def fonts_available(self): 68 | if len(self.fonts) == 0: 69 | return False 70 | else: 71 | return len(self.fonts) 72 | -------------------------------------------------------------------------------- /app/labeldesigner/__init__.py: -------------------------------------------------------------------------------- 1 | from flask import Blueprint 2 | 3 | bp = Blueprint('labeldesigner', __name__, template_folder = 'templates') 4 | 5 | from app.labeldesigner import routes -------------------------------------------------------------------------------- /app/labeldesigner/label.py: -------------------------------------------------------------------------------- 1 | from enum import Enum, auto 2 | from qrcode import QRCode, constants 3 | from PIL import Image, ImageDraw, ImageFont 4 | 5 | 6 | class LabelContent(Enum): 7 | TEXT_ONLY = auto() 8 | QRCODE_ONLY = auto() 9 | TEXT_QRCODE = auto() 10 | IMAGE_BW = auto() 11 | IMAGE_GRAYSCALE = auto() 12 | 13 | 14 | class LabelOrientation(Enum): 15 | STANDARD = auto() 16 | ROTATED = auto() 17 | 18 | 19 | class LabelType(Enum): 20 | ENDLESS_LABEL = auto() 21 | DIE_CUT_LABEL = auto() 22 | ROUND_DIE_CUT_LABEL = auto() 23 | 24 | 25 | class TextAlign(Enum): 26 | LEFT = 'left' 27 | CENTER = 'center' 28 | RIGHT = 'right' 29 | 30 | 31 | class SimpleLabel: 32 | qr_correction_mapping = { 33 | 'L': constants.ERROR_CORRECT_L, 34 | 'M': constants.ERROR_CORRECT_M, 35 | 'Q': constants.ERROR_CORRECT_Q, 36 | 'H': constants.ERROR_CORRECT_H 37 | } 38 | 39 | def __init__( 40 | self, 41 | width=0, 42 | height=0, 43 | label_content=LabelContent.TEXT_ONLY, 44 | label_orientation=LabelOrientation.STANDARD, 45 | label_type=LabelType.ENDLESS_LABEL, 46 | label_margin=(0, 0, 0, 0), # Left, Right, Top, Bottom 47 | fore_color=(0, 0, 0), # Red, Green, Blue 48 | text='', 49 | text_align=TextAlign.CENTER, 50 | qr_size=10, 51 | qr_correction='L', 52 | image_mode='grayscale', 53 | image=None, 54 | font_path='', 55 | font_size=70, 56 | line_spacing=100): 57 | self._width = width 58 | self._height = height 59 | self.label_content = label_content 60 | self.label_orientation = label_orientation 61 | self.label_type = label_type 62 | self._label_margin = label_margin 63 | self._fore_color = fore_color 64 | self.text = text 65 | self._text_align = text_align 66 | self._qr_size = qr_size 67 | self.qr_correction = qr_correction 68 | self._image = image 69 | self._font_path = font_path 70 | self._font_size = font_size 71 | self._line_spacing = line_spacing 72 | 73 | @property 74 | def label_content(self): 75 | return self._label_content 76 | 77 | @label_content.setter 78 | def label_content(self, value): 79 | self._label_content = value 80 | 81 | @property 82 | def text(self): 83 | return self._text 84 | 85 | @text.setter 86 | def text(self, value): 87 | self._text = value 88 | 89 | @property 90 | def qr_correction(self): 91 | for key, val in self.qr_correction_mapping: 92 | if val == self._qr_correction: 93 | return key 94 | 95 | @qr_correction.setter 96 | def qr_correction(self, value): 97 | self._qr_correction = self.qr_correction_mapping.get( 98 | value, constants.ERROR_CORRECT_L) 99 | 100 | @property 101 | def label_orientation(self): 102 | return self._label_orientation 103 | 104 | @label_orientation.setter 105 | def label_orientation(self, value): 106 | self._label_orientation = value 107 | 108 | @property 109 | def label_type(self): 110 | return self._label_type 111 | 112 | @label_type.setter 113 | def label_type(self, value): 114 | self._label_type = value 115 | 116 | def generate(self): 117 | if self._label_content in (LabelContent.QRCODE_ONLY, LabelContent.TEXT_QRCODE): 118 | img = self._generate_qr() 119 | elif self._label_content in (LabelContent.IMAGE_BW, LabelContent.IMAGE_GRAYSCALE): 120 | img = self._image 121 | else: 122 | img = None 123 | 124 | if img is not None: 125 | img_width, img_height = img.size 126 | else: 127 | img_width, img_height = (0, 0) 128 | 129 | if self._label_content in (LabelContent.TEXT_ONLY, LabelContent.TEXT_QRCODE): 130 | textsize = self._get_text_size() 131 | else: 132 | textsize = (0, 0, 0, 0) 133 | 134 | width, height = self._width, self._height 135 | margin_left, margin_right, margin_top, margin_bottom = self._label_margin 136 | 137 | if self._label_orientation == LabelOrientation.STANDARD: 138 | if self._label_type in (LabelType.ENDLESS_LABEL,): 139 | height = img_height + textsize[3] - textsize[1] + margin_top + margin_bottom 140 | elif self._label_orientation == LabelOrientation.ROTATED: 141 | if self._label_type in (LabelType.ENDLESS_LABEL,): 142 | width = img_width + textsize[2] + margin_left + margin_right 143 | 144 | if self._label_orientation == LabelOrientation.STANDARD: 145 | if self._label_type in (LabelType.DIE_CUT_LABEL, LabelType.ROUND_DIE_CUT_LABEL): 146 | vertical_offset_text = (height - img_height - textsize[3])//2 147 | vertical_offset_text += (margin_top - margin_bottom)//2 148 | else: 149 | vertical_offset_text = margin_top 150 | 151 | vertical_offset_text += img_height 152 | horizontal_offset_text = max((width - textsize[2])//2, 0) 153 | horizontal_offset_image = (width - img_width)//2 154 | vertical_offset_image = margin_top 155 | 156 | elif self._label_orientation == LabelOrientation.ROTATED: 157 | vertical_offset_text = (height - textsize[3])//2 158 | vertical_offset_text += (margin_top - margin_bottom)//2 159 | if self._label_type in (LabelType.DIE_CUT_LABEL, LabelType.ROUND_DIE_CUT_LABEL): 160 | horizontal_offset_text = max((width - img_width - textsize[2])//2, 0) 161 | else: 162 | horizontal_offset_text = margin_left 163 | horizontal_offset_text += img_width 164 | horizontal_offset_image = margin_left 165 | vertical_offset_image = (height - img_height)//2 166 | 167 | text_offset = horizontal_offset_text, vertical_offset_text - textsize[1] 168 | image_offset = horizontal_offset_image, vertical_offset_image 169 | 170 | imgResult = Image.new('RGB', (int(width), int(height)), 'white') 171 | 172 | if img is not None: 173 | imgResult.paste(img, image_offset) 174 | 175 | if self._label_content in (LabelContent.TEXT_ONLY, LabelContent.TEXT_QRCODE): 176 | draw = ImageDraw.Draw(imgResult) 177 | draw.multiline_text( 178 | text_offset, 179 | self._prepare_text(self._text), 180 | self._fore_color, 181 | font=self._get_font(), 182 | align=self._text_align, 183 | spacing=int(self._font_size*((self._line_spacing - 100) / 100))) 184 | 185 | return imgResult 186 | 187 | def _generate_qr(self): 188 | qr = QRCode( 189 | version=1, 190 | error_correction=self._qr_correction, 191 | box_size=self._qr_size, 192 | border=0, 193 | ) 194 | qr.add_data(self._text.encode("utf-8-sig")) 195 | qr.make(fit=True) 196 | qr_img = qr.make_image( 197 | fill_color='red' if (255, 0, 0) == self._fore_color else 'black', 198 | back_color="white") 199 | return qr_img 200 | 201 | def _get_text_size(self): 202 | font = self._get_font() 203 | img = Image.new('L', (20, 20), 'white') 204 | draw = ImageDraw.Draw(img) 205 | return draw.multiline_textbbox( 206 | (0, 0), 207 | self._prepare_text(self._text), 208 | font=font, 209 | align=self._text_align, 210 | spacing=int(self._font_size*((self._line_spacing - 100) / 100))) 211 | 212 | @staticmethod 213 | def _prepare_text(text): 214 | # workaround for a bug in multiline_textsize() 215 | # when there are empty lines in the text: 216 | lines = [] 217 | for line in text.split('\n'): 218 | if line == '': 219 | line = ' ' 220 | lines.append(line) 221 | return '\n'.join(lines) 222 | 223 | def _get_font(self): 224 | return ImageFont.truetype(self._font_path, self._font_size) 225 | -------------------------------------------------------------------------------- /app/labeldesigner/printer.py: -------------------------------------------------------------------------------- 1 | from brother_ql.backends import backend_factory, guess_backend 2 | from brother_ql import BrotherQLRaster, create_label 3 | from .label import LabelOrientation, LabelType, LabelContent 4 | 5 | 6 | class PrinterQueue: 7 | 8 | _printQueue = [] 9 | _cutQueue = [] 10 | 11 | def __init__( 12 | self, 13 | model, 14 | device_specifier, 15 | label_size): 16 | self.model = model 17 | self.device_specifier = device_specifier 18 | self.label_size = label_size 19 | 20 | @property 21 | def model(self): 22 | return self._model 23 | 24 | @model.setter 25 | def model(self, value): 26 | self._model = value 27 | 28 | @property 29 | def device_specifier(self): 30 | return self._device_specifier 31 | 32 | @device_specifier.setter 33 | def device_specifier(self, value): 34 | self._device_specifier = value 35 | selected_backend = guess_backend(self._device_specifier) 36 | self._backend_class = backend_factory( 37 | selected_backend)['backend_class'] 38 | 39 | @property 40 | def label_size(self): 41 | return self._label_size 42 | 43 | @label_size.setter 44 | def label_size(self, value): 45 | self._label_size = value 46 | 47 | def add_label_to_queue(self, label, count, cut_once=False): 48 | for cnt in range(0, count): 49 | cut = (cut_once == False) or (cut_once and cnt == count-1) 50 | 51 | self._printQueue.append( 52 | {'label': label, 53 | 'cut': cut 54 | }) 55 | 56 | def process_queue(self): 57 | qlr = BrotherQLRaster(self._model) 58 | 59 | for queue_entry in self._printQueue: 60 | if queue_entry['label'].label_type == LabelType.ENDLESS_LABEL: 61 | if queue_entry['label'].label_orientation == LabelOrientation.STANDARD: 62 | rotate = 0 63 | else: 64 | rotate = 90 65 | else: 66 | rotate = 'auto' 67 | 68 | img = queue_entry['label'].generate() 69 | 70 | if queue_entry['label'].label_content == LabelContent.IMAGE_GRAYSCALE: 71 | dither = True 72 | else: 73 | dither = False 74 | 75 | create_label( 76 | qlr, 77 | img, 78 | self.label_size, 79 | red='red' in self.label_size, 80 | dither=dither, 81 | cut=queue_entry['cut'], 82 | rotate=rotate) 83 | 84 | self._printQueue.clear() 85 | 86 | be = self._backend_class(self._device_specifier) 87 | be.write(qlr.data) 88 | be.dispose() 89 | del be 90 | -------------------------------------------------------------------------------- /app/labeldesigner/routes.py: -------------------------------------------------------------------------------- 1 | import os 2 | 3 | from flask import current_app, render_template, request, make_response 4 | 5 | from brother_ql.devicedependent import label_type_specs, label_sizes, two_color_support 6 | from brother_ql.devicedependent import ENDLESS_LABEL, DIE_CUT_LABEL, ROUND_DIE_CUT_LABEL 7 | 8 | from . import bp 9 | from app.utils import convert_image_to_bw, convert_image_to_grayscale, pdffile_to_image, imgfile_to_image, image_to_png_bytes 10 | from app import FONTS 11 | 12 | from .label import SimpleLabel, LabelContent, LabelOrientation, LabelType 13 | from .printer import PrinterQueue 14 | 15 | LINE_SPACINGS = (100, 150, 200, 250, 300) 16 | 17 | # Don't change as brother_ql is using this DPI value 18 | DEFAULT_DPI = 300 19 | 20 | LABEL_SIZES = [( 21 | name, 22 | label_type_specs[name]['name'], 23 | (label_type_specs[name]['kind'] in ( 24 | ROUND_DIE_CUT_LABEL,)) # True if round label 25 | ) for name in label_sizes] 26 | 27 | 28 | @bp.route('/') 29 | def index(): 30 | RED_SUPPORT = current_app.config['PRINTER_MODEL'] in two_color_support 31 | return render_template('labeldesigner.html', 32 | font_family_names=FONTS.fontlist(), 33 | label_sizes=LABEL_SIZES, 34 | red_support=RED_SUPPORT, 35 | default_label_size=current_app.config['LABEL_DEFAULT_SIZE'], 36 | default_font_size=current_app.config['LABEL_DEFAULT_FONT_SIZE'], 37 | default_orientation=current_app.config['LABEL_DEFAULT_ORIENTATION'], 38 | default_qr_size=current_app.config['LABEL_DEFAULT_QR_SIZE'], 39 | default_image_mode=current_app.config['IMAGE_DEFAULT_MODE'], 40 | default_bw_threshold=current_app.config['IMAGE_DEFAULT_BW_THRESHOLD'], 41 | default_font_family=current_app.config['LABEL_DEFAULT_FONT_FAMILY'], 42 | line_spacings=LINE_SPACINGS, 43 | default_line_spacing=current_app.config['LABEL_DEFAULT_LINE_SPACING'], 44 | default_dpi=DEFAULT_DPI, 45 | default_margin_top=current_app.config['LABEL_DEFAULT_MARGIN_TOP'], 46 | default_margin_bottom=current_app.config['LABEL_DEFAULT_MARGIN_BOTTOM'], 47 | default_margin_left=current_app.config['LABEL_DEFAULT_MARGIN_LEFT'], 48 | default_margin_right=current_app.config['LABEL_DEFAULT_MARGIN_RIGHT'] 49 | ) 50 | 51 | 52 | @bp.route('/api/font/styles', methods=['POST', 'GET']) 53 | def get_font_styles(): 54 | font = request.values.get( 55 | 'font', current_app.config['LABEL_DEFAULT_FONT_FAMILY']) 56 | return FONTS.fonts[font] 57 | 58 | 59 | @bp.route('/api/preview', methods=['POST', 'GET']) 60 | def get_preview_from_image(): 61 | label = create_label_from_request(request) 62 | im = label.generate() 63 | 64 | return_format = request.values.get('return_format', 'png') 65 | 66 | if return_format == 'base64': 67 | import base64 68 | response = make_response(base64.b64encode(image_to_png_bytes(im))) 69 | response.headers.set('Content-type', 'text/plain') 70 | return response 71 | else: 72 | response = make_response(image_to_png_bytes(im)) 73 | response.headers.set('Content-type', 'image/png') 74 | return response 75 | 76 | 77 | @bp.route('/api/print', methods=['POST', 'GET']) 78 | def print_text(): 79 | """ 80 | API to print a label 81 | 82 | returns: JSON 83 | 84 | Ideas for additional URL parameters: 85 | - alignment 86 | """ 87 | 88 | return_dict = {'success': False} 89 | 90 | try: 91 | printer = create_printer_from_request(request) 92 | label = create_label_from_request(request) 93 | print_count = int(request.values.get('print_count', 1)) 94 | cut_once = int(request.values.get('cut_once', 0)) == 1 95 | except Exception as e: 96 | return_dict['message'] = str(e) 97 | current_app.logger.error('Exception happened: %s', e) 98 | return return_dict 99 | 100 | printer.add_label_to_queue(label, print_count, cut_once) 101 | 102 | try: 103 | printer.process_queue() 104 | except Exception as e: 105 | return_dict['message'] = str(e) 106 | current_app.logger.error('Exception happened: %s', e) 107 | return return_dict 108 | 109 | return_dict['success'] = True 110 | return return_dict 111 | 112 | 113 | def create_printer_from_request(request): 114 | d = request.values 115 | context = { 116 | 'label_size': d.get('label_size', '62') 117 | } 118 | 119 | return PrinterQueue( 120 | model = current_app.config['PRINTER_MODEL'], 121 | device_specifier = current_app.config['PRINTER_PRINTER'], 122 | label_size = context['label_size'] 123 | ) 124 | 125 | 126 | def create_label_from_request(request): 127 | d=request.values 128 | context={ 129 | 'label_size': d.get('label_size', '62'), 130 | 'print_type': d.get('print_type', 'text'), 131 | 'label_orientation': d.get('orientation', 'standard'), 132 | 'kind': label_type_specs[d.get('label_size', "62")]['kind'], 133 | 'margin_top': float(d.get('margin_top', 24))/100., 134 | 'margin_bottom': float(d.get('margin_bottom', 45))/100., 135 | 'margin_left': float(d.get('margin_left', 35))/100., 136 | 'margin_right': float(d.get('margin_right', 35))/100., 137 | 'text': d.get('text', None), 138 | 'align': d.get('align', 'center'), 139 | 'qrcode_size': int(d.get('qrcode_size', 10)), 140 | 'qrcode_correction': d.get('qrcode_correction', 'L'), 141 | 'image_mode': d.get('image_mode', "grayscale"), 142 | 'image_bw_threshold': int(d.get('image_bw_threshold', 70)), 143 | 'font_size': int(d.get('font_size', 100)), 144 | 'line_spacing': int(d.get('line_spacing', 100)), 145 | 'font_family': d.get('font_family'), 146 | 'font_style': d.get('font_style'), 147 | 'print_color': d.get('print_color', 'black'), 148 | } 149 | 150 | def get_label_dimensions(label_size): 151 | try: 152 | ls = label_type_specs[context['label_size']] 153 | except KeyError: 154 | raise LookupError("Unknown label_size") 155 | return ls['dots_printable'] 156 | 157 | def get_font_path(font_family_name, font_style_name): 158 | try: 159 | if font_family_name is None or font_style_name is None: 160 | font_family_name = current_app.config['LABEL_DEFAULT_FONT_FAMILY'] 161 | font_style_name = current_app.config['LABEL_DEFAULT_FONT_STYLE'] 162 | font_path = FONTS.fonts[font_family_name][font_style_name] 163 | except KeyError: 164 | raise LookupError("Couln't find the font & style") 165 | return font_path 166 | 167 | def get_uploaded_image(image): 168 | try: 169 | name, ext = os.path.splitext(image.filename) 170 | if ext.lower() in ('.png', '.jpg', '.jpeg'): 171 | image = imgfile_to_image(image) 172 | if context['image_mode'] == 'grayscale': 173 | return convert_image_to_grayscale(image) 174 | else: 175 | return convert_image_to_bw(image, context['image_bw_threshold']) 176 | elif ext.lower() in ('.pdf'): 177 | image = pdffile_to_image(image, DEFAULT_DPI) 178 | if context['image_mode'] == 'grayscale': 179 | return convert_image_to_grayscale(image) 180 | else: 181 | return convert_image_to_bw(image, context['image_bw_threshold']) 182 | else: 183 | return None 184 | except AttributeError: 185 | return None 186 | 187 | if context['print_type'] == 'text': 188 | label_content = LabelContent.TEXT_ONLY 189 | elif context['print_type'] == 'qrcode': 190 | label_content = LabelContent.QRCODE_ONLY 191 | elif context['print_type'] == 'qrcode_text': 192 | label_content = LabelContent.TEXT_QRCODE 193 | elif context['image_mode'] == 'grayscale': 194 | label_content = LabelContent.IMAGE_GRAYSCALE 195 | else: 196 | label_content = LabelContent.IMAGE_BW 197 | 198 | if context['label_orientation'] == 'rotated': 199 | label_orientation = LabelOrientation.ROTATED 200 | else: 201 | label_orientation = LabelOrientation.STANDARD 202 | 203 | if context['kind'] == ENDLESS_LABEL: 204 | label_type = LabelType.ENDLESS_LABEL 205 | elif context['kind'] == DIE_CUT_LABEL: 206 | label_type = LabelType.DIE_CUT_LABEL 207 | else: 208 | label_type = LabelType.ROUND_DIE_CUT_LABEL 209 | 210 | width, height = get_label_dimensions(context['label_size']) 211 | if height > width: 212 | width, height = height, width 213 | if label_orientation == LabelOrientation.ROTATED: 214 | height, width = width, height 215 | 216 | return SimpleLabel( 217 | width=width, 218 | height=height, 219 | label_content=label_content, 220 | label_orientation=label_orientation, 221 | label_type=label_type, 222 | label_margin=( 223 | int(context['font_size']*context['margin_left']), 224 | int(context['font_size']*context['margin_right']), 225 | int(context['font_size']*context['margin_top']), 226 | int(context['font_size']*context['margin_bottom']) 227 | ), 228 | fore_color= 229 | (255, 0, 0) if 'red' in context['label_size'] and context['print_color'] == 'red' 230 | else (0, 0, 0), 231 | text=context['text'], 232 | text_align=context['align'], 233 | qr_size=context['qrcode_size'], 234 | qr_correction=context['qrcode_correction'], 235 | image=get_uploaded_image(request.files.get('image', None)), 236 | font_path=get_font_path(context['font_family'], context['font_style']), 237 | font_size=context['font_size'], 238 | line_spacing=context['line_spacing'] 239 | ) 240 | -------------------------------------------------------------------------------- /app/labeldesigner/templates/labeldesigner.html: -------------------------------------------------------------------------------- 1 | {% extends "base.html" %} 2 | 3 | {% block app_content %} 4 |
5 |
6 |
7 |
8 | 9 |
10 |
11 | 14 |
15 |
16 |
17 | 18 | 21 | 22 | 23 |
24 | 28 | 32 |
33 | 34 | {% if red_support %} 35 | 36 |
37 | 40 | 43 |
44 | {% endif %} 45 | 46 |
47 | 48 |
49 |
50 | 51 |
52 |
53 | 56 |
57 |
58 |
59 | 60 | 65 | 66 | 67 | 69 | 70 | 71 | 72 | 73 | 74 |
75 | 78 | 81 | 84 |
85 | 86 | 87 |
88 | {% for line_spacing in line_spacings %} 89 | 92 | {% endfor %} 93 |
94 | 95 |
96 | 97 |
98 |
99 | 100 |
101 |
102 | 105 |
106 |
107 |
108 | 109 | 110 | 111 | 112 | 118 |
119 | 120 |
121 |
122 | 123 |
124 |
125 | 128 |
129 |
130 |
131 | 132 |
133 | 137 | 141 |
142 | 143 | 144 | 145 |
146 | 147 |
148 |
149 | 150 |
151 |
152 | 155 |
156 |
157 |
158 | 159 |
160 | 161 |
162 | % 163 |
164 |
165 | 166 |
167 | 168 |
169 | % 170 |
171 |
172 | 173 |
174 | 175 |
176 | % 177 |
178 |
179 | 180 |
181 | 182 |
183 | % 184 |
185 |
186 |
187 | 188 |
189 |
190 |
191 |
192 |
193 |
194 | 195 |
196 | 200 | 204 | 208 | 212 |
213 | 214 |
215 | 216 | 217 |
218 |
219 | 220 |
221 |
222 |
223 |
224 |
225 |
226 |
227 | 228 |

Printed size w/o margins: ? cm x ? cm

229 | 230 |
231 | 232 | 233 |
234 | 235 |
236 | 239 | 242 | 245 |
246 | 247 |
248 |
249 |
250 | Status 251 |
252 |
253 | 254 |
255 |
256 |
257 |
258 | {% endblock %} 259 | 260 | {% block javascript %} 261 | {{ super() }} 262 | {% include "main.js" %} 263 | {% endblock %} 264 | -------------------------------------------------------------------------------- /app/labeldesigner/templates/main.js: -------------------------------------------------------------------------------- 1 | function formData(cut_once) { 2 | var text = $('#labelText').val(); 3 | if (text == '') text = ' '; 4 | return { 5 | text: text, 6 | font_family: $('#fontFamily option:selected').text(), 7 | font_style: $('#fontStyle option:selected').text(), 8 | font_size: $('#fontSize').val(), 9 | label_size: $('#labelSize option:selected').val(), 10 | align: $('input[name=fontAlign]:checked').val(), 11 | orientation: $('input[name=orientation]:checked').val(), 12 | margin_top: $('#marginTop').val(), 13 | margin_bottom: $('#marginBottom').val(), 14 | margin_left: $('#marginLeft').val(), 15 | margin_right: $('#marginRight').val(), 16 | print_type: $('input[name=printType]:checked').val(), 17 | qrcode_size: $('#qrCodeSize').val(), 18 | qrcode_correction: $('#qrCodeCorrection option:selected').val(), 19 | image_bw_threshold: $('#imageBwThreshold').val(), 20 | image_mode: $('input[name=imageMode]:checked').val(), 21 | print_count: $('#printCount').val(), 22 | {% if red_support %} 23 | print_color: $('input[name=printColor]:checked').val(), 24 | {% endif %} 25 | line_spacing: $('input[name=lineSpacing]:checked').val(), 26 | cut_once: cut_once ? 1 : 0, 27 | } 28 | } 29 | 30 | function updatePreview(data) { 31 | $('#previewImg').attr('src', 'data:image/png;base64,' + data); 32 | var img = $('#previewImg')[0]; 33 | img.onload = function() { 34 | $('#labelWidth').html( (img.naturalWidth /{{default_dpi}}*2.54).toFixed(1)); 35 | $('#labelHeight').html((img.naturalHeight/{{default_dpi}}*2.54).toFixed(1)); 36 | }; 37 | } 38 | 39 | function updateStyles() { 40 | font_familiy = $('#fontFamily option:selected').text() 41 | 42 | $.ajax({ 43 | type: 'POST', 44 | url: '{{url_for('.get_font_styles')}}', 45 | contentType: 'application/x-www-form-urlencoded; charset=UTF-8', 46 | data: {font: font_familiy}, 47 | success: function( data ) { 48 | var styleSelect = $('#fontStyle'); 49 | styleSelect.empty(); 50 | $.each(data, function (key, value) { 51 | styleSelect.append($("") 52 | .attr("value", key).text(key)); 53 | if ('Book,Regular'.includes(key)) { 54 | styleSelect.val(key); 55 | } 56 | }); 57 | styleSelect.trigger("change"); 58 | } 59 | }); 60 | } 61 | 62 | function preview() { 63 | if ($('#labelSize option:selected').data('round') == 'True') { 64 | $('img#previewImg').addClass('roundPreviewImage'); 65 | } else { 66 | $('img#previewImg').removeClass('roundPreviewImage'); 67 | } 68 | 69 | if ($('input[name=orientation]:checked').val() == 'standard') { 70 | $('.marginsTopBottom').prop('disabled', false).removeAttr('title'); 71 | $('.marginsLeftRight').prop('disabled', true).prop('title', 'Only relevant if rotated orientation is selected.'); 72 | } else { 73 | $('.marginsTopBottom').prop('disabled', true).prop('title', 'Only relevant if standard orientation is selected.'); 74 | $('.marginsLeftRight').prop('disabled', false).removeAttr('title'); 75 | } 76 | 77 | {% if red_support %} 78 | if ($('#labelSize option:selected').val().includes('red')) { 79 | $('#print_color_black').removeClass('disabled'); 80 | $('#print_color_red').removeClass('disabled'); 81 | } else { 82 | $('#print_color_black').addClass('disabled').prop('active', true); 83 | $('#print_color_red').addClass('disabled'); 84 | } 85 | {% endif %} 86 | 87 | if($('input[name=printType]:checked').val() == 'image') { 88 | $('#groupLabelText').hide(); 89 | $('#groupLabelImage').show() 90 | } else { 91 | $('#groupLabelText').show(); 92 | $('#groupLabelImage').hide(); 93 | } 94 | 95 | if($('input[name=printType]:checked').val() == 'image') { 96 | dropZoneMode = 'preview'; 97 | imageDropZone.processQueue(); 98 | return; 99 | } 100 | 101 | $.ajax({ 102 | type: 'POST', 103 | url: '{{url_for('.get_preview_from_image')}}?return_format=base64', 104 | contentType: 'application/x-www-form-urlencoded; charset=UTF-8', 105 | data: formData(), 106 | success: function( data ) { 107 | updatePreview(data); 108 | } 109 | }); 110 | } 111 | 112 | function setStatus(data) { 113 | if (data['success']) { 114 | $('#statusPanel').html(''); 115 | } else { 116 | $('#statusPanel').html(''); 117 | } 118 | $('#printButton').prop('disabled', false); 119 | $('#dropdownPrintButton').prop('disabled', false); 120 | } 121 | 122 | function print(cut_once = false) { 123 | $('#printButton').prop('disabled', true); 124 | $('#dropdownPrintButton').prop('disabled', true); 125 | $('#statusPanel').html(''); 126 | 127 | if($('input[name=printType]:checked').val() == 'image') { 128 | dropZoneMode = 'print'; 129 | imageDropZone.processQueue(); 130 | return; 131 | } 132 | 133 | $.ajax({ 134 | type: 'POST', 135 | dataType: 'json', 136 | data: formData(cut_once), 137 | url: '{{url_for('.print_text')}}', 138 | success: setStatus, 139 | error: setStatus 140 | }); 141 | } 142 | 143 | updateStyles(); 144 | preview() 145 | 146 | 147 | var imageDropZone; 148 | Dropzone.options.myAwesomeDropzone = { 149 | url: function() { 150 | if (dropZoneMode == 'preview') { 151 | return "{{url_for('.get_preview_from_image')}}?return_format=base64"; 152 | } else { 153 | return "{{url_for('.print_text')}}"; 154 | } 155 | }, 156 | paramName: "image", 157 | acceptedFiles: 'image/png,image/jpeg,application/pdf', 158 | maxFiles: 1, 159 | addRemoveLinks: true, 160 | autoProcessQueue: false, 161 | init: function() { 162 | imageDropZone = this; 163 | 164 | this.on("addedfile", function() { 165 | if (this.files[1] != null) { 166 | this.removeFile(this.files[0]); 167 | } 168 | }); 169 | }, 170 | 171 | sending: function(file, xhr, data) { 172 | // append all parameters to the request 173 | fd = formData(false); 174 | 175 | $.each(fd, function(key, value){ 176 | data.append(key, value); 177 | }); 178 | }, 179 | 180 | success: function(file, response) { 181 | // If preview or print was successfull update the previewpane or print status 182 | if (dropZoneMode == 'preview') { 183 | updatePreview(response); 184 | } else { 185 | setStatus(response); 186 | } 187 | file.status = Dropzone.QUEUED; 188 | }, 189 | 190 | accept: function(file, done) { 191 | // If a valid file was added, perform the preview 192 | done(); 193 | preview(); 194 | }, 195 | 196 | removedfile: function(file) { 197 | file.previewElement.remove(); 198 | preview(); 199 | // Insert a dummy image 200 | updatePreview('iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII='); 201 | } 202 | }; 203 | -------------------------------------------------------------------------------- /app/main/__init__.py: -------------------------------------------------------------------------------- 1 | from flask import Blueprint 2 | 3 | bp = Blueprint('main', __name__) 4 | 5 | from app.main import routes -------------------------------------------------------------------------------- /app/main/routes.py: -------------------------------------------------------------------------------- 1 | from flask import redirect, url_for 2 | from . import bp 3 | 4 | @bp.route('/') 5 | def index(): 6 | return redirect(url_for('labeldesigner.index')) -------------------------------------------------------------------------------- /app/static/css/basic.min.css: -------------------------------------------------------------------------------- 1 | .dropzone,.dropzone *{box-sizing:border-box}.dropzone{position:relative}.dropzone .dz-preview{position:relative;display:inline-block;width:120px;margin:0.5em}.dropzone .dz-preview .dz-progress{display:block;height:15px;border:1px solid #aaa}.dropzone .dz-preview .dz-progress .dz-upload{display:block;height:100%;width:0;background:green}.dropzone .dz-preview .dz-error-message{color:red;display:none}.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-error .dz-error-mark{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{position:absolute;display:none;left:30px;top:30px;width:54px;height:58px;left:50%;margin-left:-27px} 2 | -------------------------------------------------------------------------------- /app/static/css/custom.css: -------------------------------------------------------------------------------- 1 | #statusBox.alert { 2 | margin-bottom: 0; 3 | } 4 | 5 | .alert .fas { 6 | display: table-cell; 7 | } 8 | 9 | .alert div, 10 | .alert span { 11 | padding-left: 10px; 12 | display: table-cell; 13 | } 14 | 15 | textarea#labelText { 16 | resize: none; 17 | } 18 | 19 | .roundPreviewImage { 20 | border-radius: 100%; 21 | } 22 | 23 | label { 24 | font-weight: 700; 25 | } 26 | 27 | .navbar { 28 | margin-bottom: 20px; 29 | } -------------------------------------------------------------------------------- /app/static/css/dropzone.min.css: -------------------------------------------------------------------------------- 1 | @-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626} 2 | -------------------------------------------------------------------------------- /app/static/images/favicon/android-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/android-icon-144x144.png -------------------------------------------------------------------------------- /app/static/images/favicon/android-icon-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/android-icon-192x192.png -------------------------------------------------------------------------------- /app/static/images/favicon/android-icon-36x36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/android-icon-36x36.png -------------------------------------------------------------------------------- /app/static/images/favicon/android-icon-48x48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/android-icon-48x48.png -------------------------------------------------------------------------------- /app/static/images/favicon/android-icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/android-icon-72x72.png -------------------------------------------------------------------------------- /app/static/images/favicon/android-icon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/android-icon-96x96.png -------------------------------------------------------------------------------- /app/static/images/favicon/apple-icon-114x114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/apple-icon-114x114.png -------------------------------------------------------------------------------- /app/static/images/favicon/apple-icon-120x120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/apple-icon-120x120.png -------------------------------------------------------------------------------- /app/static/images/favicon/apple-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/apple-icon-144x144.png -------------------------------------------------------------------------------- /app/static/images/favicon/apple-icon-152x152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/apple-icon-152x152.png -------------------------------------------------------------------------------- /app/static/images/favicon/apple-icon-180x180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/apple-icon-180x180.png -------------------------------------------------------------------------------- /app/static/images/favicon/apple-icon-57x57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/apple-icon-57x57.png -------------------------------------------------------------------------------- /app/static/images/favicon/apple-icon-60x60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/apple-icon-60x60.png -------------------------------------------------------------------------------- /app/static/images/favicon/apple-icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/apple-icon-72x72.png -------------------------------------------------------------------------------- /app/static/images/favicon/apple-icon-76x76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/apple-icon-76x76.png -------------------------------------------------------------------------------- /app/static/images/favicon/apple-icon-precomposed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/apple-icon-precomposed.png -------------------------------------------------------------------------------- /app/static/images/favicon/apple-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/apple-icon.png -------------------------------------------------------------------------------- /app/static/images/favicon/browserconfig.xml: -------------------------------------------------------------------------------- 1 | 2 | #ffffff -------------------------------------------------------------------------------- /app/static/images/favicon/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/favicon-16x16.png -------------------------------------------------------------------------------- /app/static/images/favicon/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/favicon-32x32.png -------------------------------------------------------------------------------- /app/static/images/favicon/favicon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/favicon-96x96.png -------------------------------------------------------------------------------- /app/static/images/favicon/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/favicon.ico -------------------------------------------------------------------------------- /app/static/images/favicon/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Brother QL", 3 | "icons": [{ 4 | "src": "\/static\/images\/favicon\/android-icon-36x36.png", 5 | "sizes": "36x36", 6 | "type": "image\/png", 7 | "density": "0.75" 8 | }, 9 | { 10 | "src": "\/static\/images\/favicon\/android-icon-48x48.png", 11 | "sizes": "48x48", 12 | "type": "image\/png", 13 | "density": "1.0" 14 | }, 15 | { 16 | "src": "\/static\/images\/favicon\/android-icon-72x72.png", 17 | "sizes": "72x72", 18 | "type": "image\/png", 19 | "density": "1.5" 20 | }, 21 | { 22 | "src": "\/static\/images\/favicon\/android-icon-96x96.png", 23 | "sizes": "96x96", 24 | "type": "image\/png", 25 | "density": "2.0" 26 | }, 27 | { 28 | "src": "\/static\/images\/favicon\/android-icon-144x144.png", 29 | "sizes": "144x144", 30 | "type": "image\/png", 31 | "density": "3.0" 32 | }, 33 | { 34 | "src": "\/static\/images\/favicon\/android-icon-192x192.png", 35 | "sizes": "192x192", 36 | "type": "image\/png", 37 | "density": "4.0" 38 | } 39 | ] 40 | } -------------------------------------------------------------------------------- /app/static/images/favicon/ms-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/ms-icon-144x144.png -------------------------------------------------------------------------------- /app/static/images/favicon/ms-icon-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/ms-icon-150x150.png -------------------------------------------------------------------------------- /app/static/images/favicon/ms-icon-310x310.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/ms-icon-310x310.png -------------------------------------------------------------------------------- /app/static/images/favicon/ms-icon-70x70.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/app/static/images/favicon/ms-icon-70x70.png -------------------------------------------------------------------------------- /app/static/js/dropzone.min.js: -------------------------------------------------------------------------------- 1 | "use strict";function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}function _getPrototypeOf(e){return(_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return(_setPrototypeOf=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var n=0;n'),this.element.appendChild(e));var l=e.getElementsByTagName("span")[0];return l&&(null!=l.textContent?l.textContent=this.options.dictFallbackMessage:null!=l.innerText&&(l.innerText=this.options.dictFallbackMessage)),this.element.appendChild(this.getFallbackForm())},resize:function(e,t,n,i){var r={srcX:0,srcY:0,srcWidth:e.width,srcHeight:e.height},o=e.width/e.height;null==t&&null==n?(t=r.srcWidth,n=r.srcHeight):null==t?t=n*o:null==n&&(n=t/o);var a=(t=Math.min(t,r.srcWidth))/(n=Math.min(n,r.srcHeight));if(r.srcWidth>t||r.srcHeight>n)if("crop"===i)a\n
\n
\n
\n
\n
\n
\n
\n
\n \n Check\n \n \n \n \n
\n
\n \n Error\n \n \n \n \n \n \n
\n',drop:function(){return this.element.classList.remove("dz-drag-hover")},dragstart:function(){},dragend:function(){return this.element.classList.remove("dz-drag-hover")},dragenter:function(){return this.element.classList.add("dz-drag-hover")},dragover:function(){return this.element.classList.add("dz-drag-hover")},dragleave:function(){return this.element.classList.remove("dz-drag-hover")},paste:function(){},reset:function(){return this.element.classList.remove("dz-started")},addedfile:function(t){var n=this;if(this.element===this.previewsContainer&&this.element.classList.add("dz-started"),this.previewsContainer){t.previewElement=C.createElement(this.options.previewTemplate.trim()),t.previewTemplate=t.previewElement,this.previewsContainer.appendChild(t.previewElement);var e=!0,i=!1,r=void 0;try{for(var o,a=t.previewElement.querySelectorAll("[data-dz-name]")[Symbol.iterator]();!(e=(o=a.next()).done);e=!0){var l=o.value;l.textContent=t.name}}catch(e){i=!0,r=e}finally{try{e||null==a.return||a.return()}finally{if(i)throw r}}var s=!0,u=!1,c=void 0;try{for(var d,p=t.previewElement.querySelectorAll("[data-dz-size]")[Symbol.iterator]();!(s=(d=p.next()).done);s=!0)(l=d.value).innerHTML=this.filesize(t.size)}catch(e){u=!0,c=e}finally{try{s||null==p.return||p.return()}finally{if(u)throw c}}this.options.addRemoveLinks&&(t._removeLink=C.createElement(''.concat(this.options.dictRemoveFile,"")),t.previewElement.appendChild(t._removeLink));var h=function(e){return e.preventDefault(),e.stopPropagation(),t.status===C.UPLOADING?C.confirm(n.options.dictCancelUploadConfirmation,function(){return n.removeFile(t)}):n.options.dictRemoveFileConfirmation?C.confirm(n.options.dictRemoveFileConfirmation,function(){return n.removeFile(t)}):n.removeFile(t)},f=!0,v=!1,m=void 0;try{for(var y,g=t.previewElement.querySelectorAll("[data-dz-remove]")[Symbol.iterator]();!(f=(y=g.next()).done);f=!0){y.value.addEventListener("click",h)}}catch(e){v=!0,m=e}finally{try{f||null==g.return||g.return()}finally{if(v)throw m}}}},removedfile:function(e){return null!=e.previewElement&&null!=e.previewElement.parentNode&&e.previewElement.parentNode.removeChild(e.previewElement),this._updateMaxFilesReachedClass()},thumbnail:function(e,t){if(e.previewElement){e.previewElement.classList.remove("dz-file-preview");var n=!0,i=!1,r=void 0;try{for(var o,a=e.previewElement.querySelectorAll("[data-dz-thumbnail]")[Symbol.iterator]();!(n=(o=a.next()).done);n=!0){var l=o.value;l.alt=e.name,l.src=t}}catch(e){i=!0,r=e}finally{try{n||null==a.return||a.return()}finally{if(i)throw r}}return setTimeout(function(){return e.previewElement.classList.add("dz-image-preview")},1)}},error:function(e,t){if(e.previewElement){e.previewElement.classList.add("dz-error"),"String"!=typeof t&&t.error&&(t=t.error);var n=!0,i=!1,r=void 0;try{for(var o,a=e.previewElement.querySelectorAll("[data-dz-errormessage]")[Symbol.iterator]();!(n=(o=a.next()).done);n=!0){o.value.textContent=t}}catch(e){i=!0,r=e}finally{try{n||null==a.return||a.return()}finally{if(i)throw r}}}},errormultiple:function(){},processing:function(e){if(e.previewElement&&(e.previewElement.classList.add("dz-processing"),e._removeLink))return e._removeLink.innerHTML=this.options.dictCancelUpload},processingmultiple:function(){},uploadprogress:function(e,t){if(e.previewElement){var n=!0,i=!1,r=void 0;try{for(var o,a=e.previewElement.querySelectorAll("[data-dz-uploadprogress]")[Symbol.iterator]();!(n=(o=a.next()).done);n=!0){var l=o.value;"PROGRESS"===l.nodeName?l.value=t:l.style.width="".concat(t,"%")}}catch(e){i=!0,r=e}finally{try{n||null==a.return||a.return()}finally{if(i)throw r}}}},totaluploadprogress:function(){},sending:function(){},sendingmultiple:function(){},success:function(e){if(e.previewElement)return e.previewElement.classList.add("dz-success")},successmultiple:function(){},canceled:function(e){return this.emit("error",e,this.options.dictUploadCanceled)},canceledmultiple:function(){},complete:function(e){if(e._removeLink&&(e._removeLink.innerHTML=this.options.dictRemoveFile),e.previewElement)return e.previewElement.classList.add("dz-complete")},completemultiple:function(){},maxfilesexceeded:function(){},maxfilesreached:function(){},queuecomplete:function(){},addedfiles:function(){}},this.prototype._thumbnailQueue=[],this.prototype._processingThumbnail=!1}},{key:"extend",value:function(e){for(var t=arguments.length,n=new Array(1"))),this.clickableElements.length){!function l(){return s.hiddenFileInput&&s.hiddenFileInput.parentNode.removeChild(s.hiddenFileInput),s.hiddenFileInput=document.createElement("input"),s.hiddenFileInput.setAttribute("type","file"),(null===s.options.maxFiles||1")),n+='');var i=C.createElement(n);return"FORM"!==this.element.tagName?(t=C.createElement('
'))).appendChild(i):(this.element.setAttribute("enctype","multipart/form-data"),this.element.setAttribute("method",this.options.method)),null!=t?t:i}},{key:"getExistingFallback",value:function(){for(var e=function(e){var t=!0,n=!1,i=void 0;try{for(var r,o=e[Symbol.iterator]();!(t=(r=o.next()).done);t=!0){var a=r.value;if(/(^| )fallback($| )/.test(a.className))return a}}catch(e){n=!0,i=e}finally{try{t||null==o.return||o.return()}finally{if(n)throw i}}},t=0,n=["div","form"];t".concat(t," ").concat(this.options.dictFileSizeUnits[n])}},{key:"_updateMaxFilesReachedClass",value:function(){return null!=this.options.maxFiles&&this.getAcceptedFiles().length>=this.options.maxFiles?(this.getAcceptedFiles().length===this.options.maxFiles&&this.emit("maxfilesreached",this.files),this.element.classList.add("dz-max-files-reached")):this.element.classList.remove("dz-max-files-reached")}},{key:"drop",value:function(e){if(e.dataTransfer){this.emit("drop",e);for(var t=[],n=0;n1024*this.options.maxFilesize*1024?t(this.options.dictFileTooBig.replace("{{filesize}}",Math.round(e.size/1024/10.24)/100).replace("{{maxFilesize}}",this.options.maxFilesize)):C.isValidFile(e,this.options.acceptedFiles)?null!=this.options.maxFiles&&this.getAcceptedFiles().length>=this.options.maxFiles?(t(this.options.dictMaxFilesExceeded.replace("{{maxFiles}}",this.options.maxFiles)),this.emit("maxfilesexceeded",e)):this.options.accept.call(this,e,t):t(this.options.dictInvalidFileType)}},{key:"addFile",value:function(t){var n=this;t.upload={uuid:C.uuidv4(),progress:0,total:t.size,bytesSent:0,filename:this._renameFile(t)},this.files.push(t),t.status=C.ADDED,this.emit("addedfile",t),this._enqueueThumbnail(t),this.accept(t,function(e){e?(t.accepted=!1,n._errorProcessing([t],e)):(t.accepted=!0,n.options.autoQueue&&n.enqueueFile(t)),n._updateMaxFilesReachedClass()})}},{key:"enqueueFiles",value:function(e){var t=!0,n=!1,i=void 0;try{for(var r,o=e[Symbol.iterator]();!(t=(r=o.next()).done);t=!0){var a=r.value;this.enqueueFile(a)}}catch(e){n=!0,i=e}finally{try{t||null==o.return||o.return()}finally{if(n)throw i}}return null}},{key:"enqueueFile",value:function(e){var t=this;if(e.status!==C.ADDED||!0!==e.accepted)throw new Error("This file can't be queued because it has already been processed or was rejected.");if(e.status=C.QUEUED,this.options.autoProcessQueue)return setTimeout(function(){return t.processQueue()},0)}},{key:"_enqueueThumbnail",value:function(e){var t=this;if(this.options.createImageThumbnails&&e.type.match(/image.*/)&&e.size<=1024*this.options.maxThumbnailFilesize*1024)return this._thumbnailQueue.push(e),setTimeout(function(){return t._processThumbnailQueue()},0)}},{key:"_processThumbnailQueue",value:function(){var t=this;if(!this._processingThumbnail&&0!==this._thumbnailQueue.length){this._processingThumbnail=!0;var n=this._thumbnailQueue.shift();return this.createThumbnail(n,this.options.thumbnailWidth,this.options.thumbnailHeight,this.options.thumbnailMethod,!0,function(e){return t.emit("thumbnail",n,e),t._processingThumbnail=!1,t._processThumbnailQueue()})}}},{key:"removeFile",value:function(e){if(e.status===C.UPLOADING&&this.cancelUpload(e),this.files=without(this.files,e),this.emit("removedfile",e),0===this.files.length)return this.emit("reset")}},{key:"removeAllFiles",value:function(e){null==e&&(e=!1);var t=!0,n=!1,i=void 0;try{for(var r,o=this.files.slice()[Symbol.iterator]();!(t=(r=o.next()).done);t=!0){var a=r.value;a.status===C.UPLOADING&&!e||this.removeFile(a)}}catch(e){n=!0,i=e}finally{try{t||null==o.return||o.return()}finally{if(n)throw i}}return null}},{key:"resizeImage",value:function(r,e,t,n,o){var a=this;return this.createThumbnail(r,e,t,n,!0,function(e,t){if(null==t)return o(r);var n=a.options.resizeMimeType;null==n&&(n=r.type);var i=t.toDataURL(n,a.options.resizeQuality);return"image/jpeg"!==n&&"image/jpg"!==n||(i=ExifRestore.restore(r.dataURL,i)),o(C.dataURItoBlob(i))})}},{key:"createThumbnail",value:function(e,t,n,i,r,o){var a=this,l=new FileReader;l.onload=function(){e.dataURL=l.result,"image/svg+xml"!==e.type?a.createThumbnailFromUrl(e,t,n,i,r,o):null!=o&&o(l.result)},l.readAsDataURL(e)}},{key:"displayExistingFile",value:function(t,e,n,i,r){var o=this,a=!(4u.options.chunkSize),s[0].upload.totalChunkCount=Math.ceil(t.size/u.options.chunkSize)}if(s[0].upload.chunked){var r=s[0],o=e[0];r.upload.chunks=[];var i=function(){for(var e=0;void 0!==r.upload.chunks[e];)e++;if(!(e>=r.upload.totalChunkCount)){0;var t=e*u.options.chunkSize,n=Math.min(t+u.options.chunkSize,r.size),i={name:u._getParamName(0),data:o.webkitSlice?o.webkitSlice(t,n):o.slice(t,n),filename:r.upload.filename,chunkIndex:e};r.upload.chunks[e]={file:r,index:e,dataBlock:i,status:C.UPLOADING,progress:0,retries:0},u._uploadData(s,[i])}};if(r.upload.finishedChunkUpload=function(e){var t=!0;e.status=C.SUCCESS,e.dataBlock=null,e.xhr=null;for(var n=0;n>1}var s=l/t;return 0==s?1:s},drawImageIOSFix=function(e,t,n,i,r,o,a,l,s,u){var c=detectVerticalSquash(t);return e.drawImage(t,n,i,r,o,a,l,s,u/c)},ExifRestore=function(){function e(){_classCallCheck(this,e)}return _createClass(e,null,[{key:"initClass",value:function(){this.KEY_STR="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="}},{key:"encode64",value:function(e){for(var t="",n=void 0,i=void 0,r="",o=void 0,a=void 0,l=void 0,s="",u=0;o=(n=e[u++])>>2,a=(3&n)<<4|(i=e[u++])>>4,l=(15&i)<<2|(r=e[u++])>>6,s=63&r,isNaN(i)?l=s=64:isNaN(r)&&(s=64),t=t+this.KEY_STR.charAt(o)+this.KEY_STR.charAt(a)+this.KEY_STR.charAt(l)+this.KEY_STR.charAt(s),n=i=r="",o=a=l=s="",ue.length)break}return n}},{key:"decode64",value:function(e){var t=void 0,n=void 0,i="",r=void 0,o=void 0,a="",l=0,s=[];for(/[^A-Za-z0-9\+\/\=]/g.exec(e)&&console.warn("There were invalid base64 characters in the input text.\nValid base64 characters are A-Z, a-z, 0-9, '+', '/',and '='\nExpect errors in decoding."),e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");t=this.KEY_STR.indexOf(e.charAt(l++))<<2|(r=this.KEY_STR.indexOf(e.charAt(l++)))>>4,n=(15&r)<<4|(o=this.KEY_STR.indexOf(e.charAt(l++)))>>2,i=(3&o)<<6|(a=this.KEY_STR.indexOf(e.charAt(l++))),s.push(t),64!==o&&s.push(n),64!==a&&s.push(i),t=n=i="",r=o=a="",l 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | {% endblock metas %} 24 | 25 | {% block styles %} 26 | {{ super() }} 27 | 28 | 29 | 30 | 31 | {% endblock styles %} 32 | 33 | {% block title %} 34 | Label Designer | Brother QL 35 | {% endblock %} 36 | 37 | {% block navbar %} 38 | 53 | {% endblock navbar %} 54 | 55 | {% block content %} 56 |
57 | {# application content needs to be provided in the app_content block #} 58 | {% block app_content %}{% endblock %} 59 |
60 | {% endblock %} 61 | 62 | {% block scripts %} 63 | {{ super() }} 64 | 65 | 68 | {% endblock %} -------------------------------------------------------------------------------- /app/utils.py: -------------------------------------------------------------------------------- 1 | # -*- coding: utf-8 -*- 2 | 3 | from PIL import Image 4 | from io import BytesIO 5 | from pdf2image import convert_from_bytes 6 | 7 | 8 | def convert_image_to_bw(image, threshold): 9 | fn = lambda x : 255 if x > threshold else 0 10 | return image.convert('L').point(fn, mode='1') # convert to black and white 11 | 12 | def convert_image_to_grayscale(image): 13 | fn = lambda x : 255 if x > threshold else 0 14 | return image.convert('L') # convert to greyscale 15 | 16 | 17 | def imgfile_to_image(file): 18 | s = BytesIO() 19 | file.save(s) 20 | im = Image.open(s) 21 | return im 22 | 23 | 24 | def pdffile_to_image(file, dpi): 25 | s = BytesIO() 26 | file.save(s) 27 | s.seek(0) 28 | im = convert_from_bytes( 29 | s.read(), 30 | dpi = dpi 31 | )[0] 32 | return im 33 | 34 | 35 | def image_to_png_bytes(im): 36 | image_buffer = BytesIO() 37 | im.save(image_buffer, format="PNG") 38 | image_buffer.seek(0) 39 | return image_buffer.read() -------------------------------------------------------------------------------- /config.py: -------------------------------------------------------------------------------- 1 | """ 2 | This are the default settings. (DONT CHANGE THIS FILE) 3 | Adjust your settings in 'instance/application.py' 4 | """ 5 | 6 | import os 7 | import logging 8 | 9 | basedir = os.path.abspath(os.path.dirname(__file__)) 10 | 11 | class Config(object): 12 | DEBUG = False 13 | LOG_LEVEL = logging.WARNING 14 | 15 | SERVER_PORT = 8013 16 | SERVER_HOST = '0.0.0.0' 17 | 18 | PRINTER_MODEL = 'QL-500' 19 | PRINTER_PRINTER = 'file:///dev/usb/lp1' 20 | 21 | LABEL_DEFAULT_ORIENTATION = 'standard' 22 | LABEL_DEFAULT_SIZE = '62' 23 | LABEL_DEFAULT_FONT_SIZE = 70 24 | LABEL_DEFAULT_QR_SIZE = 10 25 | LABEL_DEFAULT_LINE_SPACING = 100 26 | LABEL_DEFAULT_FONT_FAMILY = 'DejaVu Serif' 27 | LABEL_DEFAULT_FONT_STYLE = 'Book' 28 | 29 | IMAGE_DEFAULT_MODE = 'grayscale' 30 | IMAGE_DEFAULT_BW_THRESHOLD = 70 31 | 32 | LABEL_DEFAULT_MARGIN_TOP = 24 33 | LABEL_DEFAULT_MARGIN_BOTTOM = 24 34 | LABEL_DEFAULT_MARGIN_LEFT = 35 35 | LABEL_DEFAULT_MARGIN_RIGHT = 35 36 | 37 | FONT_FOLDER = '' 38 | -------------------------------------------------------------------------------- /requirements.txt: -------------------------------------------------------------------------------- 1 | brother_ql 2 | Flask 3 | flask_bootstrap4 4 | qrcode 5 | pdf2image 6 | Pillow==10.* 7 | -------------------------------------------------------------------------------- /run.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | # -*- coding: utf-8 -*- 3 | 4 | from app import create_app 5 | 6 | app = create_app() 7 | 8 | if __name__ == "__main__": 9 | app.run(host = app.config['SERVER_HOST'], port = app.config['SERVER_PORT']) -------------------------------------------------------------------------------- /screenshots/Label-Designer_Desktop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/screenshots/Label-Designer_Desktop.png -------------------------------------------------------------------------------- /screenshots/Label-Designer_Phone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tbnobody/brother_ql_web/362b1ff3cf8323c84394085c104c519de43e7119/screenshots/Label-Designer_Phone.png -------------------------------------------------------------------------------- /systemd/brother_ql_web.service: -------------------------------------------------------------------------------- 1 | [Unit] 2 | Description=Brother QL Web 3 | After=network.target 4 | 5 | [Service] 6 | Type=simple 7 | WorkingDirectory=/opt/brother_ql_web 8 | ExecStart=/opt/brother_ql_web/.venv/bin/python /opt/brother_ql_web/run.py 9 | Restart=on-failure 10 | 11 | [Install] 12 | WantedBy=multi-user.target -------------------------------------------------------------------------------- /systemd/brother_ql_web_gunicorn.service: -------------------------------------------------------------------------------- 1 | [Unit] 2 | Description=Brother QL Web 3 | After=network.target 4 | 5 | [Service] 6 | User=www-data 7 | Group=www-data 8 | WorkingDirectory=/opt/brother_ql_web 9 | ExecStart=/opt/brother_ql_web/.venv/bin/gunicorn --workers 3 --error-logfile /var/log/gunicorn/brother-ql-web.log --bind 0.0.0.0:5000 -m 007 wsgi:app 10 | 11 | [Install] 12 | WantedBy=multi-user.target 13 | -------------------------------------------------------------------------------- /wsgi.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | # -*- coding: utf-8 -*- 3 | 4 | from app import create_app 5 | 6 | app = create_app() 7 | 8 | if __name__ == "__main__": 9 | app.run() 10 | --------------------------------------------------------------------------------