position: absolute;

         right: -27px;top: 23px;

         width : 18px !important;

         padding:16px 3px 16px 3px;

         .side-menu {

     position: relative;

     overflow: hidden;

     .file {

         .opacity(0);

     }

             width: 115px; /*155px;*/

         }

     }

     .branches {

             margin:0; padding:0 5px; margin-right:3px;

             &.branch { background-color:@orange; }

         }

     }

         /*padding:2px 4px; cursor:pointer;*/

         width:10px; cursor:e-resize;

         height: 99.9%;

         border-left: 1px solid #ccc;

         background: #e8e8e8;

         background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f5f5f5), color-stop(100%,#e9e9e9));

         Form<SearchCondition> postParamForm = new Form<SearchCondition>(SearchCondition.class);

         SearchCondition searchCondition = postParamForm.bindFromRequest().get();

         searchCondition.pageNum = pageNum - 1;

         ExpressionList<Posting> el = searchCondition.asExpressionList(project);

         Page<Posting> posts = el.findPagingList(ITEMS_PER_PAGE).getPage(searchCondition.pageNum);

 import java.util.ArrayList;

 import java.util.List;

 import static play.data.Form.form;

 import static play.libs.Json.toJson;

 		return user;

 	}

     public static void resetPassword(User user, String newPassword) {

 		user.password = new Sha256Hash(newPassword,

 				ByteSource.Util.bytes(user.passwordSalt), 1024).toBase64();

     @Pattern(value = "^[a-zA-Z0-9-]+([_.][a-zA-Z0-9-]+)*$", message = "user.wrongloginId.alert") @Required

     public String loginId;

     public String password;

     public String passwordSalt;

                 ByteSource.Util.bytes(user.passwordSalt), 1024).toBase64();

         user.save();

     }

     public Resource asResource() {

         return new Resource() {

 @import utils.AccessControl._

 @import scala.collection.immutable.Map

 @** header(label:String, key:String) = {

   <th>

     <a key="@key" href="@routes.BoardApp.posts(project.owner, project.name)">@label</a>

         <form method="get" id="option_form">

           <input type="hidden" name="orderBy"  value="@param.orderBy">

           <input type="hidden" name="orderDir" value="@param.orderDir">

            --><button type="submit" class="btn search-btn underConstruction">@Messages("post.menu.search")</button>

         </form>

       </div>

   <div class="filter-wrap board">

       <div class="filters" id="order">

       </div>

   </div>

 @makeBranchItem(branch:String) = {

 	@defining(branch.split('/')){ names =>

 		@if(names(0).equals("refs") && names.length == 3){

 			 -->@names(2)

 			</a></li>

 		} else {

 			<span class="clone-label"><strong class="@project.vcs">@project.vcs</strong>@Messages("code.repoUrl")</span><!-- 

 			 --><input id="repositoryURL" type="text" class="text repo-url" readonly="readonly" value="@CodeApp.getURL(project.owner, project.name)"><!-- 

              --><a id="copyURL" href="#!/copy-url" class="copy-btn btn">COPY TO CLIPBOARD</a>

             <div id="branches" class="btn-group branches" data-name="branch" data-activate="manual">

 				<button data-toggle="dropdown" class="btn dropdown-toggle bgwhite d-label"></button>

 				<button data-toggle="dropdown" class="btn dropdown-toggle bgwhite"><span class="caret"></span></button>

 					}

 				</ul>

 			</div> 

 		</div>

 		<hr class="double-sp" />

 		<div class="code-browse-wrap">

 				</div>

 				<div id="folderList" class="directories"></div>

 			</div>

 			<div class="sp-wrap cell"></div>

 			@** 파일 목록 **@

 							<div class="control-group">

 								<label class="control-label">@Messages("milestone")</label>

 								<div class="controls">

 										<button data-toggle="dropdown" class="btn dropdown-toggle bgwhite d-label input-medium">@Messages("milestone.state.all")</button>

 										<button data-toggle="dropdown" class="btn dropdown-toggle bgwhite"><span class="caret"></span></button>

 										<ul class="dropdown-menu">

                     @helper.inputText(userForm("email"),'_showConstraints -> false,'_label -> null, 'class -> "span2")</p>

                 </div>

     }

                 <hr/>

                 <div class="user-other-info info-box">

                     </li>

                 }

                 </ul>

             </div>

         </section>

     </div>

 </div>

     <script src="@getJSLink("lib/jquery/jquery.form")" type="text/javascript"></script>

     <script type="text/javascript">

     (function(){

 user.loginId.duplicate = Already existing ID

 user.login.alert = Please, login.

 user.password = Password

 user.confirmPassword = Confirm Password

 user.confirmPassword.alert = Password doesn't match the confirmation

 user.wrongPassword.alert = Wrong password!

 user.loginId.duplicate = 이미 존재하는 아이디입니다.

 user.login.alert = 로그인이 필요합니다.

 user.password = 비밀번호

 user.confirmPassword = 비밀번호 확인

 user.confirmPassword.alert = 입력한 두 비밀번호가 서로 일치하지 않습니다

 user.wrongPassword.alert = 잘못된 비밀번호입니다!

 POST    /users/signup                                   controllers.UserApp.newUser()

 GET     /user/editform                                  controllers.UserApp.editUserInfoForm()

 POST    /user/edit                                      controllers.UserApp.editUserInfo()

 GET     /user/isExist/:loginId                          controllers.UserApp.isUserExist(loginId)

 GET     /user/isEmailExist/:email                       controllers.UserApp.isEmailExist(email)

 * 단어를 생략하거나 약어를 사용하지 않는다. 단, HTML,URL 등과 같은 범용적인 약어는 사용할 수 있다. 약어 사용시에는 모두 대문자로 작성한다.

 * 한글 발음을 로마자로 그대로 표기하지 않는다 

 * 2글자 이상 대문자를 연속해서 사용하지 않는다. 단, 상수 이름이나 약어는 예외로 한다

 * 상수 이름이나 약어 이름을 대문자를 사용한다

 * 이름을 통해 역할과 목적을 할 수 있도록 간결하고 명료하게 작성한다

 >        getElement();

 >        showLayer();

 * 카멜 표기법을 준수한다. 복합어 이름은 첫 번째 단어를 소문자로 작성하고, 두 번째 이상의 단어 첫 글자를 대문자로 작성하여 단어를 구분한다.

 * Getter, Setter 메소드는 반드시 'get + 멤버변수 이름', 'set + 멤버변수 이름' 형식으로 작성한다. 단, Getter 메소드의 반환값이 Boolean 인 경우 get 대신 is 조합을 사용한다

 >        getElement();

 >        isChecked();

 >        setOption();

 >        function _onLoadImage(){ 

 >            console.log("image loaded");

 ## 변수 이름

 * 변수 이름은 명사를 사용하여 작성한다

 * 헝가리안 표기법을 준수한다. 변수의 데이터 타입, 용도에 따라 접두사를 사용한다. jQuery 프레임워크에 의해 래핑(Wrapping) 된 변수는 접두사 w를 다른 접두사와 함께 사용한다

 >g: 전역변수

 * 연산자의 앞과 뒤에는 공백을 삽입한다. 단, 단항 연산자, 전위/후위 연산자는 예외로 한다.

 * 소괄호( ( ) )와 키워드(if, for, return)를 사용할 때 공백을 삽입하지 않는다

 * 시작 중괄호({)는 앞에 공백을 삽입하지 않는다

 * 함수 선언 사이에는 빈 줄을 삽입한다 (함수와 함수 사이)

 * 변수를 선언한 경우에는 다음에 빈 줄을 삽입하지 않는다.

 * 명령문 간에는 빈 줄을 사용하지 않는다. 단, 소스 코드의 길이가 길어지는 경우 구분을 위해 삽입할 수 있다.

 			htVar.fOnChange = fOnChange;

 			return true;

 		}

 		/**

 		 * 현재 선택된 값을 반환

 		 * @return {String}

 		function _getValue(){

 			return htVar.sValue;

 		}

 		/**

 		 * 기본값 지정이 있으면 선택된 상태로 만들기

 		 */

 		function _selectDefault(){

 			return _selectItem("li[data-selected=true]");

 		}

 		/**

 		 * 지정한 값을 data-value 로 가진 항목을 선택 상태로 만듬

 		 * @param {String} sValue

 		function _selectByValue(sValue){

 			return _selectItem("li[data-value='" + sValue + "']");

 		}

 		/**

 		 * 지정한 항목을 선택 상태로 만듬

 		 * @param {String} sQuery 항목 선택 셀렉터 구문

 			var welTarget = $(waFind[0]);

 			_setItemSelected(welTarget);

 			_setFormValue(welTarget);

 			return true;

 		}

 		_init(htOptions);

 		return {

 			"getValue": _getValue,

 			"onChange": _setOnChange,

  *

  * Copyright NHN Corporation.

  * Released under the MIT license

  * http://hive.dev.naver.com/license

  */

 (function(ns){

 	var oNS = $hive.createNamespace(ns);

 	oNS.container[oNS.name] = function(htOptions){

 		var htElement = {};

     	var htOrderMap = {"asc": "desc", "desc": "asc"};

 		function _init(htOptions){

 			_initElement(htOptions || {});

 			_attachEvent();

 			_initPagination(htOptions);

 		}

 		 */

 		function _initElement(htOptions){

 			htElement.welForm = $(htOptions.sOptionForm || "#option_form");

 			htElement.welInputPageNum = htElement.welForm.find("input[name=pageNum]");

 			htElement.welFilter = $(htOptions.sQueryFilter || "#order a");

 			htElement.welPagination = $(htOptions.elPagination || '#pagination');

 		}

          * onClick filter

          */

         function _onClickFilter(){

             htElement.welForm.submit();

             return false;

         }

         	htElement.welForm.submit();

             return false;

         }

         function _initPagination(htOptions){

         	hive.Pagination.update(htElement.welPagination, htOptions.nTotalPages);

         }

         _init(htOptions);

 	};

 		var oBranch = new hive.ui.Dropdown({

 			"elContainer": $("#branches")

 		});

 		$(document).ready(function(){

 			$(window).bind('hashchange', function(e){

 //				_updateDynaTree();

 		function getBranch(){

 			return encodeURIComponent(oBranch.getValue());

 		}

 		/** resize list **/

 		function _initResizeList(){

 			var nFolderListX = $("#folderList").offset().left;

 			var welBtnResize = $(".btnResize");

 			var welWrapDirectory = $(".directory-wrap");

 			var waWrapFile = $(".file-wrap"); // fileList, fileView

 				$(window).unbind("mousemove", _resizeList);

 				return false;

 			});

 			$(window).click(function(){ // for IE

 				$(window).unbind("mousemove", _resizeList);

 			});

 			// 더블클릭하면 디렉토리 목록 숨김

 			welBtnResize.dblclick(function(){

 				if(welWrapDirectory.css("display") == "none"){

 					welWrapDirectory.show();

 					waWrapFile.width(850 - welWrapDirectory.width());

 				} else {

 					welWrapDirectory.hide();

 					waWrapFile.width(850);

 				}

 			function _resizeList(weEvt){

 				var nWidth = weEvt.clientX - nFolderListX;

 				$(".directory-wrap").width(nWidth);

 				$(".file-wrap").width(850 - nWidth);

 			}

 		}

 ----

 ## 명명 규칙

 * NamingGuide.md 참조

 ## 폴더 구조

 * __javascripts/service__

     함수로 작성한다

 * __javascripts/deprecated__

 * 현재 페이지 내에서 해당 모듈을 찾을 수 없는 경우, 즉 명시적으로 <script> 태그를 통해 포함하지 않은 경우

     자동으로 javascripts/service 에서 동적으로 자바스크립트 파일을 로딩하려 시도한다.

     이미 페이지 내에 <script> 태그를 이용해 포함한 경우에는 동적 로딩은 시도되지 않는다.

 * 자바스크립트 파일 로딩이 완료되어 모듈 코드를 사용할 수 있을 때 자동으로 초기화를 시도하며 내부적으로 수행되는 코드는 아래와 같다.

     이 중 htOption 변수는 $hive.loadModule() 의 두번째 인자와 동일하다

 >        new hive.module.Name(htOption)

     모듈 내부의 함수 구조가 모듈 로딩 자체에 영향을 주지는 않는다.

 ## 기타

 >    <script type="text/template" id="tplItem">

 >        ${name} ${email}

 >    </script>

 >

 >    var sTpl = document.getElementById("tplItem").text;

         	// detachEvent() if available

         	// free memory

         	htVar = htElement = null;