5 | remove
6 |
7 |
8 |
13 | add
14 |
15 |
16 |
22 | remove
23 |
24 |
28 | add
29 |
30 |
4 |
54 |
55 | {% include 'inc/footer.html' %}
56 |
--------------------------------------------------------------------------------
/static/css/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | display: flex;
3 | min-height: 100vh;
4 | flex-direction: column;
5 | }
6 |
7 | a{
8 | color: #613c25;
9 | }
10 |
11 | h1 a{
12 | color: black;
13 | }
14 |
15 | main {
16 | flex: 1 0 auto;
17 | }
18 | .tablePagination button{
19 | padding: 10px;
20 | color: white;
21 | border: none;
22 | cursor: pointer;
23 | }
24 | .noselect {
25 | -webkit-touch-callout: none; /* iOS Safari */
26 | -webkit-user-select: none; /* Safari */
27 | -khtml-user-select: none; /* Konqueror HTML */
28 | -moz-user-select: none; /* Firefox */
29 | -ms-user-select: none; /* Internet Explorer/Edge */
30 | user-select: none; /* Non-prefixed version, currently
31 | supported by Chrome and Opera */
32 | }
33 | [type="checkbox"].filled-in:checked + span:not(.lever):after {
34 | border: 2px solid green;
35 | background-color: green;
36 | }
37 | th.tableHeader:hover{
38 | cursor: pointer;
39 | }
40 | #remove, #remove a{
41 | color: white;
42 | background-color: #ef9a9a;
43 | }
44 | #remove:hover, #remove a:hover{
45 | background-color: #e53935;
46 | }
47 |
48 | #add, #add a{
49 | color: white;
50 | background-color: #81c784;
51 | }
52 | #add:hover, #add a:hover{
53 | background-color: #4caf50;
54 | }
55 |
56 | #disabledEdit, #disabledEdit:hover{
57 | color: white;
58 | background-color: #bdbdbd;
59 | cursor: not-allowed;
60 | }
61 | #editName a{
62 | color: #039BE5;
63 | }
64 | #editName a:hover{
65 | color: black;
66 | }
67 | .errortext{
68 | color: black;
69 | }
70 | .tabs .tab a{
71 | color: #4CAF50;
72 | }
73 | .tabs .tab a:hover {
74 | background-color:#4CAF50;
75 | color:white;
76 | }
77 | .tabs .tab a.active {
78 | background-color:#4CAF50;
79 | color:white;
80 | }
81 | .tab a:focus, .tab a:focus.active {
82 | background-color:#4CAF50;
83 | color:black;
84 | }
85 | .tabs .indicator {
86 | background-color:#4CAF50;
87 | }
88 | td{
89 | font-size: 18px;
90 | }
91 | footer{
92 | text-align: center;
93 | padding: 20px;
94 | color: #b0bec5;
95 | }
96 | footer img{
97 | margin-top: 20px;
98 | }
--------------------------------------------------------------------------------
/templates/settings.html:
--------------------------------------------------------------------------------
1 | {% include 'inc/header.html' %}
2 |
3 |
5 |
53 |
6 |
10 |
11 |
7 |
9 | Add An Item
8 |
12 |
51 |
52 |
4 |
61 |
62 | {% include 'inc/footer.html' %}
--------------------------------------------------------------------------------
/static/js/sortTable.js:
--------------------------------------------------------------------------------
1 | function sortTable(n) {
2 | var table, rows, switching, i, x, y, shouldSwitch, dir, switchcount = 0;
3 | table = document.getElementById("inventoryTable");
4 | switching = true;
5 | // Set the sorting direction to ascending:
6 | dir = "asc";
7 | /* Make a loop that will continue until
8 | no switching has been done: */
9 | while (switching) {
10 | // Start by saying: no switching is done:
11 | switching = false;
12 | rows = table.getElementsByTagName("TR");
13 | /* Loop through all table rows (except the
14 | first, which contains table headers): */
15 | for (i = 1; i < (rows.length - 1); i++) {
16 | // Start by saying there should be no switching:
17 | shouldSwitch = false;
18 | /* Get the two elements you want to compare,
19 | one from current row and one from the next: */
20 | x = rows[i].getElementsByTagName("TD")[n];
21 | y = rows[i + 1].getElementsByTagName("TD")[n];
22 | /* Check if the two rows should switch place,
23 | based on the direction, asc or desc: */
24 | if (dir == "asc") {
25 | if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
26 | // If so, mark as a switch and break the loop:
27 | shouldSwitch = true;
28 | break;
29 | }
30 | } else if (dir == "desc") {
31 | if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) {
32 | // If so, mark as a switch and break the loop:
33 | shouldSwitch = true;
34 | break;
35 | }
36 | }
37 | }
38 | if (shouldSwitch) {
39 | /* If a switch has been marked, make the switch
40 | and mark that a switch has been done: */
41 | rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
42 | switching = true;
43 | // Each time a switch is done, increase this count by 1:
44 | switchcount ++;
45 | } else {
46 | /* If no switching has been done AND the direction is "asc",
47 | set the direction to "desc" and run the while loop again. */
48 | if (switchcount == 0 && dir == "asc") {
49 | dir = "desc";
50 | switching = true;
51 | }
52 | }
53 | }
54 | }
--------------------------------------------------------------------------------
/sqlSetup.sql:
--------------------------------------------------------------------------------
1 | -- MySQL dump 10.16 Distrib 10.1.23-MariaDB, for debian-linux-gnueabihf (armv7l)
2 | --
3 | -- Host: localhost Database: inventory
4 | -- ------------------------------------------------------
5 | -- Server version 10.1.23-MariaDB-9+deb9u1
6 |
7 | /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
8 | /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
9 | /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
10 | /*!40101 SET NAMES utf8mb4 */;
11 | /*!40103 SET @OLD_TIME_ZONE=@@TIME_ZONE */;
12 | /*!40103 SET TIME_ZONE='+00:00' */;
13 | /*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
14 | /*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
15 | /*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
16 | /*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
17 |
18 | --
19 | -- Table structure for table `items`
20 | --
21 |
22 | DROP TABLE IF EXISTS `items`;
23 | /*!40101 SET @saved_cs_client = @@character_set_client */;
24 | /*!40101 SET character_set_client = utf8 */;
25 | CREATE TABLE `items` (
26 | `id` int(11) NOT NULL AUTO_INCREMENT,
27 | `barcode` varchar(20) NOT NULL,
28 | `amount` int(255) NOT NULL,
29 | `name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL,
30 | `type` int(11) NOT NULL,
31 | PRIMARY KEY (`id`),
32 | UNIQUE KEY `barcode` (`barcode`)
33 | ) ENGINE=InnoDB AUTO_INCREMENT=171 DEFAULT CHARSET=utf8mb4;
34 | /*!40101 SET character_set_client = @saved_cs_client */;
35 |
36 | --
37 | -- Dumping data for table `items`
38 | --
39 |
40 | LOCK TABLES `items` WRITE;
41 | /*!40000 ALTER TABLE `items` DISABLE KEYS */;
42 | INSERT INTO `items` VALUES (1,'123456789',2,'Sample Item',1);
43 | /*!40000 ALTER TABLE `items` ENABLE KEYS */;
44 | UNLOCK TABLES;
45 | /*!40103 SET TIME_ZONE=@OLD_TIME_ZONE */;
46 |
47 | /*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
48 | /*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
49 | /*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;
50 | /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
51 | /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
52 | /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
53 | /*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
54 |
55 | -- Dump completed on 2018-12-21 23:32:09
--------------------------------------------------------------------------------
/static/pe-icon-set-food/css/helper.min.css:
--------------------------------------------------------------------------------
1 | /*! Modified from font-awesome helper CSS classes - PIXEDEN
2 | * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
3 | * License - http://fontawesome.io/license (CSS: MIT License)
4 | */.pe-fw,.pe-fw-h,.pe-li{text-align:center}.pe-fw-h,.pe-stack{display:inline-block}.pe-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.pe-stack,.pe-va{vertical-align:middle}.pe-2x{font-size:2em}.pe-3x{font-size:3em}.pe-4x{font-size:4em}.pe-5x{font-size:5em}.pe-fw{width:1.2857142857142858em}.pe-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.pe-ul>li{position:relative}.pe-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em}.pe-li.pe-lg{left:-1.8571428571428572em}.pe-border{padding:.2em .25em .15em;border-radius:.1em;border:.08em solid #eaeaea}.pull-right{float:right}.pull-left{float:left}.pe.pull-left{margin-right:.3em}.pe.pull-right{margin-left:.3em}.pe-spin{-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.pe-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.pe-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.pe-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.pe-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.pe-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.pe-stack{position:relative;width:2em;height:2em;line-height:2em}.pe-stack-1x,.pe-stack-2x{position:absolute;left:0;width:100%;text-align:center}.pe-stack-1x{line-height:inherit}.pe-stack-2x{font-size:2em}.pe-inverse{color:#fff}.pe-fw-h{width:1.2857142857142858em}
--------------------------------------------------------------------------------
/templates/index.html:
--------------------------------------------------------------------------------
1 | {% include 'inc/header.html' %}
2 |
3 |
5 |
60 |
6 |
10 |
11 |
58 |
59 |
7 |
9 | {{ config.sitetitle }} Settings
8 |
4 |
26 |
27 |
5 |
25 |
6 |
10 |
24 |
7 |
9 | {{ config.siteTitle }}
8 |
28 |
68 |
69 | {% include 'inc/footer.html' %}
70 |
--------------------------------------------------------------------------------
/templates/edititem.html:
--------------------------------------------------------------------------------
1 | {% include 'inc/header.html' %}
2 |
3 |
29 |
39 |
40 |
41 |
42 |
67 |
43 | {% include '/inc/tables/all.html' %}
44 |
45 |
46 |
47 | {% include '/inc/tables/fridge.html' %}
48 |
49 |
50 |
51 | {% include '/inc/tables/freezer.html' %}
52 |
53 |
54 |
55 | {% include '/inc/tables/cupboard.html' %}
56 |
57 |
58 |
59 | {% include '/inc/tables/veg.html' %}
60 |
61 |
62 |
63 | {% include '/inc/tables/fruit.html' %}
64 |
65 |
66 |
4 |
78 |
79 | {% include 'inc/footer.html' %}
--------------------------------------------------------------------------------
/static/js/jquery.simplePagination.js:
--------------------------------------------------------------------------------
1 | /**
2 | * jquery.simplePagination.js
3 | * @version: v1.0.0
4 | * @author: Sebastian Marulanda http://marulanda.me
5 | * @see: https://github.com/smarulanda/jquery.simplePagination
6 | */
7 |
8 | (function($) {
9 |
10 | $.fn.simplePagination = function(options) {
11 |
12 | var defaults = {
13 | perPage: 10,
14 | containerClass: 'tablePagination',
15 | previousButtonClass: 'green',
16 | nextButtonClass: 'green',
17 | previousButtonText: 'Previous',
18 | nextButtonText: 'Next',
19 | currentPage: 1
20 | };
21 |
22 | var settings = $.extend({}, defaults, options);
23 |
24 | return this.each(function() {
25 | var $rows = $('tbody tr', this);
26 | var pages = Math.ceil($rows.length/settings.perPage);
27 |
28 | var container = document.createElement('div');
29 | var bPrevious = document.createElement('button');
30 | var bNext = document.createElement('button');
31 | var of = document.createElement('span');
32 |
33 | bPrevious.innerHTML = settings.previousButtonText;
34 | bNext.innerHTML = settings.nextButtonText;
35 |
36 | container.className = settings.containerClass;
37 | bPrevious.className = settings.previousButtonClass;
38 | bNext.className = settings.nextButtonClass;
39 |
40 | bPrevious.style.marginRight = '10px';
41 | bNext.style.marginLeft = '10px';
42 | container.style.textAlign = "center";
43 | container.style.marginTop = '20px';
44 | container.style.marginBottom = '20px';
45 |
46 | container.appendChild(bPrevious);
47 | container.appendChild(of);
48 | container.appendChild(bNext);
49 |
50 | $(this).after(container);
51 |
52 | update();
53 |
54 | $(bNext).click(function() {
55 | if (settings.currentPage + 1 > pages) {
56 | settings.currentPage = pages;
57 | } else {
58 | settings.currentPage++;
59 | }
60 |
61 | update();
62 | });
63 |
64 | $(bPrevious).click(function() {
65 | if (settings.currentPage - 1 < 1) {
66 | settings.currentPage = 1;
67 | } else {
68 | settings.currentPage--;
69 | }
70 |
71 | update();
72 | });
73 |
74 | function update() {
75 | var from = ((settings.currentPage - 1) * settings.perPage) + 1;
76 | var to = from + settings.perPage - 1;
77 |
78 | if (to > $rows.length) {
79 | to = $rows.length;
80 | }
81 |
82 | $rows.hide();
83 | $rows.slice((from-1), to).show();
84 |
85 | of.innerHTML = from + ' to ' + to + ' of ' + $rows.length + ' entries';
86 |
87 | if ($rows.length <= settings.perPage) {
88 | $(container).hide();
89 | } else {
90 | $(container).show();
91 | }
92 | }
93 | });
94 |
95 | }
96 |
97 | }(jQuery));
98 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Kitchen Inventory
2 |
3 | **A stock system for food and such. Currently a work in progress.**
4 |
5 |
6 | 
7 |
8 | ## Requirements
9 | - MySQL / MariaDB
10 | - Python 3 with...
11 | - Flask, flask-mysql, flask-basicauth, requests, configparser
12 | - Gunicorn (or similar)
13 |
14 | ## Setup
15 | 1. Create a MySQL database and user and grant it full access to said database.
16 | 2. Import the `sqlSetup.sql` file to get it ready for the inventory.
17 | 3. Fill in the DB details in `config.ini`.
18 | 4. If you wish to password protect the site fill in some login details in `config.ini` also:
19 |
20 | 5. You can test the app by setting `active = True` under the `[testMode]` section of the `config.ini` file and then running `python3 inventory.py`.
21 | You can then access the site at http://localhost:5000.
22 | If you are running it on another machine change `127.0.0.1` to `0.0.0.0`.
23 | _(Depending on your setup, you may also need to forward port 5000 if running it from another machine.)_
24 |
25 | If you are to leave it running then it is recommended to use something like [Gunicorn](https://gunicorn.org/) to serve the files instead.
26 | For example: `gunicorn -b 0.0.0.0:5000 inventory:app --daemon`.
27 |
28 | ## Removing Basic Auth Login
29 | If you don't wish to have an auth login for the site you can remove it as follows:
30 | 1. Remove or comment out the following lines in `inventory.py`:
31 | ```
32 | app.config['BASIC_AUTH_USERNAME'] = config['basicAuth']['username']
33 | app.config['BASIC_AUTH_PASSWORD'] = config['basicAuth']['password']
34 | app.config['BASIC_AUTH_FORCE'] = config['basicAuth']['forceAuth']
35 | basic_auth = BasicAuth(app)
36 | ```
37 | as well as all instances of `@basic_auth.required` in the same file.
38 |
39 | ## Settings
40 | There is a settings page accessible from `/settings` or by clicking the settings menu link.
41 | Here you can change the title of the site as well as activate and deactivate a dark mode and disable manual barcode usage.
42 |
43 | _More options will be here as the project develops._
44 |
45 | ---
46 |
47 | ## Contributions
48 | If you feel you have something to add or make better or whatever feel free to contribute to the project by forking and submitting pull requests. There is also the [development branch](https://github.com/fuzzymannerz/Kitchen-Inventory/tree/development) which contains the latest ideas being worked on.
49 | Don't use it though in production as it's most likely broken. ;)
50 |
51 | ## Credits
52 | This project utilises the following projects and technologies:
53 | - flask - http://flask.pocoo.org/
54 | - MaterializeCSS - http://materializecss.com/
55 | - Pixeden Foood Icons - http://themes-pixeden.com/font-demos/the-icons-set/food/
56 | - jQuery - https://code.jquery.com
57 | - Some other things that I've probably fogotten to list. :(
58 |
--------------------------------------------------------------------------------
/templates/nostock.html:
--------------------------------------------------------------------------------
1 | {% include 'inc/header.html' %}
2 |
3 |
5 |
77 |
6 |
10 |
11 |
7 |
9 | Edit Item
8 |
12 |
75 |
76 |
4 |
24 |
25 |
5 |
23 |
6 |
10 |
7 |
9 | No Stock Items
8 |
11 |
12 |
22 |
13 |
14 | chevron_leftGo Back
15 | {% if editMode %}
16 | checkDone
17 | {% else %}
18 | editEdit
19 | {% endif %}
20 |
21 |
26 |
92 |
93 | {% include 'inc/footer.html' %}
--------------------------------------------------------------------------------
/static/js/inventory.js:
--------------------------------------------------------------------------------
1 | $(document).ready(function(){
2 | $('select').formSelect();
3 | $('.tabs').tabs();
4 |
5 | $("table").simplePagination({});
6 |
7 | });
8 |
9 |
10 | function fillFormError(){
11 | M.toast({html: "Please fill in all the form fields!", classes: 'red'});
12 | }
13 |
14 | // Add new item form submission
15 | $(function() {
16 | $('#addNewItem').click(function() {
17 |
18 | if ($.trim($("#barcode").val()) === "" || $.trim($("#item_name").val()) === "" || $.trim($("#amount").val()) === "") {
19 | fillFormError();
20 | return false;
21 | }
22 |
23 | $.ajax({
24 | url: '/additem',
25 | data: $('form').serialize(),
26 | type: 'POST',
27 | success: function(response) {
28 | $("body").load("/");
29 | },
30 | error: function(error) {
31 | $("body").load("/error/" + error);
32 | }
33 | });
34 | });
35 |
36 | // Save Settings form submission
37 | $("#settingsNotice").hide();
38 |
39 | $('#saveSettings').click(function() {
40 |
41 | if ($.trim($("#siteTitle").val()) === "") {
42 | fillFormError();
43 | return false;
44 | }
45 |
46 | $.ajax({
47 | url: '/settings/save',
48 | data: $('form').serialize(),
49 | type: 'POST',
50 | success: function(response) {
51 | M.toast({html: "Settings saved successfully!
27 |
91 |
28 |
29 |
30 |
31 |
89 |
90 | | ITEM | 33 |TYPE | 34 |||||
|---|---|---|---|---|---|
| 42 | {{ item[3] }} 43 | create 44 | | 45 | {% else %} 46 |{{ item[3] }} create | 47 | {% endif %} 48 | 49 | {% include 'inc/types.html' %} 50 | 51 | 52 | {% if editMode %} 53 |
54 |
55 |
56 | remove
57 |
58 |
59 | |
60 |
61 |
62 |
63 |
64 | add
65 |
66 |
67 | |
68 |
69 |
70 | {% else %}
71 |
72 |
73 | remove
74 |
75 | |
76 |
77 |
78 |
79 | add
80 |
81 | |
82 |
83 | {% endif %}
84 |
Reloading page...", classes: 'green'}) 52 | setTimeout(function(){window.location.reload()},1500); 53 | }, 54 | error: function(error) { 55 | $("body").load("/error/" + error); 56 | } 57 | }); 58 | }); 59 | 60 | // Edit item page form submission 61 | $('#updateItem').click(function() { 62 | 63 | if ($.trim($("#item_name").val()) === "" || $.trim($("#barcode").val()) === "" || $.trim($("#amount").val()) === "") { 64 | fillFormError(); 65 | return false; 66 | } 67 | 68 | $.ajax({ 69 | url: '/updateitem', 70 | data: $('form').serialize(), 71 | type: 'POST', 72 | success: function(response) { 73 | window.location.href = "/"; 74 | }, 75 | error: function(error) { 76 | $("body").load("/error/" + error); 77 | } 78 | }); 79 | }); 80 | }); 81 | 82 | // Table search function 83 | function tableSearch(inputID, tableID) { 84 | // Declare variables 85 | var input, filter, table, tr, td, i; 86 | input = document.getElementById(inputID); 87 | filter = input.value.toUpperCase(); 88 | table = document.getElementById(tableID); 89 | tr = table.getElementsByTagName("tr"); 90 | 91 | // Loop through all table rows, and hide those that don't match the search query 92 | for (i = 0; i < tr.length; i++) { 93 | td = tr[i].getElementsByTagName("td")[0]; 94 | if (td) { 95 | if (td.innerHTML.toUpperCase().indexOf(filter) > -1) { 96 | $(tr[i]).fadeIn('fast'); 97 | //tr[i].style.display = ""; 98 | } else { 99 | $(tr[i]).fadeOut('fast'); 100 | //tr[i].style.display = "none"; 101 | } 102 | } 103 | } 104 | } 105 | /* 106 | // Tooltips 107 | $(document).ready(function(){ 108 | $('.tooltipped').tooltip(); 109 | }); 110 | */ -------------------------------------------------------------------------------- /templates/viewall.html: -------------------------------------------------------------------------------- 1 | {% include 'inc/header.html' %} 2 | 3 |
4 |
24 |
25 |
5 |
23 |
6 |
10 |
7 |
9 | {{ config.siteTitle }}
8 |
11 |
12 |
22 |
13 |
14 | chevron_leftGo Back
15 | {% if editMode %}
16 | checkDone
17 | {% else %}
18 | editEdit
19 | {% endif %}
20 |
21 |
26 |
95 |
96 | {% include 'inc/footer.html' %}
--------------------------------------------------------------------------------
/static/pe-icon-set-food/css/helper.css:
--------------------------------------------------------------------------------
1 | /* HELPER CLASS
2 | * -------------------------- */
3 | /* FA based classes */
4 | /*! Modified from font-awesome helper CSS classes - PIXEDEN
5 | * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
6 | * License - http://fontawesome.io/license (CSS: MIT License)
7 | */
8 | /* makes the font 33% larger relative to the icon container */
9 | .pe-lg {
10 | font-size: 1.3333333333333333em;
11 | line-height: 0.75em;
12 | vertical-align: -15%;
13 | }
14 |
15 | .pe-2x {
16 | font-size: 2em;
17 | }
18 |
19 | .pe-3x {
20 | font-size: 3em;
21 | }
22 |
23 | .pe-4x {
24 | font-size: 4em;
25 | }
26 |
27 | .pe-5x {
28 | font-size: 5em;
29 | }
30 |
31 | .pe-fw {
32 | width: 1.2857142857142858em;
33 | text-align: center;
34 | }
35 |
36 | .pe-ul {
37 | padding-left: 0;
38 | margin-left: 2.142857142857143em;
39 | list-style-type: none;
40 | }
41 |
42 | .pe-ul > li {
43 | position: relative;
44 | }
45 |
46 | .pe-li {
47 | position: absolute;
48 | left: -2.142857142857143em;
49 | width: 2.142857142857143em;
50 | top: 0.14285714285714285em;
51 | text-align: center;
52 | }
53 |
54 | .pe-li.pe-lg {
55 | left: -1.8571428571428572em;
56 | }
57 |
58 | .pe-border {
59 | padding: .2em .25em .15em;
60 | border: solid 0.08em #eeeeee;
61 | border-radius: .1em;
62 | }
63 |
64 | .pull-right {
65 | float: right;
66 | }
67 |
68 | .pull-left {
69 | float: left;
70 | }
71 |
72 | .pe.pull-left {
73 | margin-right: .3em;
74 | }
75 |
76 | .pe.pull-right {
77 | margin-left: .3em;
78 | }
79 |
80 | .pe-spin {
81 | -webkit-animation: spin 2s infinite linear;
82 | animation: spin 2s infinite linear;
83 | }
84 | @-webkit-keyframes spin {
85 | 0% {
86 | -webkit-transform: rotate(0deg);
87 | }
88 | 100% {
89 | -webkit-transform: rotate(359deg);
90 | }
91 | }
92 | @keyframes spin {
93 | 0% {
94 | -webkit-transform: rotate(0deg);
95 | transform: rotate(0deg);
96 | }
97 | 100% {
98 | -webkit-transform: rotate(359deg);
99 | transform: rotate(359deg);
100 | }
101 | }
102 | .pe-rotate-90 {
103 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
104 | -webkit-transform: rotate(90deg);
105 | -ms-transform: rotate(90deg);
106 | transform: rotate(90deg);
107 | }
108 |
109 | .pe-rotate-180 {
110 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
111 | -webkit-transform: rotate(180deg);
112 | -ms-transform: rotate(180deg);
113 | transform: rotate(180deg);
114 | }
115 |
116 | .pe-rotate-270 {
117 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
118 | -webkit-transform: rotate(270deg);
119 | -ms-transform: rotate(270deg);
120 | transform: rotate(270deg);
121 | }
122 |
123 | .pe-flip-horizontal {
124 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
125 | -webkit-transform: scale(-1, 1);
126 | -ms-transform: scale(-1, 1);
127 | transform: scale(-1, 1);
128 | }
129 |
130 | .pe-flip-vertical {
131 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
132 | -webkit-transform: scale(1, -1);
133 | -ms-transform: scale(1, -1);
134 | transform: scale(1, -1);
135 | }
136 |
137 | .pe-stack {
138 | position: relative;
139 | display: inline-block;
140 | width: 2em;
141 | height: 2em;
142 | line-height: 2em;
143 | vertical-align: middle;
144 | }
145 |
146 | .pe-stack-1x,
147 | .pe-stack-2x {
148 | position: absolute;
149 | left: 0;
150 | width: 100%;
151 | text-align: center;
152 | }
153 |
154 | .pe-stack-1x {
155 | line-height: inherit;
156 | }
157 |
158 | .pe-stack-2x {
159 | font-size: 2em;
160 | }
161 |
162 | .pe-inverse {
163 | color: #ffffff;
164 | }
165 |
166 | /* Custom classes / mods - PIXEDEN */
167 | .pe-va {
168 | vertical-align: middle;
169 | }
170 |
171 | .pe-border {
172 | border: solid 0.08em #eaeaea;
173 | }
174 |
175 | .pe-fw-h {
176 | width: 1.2857142857142858em;
177 | text-align: center;
178 | display: inline-block;
179 | }
180 |
--------------------------------------------------------------------------------
/inventory.py:
--------------------------------------------------------------------------------
1 | from flask import Flask, render_template, redirect, request, url_for
2 | from flaskext.mysql import MySQL
3 | from flask_basicauth import BasicAuth
4 | import requests
5 | import configparser
6 | from random import randint
7 | import sys
8 |
9 | # Configuration
10 | app = Flask(__name__)
11 | config = configparser.ConfigParser()
12 | config.read('config.ini')
13 |
14 | version = "0.1"
15 |
16 | # Setup protection
17 | app.config['BASIC_AUTH_USERNAME'] = config['basicAuth']['username']
18 | app.config['BASIC_AUTH_PASSWORD'] = config['basicAuth']['password']
19 | app.config['BASIC_AUTH_FORCE'] = config['basicAuth']['forceAuth']
20 | basic_auth = BasicAuth(app)
21 |
22 | # Set the MySQL configuration
23 | app.config['MYSQL_DATABASE_USER'] = config['mySQL']['username']
24 | app.config['MYSQL_DATABASE_PASSWORD'] = config['mySQL']['password']
25 | app.config['MYSQL_DATABASE_DB'] = config['mySQL']['database']
26 | app.config['MYSQL_DATABASE_HOST'] = config['mySQL']['host']
27 | mysql = MySQL(app)
28 | mysql.init_app(app)
29 |
30 |
31 | # Set the index page
32 | @app.route('/')
33 | @app.route('/edit/
27 |
94 |
28 |
29 |
30 |
31 |
92 |
93 | | ITEM | 33 |AMOUNT | 34 |TYPE | 35 ||||||
|---|---|---|---|---|---|---|---|
| delete_forever | 43 | 44 |45 | {{ item[3] }} 46 | create 47 | | 48 | {% else %} 49 |{{ item[3] }} create | 50 | {% endif %} 51 |{{ item[2] }} | 52 | 53 | {% include 'inc/types.html' %} 54 | 55 | {% if editMode %} 56 |
57 |
58 |
59 | remove
60 |
61 |
62 | |
63 |
64 |
65 |
66 |
67 | add
68 |
69 |
70 | |
71 |
72 |
73 | {% else %}
74 |
75 |
76 | remove
77 |
78 | |
79 |
80 |
81 |
82 | add
83 |
84 | |
85 |
86 | {% endif %}
87 |