+++ /dev/null
-<?php
-/**********************************************************************
- * Title: Diet-Survey
- * Description: Application for calculating nutrient intake
- * Author: Agnibho Mondal
- * Website: http://code.agnibho.com
- **********************************************************************
- Copyright (c) 2013-2015 Agnibho Mondal
- All rights reserved
- **********************************************************************
- This file is part of Diet-Survey.
-
- Diet-Survey is free software: you can redistribute it and/or modify
- it under the terms of the GNU General Public License as published by
- the Free Software Foundation, either version 3 of the License, or
- (at your option) any later version.
-
- Diet-Survey is distributed in the hope that it will be useful,
- but WITHOUT ANY WARRANTY; without even the implied warranty of
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- GNU General Public License for more details.
-
- You should have received a copy of the GNU General Public License
- along with Diet-Survey. If not, see <http://www.gnu.org/licenses/>.
- **********************************************************************/
-?>
-<!DOCTYPE html>
-<html>
- <head>
- <title>Diet Survey</title>
- <meta charset="UTF-8"/>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
- <link href="res/bootstrap-3.3.6-dist/css/bootstrap.css" rel="stylesheet">
- <link href="res/custom.css" rel="stylesheet">
- <script src="res/jquery-1.11.3.min.js"></script>
- <script src="res/bootstrap-3.3.6-dist/js/bootstrap.js"></script>
- <script src="res/Chart.min.js"></script>
- <script src="script.js"></script>
- </head>
- <body>
- <div class="container">
- <div class="text-primary">
- <div class="jumbotron">
- <h1>Diet Survey</h1>
- <h2>Family diet survey based on 24 hours recall...</h2>
- </div>
- </div>
-
- <div id="js-check">
- <div class="alert alert-danger">
- <h3>It looks like you don't have JavaScript enabled. Please enable JavaScript to use Diet-Survey.</h3>
- </div>
- </div>
-
- <div id="initial" class="row"><!--Initial-->
-
- <div id="family-info" class="col-sm-6"><!--Family Info-->
- <div class="panel panel-success">
- <div class="panel-heading">
- <h3>Family Information</h3>
- </div>
- <div class="panel-body">
- <form role="form">
- <div class="form-group">
- <label for="">Head of the Family:</label>
- <input class="form-control" type="text" id="family-head" placeholder="Enter Name"/>
- </div>
- <hr>
- </form>
-
- <button class="btn btn-success btn-block" type="button" data-toggle="modal" data-target="#edit-member">Add Family Member</button>
- <hr>
-
- <div id="family-members">
- </div>
-
-
- <div class="modal fade" id="edit-member" tabindex="-1" role="dialog" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
- <h4>Add a member:</h4>
- </div>
- <div class="modal-body">
- <form class="form-horizontal" role="form">
- <div class="form-group">
- <label for="member-name" class="control-label col-sm-3">Name:</label>
- <div class="col-sm-9">
- <input class="form-control" type="text" id="member-name" placeholder="Enter name"/>
- </div>
- </div>
- <div class="form-group">
- <label for="member-age" class="control-label col-sm-3">Age:</label>
- <div class="col-sm-9">
- <input class="form-control" type="text" id="member-age" placeholder="Enter age in years"/>
- </div>
- </div>
- <div class="form-group">
- <div class="col-sm-offset-3 col-sm-2">
- <div class="radio">
- <label>
- <input type="radio" id="member-sex-male" name="member-sex"/>Male
- </label>
- </div>
- </div>
- <div class="col-sm-2">
- <div class="radio">
- <label>
- <input type="radio" id="member-sex-female" name="member-sex"/>Female
- </label>
- </div>
- </div>
- </div>
- <div class="form-group" id="member-work-box">
- <label for="member-work" class="control-label col-sm-3">Work Type:</label>
- <div class="col-sm-9">
- <select class="form-control" id="member-work">
- <option value="Sedentary">Sedentary</option>
- <option value="Moderate">Moderate</option>
- <option value="Heavy">Heavy</option>
- </select>
- </div>
- </div>
- <div class="well" id="female-special">
- <div class="form-group">
- <div class="col-sm-offset-4">
- <div class="radio">
- <label>
- <input type="radio" id="member-female-npnl" name="member-female" checked/>Non-Pregnant / Non-Lactating
- </label>
- </div>
- </div>
- </div>
- <div class="form-group">
- <div class="col-sm-offset-4">
- <div class="radio">
- <label>
- <input type="radio" id="member-female-pregnant" name="member-female"/>Pregnant
- </label>
- </div>
- </div>
- </div>
- <div class="form-group">
- <div class="col-sm-offset-4">
- <div class="radio">
- <label>
- <input type="radio" id="member-female-lactating-lt6" name="member-female"/>Lactating, below 6 months
- </label>
- </div>
- </div>
- </div>
- <div class="form-group">
- <div class="col-sm-offset-4">
- <div class="radio">
- <label>
- <input type="radio" id="member-female-lactating-gt6" name="member-female"/>Lactating, over 6 months
- </label>
- </div>
- </div>
- </div>
- </div>
- </form>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-primary" id="save-member">Save Member</button>
- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
- </div>
- </div>
- </div>
- </div>
-
- </div>
- </div>
- </div><!--Family-info-->
-
- <div id="food-info" class="col-sm-6"><!--Food Info-->
- <div class="panel panel-success">
- <div class="panel-heading">
- <h3>Food Consumption in 24 hours</h3>
- </div>
- <div class="panel-body">
- <form role="form">
- <div class="form-group">
- <label for="date-day">Date:</label>
- <div class="row">
- <div class="col-sm-4">
- <select class="form-control" id="date-day">
- </select>
- </div>
- <div class="col-sm-4">
- <select class="form-control" id="date-month">
- </select>
- </div>
- <div class="col-sm-4">
- <select class="form-control" id="date-year">
- </select>
- </div>
- </div>
- </div>
- <hr>
- </form>
-
- <button class="btn btn-success btn-block" type="button" data-toggle="modal" data-target="#edit-food">Add Food</button>
- <hr>
-
- <table class="table table-hover" id="food-list">
- </table>
-
- <div class="modal fade" id="edit-food" tabindex="-1" role="dialog" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
- <h4>Add a food:</h4>
- </div>
- <div class="modal-body">
- <form class="form-horizontal" role="form">
- <div class="form-group">
- <label for="food-name" class="control-label col-sm-3">Food Name:</label>
- <div class="col-sm-9">
- <select class="form-control" id="food-name">
- <option value="">--Select a food--</option>
- </select>
- </div>
- </div>
- <div class="form-group">
- <label for="food-amount" class="control-label col-sm-3">Amount:</label>
- <div class="col-sm-9">
- <input class="form-control" type="text" id="food-amount" placeholder="Enter amount in gm or ml"/>
- </div>
- </div>
- </form>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-primary" id="add-food">Add Food</button>
- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
- <button type="button" class="btn btn-default" id="launch-custom">New Food</button>
- </div>
- </div>
- </div>
- </div>
-
- </div>
- </div>
- </div><!--Food Info-->
-
- <hr>
- <div class="row">
- <div class="col-sm-offset-4 col-sm-4">
- <button type="button" class="btn btn-primary btn-lg btn-block" id="get-result">Get Result</button>
- </div>
- </div>
-
- </div><!--Initial-->
-
- <div class="row" id="final"><!--Final-->
- <div class="panel panel-info">
- <div class="panel-heading">
- <h3>Family Information</h3>
- </div>
- <div class="panel-body">
- <form class="form-horizontal" role="form">
- <div class="form-group">
- <label class="col-sm-6 control-label">Head of the Family:</label>
- <div class="col-sm-6">
- <p class="form-control-static" id="show-hof"></p>
- </div>
- <label class="col-sm-6 control-label">Date of Survey:</label>
- <div class="col-sm-6">
- <p class="form-control-static" id="show-date"></p>
- </div>
- </div>
- </form>
- <div class="panel panel-default">
- <div class="panel-heading">
- <h5>Family Members</h5>
- </div>
- <div class="body">
- <div class="row">
- <div class="col-md-offset-2 col-md-8">
- <table class="table table-bordered table-hover" id="show-members">
- <tr><th>Name</th><th>Age</th><th>Sex</th></tr>
- </table>
- <ul class="list-group" id="show-member-points">
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="panel panel-info">
- <div class="panel-heading">
- <h3>Foods consumed in last 24 hours</h3>
- </div>
- <div class="body">
- <div class="row">
- <div class="col-md-offset-4 col-md-4">
- <table class="table table-hover" id="show-foods">
- <tr><th>Name</th><th>Amount (mg or ml)</th></tr>
- </table>
- </div>
- </div>
- </div>
- </div>
- <div class="panel panel-info">
- <div class="panel-heading">
- <h3>Nutrient Requirement</h3>
- <h6>Reference: Nutrient Requirements and Recommended Dietary Allowences for Indians</h6>
- <h6>A Report of the Expert Group of the ICMR 2009</h6>
- <h6>National Institute of Nutrition, ICMR</h6>
- </div>
- <div class="body">
- <table class="table table-hover" id="show-requirement">
- <tr><th>Member</th><th>Energy</th><th>Protein</th><th>Iron</th><th>Vitamin A</th><th>Thiamine</th><th>Riboflavin</th><th>Vitamin C</th></tr>
- </table>
- </div>
- </div>
- <div class="panel panel-info">
- <div class="panel-heading">
- <h3>Nutritional value of consumed foods</h3>
- <h6>Reference: Nutritive Value of Indian Foods, ICMR, 1989</h6>
- </div>
- <div class="body">
- <table class="table table-hover" id="show-value">
- <tr><th>Food</th><th>Energy</th><th>Protein</th><th>Iron</th><th>Vitamin A</th><th>Thiamine</th><th>Riboflavin</th><th>Vitamin C</th></tr>
- </table>
- </div>
- </div>
- <div class="panel panel-info">
- <div class="panel-heading">
- <h3>Comparison of nutrient intake</h3>
- </div>
- <div class="body">
- <table class="table table-hover" id="show-compare">
- <tr><th>Nutrient</th><th>Requirement</th><th>Intake</th><th>Deficeiency / Excess</th></tr>
- </table>
- </div>
- </div>
- <div class="panel panel-info">
- <div class="panel-heading">
- <h3>Summary</h3>
- </div>
- <div class="body row">
- <br>
- <div class="col-md-offset-3 col-md-6">
- <ul class="list-group" id="show-summary">
- <li class="list-group-item">summary</li>
- </ul>
- </div>
- </div>
- </div>
-
- <canvas id="bar-diagram" height="400" width="600" class="center-block"></canvas>
-
- <hr>
- <div class="row">
- <div class="col-sm-offset-4 col-sm-4">
- <a href="" class="btn btn-primary btn-lg btn-block">Do Another Survey</a>
- </div>
- </div>
- </div><!--Final-->
-
- </div>
-
- <div class="modal fade" id="customize-food" tabindex="-1" role="dialog" aria-hidden="true">
- <div class="modal-dialog modal-lg">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
- <h4>Custom Food List:</h4>
- </div>
- <div class="modal-body">
- <table class="table">
- <tr class="text-center">
- <th>Name</th>
- <th>Energy</th>
- <th>Protein</th>
- <th>Iron</th>
- <th>Vitamin A</th>
- <th>Thiamine</th>
- <th>Riboflavin</th>
- <th>Vitamin C</th>
- <th></th>
- </tr>
- <tr>
- <td><input type="text" class="form-control" id="custom-name" placeholder="Name"></td>
- <td><input type="text" class="form-control" id="custom-energy" placeholder="Energy"></td>
- <td><input type="text" class="form-control" id="custom-protein" placeholder="Protein"></td>
- <td><input type="text" class="form-control" id="custom-iron" placeholder="Iron"></td>
- <td><input type="text" class="form-control" id="custom-vitA" placeholder="Vit A"></td>
- <td><input type="text" class="form-control" id="custom-thiamine" placeholder="Thiamine"></td>
- <td><input type="text" class="form-control" id="custom-riboflavin" placeholder="Riboflavin"></td>
- <td><input type="text" class="form-control" id="custom-vitC" placeholder="Vit C"></td>
- <td><button class="btn btn-success" id="custom-save">Save</button></td>
- </tr>
- </table>
- <hr>
- <div style="overflow:auto">
- <table class="table table-hover" id="custom-existing">
- </table>
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
- </div>
- </div>
- </div>
- </div>
-
- <div class="modal fade" id="block-wait" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <h4>Please wait while retrieving data from server</h4>
- </div>
- </div>
- </div>
- </div>
-
- <div class="modal fade" id="connect-fail" tabindex="-1" role="dialog" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
- <h4>Failed to connect server</h4>
- </div>
- </div>
- </div>
- </div>
-
- <hr>
- <div class="panel panel-info">
- <div class="panel-heading">
- <h3>Diet Survey</h3>
- <h4>Copyright © 2014 Agnibho Mondal</h4>
- <h4><a href="http://www.agnibho.com" style="text-decoration:none">www.agnibho.com</a></h4>
- </div>
- </div>
- </body>
-</html>