| Index: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/report-icon.png |
| Cannot display: file marked as a binary type. |
| svn:mime-type = image/png |
| Index: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/tab-fade.png |
| Cannot display: file marked as a binary type. |
| svn:mime-type = image/png |
| Index: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/tab-edge.png |
| Cannot display: file marked as a binary type. |
| svn:mime-type = image/png |
| Index: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/tab-base.png |
| Cannot display: file marked as a binary type. |
| svn:mime-type = image/png |
| Index: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/tab-break.png |
| Cannot display: file marked as a binary type. |
| svn:mime-type = image/png |
| Index: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/form-icon.png |
| Cannot display: file marked as a binary type. |
| svn:mime-type = image/png |
| Index: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/report-hover.png |
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| Property changes on: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/report-hover.png |
| ___________________________________________________________________ |
| Added: svn:mime-type |
| 1 | 1 | + application/octet-stream |
| Index: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/segment-empty.png |
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| Property changes on: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/segment-empty.png |
| ___________________________________________________________________ |
| Added: svn:mime-type |
| 2 | 2 | + application/octet-stream |
| Index: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/segment-full.png |
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| Property changes on: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/segment-full.png |
| ___________________________________________________________________ |
| Added: svn:mime-type |
| 3 | 3 | + application/octet-stream |
| Index: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/form.png |
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| Property changes on: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/form.png |
| ___________________________________________________________________ |
| Added: svn:mime-type |
| 4 | 4 | + application/octet-stream |
| Index: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/report.png |
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| Property changes on: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/report.png |
| ___________________________________________________________________ |
| Added: svn:mime-type |
| 5 | 5 | + application/octet-stream |
| Index: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/form-hover.png |
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| Property changes on: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/images/form-hover.png |
| ___________________________________________________________________ |
| Added: svn:mime-type |
| 6 | 6 | + application/octet-stream |
| Index: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/ext.articleFeedback-beta.css |
| — | — | @@ -12,7 +12,6 @@ |
| 13 | 13 | height: 15em; |
| 14 | 14 | background-color: #f3f3f3; |
| 15 | 15 | border: 1px solid #cccccc; |
| 16 | | - border-left: none; |
| 17 | 16 | padding-bottom: 1px; |
| 18 | 17 | } |
| 19 | 18 | |
| — | — | @@ -32,78 +31,53 @@ |
| 33 | 32 | padding: 0.75em 1em; |
| 34 | 33 | } |
| 35 | 34 | |
| 36 | | -.articleFeedback-panel, .articleFeedback-tabs { |
| | 35 | +.articleFeedback-panel { |
| 37 | 36 | float: left; |
| 38 | 37 | } |
| 39 | 38 | |
| 40 | | -.articleFeedback-tabs { |
| 41 | | - width: 8em; |
| 42 | | - height: 15em; |
| 43 | | - /* @embed */ |
| 44 | | - background-image: url(images/tab-break.png); |
| 45 | | - background-position: right top; |
| 46 | | - background-repeat: repeat-y; |
| 47 | | - padding-bottom: 3px; |
| | 39 | +.articleFeedback-panel .articleFeedback-buffer { |
| | 40 | + padding: 0.75em 1em; |
| | 41 | + width: 28em; |
| 48 | 42 | } |
| 49 | 43 | |
| 50 | | -.articleFeedback-tab { |
| 51 | | - display: block; |
| 52 | | - text-align: center; |
| 53 | | - width: 8em; |
| 54 | | - height: 7.5em; |
| 55 | | - cursor: pointer; |
| 56 | | - background-color: #ffffff; |
| 57 | | - /* @embed */ |
| 58 | | - background-image: url(images/tab-edge.png); |
| 59 | | - background-position: right top; |
| 60 | | - background-repeat: repeat-y; |
| | 44 | +.articleFeedback-title { |
| | 45 | + font-size: 1.4em; |
| 61 | 46 | } |
| 62 | 47 | |
| 63 | | -.articleFeedback-tabs .articleFeedback-tab-current { |
| 64 | | - /* @embed */ |
| 65 | | - background-image: url(images/tab-fade.png); |
| | 48 | +.articleFeedback-switch { |
| | 49 | + cursor: pointer; |
| | 50 | + color: #0645AD; |
| | 51 | + float: right; |
| | 52 | + line-height: 1.4em; |
| | 53 | + background-repeat: no-repeat; |
| | 54 | + background-position: right center; |
| | 55 | + padding-right: 22px; |
| 66 | 56 | } |
| 67 | 57 | |
| 68 | | -.articleFeedback-tab-form { |
| 69 | | - margin-top: 1px; |
| 70 | | - margin-bottom: 1px; |
| | 58 | +.articleFeedback-switch:hover { |
| | 59 | + text-decoration: underline; |
| 71 | 60 | } |
| 72 | 61 | |
| 73 | | -.articleFeedback-tab .articleFeedback-buffer { |
| 74 | | - display: block; |
| 75 | | - background-position: 50% 45%; |
| 76 | | - background-repeat: no-repeat; |
| 77 | | - padding-top: 6.25em; |
| 78 | | - padding-left: 1em; |
| 79 | | - padding-right: 1em; |
| 80 | | - font-size: 0.8em; |
| 81 | | - line-height: 1.25em; |
| 82 | | - color: #0645ad; |
| | 62 | +.articleFeedback-switch-form { |
| | 63 | + /* @embed */ |
| | 64 | + background-image: url(images/form.png); |
| 83 | 65 | } |
| 84 | 66 | |
| 85 | | -.articleFeedback-tab-form .articleFeedback-buffer { |
| | 67 | +.articleFeedback-switch-report { |
| 86 | 68 | /* @embed */ |
| 87 | | - background-image: url(images/form-icon.png); |
| | 69 | + background-image: url(images/report.png); |
| 88 | 70 | } |
| 89 | 71 | |
| 90 | | -.articleFeedback-tab-report .articleFeedback-buffer { |
| | 72 | +.articleFeedback-switch-form:hover { |
| 91 | 73 | /* @embed */ |
| 92 | | - background-image: url(images/report-icon.png); |
| | 74 | + background-image: url(images/form-hover.png); |
| 93 | 75 | } |
| 94 | 76 | |
| 95 | | -.articleFeedback-tab:hover .articleFeedback-buffer { |
| 96 | | - text-decoration: underline; |
| | 77 | +.articleFeedback-switch-report:hover { |
| | 78 | + /* @embed */ |
| | 79 | + background-image: url(images/report-hover.png); |
| 97 | 80 | } |
| 98 | 81 | |
| 99 | | -.articleFeedback-panel .articleFeedback-buffer { |
| 100 | | - padding: 0.75em 1em; |
| 101 | | - width: 28em; |
| 102 | | -} |
| 103 | | - |
| 104 | | -.articleFeedback-title { |
| 105 | | - font-size: 1.4em; |
| 106 | | -} |
| 107 | | - |
| 108 | 82 | .articleFeedback-instructions, .articleFeedback-description { |
| 109 | 83 | float: left; |
| 110 | 84 | font-weight: bold; |
| Index: trunk/extensions/ArticleFeedback/modules/ext.articleFeedback-beta/ext.articleFeedback-beta.js |
| — | — | @@ -25,48 +25,42 @@ |
| 26 | 26 | }, |
| 27 | 27 | 'build': function( context ) { |
| 28 | 28 | context.$ui |
| 29 | | - .addClass( 'articleFeedback articleFeedback-form' ) |
| | 29 | + .addClass( 'articleFeedback articleFeedback-visibleWith-form' ) |
| 30 | 30 | // Append HTML |
| 31 | 31 | .append( '\ |
| 32 | | -<div class="articleFeedback-tabs">\ |
| 33 | | - <div class="articleFeedback-tab articleFeedback-tab-form articleFeedback-tab-current" rel="form">\ |
| 34 | | - <div class="articleFeedback-buffer"><msg key="form-tab-label" /></div>\ |
| 35 | | - </div>\ |
| 36 | | - <div class="articleFeedback-tab articleFeedback-tab-report " rel="report">\ |
| 37 | | - <div class="articleFeedback-buffer"><msg key="report-tab-label" /></div>\ |
| 38 | | - </div>\ |
| 39 | | -</div>\ |
| 40 | 32 | <div class="articleFeedback-panel">\ |
| 41 | 33 | <div class="articleFeedback-buffer">\ |
| 42 | | - <div class="articleFeedback-title articleFeedback-form"><msg key="form-panel-title" /></div>\ |
| 43 | | - <div class="articleFeedback-title articleFeedback-report"><msg key="report-panel-title" /></div>\ |
| 44 | | - <div class="articleFeedback-instructions articleFeedback-form"><msg key="form-panel-instructions" /></div>\ |
| 45 | | - <div class="articleFeedback-description articleFeedback-report"><msg key="report-panel-description" /></div>\ |
| | 34 | + <div class="articleFeedback-switch articleFeedback-switch-report articleFeedback-visibleWith-form" rel="report"><msg key="report-switch-label" /></div>\ |
| | 35 | + <div class="articleFeedback-switch articleFeedback-switch-form articleFeedback-visibleWith-report" rel="form"><msg key="form-switch-label" /></div>\ |
| | 36 | + <div class="articleFeedback-title articleFeedback-visibleWith-form"><msg key="form-panel-title" /></div>\ |
| | 37 | + <div class="articleFeedback-title articleFeedback-visibleWith-report"><msg key="report-panel-title" /></div>\ |
| | 38 | + <div class="articleFeedback-instructions articleFeedback-visibleWith-form"><msg key="form-panel-instructions" /></div>\ |
| | 39 | + <div class="articleFeedback-description articleFeedback-visibleWith-report"><msg key="report-panel-description" /></div>\ |
| 46 | 40 | <div style="clear:both;"></div>\ |
| 47 | 41 | <div class="articleFeedback-ratings">\ |
| 48 | 42 | <div class="articleFeedback-rating articleFeedback-rating-new" rel="wellsourced">\ |
| 49 | 43 | <span class="articleFeedback-label" title-msg="field-wellsourced-tip"><msg key="field-wellsourced-label" /></span>\ |
| 50 | | - <div class="articleFeedback-rating-fields articleFeedback-form"><input type="radio" /><input type="radio" /><input type="radio" /><input type="radio" /><input type="radio" /></div>\ |
| 51 | | - <div class="articleFeedback-rating-labels articleFeedback-form"><label></label><label></label><label></label><label></label><label></label><div class="articleFeedback-rating-clear"></div></div>\ |
| | 44 | + <div class="articleFeedback-rating-fields articleFeedback-visibleWith-form"><input type="radio" /><input type="radio" /><input type="radio" /><input type="radio" /><input type="radio" /></div>\ |
| | 45 | + <div class="articleFeedback-rating-labels articleFeedback-visibleWith-form"><label></label><label></label><label></label><label></label><label></label><div class="articleFeedback-rating-clear"></div></div>\ |
| 52 | 46 | </div>\ |
| 53 | 47 | <div class="articleFeedback-rating articleFeedback-rating-new" rel="neutral">\ |
| 54 | 48 | <span class="articleFeedback-label" title-msg="field-neutral-tip"><msg key="field-neutral-label" /></span>\ |
| 55 | | - <div class="articleFeedback-rating-fields articleFeedback-form"><input type="radio" /><input type="radio" /><input type="radio" /><input type="radio" /><input type="radio" /></div>\ |
| 56 | | - <div class="articleFeedback-rating-labels articleFeedback-form"><label></label><label></label><label></label><label></label><label></label><div class="articleFeedback-rating-clear"></div></div>\ |
| | 49 | + <div class="articleFeedback-rating-fields articleFeedback-visibleWith-form"><input type="radio" /><input type="radio" /><input type="radio" /><input type="radio" /><input type="radio" /></div>\ |
| | 50 | + <div class="articleFeedback-rating-labels articleFeedback-visibleWith-form"><label></label><label></label><label></label><label></label><label></label><div class="articleFeedback-rating-clear"></div></div>\ |
| 57 | 51 | </div>\ |
| 58 | 52 | <div class="articleFeedback-rating articleFeedback-rating-new" rel="complete">\ |
| 59 | 53 | <span class="articleFeedback-label" title-msg="field-complete-tip"><msg key="field-complete-label" /></span>\ |
| 60 | | - <div class="articleFeedback-rating-fields articleFeedback-form"><input type="radio" /><input type="radio" /><input type="radio" /><input type="radio" /><input type="radio" /></div>\ |
| 61 | | - <div class="articleFeedback-rating-labels articleFeedback-form"><label></label><label></label><label></label><label></label><label></label><div class="articleFeedback-rating-clear"></div></div>\ |
| | 54 | + <div class="articleFeedback-rating-fields articleFeedback-visibleWith-form"><input type="radio" /><input type="radio" /><input type="radio" /><input type="radio" /><input type="radio" /></div>\ |
| | 55 | + <div class="articleFeedback-rating-labels articleFeedback-visibleWith-form"><label></label><label></label><label></label><label></label><label></label><div class="articleFeedback-rating-clear"></div></div>\ |
| 62 | 56 | </div>\ |
| 63 | 57 | <div class="articleFeedback-rating articleFeedback-rating-new" rel="readable">\ |
| 64 | 58 | <span class="articleFeedback-label" title-msg="field-readable-tip"><msg key="field-readable-label" /></span>\ |
| 65 | | - <div class="articleFeedback-rating-fields articleFeedback-form"><input type="radio" /><input type="radio" /><input type="radio" /><input type="radio" /><input type="radio" /></div>\ |
| 66 | | - <div class="articleFeedback-rating-labels articleFeedback-form"><label></label><label></label><label></label><label></label><label></label><div class="articleFeedback-rating-clear"></div></div>\ |
| | 59 | + <div class="articleFeedback-rating-fields articleFeedback-visibleWith-form"><input type="radio" /><input type="radio" /><input type="radio" /><input type="radio" /><input type="radio" /></div>\ |
| | 60 | + <div class="articleFeedback-rating-labels articleFeedback-visibleWith-form"><label></label><label></label><label></label><label></label><label></label><div class="articleFeedback-rating-clear"></div></div>\ |
| 67 | 61 | </div>\ |
| 68 | 62 | <div style="clear:both;"></div>\ |
| 69 | 63 | </div>\ |
| 70 | | - <button class="articleFeedback-submit articleFeedback-form" type="submit">Submit feedback</button>\ |
| | 64 | + <button class="articleFeedback-submit articleFeedback-visibleWith-form" type="submit">Submit feedback</button>\ |
| 71 | 65 | <div style="clear:both;"></div>\ |
| 72 | 66 | </div>\ |
| 73 | 67 | </div>\ |
| — | — | @@ -97,7 +91,7 @@ |
| 98 | 92 | } ) |
| 99 | 93 | .end() |
| 100 | 94 | // Hide report elements initially |
| 101 | | - .find( '.articleFeedback-report' ) |
| | 95 | + .find( '.articleFeedback-visibleWith-report' ) |
| 102 | 96 | .hide() |
| 103 | 97 | .end() |
| 104 | 98 | // Connect labels and fields |
| — | — | @@ -126,20 +120,18 @@ |
| 127 | 121 | } ); |
| 128 | 122 | } ) |
| 129 | 123 | .end() |
| 130 | | - // Setup tab behavior |
| 131 | | - .find( '.articleFeedback-tab' ) |
| | 124 | + // Setup switch behavior |
| | 125 | + .find( '.articleFeedback-switch' ) |
| 132 | 126 | .click( function( e ) { |
| 133 | | - $(this).addClass( 'articleFeedback-tab-current' ); |
| 134 | 127 | context.$ui |
| 135 | | - .find( '.articleFeedback-' + $(this).attr( 'rel' ) ) |
| | 128 | + .find( '.articleFeedback-visibleWith-' + $(this).attr( 'rel' ) ) |
| 136 | 129 | .show() |
| 137 | 130 | .end() |
| 138 | | - .find( '.articleFeedback-tab' ) |
| | 131 | + .find( '.articleFeedback-switch' ) |
| 139 | 132 | .not( $(this) ) |
| 140 | 133 | .each( function() { |
| 141 | | - $(this).removeClass( 'articleFeedback-tab-current' ); |
| 142 | 134 | context.$ui |
| 143 | | - .find( '.articleFeedback-' + $(this).attr( 'rel' ) ) |
| | 135 | + .find( '.articleFeedback-visibleWith-' + $(this).attr( 'rel' ) ) |
| 144 | 136 | .hide(); |
| 145 | 137 | } ); |
| 146 | 138 | e.preventDefault(); |