Mercurial > mbsePi-apps / annotate
www-thermferm/js/webcam-ng.js@3732b701fde5 (annotated)
www-thermferm/js/webcam-ng.js
Mon, 08 Aug 2022 17:04:15 +0200
- author
- Michiel Broek <mbroek@mbse.eu>
- date
- Mon, 08 Aug 2022 17:04:15 +0200
- changeset 618
- 3732b701fde5
- permissions
- -rw-r--r--
Added nextgen webcam scripts.
| 618 | 1 | /***************************************************************************** |
| 2 | * Copyright (C) 2019 | |
| 3 | * | |
| 4 | * Michiel Broek <mbroek at mbse dot eu> | |
| 5 | * | |
| 6 | * This file is part of ThermFerm | |
| 7 | * | |
| 8 | * This is free software; you can redistribute it and/or modify it | |
| 9 | * under the terms of the GNU General Public License as published by the | |
| 10 | * Free Software Foundation; either version 2, or (at your option) any | |
| 11 | * later version. | |
| 12 | * | |
| 13 | * ThermFerm is distributed in the hope that it will be useful, but | |
| 14 | * WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 15 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |
| 16 | * General Public License for more details. | |
| 17 | * | |
| 18 | * You should have received a copy of the GNU General Public License | |
| 19 | * along with ThermFerm; see the file COPYING. If not, write to the Free | |
| 20 | * Software Foundation, 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA. | |
| 21 | *****************************************************************************/ | |
| 22 | ||
| 23 | var phi = 0, flipped = 0, mirrored = 0; | |
| 24 | ||
| 25 | function setXformClass () { | |
| 26 | $('.xform').each(function(idx,el) { | |
| 27 | el.className = "xform x" +(flipped ? "-flipped":"") + (mirrored ? "-mirrored" : "") + "-rotated-" + phi; | |
| 28 | }); | |
| 29 | } | |
| 30 | ||
| 31 | ||
| 32 | ||
| 33 | $(document).ready(function () { | |
| 34 | ||
| 35 | // set rotation angle phi and toggle rotate class | |
| 36 | $("#rotate").jqxButton({ template: "info", width: 50, height: 50, theme: theme, imgWidth: 32, imgHeight: 32, imgSrc:"images/object-rotate-right.png" }); | |
| 37 | $('#rotate').click(function() { | |
| 38 | phi = (phi + 90) % 360; | |
| 39 | setXformClass(); | |
| 40 | if (phi % 180) { | |
| 41 | $('.xform-p').addClass('rotated'); | |
| 42 | } else { | |
| 43 | $('.xform-p').removeClass('rotated'); | |
| 44 | } | |
| 45 | }); | |
| 46 | // toggle mirror class component | |
| 47 | $("#mirror").jqxButton({ template: "info", width: 50, height: 50, theme: theme, imgWidth: 32, imgHeight: 32, imgSrc:"images/object-flip-horizontal.png" }); | |
| 48 | $('#mirror').click(function() { | |
| 49 | mirrored = ! mirrored; | |
| 50 | setXformClass(); | |
| 51 | }); | |
| 52 | // toggle flip class componen | |
| 53 | $("#flip").jqxButton({ template: "info", width: 50, height: 50, theme: theme, imgWidth: 32, imgHeight: 32, imgSrc:"images/object-flip-vertical.png" }); | |
| 54 | $('#flip').click(function() { | |
| 55 | flipped = ! flipped; | |
| 56 | setXformClass(); | |
| 57 | }); | |
| 58 | ||
| 59 | $("#Close").jqxButton({ template: "success", width: 125, theme: theme }); | |
| 60 | $("#Close").click(function () { | |
| 61 | window.close(); | |
| 62 | }); | |
| 63 | ||
| 64 | }); |
