Skip to content

Commit

Permalink
gov banner no collapsed fields
Browse files Browse the repository at this point in the history
  • Loading branch information
Hall authored and Hall committed Feb 15, 2017
1 parent b025b7f commit 6e1a0ab
Showing 1 changed file with 380 additions and 0 deletions.
380 changes: 380 additions & 0 deletions mockups/index2.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,380 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>TFRS</title>

<!-- Bootstrap -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<link href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="theme.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

</head>
<body>
<div id="header-main">
<div class="container">
<div class="row" id="header-main-row1">
<h2><a href="www2.gov.bc.ca/gov/content/home"><img src="http://www2.gov.bc.ca/assets/gov/home/bc_gov_logo_transparent.png" alt="Government of B.C." title="Government of B.C." /></a>
Transportation Fuels Reporting System</h2>
</div>
</div>
</div>
<div class="navigationRibbon">
</div>
<div class="container">
<ul class="nav nav-tabs">
<li><a data-toggle="tab" href="index.html">Home</a></li>
<li class="active"><a data-toggle="tab" href="#reports">Reports</a></li>
<li><a data-toggle="tab" href="#applications">Applications</a></li>
</ul>
<div class="tab-content">
<p> </p>
<div class="tab-pane" id="home">
</div> <!-- tab-pane home -->
<div class="tab-pane active" id="reports">

<div class="row" valign="center">
<div class="col-xs-6" valign="top">
<label for="supplyinbc">Did you supply or transfer fuel in BC this compliance period?</label>
</div>
<div class="col-xs-6">
<div class="btn-group btn-toggle" data-toggle="collapse" data-target="#reportFuelSupply,#fuelSupplySummaryTable">
<button class="btn btn-sm btn-default">YES</button>
<button class="btn btn-sm btn-primary active">NO</button>
</div>
</div>
</div> <!-- / row -->

<div class="row">
<!--<div class="collapse" id="reportFuelSupply">-->
<div class="form-group">
<div class="col-lg-4 col-sm-6 col-xs-12">
<label for="fueltype">Fuel Type:</label>
<select class="form-control" id="fueltype">
<option selected disabled>Select a Fuel Type</option>
<option>Petroleum_based_gasoline</option>
<option>Petroleum_based_diesel</option>
<option>Hydrogen</option>
<option>Electricity</option>
<option>CNG</option>
<option>LNG</option>
<option>Propane</option>
<option>Ethanol</option>
<option>Biodiesel</option>
<option>HDRD</option>
<option>Renewable_diesel</option>
<option>Natural_gas_based_gasoline</option>
<option>Renewable_gasoline</option>
</select>
<label for="fuelclass">Fuel Class:</label>
<select class="form-control" id="fuelclass">
<option selected disabled>Select a Fuel Class</option>
<option>Gasoline</option>
<option>Diesel</option>
</select>

<label for="section">Provision of Act:</label>
<select class="form-control" id="section">
<option selected disabled>section used to determine carbon intensity</option>
<option>section 6 (5) (d) (i) - Regulation default value</option>
<option>Hydrogen CI Determination Method</option>
<option>Electricity CI Determination Method</option>
<option>CNG CI Determination Method</option>
<option>LNG CI Determination Method</option>
<option>Propane CI Determination Method</option>
<option>Diesel CI Determination Method</option>
<option>Ethanol CI Determination Method</option>
<option>HDRD CI Determination Method</option>
<option>Biodiesel CI Determination Method</option>
<option>Gasoline CI Determination Method</option>
</select>
<label for="fuelcode">Fuel Code:</label>
<select class="form-control" id="fuelcode" placeholder="select the fuel code">
<option selected disabled>If Section 6.5.c, what is the Fuel Code?</option>
<option>BCLCF101.0</option>
<option>BCLCF101.1</option>
<option>BCLCF102.1</option>
<option>BCLCF103.0</option>
</select>
</div>
<div class="col-lg-4 col-sm-6 col-xs-12">
<label for="quantity">Fuel Quantity:</label>
<input type="text" class="form-control" id="quantity" placeholder="Specify the quantity of fuel">
<label for="fueluse">Use of Fuel:</label>
<select class="form-control" id="fuelclass">
<option selected disabled>Select the use of fuel</option>
<option>Transportation</option>
<option>Heating</option>
<option>other</option>
</select>
</div>
<div class="col-sm-12" align="right">
<p> </p>
</div>
<div class="col-sm-12" align="right">
<a class="btn btn-primary" href="#"> + Add Fuel </a>
</div>
</div> <!-- / form group -->
<!--</div> <!-- /collapse -->
</div> <!-- / row -->
<div class="row">
<div class="col-xs-12">
<h3>Fuel Supply Summary</h3>

<!-- table with pagination -->
<table id="fuelSupplyTable"
data-pagination="true"
data-search="true"
data-height="350">
</table>
<!-- / table with pagination -->
</div>
</div> <!-- /row -->
<div class="row">
<div class="col-xs-6" valign="top">
<label for="transferagreement">Do you have any transfers that you would like to report for this fuel?</label>
</div>
<div class="col-xs-6">
<div class="btn-group btn-toggle" data-toggle="collapse" data-target="#transfers,#transfers0,#transfers1,#transfers2,#transfers3,#transfers4">
<button class="btn btn-sm btn-default">YES</button>
<button class="btn btn-sm btn-primary active">NO</button>
</div>
</div>
</div> <!-- / row -->
<!--<div class="collapse" id="transfers">-->
<div class="row">
<div class="col-xs-12" id="transfers0">
<p>I transferred a fuel quantity of: </p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-lg-4" id="transfers1">
<input type="text" class="form-control" id="quantityTransferred" placeholder="Specify the quantity of fuel transferred">
</div>
<div class="col-xs-12 col-sm-6 col-lg-2" id="transfers2">Litres
<div class="btn-group btn-toggle" id="transferDirection">
<button class="btn btn-sm btn-default">TO</button>
<button class="btn btn-sm btn-primary active">FROM</button>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-lg-2" id="transfers3">
<p>this Transfer Partner: </p>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4" id="transfers4">
<select class="form-control" id="transferPartner">
<option selected disabled>Select Legal and/or Operating Name of supplier</option>
<option>Shell</option>
<option>PetroCan</option>
<option>BigPetro</option>
</select>
</div>
</div> <!-- /row -->
<!--</div> <!-- / collapse -->
</div> <!-- / tab pane content -->
<div class="tab-pane" id="applications">
<p> </p>
<div class="row">
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Credit Transfer Application</h3>
</div>
<div class="panel-body">If you need to apply for the approval of a credit transfer.</br>
<button type="button" class="btn btn-default">New</button>
<button type="button" class="btn btn-default">Load</button>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Credit Validation Application</h3>
</div>
<div class="panel-body">If you wish to apply for the early validation of credits in a previous quarter of this compliance period.</br>
<button type="button" class="btn btn-default">New</button>
<button type="button" class="btn btn-default">Load</button>
</div>
</div>
</div> <!--/.col-sm-6 -->
</div> <!-- / row -->
</div> <!-- / tab pane content -->
</div> <!-- / tab content -->
</div> <!-- / container -->



<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<script>
var data = [
{"fueldetails":{ "type": "Petroleum_based_gasoline", "class": "Gasoline", "section": "section 6 (5) (a) - prescribed carbon intensity ", "fuelcode": "Prescribed in Regulation" }, "energydetails":{ "quantity": "8000000", "unity": "L", "carbonintensitylimit": "84.23", "carbonintensityoffuel": "87.29", "energydensity": "34.69", "eer": "1", "energycontent": "277520000" }, "creditdebitcalcs":{ "credits": "0", "debits": "849.211200000001"}}
,{"fueldetails":{ "type": "Hydrogen", "class": "Diesel", "section": "section 6 (5) (d) (i) - Default value", "fuelcode": "Regulation Default" }, "energydetails":{ "quantity": "8000000", "unity": "kg", "carbonintensitylimit": "90.28", "carbonintensityoffuel": "95.51", "energydensity": "120", "eer": "1.9", "energycontent": "960000000" }, "creditdebitcalcs":{ "credits": "72981.12", "debits": "0"}}
,{"fueldetails":{ "type": "Ethanol", "class": "Gasoline", "section": "section 6 (5) (c) - BCLCF Code", "fuelcode": "Regulation Default" }, "energydetails":{ "quantity": "10000000", "unity": "L", "carbonintensitylimit": "84.23", "carbonintensityoffuel": "87.29", "energydensity": "23.58", "eer": "1", "energycontent": "235800000" }, "creditdebitcalcs":{ "credits": "0", "debits": "721.548"}}
,{"fueldetails":{ "type": "Biodiesel", "class": "Diesel", "section": "section 6 (5) (c) - BCLCF Code", "fuelcode": "BCLCF122.1" }, "energydetails":{ "quantity": "120000", "unity": "L", "carbonintensitylimit": "90.28", "carbonintensityoffuel": "7.91", "energydensity": "36.94", "eer": "1", "energycontent": "4432800" }, "creditdebitcalcs":{ "credits": "365.129736", "debits": "0"}}
,{"fueldetails":{ "type": "HDRD", "class": "Diesel", "section": "section 6 (5) (c) - BCLCF Code", "fuelcode": "BCLCF102.1" }, "energydetails":{ "quantity": "2500000", "unity": "L", "carbonintensitylimit": "90.28", "carbonintensityoffuel": "35.89", "energydensity": "36.51", "eer": "1", "energycontent": "91275000" }, "creditdebitcalcs":{ "credits": "4964.44725", "debits": "0"}}
,{"fueldetails":{ "type": "Petroleum_based_diesel", "class": "Diesel", "section": "section 6 (5) (b) - prescribed carbon intensity ", "fuelcode": "Prescribed in Regulation" }, "energydetails":{ "quantity": "50000000", "unity": "L", "carbonintensitylimit": "90.28", "carbonintensityoffuel": "93.55", "energydensity": "38.65", "eer": "1", "energycontent": "1932500000" }, "creditdebitcalcs":{ "credits": "0", "debits": "6319.27499999999"}}
,{"fueldetails":{ "type": "Electricity", "class": "Gasoline", "section": "section 6 (5) (d) (i) - Default value", "fuelcode": "Regulation Default" }, "energydetails":{ "quantity": "75000000", "unity": "kWh", "carbonintensitylimit": "84.23", "carbonintensityoffuel": "11", "energydensity": "3.6", "eer": "3.4", "energycontent": "270000000" }, "creditdebitcalcs":{ "credits": "74353.14", "debits": "0"}}
,{"fueldetails":{ "type": "CNG", "class": "Diesel", "section": "section 6 (5) (d) (i) - Default value", "fuelcode": "Regulation Default" }, "energydetails":{ "quantity": "12500000", "unity": "m^3", "carbonintensitylimit": "90.28", "carbonintensityoffuel": "62.14", "energydensity": "38.26", "eer": "1", "energycontent": "478250000" }, "creditdebitcalcs":{ "credits": "13457.955", "debits": "0"}}
,{"fueldetails":{ "type": "LNG", "class": "Diesel", "section": "section 6 (5) (d) (i) - Default value", "fuelcode": "Regulation Default" }, "energydetails":{ "quantity": "3000000", "unity": "kg", "carbonintensitylimit": "90.28", "carbonintensityoffuel": "63.26", "energydensity": "52.87", "eer": "1", "energycontent": "158610000" }, "creditdebitcalcs":{ "credits": "4285.6422", "debits": "0"}}
,{"fueldetails":{ "type": "Propane", "class": "Gasoline", "section": "section 6 (5) (d) (i) - Default value", "fuelcode": "Regulation Default" }, "energydetails":{ "quantity": "15000000", "unity": "L", "carbonintensitylimit": "84.23", "carbonintensityoffuel": "75.35", "energydensity": "25.59", "eer": "1", "energycontent": "383850000" }, "creditdebitcalcs":{ "credits": "3408.588", "debits": "0"}}
,{"fueldetails":{ "type": "Renewable_diesel", "class": "Diesel", "section": "section 6 (5) (d) (i) - Default value", "fuelcode": "Regulation Default" }, "energydetails":{ "quantity": "6000000", "unity": "L", "carbonintensitylimit": "90.28", "carbonintensityoffuel": "93.55", "energydensity": "38.65", "eer": "1", "energycontent": "231900000" }, "creditdebitcalcs":{ "credits": "0", "debits": "758.312999999999"}}
,{"fueldetails":{ "type": "Natural_gas_based_gasoline", "class": "Gasoline", "section": "section 6 (5) (d) (i) - Default value", "fuelcode": "Regulation Default" }, "energydetails":{ "quantity": "7500000", "unity": "L", "carbonintensitylimit": "84.23", "carbonintensityoffuel": "90.07", "energydensity": "34.69", "eer": "1", "energycontent": "260175000" }, "creditdebitcalcs":{ "credits": "0", "debits": "1519.422"}}
,{"fueldetails":{ "type": "Renewable_gasoline", "class": "Gasoline", "section": "section 6 (5) (d) (i) - Default value", "fuelcode": "Regulation Default" }, "energydetails":{ "quantity": "1500000", "unity": "L", "carbonintensitylimit": "84.23", "carbonintensityoffuel": "87.29", "energydensity": "34.69", "eer": "1", "energycontent": "52035000" }, "creditdebitcalcs":{ "credits": "0", "debits": "159.2271"}}
];
var columns = [
[{
"field": 'state',
"checkbox": true,
"rowspan": 2,
"align": 'center',
"valign": 'middle'
},{
"title": "Fuel Identification",
"colspan": 4,
"rowspan": 1
}, {
"title": "Energy Supplied by Fuel Calculation",
"colspan": 7,
"rowspan": 1
}, {
"title": "Credit / Debit Calculation",
"colspan": 2,
"rowspan": 1
}],
[{
"field": "fueldetails.type",
"title": "Fuel Type",
"colspan": 1,
"sortable": true,
"rowspan": 1
}, {
"field": "fueldetails.class",
"title": "Fuel Class",
"sortable": true,
"colspan": 1,
"rowspan": 1
}, {
"field": "fueldetails.section",
"title": "Provision of the Act",
"sortable": true,
"colspan": 1,
"rowspan": 1
}, {
"field": "fueldetails.fuelcode",
"title": "Fuel Code",
"sortable": true,
"colspan": 1,
"rowspan": 1
}, {
"field": "energydetails.quantity",
"title": "Quantity of Fuel Supplied",
"sortable": true,
"colspan": 1,
"rowspan": 1
}, {
"field": "energydetails.units",
"title": "Units",
"sortable": true,
"colspan": 1,
"rowspan": 1
}, {
"field": "energydetails.carbonintensitylimit",
"title": "Carbon Intensity Limit (gCo2e/MJ)",
"sortable": true,
"colspan": 1,
"rowspan": 1
}, {
"field": "energydetails.carbonintensityoffuel",
"title": "Carbon Intensity of Fuel (gCO2e/MJ)",
"sortable": true,
"colspan": 1,
"rowspan": 1
}, {
"field": "energydetails.energydensity",
"title": "Energy Density",
"sortable": true,
"colspan": 1,
"rowspan": 1
}, {
"field": "energydetails.eer",
"title": "EER",
"sortable": true,
"colspan": 1,
"rowspan": 1
}, {
"field": "energydetails.energycontent",
"title": "Energy Content (MJ)",
"sortable": true,
"colspan": 1,
"rowspan": 1
}, {
"field": "creditdebitcalcs.credits",
"title": "Credits",
"sortable": true,
"colspan": 1,
"rowspan": 1
},{
"field": "creditdebitcalcs.debits",
"title": "Debits",
"sortable": true,
"colspan": 1,
"rowspan": 1
}]
];

$(function() {
$('#fuelSupplyTable').bootstrapTable({
data: data,
columns: columns
});
});
</script>
<script>
/*bootstrap switch button toggle effect*/
$('.btn-toggle').click(function() {
$(this).find('.btn').toggleClass('active');

if ($(this).find('.btn-primary').size()>0) {
$(this).find('.btn').toggleClass('btn-primary');
}
if ($(this).find('.btn-danger').size()>0) {
$(this).find('.btn').toggleClass('btn-danger');
}
if ($(this).find('.btn-success').size()>0) {
$(this).find('.btn').toggleClass('btn-success');
}
if ($(this).find('.btn-info').size()>0) {
$(this).find('.btn').toggleClass('btn-info');
}

$(this).find('.btn').toggleClass('btn-default');

});

$('form').submit(function(){
alert($(this["options"]).val());
return false;
});
</script>

</body>
</html>

0 comments on commit 6e1a0ab

Please sign in to comment.