PHP Classes
elePHPant
Icontem

File: templates/examples/db/part_record.html.tpl

Recommend this page to a friend!
  Classes of Saro Carvello  >  PHP Web MVC Framework  >  templates/examples/db/part_record.html.tpl  >  Download  
File: templates/examples/db/part_record.html.tpl
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PHP Web MVC Framework
MVC framework providing autogenerated MySQL models
Author: By
Last change: Updated version
Date: 9 days ago
Size: 10,879 bytes
 

Contents

Class file image Download
<!DOCTYPE html>
<html>
<head>
    <title>Part list manager</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Bootstrap core CSS -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js"></script>

</head>
<body>
{Controller:examples\cms\NavigationBar}

<div class="container">
    <h1>{RES:PartManager}</h1>
    <form name="part_record_form" id="part_record_form" method="post" class="form-horizontal">
    
        <div class="panel panel-primary">
            
            <div class="panel-heading">
                <h1 class="panel-title">{FormTitle}</h1>
            </div>

            <div class="panel-body">

                <!-- BEGIN ValidationErrors -->
                <div class="form-group col-sm-12">
                    <div class="col-sm-1"></div>
                    <div class="alert alert-danger alert-dismissible col-sm-10" role="alert">
                        <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true"></span>
                            <span class="sr-only">Close</span></button>{RES:errormsg}
                        <br/>
                        <span id="campione_record_inccampioneErrorBlock">{Error}</span> 
                    </div>
                    <div class="col-sm-1"></div>
                </div>
                <!-- END ValidationErrors -->
                
                <div class="form-group col-sm-12">
                    <div class="col-sm-4 control-label">
                        <label class="text-danger">{RES:part_code}</label> 
                    </div>
     
                    <div class="col-sm-6 input-group">
                        <div class="input-group-addon">
                            <i class="fa fa-th" aria-hidden="true"></i> 
                        </div>
                        <input type="text" class="form-control" name="part_code" value="{part_code}" required {readonly}>
                    </div>
                </div>
                
                <div class="form-group col-sm-12">
                    <div class="col-sm-4 control-label">
                        <label class="text-danger">{RES:description}</label> 
                    </div>
     
                    <div class="col-sm-6 input-group">
                        <div class="input-group-addon">
                            <i class="fa fa-file-text-o" aria-hidden="true"></i>
                        </div>
                        <input type="text" class="form-control" name="description" value="{description}" required>
                    </div>
                </div>
                
                <div class="form-group row col-sm-12">
                    <div class="col-sm-4 control-label">
                        <label>{RES:source}</label>
                    </div>
                    <div class="col-sm-6 input-group">

                        <!--
                             <div class="input-group-addon">
                            <i class="fa fa-file-o" aria-hidden="true"></i>
                        </div>

                        <select class="form-control" name="source_old" id="source_old">
                                <option value="">{RES:source_select_value}</option>
                                <option value="MAKE">MAKE</option>
                                <option value="BUY">BUY</option>
                        </select>
                        -->

                        <label class="radio-inline"><input type="radio" value="MAKE" name="source" checked="checked">MAKE</label>
                        <label class="radio-inline"><input type="radio" value="BUY"  name="source">BUY</label>

                    </div>
                </div>

                <div class="form-group col-sm-12">
                    <div class="col-sm-4 control-label">
                        <label>{RES:source_lead_time}</label> 
                    </div>
     
                    <div class="col-sm-6 input-group">
                        <div class="input-group-addon">
                            <i class="fa fa-clock-o" aria-hidden="true"></i>
                        </div>
                        <input type="number" class="form-control" name="source_lead_time" value="{source_lead_time}">
                    </div>
                </div>
                
                <div class="form-group row col-sm-12">
                    <div class="col-sm-4 control-label">
                        <label class="text-danger">{RES:measurement_unit_code}</label>
                    </div>
                    <div class="col-sm-6 input-group">
                        <div class="input-group-addon">
                            <i class="fa fa-expand" aria-hidden="true"></i>
                        </div>
                        <select class="form-control" name="measurement_unit_code" id="measurement_unit_code" required>
                            <option value="">{RES:measurement_unit_code_select_value}</option>
                            <!-- BEGIN measurament_unit_code_list -->
                            <option value="{measurement_unit_code}">{name}</option>
                            <!-- END measurament_unit_code_list -->
                        </select>
                    </div>
                </div>

                <div class="form-group row col-sm-12">
                    <div class="col-sm-4 control-label">
                        <label class="text-danger">{RES:part_type_code}</label>
                    </div>
                    <div class="col-sm-6 input-group">
                        <div class="input-group-addon">
                            <i class="fa fa-sitemap" aria-hidden="true"></i>
                        </div>
                        <select class="form-control" name="part_type_code" id="part_type_code" required>
                            <option value="">{RES:part_type_code_select_value}</option>
                            <!-- BEGIN part_type_code_list -->
                            <option value="{part_type_code}">{name}</option>
                            <!-- END part_type_code_list -->
                        </select>
                    </div>
                </div>

                <div class="form-group row col-sm-12">
                    <div class="col-sm-4 control-label">
                        <label class="text-danger">{RES:part_category_code}</label>
                    </div>
                    <div class="col-sm-6 input-group">
                        <div class="input-group-addon">
                            <i class="fa fa-list-alt" aria-hidden="true"></i>
                        </div>
                        <select class="form-control" name="part_category_code" id="part_category_code" required>
                            <option value="">{RES:part_category_code_value}</option>
                            <!-- BEGIN part_category_code_list -->
                            <option value="{part_category_code}">{name}</option>
                            <!-- END part_category_code_list -->
                        </select>
                    </div>
                </div> 
                
                <div class="form-group col-sm-12">
                    <div class="col-sm-4 control-label">
                        <label>{RES:wastage}</label> 
                    </div>
     
                    <div class="col-sm-6 input-group">
                        <div class="input-group-addon">
                            <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
                        </div>
                        <input type="number" class="form-control" name="wastage" value="{wastage}">
                    </div>
                </div>  
 
                <div class="form-group col-sm-12">
                    <div class="col-sm-4 control-label">
                        <label>{RES:bom_levels}</label> 
                    </div>
     
                    <div class="col-sm-6 input-group">
                        <div class="input-group-addon">
                            <i class="fa fa-list-ol" aria-hidden="true"></i>
                        </div>
                        <input type="number" class="form-control" name="bom_levels" value="{bom_levels}">
                    </div>
                </div>                 
                
            </div>
     
            <div class="panel-footer">
                <div class="form-group text-center">
                  <label class="col-sm-1 control-label"></label> 
                  <div class="col-sm-10">
                    {Record:PartManagerRecord}
                  </div>
                </div>
            </div>
    
        </div>
        
    </form>
</div>
<script type="text/javascript">
    // Sets all form selects option value


    /** Method 1
    var element = document.getElementById('source');
    element.value = '{source}';

    var element = document.getElementById('measurement_unit_code');
    element.value = '{measurement_unit_code}';

    var element = document.getElementById('part_type_code');
    element.value = '{part_type_code}';

    var element = document.getElementById('part_category_code');
    element.value = '{part_category_code}';
    */

    // Method 2 - Better (do not change values when reset button is pressed)
    // $("#source option[value={source}]").attr('selected','selected');

    $('input[name=source][value="{source}"]').prop('checked', true);

    var measurement_unit_code = '{measurement_unit_code}';
    if (measurement_unit_code != '')
        $("#measurement_unit_code option[value={measurement_unit_code}]").attr('selected','selected');

    var part_type_code = '{part_type_code}';
    if (part_type_code != '')
        $("#part_type_code option[value={part_type_code}]").attr('selected','selected');

    var part_category_code = '{part_category_code}';
    if (part_category_code != '')
        $("#part_category_code option[value={part_category_code}]").attr('selected','selected');
</script>
</body>
</html>