fronteer-kr

## ex.js
var page = require('webpage').create();
page.open('http://www.daum.net', function () {
    page.render('daum.png');
    phantom.exit();
});

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    <h2>여러분 안녕하세요</h2>
    We are using node.js <script>document.write(process.version)</script>.

## gist:7c878ac7b94c09c45998
.pagination { margin: 0;}
.pagination > li.disabled > a, .pagination > li.disabled > span { color: #eee; }

.pagination,
.pagination ~ .rowOption {display: inline-block; margin-left:5px;}
.pagination ~ .rowOption > span {
    float: left;
    position: relative;
    padding: 6px 12px;
    margin-right: 4px;

## to-be
<div class="meta-pagination">
	<ul class="pagination">
		<li class="page active"><a href="#none" data-page="1">1</a></li>
		<li class="page"><a href="#none" data-page="2">2</a></li>
		<li class="page"><a href="#none" data-page="3">3</a></li>
		<li class="page"><a href="#none" data-page="4">4</a></li>
	</ul>
	<div class="rowOption">
		<span class="rowCount">총13개</span>
		<select name="rowPerPage">

## as-is
<div class="row">
    <div class="col-sm-6">
        <div class="input-group date metaui-datepicker">
            <input type="text" name="from_date" class="form-control metaui-datepicker">
            <span class="input-group-addon">
                <i class="fa fa-calendar">
                </i>
            </span>
        </div>
    </div>

## gist:78f2cc819d9a6dd1e17e
// (예)
// ![:gist](userId/gistId)

![:gist](fronteer-kr/262b9eaa6b7d9dfcc433)


## bootstrap.less
// 상대경로는 적절하게 변경해야..

@import "./_less/bootstrap.less";

## less.js
// 파일 위치 - node_modules\harp\node_modules\terraform\lib\stylesheet\processors\less.js
// 파일 하단부분 (대략 25 line 부근) 수정

  parser.parse(fileContents.toString(), function (e, tree) {
    if(e) return callback(formatError(e))

    try{
      var error = null
      //var css = tree.toCSS({ compress: true })                                            // 수정전
      var css = tree.toCSS({ compress: true, sourceMap: true, outputSourceFiles: true })    // 수정후

## click handler
var _lastCickTime = new Date().getTime();

document.addEventListener('click', function (e) {
    var clickTime = e['timeStamp'];

    if (clickTime && (click_time - _lastCickTime) < 500) {
        e.stopImmediatePropagation();
        e.preventDefault();
        return false;
    }

## bootstrap-datepicker.js수정
// 월-년 ==> 년-월 표시

fill() 함수 내 수정 (대략 738 line 부근)

// 수정전
this.picker.find('.datepicker-days thead th.datepicker-switch')
			.text(dates[this.o.language].months[month]+' '+year);

// 수정후
this.picker.find('.datepicker-days thead th.datepicker-switch')
	var page = require('webpage').create();
	page.open('http://www.daum.net', function () {
	page.render('daum.png');
	phantom.exit();
	});
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Hello World!</title>
	</head>
	<body>
	<h1>Hello World!</h1>
	<h2>여러분 안녕하세요</h2>
	We are using node.js <script>document.write(process.version)</script>.
	.pagination { margin: 0;}
	.pagination > li.disabled > a, .pagination > li.disabled > span { color: #eee; }

	.pagination,
	.pagination ~ .rowOption {display: inline-block; margin-left:5px;}
	.pagination ~ .rowOption > span {
	float: left;
	position: relative;
	padding: 6px 12px;
	margin-right: 4px;
	<div class="meta-pagination">
	<ul class="pagination">
	<li class="page active"><a href="#none" data-page="1">1</a></li>
	<li class="page"><a href="#none" data-page="2">2</a></li>
	<li class="page"><a href="#none" data-page="3">3</a></li>
	<li class="page"><a href="#none" data-page="4">4</a></li>
	</ul>
	<div class="rowOption">
	<span class="rowCount">총13개</span>
	<select name="rowPerPage">
	<div class="row">
	<div class="col-sm-6">
	<div class="input-group date metaui-datepicker">
	<input type="text" name="from_date" class="form-control metaui-datepicker">
	<span class="input-group-addon">
	<i class="fa fa-calendar">
	</i>
	</span>
	</div>
	</div>
	// (예)
	// ![:gist](userId/gistId)

	![:gist](fronteer-kr/262b9eaa6b7d9dfcc433)
	// 상대경로는 적절하게 변경해야..

	@import "./_less/bootstrap.less";
	// 파일 위치 - node_modules\harp\node_modules\terraform\lib\stylesheet\processors\less.js
	// 파일 하단부분 (대략 25 line 부근) 수정

	parser.parse(fileContents.toString(), function (e, tree) {
	if(e) return callback(formatError(e))

	try{
	var error = null
	//var css = tree.toCSS({ compress: true }) // 수정전
	var css = tree.toCSS({ compress: true, sourceMap: true, outputSourceFiles: true }) // 수정후
	var _lastCickTime = new Date().getTime();

	document.addEventListener('click', function (e) {
	var clickTime = e['timeStamp'];

	if (clickTime && (click_time - _lastCickTime) < 500) {
	e.stopImmediatePropagation();
	e.preventDefault();
	return false;
	}
	// 월-년 ==> 년-월 표시

	fill() 함수 내 수정 (대략 738 line 부근)

	// 수정전
	this.picker.find('.datepicker-days thead th.datepicker-switch')
	.text(dates[this.o.language].months[month]+' '+year);

	// 수정후
	this.picker.find('.datepicker-days thead th.datepicker-switch')