Code Monkey home page Code Monkey logo

jui-ui's People

Contributors

alvin-hh avatar dependabot[bot] avatar easylogic avatar egaoneko avatar limty07 avatar seogi1004 avatar shydah avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jui-ui's Issues

ui.layout 추가해주세요.

BorderLayout 으로 동작하는 layout 라이브리를 추가해주세요.

Desktop UI 구현할 때 필요 할 것 같아요.

[버그] XTable 스크롤 및 리사이징 깨지는 현상

해당 문제가 발생하는 현상은 아래와 같은 경우...

  1. border-collapse 스타일이 collapse인 경우
  2. th의 크기를 설정했을 때, 테이블의 가로보다 큰 경우
  3. th와 td의 text-overflow 처리를 안했을 경우

아래는 이와 같은 문제를 해결할 수 있는 스타일

.xtable table {
table-layout: fixed;
border-spacing: 0;
border-collapse: inherit;
}
.xtable th {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xtable td {
word-break: break-all;
}

차트 테마 적용 (+디자인 이슈)

  1. 라벨 및 타이틀 위젯, 폰트 이탤릭
  2. 타이틀, 폰트 굶기 bold
  3. 그리드, stroke-dasharray 적용

차트에서 데이터 포인트에 마우스를 hover했을경우의 효과 개선안

데이터 포인트의 border컬러와 bg컬러를 반전시킨다.
데이터 포인트의 사이즈는 기존과 동일하되, hover했을경우 border사이즈만 기존의 값 1에서 2로 변경한다.

  1. 테마 백그라운드 컬러가 화이트일 경우에는 bg컬러가 화이트이며, border컬러는 데이터 색상과 동일하다.
  2. 테마 백그라운드 컬러가 블랙일 경우에는 포인트BG컬러가 테마 배경컬러와 동일하며, border컬러는 데이터 색상과 동일하다.

Change Request 'Message Box' style

message box의 기본 shadow style과 , [black type], [white type]의 border값을 삭제합니다. 스타일은 아래와 같습니다.

.msgbox
-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25);(수정)
-border:1px solid #cacaca (삭제)

.msgbox-white
border: 1px solid #cacaca(삭제)

.msgbox-black
border:1px solid #5a5a5a (삭제)

부트스트랩 연동 관련 (페이징, 자동완성, 드롭다운)

  1. 페이징
    • prev/next 태그 액션 발생시 찾게 수정
  2. 자동완성/드롭다운
    • hover 클래스, active로 변경
  3. 자동완성/드롭다운
    • 드롭다운 템플릿에 a 태그 추가 (또는 별도의 방법 강구)
  4. 드롭다운
    • 키보드 이벤트, 노드가 많을 경우 버그

?

dfefefef

[개선] base.js - defineUI 함수 개선

  1. 'group.name' 형태로 무조건 정의하도록 하는것에 대한 검토가 필요
  2. 'core'를 기본적으로 상속하도록 바꾸는게 맞는가?
    • 참고로 'core'를 로드하지 않으면 에러가 발생함...

[개선] Table & X-Table 스크롤 개선

특정 스타일에 따라 제대로 적용되지 않는 문제를 필히 개선해야 함.

  • 참고로 ie10 미만 버전에서는 table의 scroll이 적용되지 않음.
  • 그래서 xtable의 scroll 방식으로 변경하는 것을 검토해봐야 함.

Window 스타일 수정

window 스타일 수정 요청합니다.
.jui .window

  1. box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.3); (변경)
  2. border:1px solid #cacaca (삭제)

[개선] 커스텀 이벤트 기본 가이드 반영

커스텀 이벤트는 사용자가 제어할 수 없는 상황에서 발생되는 이벤트이다.

  • tree, 노드 드래그 이동시 커스텀 이벤트
  • combo/dropdown/tab, 기본 가이드와 맞지 않은 커스텀 이벤트 제거
  • 그 외 컴포넌트 검토 필요

chart 색상 코드를 정의하다.

기본적으로 svg는 색상을 3가지로 채울 수 있는데

일반적인 컬러 (red, blue, #FFFFFF 등의 rgb 코드)
gradient
pattern

그 중에 color 와 같은 방식으로 gradient 의 형식을 지정하였습니다.

linear(left) red,blue 하게 되면

자동으로 linearGradient 가 생성되며 왼쪽에서 오른쪽 방향으로
2개의 stop 컬러(red, blue) 생성이 된다.

모든 차트에 사용되는 색상 코드는 저런식으로 자동으로 컨버팅 된다.
즉 gradient 를 쓰기 위해서 태그를 따로 생성할 필요 없이 필요한 문자열 코드만 적어주면 된다.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.