Created
October 9, 2014 09:29
-
-
Save phatograph/a2b42c843c0ef81ed0f0 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="step2" class="upload-page" style=""> | |
| <h3>¢—ÈπµÕπ∑’Ë 2 Õ—æ‚À≈¥√Ÿªºπ—ß</h3> | |
| <h4>‡µ√’¬¡¿“æ∂Ë“¬</h4> | |
| <ol> | |
| <li>¥“«πÏ‚À≈¥√Ÿª —≠≈—°…≥Ï ·≈–æ‘¡æÏ„π°√–¥“… A4 (<a href="/Content/images/symbol-page-001.jpg" target="_blank">click</a>)</li> | |
| <li>µ‘¥°√–¥“… A4 ∑’Ë¡’√Ÿª —≠≈—°…≥Ï∑’˺π—ß</li> | |
| - ∂Ë“¬√Ÿªºπ—ß(∑—Èß 4 ºπ—ß)∑’˵‘¥°√–¥“… A4 ‚¥¬„ÀȇÀÁπ‡æ¥“π·≈–æ◊ÈπÀÈÕß √«¡∑—ÈߢÕ∫¥È“π´È“¬·≈–¥È“π¢«“¢Õߺπ—ß (<a href="/Content/images/picturearea.png" target="_blank">µ—«Õ¬Ë“ß</a>) <br> - °√≥’∑’ˉ¡Ë “¡“√∂∂Ë“¬√Ÿª∑—ÈßÀ¡¥‰¥È¿“¬„π 1 ¿“æ „ÀÈ√«¡√Ÿª‰«È„π 1 √Ÿª‚¥¬„™È‚ª√·°√¡√«¡√Ÿª µ—«Õ¬Ë“߇™Ë𠂪√·°√¡ AutoStitch (<a href="https://itunes.apple.com/th/app/autostitch-panorama/id318944927?mt=8" target="_blank">iOS</a>) (<a href="https://play.google.com/store/apps/details?id=com.cloudburstresearch.autostitch&hl=th" target="_blank">Android</a>) ‡ªÁπµÈπ | |
| </ol> | |
| <div id="headerWall1"> | |
| <h3>ÀÈÕß : ¥¥¥ </h3> | |
| <h3>¿“æ∑’Ë 1 <a href="/Content/images/wall1.png" target="_blank">√Ÿªµ—«Õ¬Ë“ß</a></h3> | |
| <h4>Õ—æ‚À≈¥¿“æ∂Ë“¬</h4> | |
| <div class="ajax-upload-dragdrop" style="vertical-align: top; width: 500px;"> | |
| <div class="ajax-file-upload" style="position: relative; overflow: hidden; cursor: default;"> | |
| <form method="POST" action="/home/UploadImage" enctype="multipart/form-data" class="" style="margin: 0px; padding: 0px; display: none;"><input type="file" id="ajax-upload-id-1412845923856" name="myfile[]" accept="*" multiple="" style="position: absolute; cursor: pointer; top: 0px; width: 100%; height: 100%; left: 0px; z-index: 100; opacity: 0;"></form> | |
| <form method="POST" action="/home/UploadImage" enctype="multipart/form-data" style="margin: 0px; padding: 0px;"><input type="file" id="ajax-upload-id-1412845926174" name="myfile[]" accept="*" multiple="" style="position: absolute; cursor: pointer; top: 0px; width: 100%; height: 100%; left: 0px; z-index: 100; opacity: 0;"></form> | |
| </div> | |
| <span><b>Drag & Drop Files</b></span> | |
| </div> | |
| <input type="file" id="imageLoader1" name="imageLoader" style="display: none;"> | |
| <div></div> | |
| <input type="hidden" id="wallImageUrl1" value="localhost:57611/uploads/130573195263029692.jpg"> | |
| <div id="playgroundArea-1" style=""> | |
| <h4>°”Àπ¥æ◊Èπ∑’Ë</h4> | |
| <ul class="nav nav-tabs"> | |
| <li class=""><a href="#phase1-1" data-toggle="tab">¢ÈÕ¡Ÿ≈æ◊Èπ∞“π</a></li> | |
| <li class="active"><a href="#phase2-1" data-toggle="tab">¢ÈÕ¡Ÿ≈‡æ‘Ë¡‡µ‘¡</a></li> | |
| <li><a href="#phase3-1" data-toggle="tab">¢ÈÕ¡Ÿ≈Õ◊ËπÊ (optional)</a></li> | |
| </ul> | |
| <div class="tab-content"> | |
| <div class="tab-pane" id="phase1-1"> | |
| <div class="row"> | |
| <div class="col-sm-7"> | |
| <div id="canvasBackground-1-1" style="width: 600px; height: 329px; position: relative; background: url(http://localhost:57611/uploads/130573195263029692.jpg) no-repeat;"> | |
| <canvas id="imageCanvas-1-1" style="position: absolute" width="600" height="329"></canvas> | |
| <canvas id="tmp_canvas" width="600" height="329"></canvas> | |
| </div> | |
| </div> | |
| <div class="col-sm-45"> | |
| <form role="form"> | |
| <label> §≈‘°´È“¬≈“°∫π√Ÿª‡æ◊ËÕ√–∫ÿ¢Õ∫‡¢µµ”·ÀπËߢÕߢÈÕ¡Ÿ≈ </label><label> ‡≈◊Õ°¢ÈÕ¡Ÿ≈ (* ¢ÈÕ¡Ÿ≈®”‡ªÁπ∑’˵ÈÕß¡’) </label> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-1" checked="checked" value="A4">°√–¥“… A4*</label><img id="a4icon1" src="../../Content/images/uncheckedsymbol.png"></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-1" value="wall">ºπ—ß*</label><img id="wallicon1" src="../../Content/images/uncheckedsymbol.png"></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-1" value="door">ª√–µŸ</label></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-1" value="window">ÀπÈ“µË“ß</label></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-1" value="furniturearea">‡øÕ√Ï𑇮Õ√Ï</label></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-1" value="pillararea">‡ “ÀÈÕß</label></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-1" value="polearea">§“πÀÈÕß</label></div> | |
| <div id="windowColorArea-1-1" class="dropdown" style="display:none;"> | |
| <labe> | |
| ’¢Õß°√–®° | |
| <select id="windowColor-1-1"> | |
| <option value="clear">„ </option> | |
| <option value="green">‡¢’¬«</option> | |
| <option value="brown">™“</option> | |
| </select> | |
| </labe> | |
| </div> | |
| </form> | |
| <div style="padding-top: 20px;"><input type="button" id="clearButton-1-1" class="btn btn-danger" value="Clear"><input type="button" id="undoButton-1-1" class="btn btn-default" value="Undo"><input type="button" id="redoButton-1-1" class="btn btn-default" value="Redo"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tab-pane active" id="phase2-1"> | |
| <div class="row"> | |
| <div class="col-sm-7"> | |
| <div id="canvasBackground-2-1" style="width: 600px; height: 329px; position: relative; background: url(http://localhost:57611/uploads/130573195263029692.jpg) no-repeat;"> | |
| <canvas id="imageCanvas-2-1" style="position: absolute" width="600" height="329"></canvas> | |
| <canvas id="tmp_canvas" width="600" height="329"></canvas> | |
| </div> | |
| </div> | |
| <div class="col-sm-5"> | |
| <form role="form"> | |
| <label> §≈‘°´È“¬≈“°∫π√Ÿª‡æ◊ËÕ√–∫ÿ¢Õ∫‡¢µµ”·ÀπËߢÕß∫√‘‡«≥∑’ˇªÁπªŸπ </label> | |
| <div style="padding-top: 20px;"><input type="button" id="clearButton-2-1" class="btn btn-danger" value="Clear"><input type="button" id="undoButton-2-1" class="btn btn-default" value="Undo"><input type="button" id="redoButton-2-1" class="btn btn-default" value="Redo"></div> | |
| <h4>¢ÈÕ¡Ÿ≈‡æ‘Ë¡‡µ‘¡</h4> | |
| <label> ≈—°…≥–ºπ—ß </label> | |
| <div> | |
| <div class="radio"><label><input type="radio" name="WallSurface-2-1" value="1" checked="checked">ºπ—ßµ‘¥°—∫¿“¬„πÕ“§“√</label></div> | |
| <div class="radio"><label><input type="radio" name="WallSurface-2-1" value="0">ºπ—ßµ‘¥°—∫¿“¬πÕ°Õ“§“√</label></div> | |
| </div> | |
| <div id="outsideType-1" style="display: block;"> | |
| <label> ≈—°…≥–¿“¬πÕ° </label> | |
| <div> | |
| <div class="checkbox"><label><input type="checkbox" name="areaOutsideWall-2-1" id="areaOutsideWall1" value="1">¡’æ◊Èπ∑’Ë«Ë“ß¿“¬πÕ°ª√–¡“≥ 1 ‡¡µ√</label></div> | |
| <div class="checkbox"><label><input type="checkbox" name="balconyOutsideWall-2-1" id="balconyOutsideWall1" value="1">¡’√–‡∫’¬ß°—π “¥·≈–æ◊Èπ∑’˫˓ߪ√–¡“≥ 1 ‡¡µ√</label></div> | |
| <div class="checkbox"><label><input type="checkbox" name="allowCDU-2-1" id="allowCDU1" value="1">„Àȵ‘¥µ—Èߧլ≈Ï√ÈÕπ‰¥È</label></div> | |
| <div class="checkbox"><label><input type="checkbox" name="cementFloor-2-1" id="cementFloor1" value="1">æ◊Èπ¿“¬πÕ°‡ªÁπæ◊ÈπªŸπ·≈–πÈ”‰¡Ë∑Ë«¡</label></div> | |
| </div> | |
| </div> | |
| <div id="wallSunlight-1"> | |
| <label> ºπ—ߥȓππ’È‚¥π·¥¥À√◊Õ‰¡Ë </label> | |
| <div> | |
| <div class="radio"><label><input type="radio" name="issunlight-2-1" value="0" checked="checked">‰¡Ë‚¥π</label></div> | |
| <div class="radio"><label><input type="radio" name="issunlight-2-1" value="1">‚¥π</label></div> | |
| </div> | |
| </div> | |
| <div id="wallSunlighttime-1" style="display:none;"> | |
| <label> ™Ë«ß‡«≈“∑’Ë‚¥π·¥¥ </label> | |
| <div> | |
| <div class="radio"><label><input type="radio" name="sunlightTime-2-1" value="morning" checked="checked">‡™È“</label></div> | |
| <div class="radio"><label><input type="radio" name="sunlightTime-2-1" value="afternoon">∫Ë“¬</label></div> | |
| </div> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tab-pane" id="phase3-1"> | |
| <div class="row"> | |
| <div class="col-sm-7"> | |
| <div id="canvasBackground-3-1" style="width: 600px; height: 329px; position: relative; background: url(http://localhost:57611/uploads/130573195263029692.jpg) no-repeat;"> | |
| <canvas id="imageCanvas-3-1" style="position: absolute" width="600" height="329"></canvas> | |
| <canvas id="tmp_canvas" width="600" height="329"></canvas> | |
| </div> | |
| </div> | |
| <div class="col-sm-5"> | |
| <form role="form"> | |
| <div> | |
| <label> ‡≈◊Õ°‡§√◊ËÕß¡◊Õ </label> | |
| <div class="radio"><label><input type="radio" name="changeColor-3-1" checked="checked" value="userspecarea">∫√‘‡«≥∑’ËÕ¬“°„Àȵ‘¥µ—Èß</label></div> | |
| </div> | |
| <div> | |
| <label> „Àȧ«“¡ ”§—≠°—∫ºπ—ßπ’È </label> | |
| <div class="checkbox"><label><input type="checkbox" name="prioritywall-3-1" value="1" id="prioritywall1">„Àȧ«“¡ ”§—≠°—∫ºπ—ßπ’È</label></div> | |
| </div> | |
| </form> | |
| <div style="padding-top: 20px;"><input type="button" id="clearButton-3-1" class="btn btn-danger" value="Clear"><input type="button" id="undoButton-3-1" class="btn btn-default" value="Undo"><input type="button" id="redoButton-3-1" class="btn btn-default" value="Redo"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="buttonArea-1"><input type="button" id="nextButton1" class="btn btn-primary btn-lg" value="Next"></div> | |
| </div> | |
| <input type="hidden" id="caninstall1" value="true"> | |
| </div> | |
| <div id="headerWall2" style="display:none;"> | |
| <h3>ÀÈÕß : ¥¥¥ </h3> | |
| <h3>¿“æ∑’Ë 2 <a href="/Content/images/wall2.png" target="_blank">√Ÿªµ—«Õ¬Ë“ß</a></h3> | |
| <h4>Õ—æ‚À≈¥¿“æ∂Ë“¬</h4> | |
| <div class="ajax-upload-dragdrop" style="vertical-align: top; width: 500px;"> | |
| <div class="ajax-file-upload" style="position: relative; overflow: hidden; cursor: default;"> | |
| <form method="POST" action="/home/UploadImage" enctype="multipart/form-data" style="margin: 0px; padding: 0px;"><input type="file" id="ajax-upload-id-1412845923864" name="myfile[]" accept="*" multiple="" style="position: absolute; cursor: pointer; top: 0px; width: 100%; height: 100%; left: 0px; z-index: 100; opacity: 0;"></form> | |
| </div> | |
| <span><b>Drag & Drop Files</b></span> | |
| </div> | |
| <input type="file" id="imageLoader2" name="imageLoader" style="display: none;"> | |
| <div></div> | |
| <input type="hidden" id="wallImageUrl2"> | |
| <div id="playgroundArea-2" style="display:none;"> | |
| <h4>°”Àπ¥æ◊Èπ∑’Ë</h4> | |
| <ul class="nav nav-tabs"> | |
| <li class="active"><a href="#phase1-2" data-toggle="tab">¢ÈÕ¡Ÿ≈æ◊Èπ∞“π</a></li> | |
| <li><a href="#phase2-2" data-toggle="tab">¢ÈÕ¡Ÿ≈‡æ‘Ë¡‡µ‘¡</a></li> | |
| <li><a href="#phase3-2" data-toggle="tab">¢ÈÕ¡Ÿ≈Õ◊ËπÊ (optional)</a></li> | |
| </ul> | |
| <div class="tab-content"> | |
| <div class="tab-pane active" id="phase1-2"> | |
| <div class="row"> | |
| <div class="col-sm-7"></div> | |
| <div class="col-sm-45"> | |
| <form role="form"> | |
| <label> §≈‘°´È“¬≈“°∫π√Ÿª‡æ◊ËÕ√–∫ÿ¢Õ∫‡¢µµ”·ÀπËߢÕߢÈÕ¡Ÿ≈ </label><label> ‡≈◊Õ°¢ÈÕ¡Ÿ≈ (* ¢ÈÕ¡Ÿ≈®”‡ªÁπ∑’˵ÈÕß¡’) </label> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-2" checked="checked" value="A4">°√–¥“… A4*</label><img id="a4icon2" src="../../Content/images/uncheckedsymbol.png"></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-2" value="wall">ºπ—ß*</label><img id="wallicon2" src="../../Content/images/uncheckedsymbol.png"></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-2" value="door">ª√–µŸ</label></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-2" value="window">ÀπÈ“µË“ß</label></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-2" value="furniturearea">‡øÕ√Ï𑇮Õ√Ï</label></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-2" value="pillararea">‡ “ÀÈÕß</label></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-2" value="polearea">§“πÀÈÕß</label></div> | |
| <div id="windowColorArea-1-2" class="dropdown" style="display:none;"> | |
| <labe> | |
| ’¢Õß°√–®° | |
| <select id="windowColor-1-2"> | |
| <option value="clear">„ </option> | |
| <option value="green">‡¢’¬«</option> | |
| <option value="brown">™“</option> | |
| </select> | |
| </labe> | |
| </div> | |
| </form> | |
| <div style="padding-top: 20px;"><input type="button" id="clearButton-1-2" class="btn btn-danger" value="Clear"><input type="button" id="undoButton-1-2" class="btn btn-default" value="Undo"><input type="button" id="redoButton-1-2" class="btn btn-default" value="Redo"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tab-pane" id="phase2-2"> | |
| <div class="row"> | |
| <div class="col-sm-7"></div> | |
| <div class="col-sm-5"> | |
| <form role="form"> | |
| <label> §≈‘°´È“¬≈“°∫π√Ÿª‡æ◊ËÕ√–∫ÿ¢Õ∫‡¢µµ”·ÀπËߢÕß∫√‘‡«≥∑’ˇªÁπªŸπ </label> | |
| <div style="padding-top: 20px;"><input type="button" id="clearButton-2-2" class="btn btn-danger" value="Clear"><input type="button" id="undoButton-2-2" class="btn btn-default" value="Undo"><input type="button" id="redoButton-2-2" class="btn btn-default" value="Redo"></div> | |
| <h4>¢ÈÕ¡Ÿ≈‡æ‘Ë¡‡µ‘¡</h4> | |
| <label> ≈—°…≥–ºπ—ß </label> | |
| <div> | |
| <div class="radio"><label><input type="radio" name="WallSurface-2-2" value="1" checked="checked">ºπ—ßµ‘¥°—∫¿“¬„πÕ“§“√</label></div> | |
| <div class="radio"><label><input type="radio" name="WallSurface-2-2" value="0">ºπ—ßµ‘¥°—∫¿“¬πÕ°Õ“§“√</label></div> | |
| </div> | |
| <div id="outsideType-2" style="display:none;"> | |
| <label> ≈—°…≥–¿“¬πÕ° </label> | |
| <div> | |
| <div class="checkbox"><label><input type="checkbox" name="areaOutsideWall-2-2" id="areaOutsideWall2" value="1">¡’æ◊Èπ∑’Ë«Ë“ß¿“¬πÕ°ª√–¡“≥ 1 ‡¡µ√</label></div> | |
| <div class="checkbox"><label><input type="checkbox" name="balconyOutsideWall-2-2" id="balconyOutsideWall2" value="1">¡’√–‡∫’¬ß°—π “¥·≈–æ◊Èπ∑’˫˓ߪ√–¡“≥ 1 ‡¡µ√</label></div> | |
| <div class="checkbox"><label><input type="checkbox" name="allowCDU-2-2" id="allowCDU2" value="1">„Àȵ‘¥µ—Èߧլ≈Ï√ÈÕπ‰¥È</label></div> | |
| <div class="checkbox"><label><input type="checkbox" name="cementFloor-2-2" id="cementFloor2" value="1">æ◊Èπ¿“¬πÕ°‡ªÁπæ◊ÈπªŸπ·≈–πÈ”‰¡Ë∑Ë«¡</label></div> | |
| </div> | |
| </div> | |
| <div id="wallSunlight-2"> | |
| <label> ºπ—ߥȓππ’È‚¥π·¥¥À√◊Õ‰¡Ë </label> | |
| <div> | |
| <div class="radio"><label><input type="radio" name="issunlight-2-2" value="0" checked="checked">‰¡Ë‚¥π</label></div> | |
| <div class="radio"><label><input type="radio" name="issunlight-2-2" value="1">‚¥π</label></div> | |
| </div> | |
| </div> | |
| <div id="wallSunlighttime-2" style="display:none;"> | |
| <label> ™Ë«ß‡«≈“∑’Ë‚¥π·¥¥ </label> | |
| <div> | |
| <div class="radio"><label><input type="radio" name="sunlightTime-2-2" value="morning" checked="checked">‡™È“</label></div> | |
| <div class="radio"><label><input type="radio" name="sunlightTime-2-2" value="afternoon">∫Ë“¬</label></div> | |
| </div> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tab-pane" id="phase3-2"> | |
| <div class="row"> | |
| <div class="col-sm-7"></div> | |
| <div class="col-sm-5"> | |
| <form role="form"> | |
| <div> | |
| <label> ‡≈◊Õ°‡§√◊ËÕß¡◊Õ </label> | |
| <div class="radio"><label><input type="radio" name="changeColor-3-2" checked="checked" value="userspecarea">∫√‘‡«≥∑’ËÕ¬“°„Àȵ‘¥µ—Èß</label></div> | |
| </div> | |
| <div> | |
| <label> „Àȧ«“¡ ”§—≠°—∫ºπ—ßπ’È </label> | |
| <div class="checkbox"><label><input type="checkbox" name="prioritywall-3-2" value="1" id="prioritywall2">„Àȧ«“¡ ”§—≠°—∫ºπ—ßπ’È</label></div> | |
| </div> | |
| </form> | |
| <div style="padding-top: 20px;"><input type="button" id="clearButton-3-2" class="btn btn-danger" value="Clear"><input type="button" id="undoButton-3-2" class="btn btn-default" value="Undo"><input type="button" id="redoButton-3-2" class="btn btn-default" value="Redo"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="buttonArea-2"><input type="button" id="backButton2" class="btn btn-link btn-lg" value="Back"><input type="button" id="nextButton2" class="btn btn-primary btn-lg" value="Next"></div> | |
| </div> | |
| <input type="hidden" id="caninstall2" value="true"> | |
| </div> | |
| <div id="headerWall3" style="display:none;"> | |
| <h3>ÀÈÕß : ¥¥¥ </h3> | |
| <h3>¿“æ∑’Ë 3 <a href="/Content/images/wall3.png" target="_blank">√Ÿªµ—«Õ¬Ë“ß</a></h3> | |
| <h4>Õ—æ‚À≈¥¿“æ∂Ë“¬</h4> | |
| <div class="ajax-upload-dragdrop" style="vertical-align: top; width: 500px;"> | |
| <div class="ajax-file-upload" style="position: relative; overflow: hidden; cursor: default;"> | |
| <form method="POST" action="/home/UploadImage" enctype="multipart/form-data" style="margin: 0px; padding: 0px;"><input type="file" id="ajax-upload-id-1412845923869" name="myfile[]" accept="*" multiple="" style="position: absolute; cursor: pointer; top: 0px; width: 100%; height: 100%; left: 0px; z-index: 100; opacity: 0;"></form> | |
| </div> | |
| <span><b>Drag & Drop Files</b></span> | |
| </div> | |
| <input type="file" id="imageLoader3" name="imageLoader" style="display: none;"> | |
| <div></div> | |
| <input type="hidden" id="wallImageUrl3"> | |
| <div id="playgroundArea-3" style="display:none;"> | |
| <h4>°”Àπ¥æ◊Èπ∑’Ë</h4> | |
| <ul class="nav nav-tabs"> | |
| <li class="active"><a href="#phase1-3" data-toggle="tab">¢ÈÕ¡Ÿ≈æ◊Èπ∞“π</a></li> | |
| <li><a href="#phase2-3" data-toggle="tab">¢ÈÕ¡Ÿ≈‡æ‘Ë¡‡µ‘¡</a></li> | |
| <li><a href="#phase3-3" data-toggle="tab">¢ÈÕ¡Ÿ≈Õ◊ËπÊ (optional)</a></li> | |
| </ul> | |
| <div class="tab-content"> | |
| <div class="tab-pane active" id="phase1-3"> | |
| <div class="row"> | |
| <div class="col-sm-7"></div> | |
| <div class="col-sm-45"> | |
| <form role="form"> | |
| <label> §≈‘°´È“¬≈“°∫π√Ÿª‡æ◊ËÕ√–∫ÿ¢Õ∫‡¢µµ”·ÀπËߢÕߢÈÕ¡Ÿ≈ </label><label> ‡≈◊Õ°¢ÈÕ¡Ÿ≈ (* ¢ÈÕ¡Ÿ≈®”‡ªÁπ∑’˵ÈÕß¡’) </label> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-3" checked="checked" value="A4">°√–¥“… A4*</label><img id="a4icon3" src="../../Content/images/uncheckedsymbol.png"></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-3" value="wall">ºπ—ß*</label><img id="wallicon3" src="../../Content/images/uncheckedsymbol.png"></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-3" value="door">ª√–µŸ</label></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-3" value="window">ÀπÈ“µË“ß</label></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-3" value="furniturearea">‡øÕ√Ï𑇮Õ√Ï</label></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-3" value="pillararea">‡ “ÀÈÕß</label></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-3" value="polearea">§“πÀÈÕß</label></div> | |
| <div id="windowColorArea-1-3" class="dropdown" style="display:none;"> | |
| <labe> | |
| ’¢Õß°√–®° | |
| <select id="windowColor-1-3"> | |
| <option value="clear">„ </option> | |
| <option value="green">‡¢’¬«</option> | |
| <option value="brown">™“</option> | |
| </select> | |
| </labe> | |
| </div> | |
| </form> | |
| <div style="padding-top: 20px;"><input type="button" id="clearButton-1-3" class="btn btn-danger" value="Clear"><input type="button" id="undoButton-1-3" class="btn btn-default" value="Undo"><input type="button" id="redoButton-1-3" class="btn btn-default" value="Redo"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tab-pane" id="phase2-3"> | |
| <div class="row"> | |
| <div class="col-sm-7"></div> | |
| <div class="col-sm-5"> | |
| <form role="form"> | |
| <label> §≈‘°´È“¬≈“°∫π√Ÿª‡æ◊ËÕ√–∫ÿ¢Õ∫‡¢µµ”·ÀπËߢÕß∫√‘‡«≥∑’ˇªÁπªŸπ </label> | |
| <div style="padding-top: 20px;"><input type="button" id="clearButton-2-3" class="btn btn-danger" value="Clear"><input type="button" id="undoButton-2-3" class="btn btn-default" value="Undo"><input type="button" id="redoButton-2-3" class="btn btn-default" value="Redo"></div> | |
| <h4>¢ÈÕ¡Ÿ≈‡æ‘Ë¡‡µ‘¡</h4> | |
| <label> ≈—°…≥–ºπ—ß </label> | |
| <div> | |
| <div class="radio"><label><input type="radio" name="WallSurface-2-3" value="1" checked="checked">ºπ—ßµ‘¥°—∫¿“¬„πÕ“§“√</label></div> | |
| <div class="radio"><label><input type="radio" name="WallSurface-2-3" value="0">ºπ—ßµ‘¥°—∫¿“¬πÕ°Õ“§“√</label></div> | |
| </div> | |
| <div id="outsideType-3" style="display:none;"> | |
| <label> ≈—°…≥–¿“¬πÕ° </label> | |
| <div> | |
| <div class="checkbox"><label><input type="checkbox" name="areaOutsideWall-2-3" id="areaOutsideWall3" value="1">¡’æ◊Èπ∑’Ë«Ë“ß¿“¬πÕ°ª√–¡“≥ 1 ‡¡µ√</label></div> | |
| <div class="checkbox"><label><input type="checkbox" name="balconyOutsideWall-2-3" id="balconyOutsideWall3" value="1">¡’√–‡∫’¬ß°—π “¥·≈–æ◊Èπ∑’˫˓ߪ√–¡“≥ 1 ‡¡µ√</label></div> | |
| <div class="checkbox"><label><input type="checkbox" name="allowCDU-2-3" id="allowCDU3" value="1">„Àȵ‘¥µ—Èߧլ≈Ï√ÈÕπ‰¥È</label></div> | |
| <div class="checkbox"><label><input type="checkbox" name="cementFloor-2-3" id="cementFloor3" value="1">æ◊Èπ¿“¬πÕ°‡ªÁπæ◊ÈπªŸπ·≈–πÈ”‰¡Ë∑Ë«¡</label></div> | |
| </div> | |
| </div> | |
| <div id="wallSunlight-3"> | |
| <label> ºπ—ߥȓππ’È‚¥π·¥¥À√◊Õ‰¡Ë </label> | |
| <div> | |
| <div class="radio"><label><input type="radio" name="issunlight-2-3" value="0" checked="checked">‰¡Ë‚¥π</label></div> | |
| <div class="radio"><label><input type="radio" name="issunlight-2-3" value="1">‚¥π</label></div> | |
| </div> | |
| </div> | |
| <div id="wallSunlighttime-3" style="display:none;"> | |
| <label> ™Ë«ß‡«≈“∑’Ë‚¥π·¥¥ </label> | |
| <div> | |
| <div class="radio"><label><input type="radio" name="sunlightTime-2-3" value="morning" checked="checked">‡™È“</label></div> | |
| <div class="radio"><label><input type="radio" name="sunlightTime-2-3" value="afternoon">∫Ë“¬</label></div> | |
| </div> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tab-pane" id="phase3-3"> | |
| <div class="row"> | |
| <div class="col-sm-7"></div> | |
| <div class="col-sm-5"> | |
| <form role="form"> | |
| <div> | |
| <label> ‡≈◊Õ°‡§√◊ËÕß¡◊Õ </label> | |
| <div class="radio"><label><input type="radio" name="changeColor-3-3" checked="checked" value="userspecarea">∫√‘‡«≥∑’ËÕ¬“°„Àȵ‘¥µ—Èß</label></div> | |
| </div> | |
| <div> | |
| <label> „Àȧ«“¡ ”§—≠°—∫ºπ—ßπ’È </label> | |
| <div class="checkbox"><label><input type="checkbox" name="prioritywall-3-3" value="1" id="prioritywall3">„Àȧ«“¡ ”§—≠°—∫ºπ—ßπ’È</label></div> | |
| </div> | |
| </form> | |
| <div style="padding-top: 20px;"><input type="button" id="clearButton-3-3" class="btn btn-danger" value="Clear"><input type="button" id="undoButton-3-3" class="btn btn-default" value="Undo"><input type="button" id="redoButton-3-3" class="btn btn-default" value="Redo"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="buttonArea-3"><input type="button" id="backButton3" class="btn btn-link btn-lg" value="Back"><input type="button" id="nextButton3" class="btn btn-primary btn-lg" value="Next"></div> | |
| </div> | |
| <input type="hidden" id="caninstall3" value="true"> | |
| </div> | |
| <div id="headerWall4" style="display:none;"> | |
| <h3>ÀÈÕß : ¥¥¥ </h3> | |
| <h3>¿“æ∑’Ë 4 <a href="/Content/images/wall4.png" target="_blank">√Ÿªµ—«Õ¬Ë“ß</a></h3> | |
| <h4>Õ—æ‚À≈¥¿“æ∂Ë“¬</h4> | |
| <div class="ajax-upload-dragdrop" style="vertical-align: top; width: 500px;"> | |
| <div class="ajax-file-upload" style="position: relative; overflow: hidden; cursor: default;"> | |
| <form method="POST" action="/home/UploadImage" enctype="multipart/form-data" style="margin: 0px; padding: 0px;"><input type="file" id="ajax-upload-id-1412845923876" name="myfile[]" accept="*" multiple="" style="position: absolute; cursor: pointer; top: 0px; width: 100%; height: 100%; left: 0px; z-index: 100; opacity: 0;"></form> | |
| </div> | |
| <span><b>Drag & Drop Files</b></span> | |
| </div> | |
| <input type="file" id="imageLoader4" name="imageLoader" style="display: none;"> | |
| <div></div> | |
| <input type="hidden" id="wallImageUrl4"> | |
| <div id="playgroundArea-4" style="display:none;"> | |
| <h4>°”Àπ¥æ◊Èπ∑’Ë</h4> | |
| <ul class="nav nav-tabs"> | |
| <li class="active"><a href="#phase1-4" data-toggle="tab">¢ÈÕ¡Ÿ≈æ◊Èπ∞“π</a></li> | |
| <li><a href="#phase2-4" data-toggle="tab">¢ÈÕ¡Ÿ≈‡æ‘Ë¡‡µ‘¡</a></li> | |
| <li><a href="#phase3-4" data-toggle="tab">¢ÈÕ¡Ÿ≈Õ◊ËπÊ (optional)</a></li> | |
| </ul> | |
| <div class="tab-content"> | |
| <div class="tab-pane active" id="phase1-4"> | |
| <div class="row"> | |
| <div class="col-sm-7"></div> | |
| <div class="col-sm-45"> | |
| <form role="form"> | |
| <label> §≈‘°´È“¬≈“°∫π√Ÿª‡æ◊ËÕ√–∫ÿ¢Õ∫‡¢µµ”·ÀπËߢÕߢÈÕ¡Ÿ≈ </label><label> ‡≈◊Õ°¢ÈÕ¡Ÿ≈ (* ¢ÈÕ¡Ÿ≈®”‡ªÁπ∑’˵ÈÕß¡’) </label> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-4" checked="checked" value="A4">°√–¥“… A4*</label><img id="a4icon4" src="../../Content/images/uncheckedsymbol.png"></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-4" value="wall">ºπ—ß*</label><img id="wallicon4" src="../../Content/images/uncheckedsymbol.png"></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-4" value="door">ª√–µŸ</label></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-4" value="window">ÀπÈ“µË“ß</label></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-4" value="furniturearea">‡øÕ√Ï𑇮Õ√Ï</label></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-4" value="pillararea">‡ “ÀÈÕß</label></div> | |
| <div class="radio"><label><input type="radio" name="changeColor-1-4" value="polearea">§“πÀÈÕß</label></div> | |
| <div id="windowColorArea-1-4" class="dropdown" style="display:none;"> | |
| <labe> | |
| ’¢Õß°√–®° | |
| <select id="windowColor-1-4"> | |
| <option value="clear">„ </option> | |
| <option value="green">‡¢’¬«</option> | |
| <option value="brown">™“</option> | |
| </select> | |
| </labe> | |
| </div> | |
| </form> | |
| <div style="padding-top: 20px;"><input type="button" id="clearButton-1-4" class="btn btn-danger" value="Clear"><input type="button" id="undoButton-1-4" class="btn btn-default" value="Undo"><input type="button" id="redoButton-1-4" class="btn btn-default" value="Redo"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tab-pane" id="phase2-4"> | |
| <div class="row"> | |
| <div class="col-sm-7"></div> | |
| <div class="col-sm-5"> | |
| <form role="form"> | |
| <label> §≈‘°´È“¬≈“°∫π√Ÿª‡æ◊ËÕ√–∫ÿ¢Õ∫‡¢µµ”·ÀπËߢÕß∫√‘‡«≥∑’ˇªÁπªŸπ </label> | |
| <div style="padding-top: 20px;"><input type="button" id="clearButton-2-4" class="btn btn-danger" value="Clear"><input type="button" id="undoButton-2-4" class="btn btn-default" value="Undo"><input type="button" id="redoButton-2-4" class="btn btn-default" value="Redo"></div> | |
| <h4>¢ÈÕ¡Ÿ≈‡æ‘Ë¡‡µ‘¡</h4> | |
| <label> ≈—°…≥–ºπ—ß </label> | |
| <div> | |
| <div class="radio"><label><input type="radio" name="WallSurface-2-4" value="1" checked="checked">ºπ—ßµ‘¥°—∫¿“¬„πÕ“§“√</label></div> | |
| <div class="radio"><label><input type="radio" name="WallSurface-2-4" value="0">ºπ—ßµ‘¥°—∫¿“¬πÕ°Õ“§“√</label></div> | |
| </div> | |
| <div id="outsideType-4" style="display:none;"> | |
| <label> ≈—°…≥–¿“¬πÕ° </label> | |
| <div> | |
| <div class="checkbox"><label><input type="checkbox" name="areaOutsideWall-2-4" id="areaOutsideWall4" value="1">¡’æ◊Èπ∑’Ë«Ë“ß¿“¬πÕ°ª√–¡“≥ 1 ‡¡µ√</label></div> | |
| <div class="checkbox"><label><input type="checkbox" name="balconyOutsideWall-2-4" id="balconyOutsideWall4" value="1">¡’√–‡∫’¬ß°—π “¥·≈–æ◊Èπ∑’˫˓ߪ√–¡“≥ 1 ‡¡µ√</label></div> | |
| <div class="checkbox"><label><input type="checkbox" name="allowCDU-2-4" id="allowCDU4" value="1">„Àȵ‘¥µ—Èߧլ≈Ï√ÈÕπ‰¥È</label></div> | |
| <div class="checkbox"><label><input type="checkbox" name="cementFloor-2-4" id="cementFloor4" value="1">æ◊Èπ¿“¬πÕ°‡ªÁπæ◊ÈπªŸπ·≈–πÈ”‰¡Ë∑Ë«¡</label></div> | |
| </div> | |
| </div> | |
| <div id="wallSunlight-4"> | |
| <label> ºπ—ߥȓππ’È‚¥π·¥¥À√◊Õ‰¡Ë </label> | |
| <div> | |
| <div class="radio"><label><input type="radio" name="issunlight-2-4" value="0" checked="checked">‰¡Ë‚¥π</label></div> | |
| <div class="radio"><label><input type="radio" name="issunlight-2-4" value="1">‚¥π</label></div> | |
| </div> | |
| </div> | |
| <div id="wallSunlighttime-4" style="display:none;"> | |
| <label> ™Ë«ß‡«≈“∑’Ë‚¥π·¥¥ </label> | |
| <div> | |
| <div class="radio"><label><input type="radio" name="sunlightTime-2-4" value="morning" checked="checked">‡™È“</label></div> | |
| <div class="radio"><label><input type="radio" name="sunlightTime-2-4" value="afternoon">∫Ë“¬</label></div> | |
| </div> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tab-pane" id="phase3-4"> | |
| <div class="row"> | |
| <div class="col-sm-7"></div> | |
| <div class="col-sm-5"> | |
| <form role="form"> | |
| <div> | |
| <label> ‡≈◊Õ°‡§√◊ËÕß¡◊Õ </label> | |
| <div class="radio"><label><input type="radio" name="changeColor-3-4" checked="checked" value="userspecarea">∫√‘‡«≥∑’ËÕ¬“°„Àȵ‘¥µ—Èß</label></div> | |
| </div> | |
| <div> | |
| <label> „Àȧ«“¡ ”§—≠°—∫ºπ—ßπ’È </label> | |
| <div class="checkbox"><label><input type="checkbox" name="prioritywall-3-4" value="1" id="prioritywall4">„Àȧ«“¡ ”§—≠°—∫ºπ—ßπ’È</label></div> | |
| </div> | |
| </form> | |
| <div style="padding-top: 20px;"><input type="button" id="clearButton-3-4" class="btn btn-danger" value="Clear"><input type="button" id="undoButton-3-4" class="btn btn-default" value="Undo"><input type="button" id="redoButton-3-4" class="btn btn-default" value="Redo"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="buttonArea-4"><input type="button" id="backButton4" class="btn btn-link btn-lg" value="Back"><input type="button" id="step2Button" class="btn btn-primary btn-lg" value="Next Step"></div> | |
| </div> | |
| <input type="hidden" id="caninstall4" value="true"> | |
| </div> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment