홈페이지 : http://www.sublimetext.com

테마 자료 :
http://kkga.github.io/spacegray/

신고

WRITTEN BY
비트센스
뷰파인더로 보는 프로그래머의 세상 페이스북 @bitsense 트위터 @picory 스카이프 picory MSN drawhalf@dreamwiz.com

받은 트랙백이 없고 , 댓글이 없습니다.
secret
현재 개발 환경

MAMP + Laravel + Bootstrap Theme Metis

Laravel이 제공하는 laravel pagination 태그와 Metis Table 제공 pagination 태그가 틀립니다.

Metis pagination 태그 수정을 찾기 않고 일단 laravel 태그를 수정했습니다.

[Laravel 제공하는 태그가 bootstrap 표준이므로 수정을 취소합니다.]

/laravel/vendor/laravel/framework/src/Illuminate/Pagination/views/slider.php

[수정 전]

  <div class="pagination">
    <ul >
      <?php echo $presenter->render(); ?>
    </ul>
  </div>


[수정 후]

  <ul class="pagination">
    <?php echo $presenter->render(); ?>
  </ul>


Metis 수정할 경우를 찾아봐아겠네요.. ^^;; 문젠 어떤게 Bootstrap 표준으로 맞는지도 확인해봐야겠네요.


[Metis 스크립트를 수정합니다.]

수정파일 : /laravel/public/assets/lib/datatables/DT_bootstrap.js

            $(nPaging).append(
                    '<div class="pagination">' +
                    '<ul>' +
                    '<li class="prev disabled"><a href="#">&larr; ' + oLang.sPrevious + '</a></li>' +
                    '<li class="next disabled"><a href="#">' + oLang.sNext + ' &rarr; </a></li>' +
                    '</ul>' +
                    '</div>'
                    );

bootstrap.css의 pagination 부분도 bootstrap 원본을 참조하서 수정을 합니다. ^^;;

그럼 정상적으로 잘 돌아가네요.

신고

WRITTEN BY
비트센스
뷰파인더로 보는 프로그래머의 세상 페이스북 @bitsense 트위터 @picory 스카이프 picory MSN drawhalf@dreamwiz.com

받은 트랙백이 없고 , 댓글 하나 달렸습니다.
  1. 일단 Bootstrap 표준은 Laravel에서 제공하는 pagination 이네요. 이녀석을 조정하는 방향으로 정리를 해야겠네요.. ㅠ,.ㅠ;;
secret

bootstrap은 이제 많이 알려진 상황이고, 개발자들이 관리자 페이지 하나 만들면 이제 어느 정도는 이녀석을 활용하려고 하는 것 같습니다.

문제는 활용은 한다고 하지만 modal 등 몇몇 문제가 있고, 무엇보다 눈이 높아진 디자인 이슈들에 비해 나의 UI 능력치는 부족하여... 어쩔 수 없이 이왕 빌려 쓰는 거 이쁜 건 없나 찾았지만, 대부분 유료네요. (금액은 얼마 되지 않습니다. 사서 쓰는 것을 강추합니다.)

하지만 개인적으로 사이트를 만들어 보고 있는 마당에 무슨 부귀영화를 누린다고 유료 테마를 사용하겠습니까? =_=;; (구글링으로 써치한 페이지 : http://bootstrapthemes.quora.com/Top-10-Bootstrap-Dashboard-Themes-For-Webmasters)

여기 무료 중에서 괜찮은 테마가 있어서 추천을 합니다.

공식 URL http://demo.onokumus.com/metis (글 작성 당시 버전Bootstrap 3.0.0 V2.1.1)

git 다운로드 주소https://github.com/onokumus/Bootstrap-Admin-Template


개인 수정로그

1. modernizr-build.min.js
    일부 css, js 파일 추가생성시 상대경로 assets 으로 생성이 되어서 하위 http://도메인/폴더/metis.html 같은 형태로 작업시 오류발생. 저는 /assets 로 절대 디렉토리로 바꾸는 작업을 했습니다.

2. js 디렉토리 추가
    일부 js 파일들이 있는 것처럼 보이나, 없음. 대표적인 것이 bootstrap도 없음
    추가된 디렉토리

bootstrap, cssbeauty, flot, font-awesome, magic, tablesorter, touch-punch

    (자세한 내용은 해당 홈페이지 참조 사이트들이 있으니, 거기에서 다운받으시면 됩니다.)

3. bootstrap.js 변경
   최신 버전이라고 해서 좋은 것은 아닌것 같네요. 일부 js 파일이 버전이 다릅니다. ㅠ,.ㅠ;; 해당 파일이 최신인 경우 메뉴 폴딩이 제대로 안되는 문제가 있어서 metis 서비스 중인 bootstrap.js로 바꿨습니다. 

신고

WRITTEN BY
비트센스
뷰파인더로 보는 프로그래머의 세상 페이스북 @bitsense 트위터 @picory 스카이프 picory MSN drawhalf@dreamwiz.com

받은 트랙백이 없고 , 댓글  2개가 달렸습니다.
  1. 좋은정보 감사합니다^^
    metis 디버깅을 하고 계시는 군요~
secret