optimized web interface for mobile (7dc2d350) · Commits · Intelligent 3D Graphics / mi-camera_photo

sdk/build/miphoto-start.sh

+1 −1

Original line number	Diff line number	Diff line
		@@ -2,5 +2,5 @@

		sleep 3
		cd /tmp/SD0/miphoto
		./miphoto-exec >/dev/null
		./miphoto-exec >/dev/null &

sdk/build/www/index.html

+125 −111

Original line number	Diff line number	Diff line
		@@ -6,6 +6,7 @@
		<link rel="stylesheet" type="text/css" href="slider.css">
		<script src="jquery.min.js"></script>
		<script type="text/javascript" src="script.js"></script>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		</head>


		@@ -28,7 +29,9 @@


		<form id="wsForm" onsubmit="return false;"> <!-- onchange="wsFormOnChange()" -->
		<table id="wsFormTable1">
		<table id="wsFormTable1"><tbody>
		<tr>
		<td><table class="wrapper">
		<tr>
		<td><label for="speedSelect">Speed:</label></td>
		<td><select id="speedSelect" name="speed" disabled>
		@@ -52,7 +55,20 @@
		<option value="16">16</option>
		<option value="32">32</option>
		</select></td>
		</tr><tr>
		<td><label for="wbSelect">Whitebalance:</label></td>
		<td><select id="wbSelect" name="photoWB" disabled>
		<option value="0">Auto</option>
		<option value="1">Outdoor</option>
		<option value="2">Shadow</option>
		<option value="3">Cloudy</option>
		<option value="4">Night</option>
		</select></td>
		</tr>
		</table></td>

		<td><table class="wrapper">
		<tr>
		<td><label for="isoSelect">ISO:</label></td>
		<td><select id="isoSelect" name="iso" disabled>
		<option value="0">Auto</option>
		@@ -64,33 +80,18 @@
		<option value="1600">1600</option>
		</select></td>
		</tr>

		<tr>
		<td><label for="wbSelect">Whitebalance:</label></td>
		<td><select id="wbSelect" name="photoWB" disabled>
		<option value="0">Auto</option>
		<option value="1">Outdoor</option>
		<option value="2">Shadow</option>
		<option value="3">Cloudy</option>
		<option value="4">Night</option>
		</select></td>
		<td></td>
		<td></td>
		</table></td>
		</tr>

		<tr>
		<td><table class="wrapper">
		<tr>
		<td><label for="checkboxBracketing">Bracketing</label></td>
		<td><label class="switch">
		<input id="checkboxBracketing" type="checkbox" disabled><span class="slider"></span>
		</label></td>
		<td><label for="checkboxTimelapse">Timelapse</label></td>
		<td><label class="switch">
		<input id="checkboxTimelapse" type="checkbox" disabled><span class="slider"></span>
		</label></td>
		</tr>


		<tr>
		</tr><tr>
		<td><label for="bracketingEvSelect">EV:</label></td>
		<td><select id="bracketingEvSelect" name="bracketingEV" disabled>
		<option value="1">1</option>
		@@ -100,6 +101,26 @@
		<option value="5">5</option>
		</select></td>

		</tr><tr>
		<td><label for="bracketingCountSelect">Count:</label></td>
		<td><select id="bracketingCountSelect" name="bracketingHalf" disabled>
		<option value="1">3</option>
		<option value="2">5</option>
		<option value="3">7</option>
		<option value="4">9</option>
		</select></td>

		</tr>
		</table></td>

		<td><table class="wrapper">
		<tr>
		<td><label for="checkboxTimelapse">Timelapse</label></td>
		<td><label class="switch">
		<input id="checkboxTimelapse" type="checkbox" disabled><span class="slider"></span>
		</label></td>

		</tr><tr>
		<td><label for="timelapseIntervalSelect">Interval:</label></td>
		<td><select id="timelapseIntervalSelect" name="timelapseInterval" disabled>
		<option value="10">10 s</option>
		@@ -116,17 +137,8 @@
		<option value="1500">25 min</option>
		<option value="1800">30 min</option>
		</select></td>
		</tr>

		<tr>
		<td><label for="bracketingCountSelect">Count:</label></td>
		<td><select id="bracketingCountSelect" name="bracketingHalf" disabled>
		<option value="1">3</option>
		<option value="2">5</option>
		<option value="3">7</option>
		<option value="4">9</option>
		</select></td>

		</tr><tr>
		<td><label for="timelapseCountSelect">Count:</label></td>
		<td><select id="timelapseCountSelect" name="timelapseCount" disabled>
		<option value="2">2</option>
		@@ -143,8 +155,10 @@
		<option value="16">16</option>
		<option value="18">20</option>
		</select></td>

		</tr>
		</table>
		</table></td>
		<tbody></table>

		<!--<table id="wsFormTable2">
		<tr>

sdk/build/www/style.css

+58 −9

Original line number	Diff line number	Diff line
		@@ -171,28 +171,77 @@ table {
		margin: 20px 0px;
		border-spacing: 0;
		}
		td:nth-child(2n) {
		text-align: left;

		table.wrapper
		{
		margin: 0;
		border-spacing: 0;
		width: 100%;
		border: 0px none;s
		}

		#wsFormTable1
		{
		width: 100%;
		}

		#wsFormTable1 td:nth-child(2n+3) {
		padding-left: 25px;
		#wsFormTable1 > tbody > tr > td
		{
		vertical-align: top;
		}

		#wsFormTable1 tr:nth-child(2) td
		#wsFormTable1 > tbody > tr:nth-child(1) > td
		{
		padding-bottom: 10px;
		border-bottom: 1px solid #fff6cb;
		}

		#wsFormTable1 tr:nth-child(n+3) td:nth-child(2)
		#wsFormTable1 > tbody > tr:nth-child(2) > td
		{
		padding-top: 10px;
		border-top: 1px solid #fff6cb;
		}

		#wsFormTable1 > tbody > tr:nth-child(n+2) > td:nth-child(1)
		{
		border-right: 1px solid #fff6cb;
		}

		#wsFormTable1 > tbody > tr > td:nth-child(2)
		{
		padding-left: 15px;
		}


		#wsFormTable2 td:first-child
		/*#wsFormTable2 td:first-child
		{
		width: 200px;
		}1
		No newline at end of file
		}*/

		@media only screen and (max-width: 475px) {
		.box
		{
		width: unset;
		left: 0;
		right: 0;
		padding: 20px;
		}

		}

		@media only screen and (max-width: 427px) {
		#wsFormTable1, #wsFormTable1 > tbody > tr > td
		{
		width: 100%;
		}

		#wsFormTable1 > tbody > tr > td
		{
		display: table-row;
		}

		#wsFormTable1 > tbody > tr:nth-child(n+2) > td > table tr:nth-child(n+2) > td {
		padding-left: 20px;
		}
		}

		}