Develop: add new theme and plugins (#3)

* remove unnecessary lines on print letter

* sync from mobile branch (rosariosis) (#2)

* Fix SQL error invalid input syntax for integer

* Place currency symbol after amount for some locales

* SQL use timestamp type: standard & without time zone by default

* Fix typo in the Custom module README.md file

* CSS add .accounting-totals, .accounting-staff-payroll-totals, .student-billing-totals classes

* Add Balance widget to Print Statements

* Add Staff Payroll Balance widget to Print Statements

* Add Total calculation to Daily Transactions

* Fix $school_id & get back unescaped value

Co-authored-by: François Jacquet <[email protected]>

* add legacy theme

* change search form

* change input tag

* config database

* input styling

Co-authored-by: François Jacquet <[email protected]>

assets/themes/Leagcy/README.md

@@ -0,0 +1,10 @@
+## Grunt
+
+The `stylesheet.css` file is generated using [Grunt](https://gruntjs.com/getting-started) (see `package.json` & `Gruntfile.js` files at the root of this project).
+
+
+## Copyright
+
+The CSS files and images of the WPadmin theme were copied and adapted from **WordPress** 2.5, a free software released under the terms of the GPL version 2.
+
+Copyright 2011 by the contributors

assets/themes/Leagcy/btn/Onebit Icon Set.txt

@@ -0,0 +1,6 @@
+http://www.hongkiat.com/blog/40-free-and-useful-gui-icon-sets-for-web-designers/
+
+Onebit Free Icon Set
+Onebit Free Icon Set 2
+
+Copyright Icojoy

assets/themes/Leagcy/css/calendar-blue.css

@@ -0,0 +1,235 @@
+/* The main calendar widget.  DIV containing a table. */
+
+div.calendar {
+	position: relative;
+	z-index: 100;
+}
+
+.calendar, .calendar table {
+	border: 1px solid #556;
+	font-size: 11px;
+	color: #000;
+	cursor: default;
+	background: #eef;
+	font-family: 'Open Sans',tahoma,verdana,sans-serif;
+}
+
+/* Header part -- contains navigation buttons and day names. */
+
+.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
+	text-align: center;    /* They are the navigation buttons */
+	padding: 2px;          /* Make the buttons seem like they're pressing */
+}
+
+.calendar .nav {
+	background: #778 url(menuarrow.gif) no-repeat 100% 100%;
+}
+
+.calendar thead .title { /* This holds the current "month, year" */
+	font-weight: bold;      /* Pressing it will take you to the current date */
+	text-align: center;
+	background: #fff;
+	color: #000;
+	padding: 2px;
+}
+
+.calendar thead .headrow { /* Row <TR> containing navigation buttons */
+	background: #778;
+	color: #fff;
+}
+
+.calendar thead .daynames { /* Row <TR> containing the day names */
+	background: #bdf;
+}
+
+.calendar thead .name { /* Cells <TD> containing the day names */
+	border-bottom: 1px solid #556;
+	padding: 2px;
+	text-align: center;
+	color: #000;
+}
+
+.calendar thead .weekend { /* How a weekend day name shows in header */
+	color: #a66;
+}
+
+.calendar thead .hilite { /* How do the buttons in header appear when hover */
+	background-color: #aaf;
+	color: #000;
+	border: 1px solid #04f;
+	padding: 1px;
+}
+
+.calendar thead .active { /* Active (pressed) buttons in header */
+	background-color: #77c;
+	padding: 2px 0 0 2px;
+}
+
+/* The body part -- contains all the days in month. */
+
+.calendar tbody .day { /* Cells <TD> containing month days dates */
+	width: 2em;
+	color: #456;
+	text-align: right;
+	padding: 2px 4px 2px 2px;
+}
+.calendar tbody .day.othermonth {
+	font-size: 80%;
+	color: #bbb;
+}
+.calendar tbody .day.othermonth.oweekend {
+	color: #fbb;
+}
+
+.calendar table .wn {
+	padding: 2px 3px 2px 2px;
+	border-right: 1px solid #000;
+	background: #bdf;
+}
+
+.calendar tbody .rowhilite td {
+	background: #def;
+}
+
+.calendar tbody .rowhilite td.wn {
+	background: #eef;
+}
+
+.calendar tbody td.hilite { /* Hovered cells <TD> */
+	background: #def;
+	padding: 1px 3px 1px 1px;
+	border: 1px solid #bbb;
+}
+
+.calendar tbody td.active { /* Active (pressed) cells <TD> */
+	background: #cde;
+	padding: 2px 2px 0 2px;
+}
+
+.calendar tbody td.selected { /* Cell showing today date */
+	font-weight: bold;
+	border: 1px solid #000;
+	padding: 1px 3px 1px 1px;
+	background: #fff;
+	color: #000;
+}
+
+.calendar tbody td.weekend { /* Cells showing weekend days */
+	color: #a66;
+}
+
+.calendar tbody td.today { /* Cell showing selected date */
+	font-weight: bold;
+	color: #00f;
+}
+
+.calendar tbody .disabled { color: #999; }
+
+.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
+	visibility: hidden;
+}
+
+.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
+	display: none;
+}
+
+/* The footer part -- status bar and "Close" button */
+
+.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
+	text-align: center;
+	background: #556;
+	color: #fff;
+}
+
+.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
+	background: #fff;
+	color: #445;
+	border-top: 1px solid #556;
+	padding: 1px;
+}
+
+.calendar tfoot .hilite { /* Hover style for buttons in footer */
+	background: #aaf;
+	border: 1px solid #04f;
+	color: #000;
+	padding: 1px;
+}
+
+.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
+	background: #77c;
+	padding: 2px 0 0 2px;
+}
+
+/* Combo boxes (menus that display months/years for direct selection) */
+
+.calendar .combo {
+	position: absolute;
+	display: none;
+	top: 0;
+	left: 0;
+	width: 4em;
+	cursor: default;
+	border: 1px solid #655;
+	background: #def;
+	color: #000;
+	font-size: 90%;
+	z-index: 100;
+}
+
+.calendar .combo .label,
+.calendar .combo .label-IEfix {
+	text-align: center;
+	padding: 1px;
+}
+
+.calendar .combo .label-IEfix {
+	width: 4em;
+}
+
+.calendar .combo .hilite {
+	background: #acf;
+}
+
+.calendar .combo .active {
+	border-top: 1px solid #46a;
+	border-bottom: 1px solid #46a;
+	background: #eef;
+	font-weight: bold;
+}
+
+.calendar td.time {
+	border-top: 1px solid #000;
+	padding: 1px 0;
+	text-align: center;
+	background-color: #f4f0e8;
+}
+
+.calendar td.time .hour,
+.calendar td.time .minute,
+.calendar td.time .ampm {
+	padding: 0 3px 0 4px;
+	border: 1px solid #889;
+	font-weight: bold;
+	background-color: #fff;
+}
+
+.calendar td.time .ampm {
+	text-align: center;
+}
+
+.calendar td.time .colon {
+	padding: 0 2px 0 3px;
+	font-weight: bold;
+}
+
+.calendar td.time span.hilite {
+	border-color: #000;
+	background-color: #667;
+	color: #fff;
+}
+
+.calendar td.time span.active {
+	border-color: #f00;
+	background-color: #000;
+	color: #0f0;
+}

assets/themes/Leagcy/css/colorbox.css

@@ -0,0 +1,50 @@
+/*
+    Colorbox Core Style:
+    The following CSS is consistent between example themes and should not be altered.
+*/
+#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
+#cboxWrapper {max-width:none;}
+#cboxOverlay{position:fixed; width:100%; height:100%;}
+#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
+#cboxContent{position:relative;}
+#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
+#cboxTitle{margin:0;}
+#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
+.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
+.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
+#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
+
+/* 
+    User Style:
+    Change the following styles to modify the appearance of Colorbox.  They are
+    ordered & tabbed in a way that represents the nesting of the generated HTML.
+*/
+#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
+#colorbox{outline:0;}
+    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
+        .cboxIframe{background:#fff;}
+        #cboxError{padding:50px; border:1px solid #ccc;}
+        #cboxLoadedContent{background:#000; padding:1px;}
+        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
+        #cboxLoadingOverlay{background:#000;}
+        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
+        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
+
+        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
+        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}
+
+        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
+        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
+
+        #cboxPrevious{background-position:0px 0px; right:44px;}
+        #cboxPrevious:hover{background-position:0px -25px;}
+        #cboxNext{background-position:-25px 0px; right:22px;}
+        #cboxNext:hover{background-position:-25px -25px;}
+        #cboxClose{background-position:-50px 0px; right:0;}
+        #cboxClose:hover{background-position:-50px -25px;}
+        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
+        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
+        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
+        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
+        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}