From 98b1e1b3293b8cfadd2f002059fbf3a592f7ba25 Mon Sep 17 00:00:00 2001 From: Ohgyun Ahn Date: Fri, 9 Jan 2015 22:56:43 +0900 Subject: [PATCH 1/8] =?UTF-8?q?=EC=9A=94=EC=B2=AD=20=EC=A3=BC=EC=86=8C=20?= =?UTF-8?q?=ED=8A=B8=EB=9E=98=ED=82=B9=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/coffee/background/analyticsTracker.coffee | 7 +++++-- src/coffee/common/analytics.coffee | 11 +++++++++-- src/manifest.json | 2 +- 3 files changed, 15 insertions(+), 5 deletions(-) diff --git a/src/coffee/background/analyticsTracker.coffee b/src/coffee/background/analyticsTracker.coffee index 0868520..4cd4b1d 100644 --- a/src/coffee/background/analyticsTracker.coffee +++ b/src/coffee/background/analyticsTracker.coffee @@ -32,8 +32,10 @@ # 이벤트를 전송한다. # @param {String} eventString 이벤트 문자열 '카테고리:액션:레이블' - track = (eventString) -> + # @param {String} [referrer] 이벤트가 발생한 페이지 URL + track = (eventString, referrer = '') -> [category, action, label] = eventString.split(':') + @ga 'set', 'referrer', referrer @ga 'send', 'event', category, action, label, useBeacon: true $$storage.get('clientId') @@ -45,4 +47,5 @@ .then (clientId) -> startTracking clientId - whenTrackingRequested track + whenTrackingRequested (data) -> + track data.eventString, data.referrer diff --git a/src/coffee/common/analytics.coffee b/src/coffee/common/analytics.coffee index 4e2280e..322085c 100644 --- a/src/coffee/common/analytics.coffee +++ b/src/coffee/common/analytics.coffee @@ -7,13 +7,20 @@ - `$$analytics.track(eventString)`로 직접 호출할 수 있다. ### @define 'analytics', ($$message) -> + _referer = location.href + # 이벤트 정보를 백그라운드로 전송한다. # @param {String} eventString 이벤트 문자열 '카테고리:액션:레이블' sendTrackingRequested = $$message.createSenderToExtension 'A:trackingRequested' $(document).on 'mousedown', '[data-analytics-event]', (e) -> $target = $(e.currentTarget) - sendTrackingRequested($target.attr('data-analytics-event')) + sendTrackingRequested + eventString: $target.attr('data-analytics-event') + referrer: _referer @exports = - track: sendTrackingRequested \ No newline at end of file + track: (eventString) -> + sendTrackingRequested + eventString: eventString + referrer: _referer \ No newline at end of file diff --git a/src/manifest.json b/src/manifest.json index 9b6e588..3d54643 100644 --- a/src/manifest.json +++ b/src/manifest.json @@ -1,7 +1,7 @@ { "manifest_version": 2, "name": "네이버 영어사전 (Naver English Dictionary)", - "version": "3.0.0", + "version": "3.0.1", "description": "영어 단어의 뜻과 예문을 쉽게 찾을 수 있습니다.", "icons": { "16": "img/icon16.png", From 002f5be32d48b97678bef257b89c11942e7ae40a Mon Sep 17 00:00:00 2001 From: Ohgyun Ahn Date: Fri, 9 Jan 2015 23:22:27 +0900 Subject: [PATCH 2/8] =?UTF-8?q?=EA=B2=80=EC=83=89=20=ED=82=A4=EC=9B=8C?= =?UTF-8?q?=EB=93=9C=EC=97=90=20=EB=8C=80=ED=95=9C=20=EB=A1=9C=EA=B7=B8=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/coffee/background/analyticsTracker.coffee | 11 ++++++---- src/coffee/common/analytics.coffee | 22 +++++++++++++------ src/coffee/content/actionWatcher.coffee | 2 +- src/coffee/content/viewer.coffee | 7 +++++- src/coffee/content/viewerManager.coffee | 2 +- src/coffee/popup/popup.coffee | 2 +- 6 files changed, 31 insertions(+), 15 deletions(-) diff --git a/src/coffee/background/analyticsTracker.coffee b/src/coffee/background/analyticsTracker.coffee index 4cd4b1d..39fd2e3 100644 --- a/src/coffee/background/analyticsTracker.coffee +++ b/src/coffee/background/analyticsTracker.coffee @@ -6,7 +6,8 @@ ### @define 'analyticsTracker', ($$constant, $$uuid, $$storage, $$message) -> - whenTrackingRequested = $$message.createListenerToExtension 'A:trackingRequested' + whenEventTrackingRequested = $$message.createListenerToExtension 'A:eventTrackingRequested' + whenPageTrackingRequested = $$message.createListenerToExtension 'A:pageTrackingRequested' startTracking = (clientId) -> # @ga_debug = true @@ -33,7 +34,7 @@ # 이벤트를 전송한다. # @param {String} eventString 이벤트 문자열 '카테고리:액션:레이블' # @param {String} [referrer] 이벤트가 발생한 페이지 URL - track = (eventString, referrer = '') -> + trackEvent = (eventString, referrer = '') -> [category, action, label] = eventString.split(':') @ga 'set', 'referrer', referrer @ga 'send', 'event', category, action, label, useBeacon: true @@ -47,5 +48,7 @@ .then (clientId) -> startTracking clientId - whenTrackingRequested (data) -> - track data.eventString, data.referrer + whenEventTrackingRequested (data) -> + trackEvent data.eventString, data.referrer + whenPageTrackingRequested (pageUrl) -> + @ga 'send', 'pageview', pageUrl, useBeacon: true diff --git a/src/coffee/common/analytics.coffee b/src/coffee/common/analytics.coffee index 322085c..aaeaa24 100644 --- a/src/coffee/common/analytics.coffee +++ b/src/coffee/common/analytics.coffee @@ -4,23 +4,31 @@ - 스크립트를 추가하면 해당 페이지 뷰 코드를 전달한다. - 지표를 수집하고 싶은 버튼 엘리먼트에 `data-analytics-event="category:action:label"` 속성을 추가하면, 클릭 시 지표를 수집한다. -- `$$analytics.track(eventString)`로 직접 호출할 수 있다. +- `$$analytics.trackEvent(eventString)`로 직접 호출할 수 있다. ### @define 'analytics', ($$message) -> _referer = location.href # 이벤트 정보를 백그라운드로 전송한다. - # @param {String} eventString 이벤트 문자열 '카테고리:액션:레이블' - sendTrackingRequested = $$message.createSenderToExtension 'A:trackingRequested' + # @param {Object} data + # @param {String} data.eventString 이벤트 문자열 '카테고리:액션:레이블' + # @param {String} data.referrer 요청이 발생한 페이지 URL + sendEventTrackingRequested = $$message.createSenderToExtension 'A:eventTrackingRequested' + + # 페이지 정보를 전송한다. + # @param {String} pageUrl + sendPageTrackingRequested = $$message.createSenderToExtension 'A:pageTrackingRequested' $(document).on 'mousedown', '[data-analytics-event]', (e) -> $target = $(e.currentTarget) - sendTrackingRequested + sendEventTrackingRequested eventString: $target.attr('data-analytics-event') referrer: _referer @exports = - track: (eventString) -> - sendTrackingRequested + trackEvent: (eventString) -> + sendEventTrackingRequested eventString: eventString - referrer: _referer \ No newline at end of file + referrer: _referer + + trackPage: sendPageTrackingRequested diff --git a/src/coffee/content/actionWatcher.coffee b/src/coffee/content/actionWatcher.coffee index aec16c8..5f7b5ff 100644 --- a/src/coffee/content/actionWatcher.coffee +++ b/src/coffee/content/actionWatcher.coffee @@ -83,4 +83,4 @@ selectionText = getSelectedText() if isValidWord(selectionText) sendWordSelected selectionText - $$analytics.track("actionWatcher:trigger:#{method}") \ No newline at end of file + $$analytics.trackEvent("actionWatcher:trigger:#{method}") \ No newline at end of file diff --git a/src/coffee/content/viewer.coffee b/src/coffee/content/viewer.coffee index 1a114f2..b821962 100644 --- a/src/coffee/content/viewer.coffee +++ b/src/coffee/content/viewer.coffee @@ -1,7 +1,7 @@ ### 사전이 렌더링되는 페이지의 스크립트 ### -@define 'viewer', ($$message, $$options) -> +@define 'viewer', ($$message, $$options, $$analytics) -> #-------------------- # Functions #-------------------- @@ -65,6 +65,11 @@ # angular 범위 밖에서 호출된 것이기 때문에 apply()를 호출해줘야 한다. $scope.$apply() + # 쿼리가 있을 경우, 페이지 렌더링 결과를 보낸다. + # `query` 파라미터는 애널리틱스에서 검색어 파악을 위해 사용한다. + if data.query + $$analytics.trackPage "viewer.html?query=#{data.query.replace(/\s/g, '+')}" + window.scrollTo(0, 0); # 같은 윈도우를 재활용하므로 렌더링 이후에 스크롤을 초기화한다 sendViewerRenderered document.documentElement.scrollHeight sendViewerRendereredToWindow document.documentElement.scrollHeight diff --git a/src/coffee/content/viewerManager.coffee b/src/coffee/content/viewerManager.coffee index b4178f0..29c57eb 100644 --- a/src/coffee/content/viewerManager.coffee +++ b/src/coffee/content/viewerManager.coffee @@ -56,7 +56,7 @@ _$viewer.attr 'style', "height: #{properHeight}px !important" - $$analytics.track('viewer:expand') + $$analytics.trackEvent('viewer:expand') # 뷰어 iframe 위에서 스크롤 시, 문서의 스크롤을 막는다. preventDocumentWheelEvent = -> diff --git a/src/coffee/popup/popup.coffee b/src/coffee/popup/popup.coffee index fe5b9d0..dbe917e 100644 --- a/src/coffee/popup/popup.coffee +++ b/src/coffee/popup/popup.coffee @@ -47,7 +47,7 @@ $('.viewer-wrap').show() sendQuerySubmitted $scope.query - $$analytics.track('popup:search') + $$analytics.trackEvent('popup:search') $scope.selectQuery = ($event) -> $event.target.select() From 8467abf72f21b989ed174ab6f920ad5de5b41b82 Mon Sep 17 00:00:00 2001 From: Ohgyun Ahn Date: Fri, 9 Jan 2015 23:27:04 +0900 Subject: [PATCH 3/8] =?UTF-8?q?=EC=BB=A8=ED=85=8D=EC=8A=A4=ED=8A=B8=20?= =?UTF-8?q?=EB=A9=94=EB=89=B4=EB=A1=9C=EB=B6=80=ED=84=B0=20=EA=B2=80?= =?UTF-8?q?=EC=83=89=ED=95=A0=20=EC=88=98=20=EC=9E=88=EB=8F=84=EB=A1=9D=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/coffee/background/background.coffee | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/coffee/background/background.coffee b/src/coffee/background/background.coffee index 376dfc2..287a94d 100644 --- a/src/coffee/background/background.coffee +++ b/src/coffee/background/background.coffee @@ -37,4 +37,11 @@ whenQuerySubmitted (word) -> $$wordSearcher.searchWord(word, sendWordSearchedToPopup) whenDicTypeToggledOnPopup (isEE) -> - $$wordSearcher.toggleDicType(isEE, sendWordSearchedToPopup) \ No newline at end of file + $$wordSearcher.toggleDicType(isEE, sendWordSearchedToPopup) + + # 컨텍스트 메뉴에 영어사전 검색을 추가한다. + chrome.contextMenus.create + title: "네이버 영어사전에서 '%s' 검색" + contexts: ["selection"] + onclick: (info) -> + $$wordSearcher.searchWord(info.selectionText, sendWordSearched) \ No newline at end of file From 27940e67ef8807b35fa190b55d452c02cd58dfb5 Mon Sep 17 00:00:00 2001 From: Ohgyun Ahn Date: Fri, 9 Jan 2015 23:32:10 +0900 Subject: [PATCH 4/8] =?UTF-8?q?=EC=95=84=EC=9D=B4=EC=BD=98=EC=9D=84=20?= =?UTF-8?q?=EC=84=A0=ED=83=9D=ED=96=88=EC=9D=84=20=EB=95=8C,=20=EC=82=AC?= =?UTF-8?q?=EC=A0=84=EC=97=90=20=EB=B0=94=EB=A1=9C=20=ED=8F=AC=EC=BB=A4?= =?UTF-8?q?=EC=8A=A4=20=EA=B0=80=EB=8F=84=EB=A1=9D=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- TODO.md | 11 +++++------ src/coffee/popup/popup.coffee | 6 ++++++ src/popup.html | 2 +- 3 files changed, 12 insertions(+), 7 deletions(-) diff --git a/TODO.md b/TODO.md index 0da5498..0139e2f 100644 --- a/TODO.md +++ b/TODO.md @@ -1,9 +1,7 @@ ## TODO 설정 정보에 이후 개선 내용에 대한 슬라이드 추가하기 - 창이 열려있는 상태에서 렌더링 시 창 크기 변경하기 - 페이스북 페이지 임베드하기 단축키 입력 시 사전 동작하게 하기 (백그라운드로 메시지 보내기) 단어장 페이지 만들기 @@ -13,9 +11,7 @@ ## DOING -개선 내용에 대한 엑셀 파일을 설정 페이지에 추가하기 - - https://docs.google.com/spreadsheets/d/19eSjHMtyF_RsF8EYa655SPjYB8EQFplfmPA_dozfIB0/edit#gid=0 - - 앵귤러에서 선택해서 컨트롤러를 변경하는 방법에 대해 알아봐야 함 + ## Complete @@ -45,4 +41,7 @@ 더블클릭과 마우스 드래그를 명확하게 나누기 지표 코드 추가하기 사용하지 않는 파일 정리하기 -빌드 코드 정리하기 \ No newline at end of file +빌드 코드 정리하기 +개선 내용에 대한 엑셀 파일을 설정 페이지에 추가하기 + - https://docs.google.com/spreadsheets/d/19eSjHMtyF_RsF8EYa655SPjYB8EQFplfmPA_dozfIB0/edit#gid=0 + - 앵귤러에서 선택해서 컨트롤러를 변경하는 방법에 대해 알아봐야 함 \ No newline at end of file diff --git a/src/coffee/popup/popup.coffee b/src/coffee/popup/popup.coffee index dbe917e..53a5975 100644 --- a/src/coffee/popup/popup.coffee +++ b/src/coffee/popup/popup.coffee @@ -42,6 +42,9 @@ whenViewerRendered resizePopup $scope.search = -> + # 검색어가 없으면 아무 동작을 하지 않는다. + return unless $scope.query + # 검색 결과 응답이 오기 전에 iframe을 보이도록 설정한다. # 그렇지 않으면, iframe의 scrollHeight가 부모의 scrollHeight를 리턴한다. $('.viewer-wrap').show() @@ -51,3 +54,6 @@ $scope.selectQuery = ($event) -> $event.target.select() + + # 페이지가 로드되면 쿼리 엘리먼트에 포커스를 준다. + $('#query').focus() \ No newline at end of file diff --git a/src/popup.html b/src/popup.html index dba33d2..78a8feb 100644 --- a/src/popup.html +++ b/src/popup.html @@ -14,7 +14,7 @@
- +
From c9d31e87d32622d0c8f4b6098301268840192bba Mon Sep 17 00:00:00 2001 From: Ohgyun Ahn Date: Fri, 9 Jan 2015 23:38:37 +0900 Subject: [PATCH 5/8] =?UTF-8?q?=EC=98=A4=EB=94=94=EC=98=A4=20=EB=B2=84?= =?UTF-8?q?=ED=8A=BC=20=ED=81=B4=EB=A6=AD=20=EC=8B=9C=20=EB=B7=B0=EC=96=B4?= =?UTF-8?q?=EA=B0=80=20=EB=8B=AB=ED=9E=88=EB=8D=98=20=EB=AC=B8=EC=A0=9C=20?= =?UTF-8?q?=ED=95=B4=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/coffee/content/actionWatcher.coffee | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/coffee/content/actionWatcher.coffee b/src/coffee/content/actionWatcher.coffee index 5f7b5ff..852df1d 100644 --- a/src/coffee/content/actionWatcher.coffee +++ b/src/coffee/content/actionWatcher.coffee @@ -65,7 +65,10 @@ onMouseDown (e) -> _startX = e.pageX _startY = e.pageY - sendOutsideClicked() + + # 뷰어 내에서 클릭이 일어난 경우엔, 이벤트를 전달하지 않는다. + unless location.pathname is '/viewer.html' + sendOutsideClicked() onMouseUp (e) -> diffX = Math.abs(_startX - e.pageX) From b399fe20a2896e6bfba53bf293b321ab4d6a6df1 Mon Sep 17 00:00:00 2001 From: Ohgyun Ahn Date: Fri, 9 Jan 2015 23:45:05 +0900 Subject: [PATCH 6/8] =?UTF-8?q?=EB=B7=B0=EC=96=B4=EB=A5=BC=20=EC=97=B4?= =?UTF-8?q?=EB=A9=B4=20=ED=95=AD=EC=83=81=20=EB=86=92=EC=9D=B4=EC=97=90=20?= =?UTF-8?q?=EB=A7=9E=EA=B2=8C=20=EB=B3=80=ED=95=98=EB=8F=84=EB=A1=9D=20?= =?UTF-8?q?=EC=B2=98=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/coffee/content/viewerManager.coffee | 22 ++++------------------ 1 file changed, 4 insertions(+), 18 deletions(-) diff --git a/src/coffee/content/viewerManager.coffee b/src/coffee/content/viewerManager.coffee index 29c57eb..462bb35 100644 --- a/src/coffee/content/viewerManager.coffee +++ b/src/coffee/content/viewerManager.coffee @@ -7,7 +7,6 @@ _$viewer = null _isAttached = false - _currentViewerHeight = 0 _isViewerOpened = false # 뷰어가 닫히자 마자 다시 열리는 경우를 대비해 (사전 전환이나 빠른 클릭 등) @@ -35,29 +34,17 @@ _$viewer.addClass 'on' _isViewerOpened = true - attachExpandEvent() preventDocumentWheelEvent() - # 전체 내용을 보기 편하도록, 마우스를 올릴 때 창을 확장하고 닫을 때 기본 크기로 줄인다. - attachExpandEvent = -> - # 이벤트가 한 번만 실행되도록 하기 위해 기존 이벤트는 제거한다. - detachExpandEvent() - _$viewer.one 'mouseover', expandViewerHeight - - detachExpandEvent = -> - _$viewer.off 'mouseover' - - expandViewerHeight = -> - if _currentViewerHeight <= DEFAULT_HEIGHT + expandViewerHeight = (height) -> + if height <= DEFAULT_HEIGHT properHeight = DEFAULT_HEIGHT else maxHeight = Math.floor($(window).height() * 0.9) - properHeight = Math.min(_currentViewerHeight, maxHeight) + properHeight = Math.min(height, maxHeight) _$viewer.attr 'style', "height: #{properHeight}px !important" - $$analytics.trackEvent('viewer:expand') - # 뷰어 iframe 위에서 스크롤 시, 문서의 스크롤을 막는다. preventDocumentWheelEvent = -> allowDocumentWheelEvent() @@ -80,7 +67,6 @@ _$viewer.removeClass 'on' restoreViewerHeight() - detachExpandEvent() allowDocumentWheelEvent() , 300 @@ -98,4 +84,4 @@ whenWordSearched showViewer whenOutsideClicked hideViewer - whenViewerRendered setCurrentViewerHeight \ No newline at end of file + whenViewerRendered expandViewerHeight \ No newline at end of file From dab8bfd2aafef06084a48af5a12ebe138e989b06 Mon Sep 17 00:00:00 2001 From: Ohgyun Ahn Date: Sat, 10 Jan 2015 01:13:36 +0900 Subject: [PATCH 7/8] =?UTF-8?q?=EA=B3=B5=EC=A7=80=EC=82=AC=ED=95=AD=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- TODO.md | 6 ++--- src/coffee/common/newBadge.coffee | 40 ++++++++++++++++++++++++++++ src/coffee/options/notice.coffee | 30 +++++++++++++++++++++ src/coffee/options/optionPage.coffee | 7 +++-- src/coffee/popup/popup.coffee | 13 ++++++--- src/less/optionPage.less | 21 +++++++++++++++ src/less/popup.less | 16 +++++++++++ src/manifest.json | 1 + src/optionPage.html | 9 ++++++- src/popup.html | 9 +++++-- src/viewer.html | 2 +- 11 files changed, 142 insertions(+), 12 deletions(-) create mode 100644 src/coffee/common/newBadge.coffee create mode 100644 src/coffee/options/notice.coffee diff --git a/TODO.md b/TODO.md index 0139e2f..569886d 100644 --- a/TODO.md +++ b/TODO.md @@ -1,7 +1,5 @@ ## TODO -설정 정보에 이후 개선 내용에 대한 슬라이드 추가하기 -창이 열려있는 상태에서 렌더링 시 창 크기 변경하기 페이스북 페이지 임베드하기 단축키 입력 시 사전 동작하게 하기 (백그라운드로 메시지 보내기) 단어장 페이지 만들기 @@ -44,4 +42,6 @@ 빌드 코드 정리하기 개선 내용에 대한 엑셀 파일을 설정 페이지에 추가하기 - https://docs.google.com/spreadsheets/d/19eSjHMtyF_RsF8EYa655SPjYB8EQFplfmPA_dozfIB0/edit#gid=0 - - 앵귤러에서 선택해서 컨트롤러를 변경하는 방법에 대해 알아봐야 함 \ No newline at end of file + - 앵귤러에서 선택해서 컨트롤러를 변경하는 방법에 대해 알아봐야 함 +설정 정보에 이후 개선 내용에 대한 슬라이드 추가하기 +창이 열려있는 상태에서 렌더링 시 창 크기 변경하기 diff --git a/src/coffee/common/newBadge.coffee b/src/coffee/common/newBadge.coffee new file mode 100644 index 0000000..4a879d4 --- /dev/null +++ b/src/coffee/common/newBadge.coffee @@ -0,0 +1,40 @@ +### +공지사항 처리를 위해 뉴 뱃지 +### +@define 'newBadge', ($$storage) -> + + _currentVersion = chrome.runtime.getManifest().version + _isVersionDifferent = false + + showNewBadge = -> + chrome.browserAction.setBadgeText + text: 'N' + $('[data-new-badge]').show() + + hideNewBadge = -> + chrome.browserAction.setBadgeText + text: '' + + # 버전이 다를 경우 뉴 뱃지를 보여준다. + # 뱃지의 스타일은 각 뷰에서 처리하되, 기본값은 display:none; 처리한다. + $$storage.get('version').then (version) -> + unless version is _currentVersion + _isVersionDifferent = true + + # 백그라운드 페이지일 경우, 브라우저 액션의 뱃지를 보여주고 컨텐트일 경우 문서를 검색한다. + if location.pathname is '/_generated_background_page.html' + showNewBadge() + else + $(-> + $('[data-new-badge]').show() + ) + + @exports = + # 저장된 키 값을 최신 버전으로 업데이트한다. + # 브라우저 액션의 뉴 뱃지를 제거한다. + # 컨텐츠들은 닫으면 없어지므로 그대로 둔다. + updateToCurrentVersion: -> + if _isVersionDifferent + $$storage.set('version', _currentVersion).then -> + hideNewBadge() + _isVersionDifferent = false \ No newline at end of file diff --git a/src/coffee/options/notice.coffee b/src/coffee/options/notice.coffee new file mode 100644 index 0000000..8cd0354 --- /dev/null +++ b/src/coffee/options/notice.coffee @@ -0,0 +1,30 @@ +@define 'notice', -> + notices = + '3.0.1': + """ + 3.0.0으로 업데이트 후에, 변경된 점들에 대해 많은 분들이 의견을 주셨습니다. + 일단, 그 중에 많은 분들께서 공통적으로 요청하셨던 것들과 중요 버그 몇 가지를 수정했습니다. + + 이번 버전은 3.0.1이고, 아래 사항이 업데이트되었습니다. + + - 마우스 오른쪽 버튼 클릭으로 검색할 수 있는 기능 추가 + - 오디오 버튼 클릭 시 뷰어가 닫히던 문제 해결 + - 윈도우에서 사전 아이콘을 선택했을 때 바로 포커스가 가도록 수정 + - 뷰어를 열었을 때 높이가 자동으로 조절되도록 수정 + + 많은 분들이 PDF에서도 사전을 사용하고 싶다고 요청하셨는데요. + 안타깝게도 크롬 브라우저의 정책으로 PDF에서는 더블클릭이나 드래그로 사전을 검색할 수 없습니다. + 아쉬운 대로, 단어를 선택 후 마우스 오른쪽 버튼으로 검색하시거나, 주소창 옆 아이콘을 클릭해 검색하실 수 있습니다. + + 단축키 기능에 대해 요청하신 분들도 많았는데, 이 기능은 조금만 더 기다려주세요. + 다음 수정 버전에 배포할 예정입니다. + + 정말 많은 분들이 좋은 의견을 주셨습니다. 감사합니다.^^ + 피드백 창구를 진작에 만들 걸 그랬나봐요. + + 사전 편리하게 사용하시고, 늘 즐거운 하루 되세요. + """ + + @exports = + getCurrentVersionNotice: -> + notices[chrome.runtime.getManifest().version] \ No newline at end of file diff --git a/src/coffee/options/optionPage.coffee b/src/coffee/options/optionPage.coffee index dd1785c..8c6299d 100644 --- a/src/coffee/options/optionPage.coffee +++ b/src/coffee/options/optionPage.coffee @@ -1,7 +1,7 @@ ### 옵션 페이지 ### -@define 'optionPage', ($$constant, $$message, $$options) -> +@define 'optionPage', ($$constant, $$message, $$options, $$notice, $$newBadge) -> sendWordSelected = $$message.createSenderToExtension 'T:wordSelected' #-------------------- @@ -13,7 +13,6 @@ $scope.menu = 'option' .controller 'optionCtrl', ($scope) -> - console.log 'xxx' $scope.TRIGGER_METHODS = $$options.TRIGGER_METHODS $scope.options = {} $scope.isChanged = false @@ -51,3 +50,7 @@ $('#todo').attr('src', $$constant.TODO_DOC_URL) $scope.bugUrl = $$constant.BUG_DOC_URL $scope.feedbackUrl = $$constant.FEEDBACK_DOC_URL + $scope.notice = $$notice.getCurrentVersionNotice() + + # 업데이트 뱃지를 제거한다. + $$newBadge.updateToCurrentVersion() diff --git a/src/coffee/popup/popup.coffee b/src/coffee/popup/popup.coffee index 53a5975..8326fa5 100644 --- a/src/coffee/popup/popup.coffee +++ b/src/coffee/popup/popup.coffee @@ -1,7 +1,7 @@ ### 브라우저에 액션에 의해 노출되는 팝업 페이지 ### -@define 'popup', ($$message, $$analytics) -> +@define 'popup', ($$message, $$analytics, $$storage) -> VIEWER_TOP_OFFSET = 46 VIEWER_MAX_HEIGHT = 400 @@ -34,7 +34,13 @@ properHeight = if height > VIEWER_MAX_HEIGHT then VIEWER_MAX_HEIGHT else height $('#viewer').height(properHeight) $(document.documentElement).css('height', "#{VIEWER_TOP_OFFSET + properHeight}px") - + + showNewBadge = -> + $$storage.get('version').then (version) -> + currentVersion = chrome.runtime.getManifest().version + unless version is currentVersion + $scope.$apply() + whenWordSearched (data) -> sendWordSearchedToIframe data @@ -56,4 +62,5 @@ $event.target.select() # 페이지가 로드되면 쿼리 엘리먼트에 포커스를 준다. - $('#query').focus() \ No newline at end of file + $('#query').focus() + showNewBadge() \ No newline at end of file diff --git a/src/less/optionPage.less b/src/less/optionPage.less index 4633f1e..65f9e21 100644 --- a/src/less/optionPage.less +++ b/src/less/optionPage.less @@ -46,6 +46,19 @@ background: #333; color: #fff; } + + .new-badge { + display: none; + position: absolute; + font-size: 10px; + top: 17px; + right: 13px; + background: red; + color: #fff; + padding: 4px; + border-radius: 17px; + line-height: 7px; + } } } @@ -158,4 +171,12 @@ color: #fff; font-weight: bold; } + + .notice { + margin-left: 20px; + padding: 20px; + background: #fff; + word-break: break-word; + border-radius: 5px; + } } \ No newline at end of file diff --git a/src/less/popup.less b/src/less/popup.less index 4b8951c..d2eeb35 100644 --- a/src/less/popup.less +++ b/src/less/popup.less @@ -64,6 +64,22 @@ &:hover { text-decoration: none; } + + .new-badge { + display: none; + position: absolute; + font-size: 10px; + color: #fff; + bottom: 4px; + right: 9px; + background: red; + width: 7px; + height: 7px; + display: block; + padding: 4px; + border-radius: 10px; + line-height: 7px; + } } } diff --git a/src/manifest.json b/src/manifest.json index 3d54643..eec7943 100644 --- a/src/manifest.json +++ b/src/manifest.json @@ -63,6 +63,7 @@ "js/common/f.js", "js/common/cache.js", "js/common/cookie.js", + "js/common/newBadge.js", "js/background/wordParser.js", "js/background/meaningParser.js", "js/background/resultHtmlParser.js", diff --git a/src/optionPage.html b/src/optionPage.html index 236a549..40b6ea2 100644 --- a/src/optionPage.html +++ b/src/optionPage.html @@ -13,7 +13,9 @@
- +
@@ -43,6 +45,9 @@

사전 글자 크기

+

공지사항

+ 
{{notice}}
+

개발 예정 목록

현재 진행 중인 작업 목록입니다. 피드백 주실 때 참고해주세요.

@@ -64,6 +69,8 @@

버그 신고 및 개선 의견 주기

+ + \ No newline at end of file diff --git a/src/popup.html b/src/popup.html index 78a8feb..a23370a 100644 --- a/src/popup.html +++ b/src/popup.html @@ -1,5 +1,5 @@ - + English Dictionary @@ -19,7 +19,11 @@
-
+
+ + N + +