Index: trunk/extensions/MoodBar/MoodBar.i18n.php |
— | — | @@ -46,7 +46,8 @@ |
47 | 47 | 'moodbar-form-policy-label' => 'our policy', |
48 | 48 | 'moodbar-loading-title' => 'Sharing...', |
49 | 49 | 'moodbar-success-title' => 'Thanks!', |
50 | | - 'moodbar-error-title' => 'Sharing...', |
| 50 | + 'moodbar-error-title' => 'Oops!', |
| 51 | + 'moodbar-success-subtitle' => '@todo', |
51 | 52 | // Special:MoodBar |
52 | 53 | 'right-moodbar-view' => 'View and export MoodBar feedback', |
53 | 54 | 'moodbar-admin-title' => 'MoodBar feedback', |
Index: trunk/extensions/MoodBar/modules/ext.moodBar/ext.moodBar.core.css |
— | — | @@ -80,6 +80,29 @@ |
81 | 81 | float: right; |
82 | 82 | } |
83 | 83 | |
| 84 | +.mw-moodBar-form { |
| 85 | + padding-right: 5px; |
| 86 | +} |
| 87 | +.mw-moodBar-formInputs { |
| 88 | + padding-left: 2em; |
| 89 | +} |
| 90 | + |
| 91 | +.mw-moodBar-state-loading { |
| 92 | + background: url(images/ajax-spinner.gif) left center no-repeat; |
| 93 | + padding: 20px 0 0 90px; |
| 94 | + height: 77px; |
| 95 | +} |
| 96 | + |
| 97 | +.mw-moodBar-state-title { |
| 98 | + font-weight: bold; |
| 99 | + font-size: 25px; |
| 100 | +} |
| 101 | + |
| 102 | +.mw-moodBar-state-subtitle { |
| 103 | + font-size: 14px; |
| 104 | + color: #7e7e7e; |
| 105 | +} |
| 106 | + |
84 | 107 | /** |
85 | 108 | * Types |
86 | 109 | */ |
— | — | @@ -134,18 +157,3 @@ |
135 | 158 | .mw-moodBar-types-select .mw-moodBar-type-confused.mw-moodBar-selected { |
136 | 159 | background-image: url(images/type-confused-selected.png); |
137 | 160 | } |
138 | | - |
139 | | -.mw-moodBar-form { |
140 | | - padding-right: 5px; |
141 | | -} |
142 | | -.mw-moodBar-formInputs { |
143 | | - padding-left: 2em; |
144 | | -} |
145 | | - |
146 | | -.mw-moodBar-loading { |
147 | | - background-image: url(images/ajax-spinner.gif); |
148 | | - background-position: left center; |
149 | | - background-repeat: no-repeat; |
150 | | - padding-left: 70px; |
151 | | - height: 70px; |
152 | | -} |
Index: trunk/extensions/MoodBar/modules/ext.moodBar/ext.moodBar.core.js |
— | — | @@ -40,11 +40,18 @@ |
41 | 41 | <span class="mw-moodBar-typeTitle"><html:msg key="moodbar-type-$1-title" /></span>\ |
42 | 42 | </div>', |
43 | 43 | loading: '\ |
44 | | - <div class="mw-moodBar-loading"><html:msg key="moodbar-loading-title"/></div>', |
| 44 | + <div class="mw-moodBar-state mw-moodBar-state-loading">\ |
| 45 | + <div class="mw-moodBar-state-title"><html:msg key="moodbar-loading-title" /></div>\ |
| 46 | + </div>', |
45 | 47 | success: '\ |
46 | | - <div><html:msg key="moodbar-success-title" /></div>', |
| 48 | + <div class="mw-moodBar-state mw-moodBar-state-success">\ |
| 49 | + <div class="mw-moodBar-state-title"><html:msg key="moodbar-success-title" /></div>\ |
| 50 | + <div class="mw-moodBar-state-subtitle"><html:msg key="moodbar-success-subtitle" /></div>\ |
| 51 | + </div>', |
47 | 52 | error: '\ |
48 | | - <div><html:msg key="moodbar-error-title" /></div>' |
| 53 | + <div class="mw-moodBar-state mw-moodBar-state-error">\ |
| 54 | + <div class="mw-moodBar-state-title"><html:msg key="moodbar-error-title" /></div>\ |
| 55 | + </div>' |
49 | 56 | }, |
50 | 57 | |
51 | 58 | event: { |
— | — | @@ -208,7 +215,7 @@ |
209 | 216 | .click( function() { |
210 | 217 | mb.feedbackItem.comment = mb.ui.overlay.find( '.mw-moodBar-formInput' ).val(); |
211 | 218 | mb.swapContent( mb.tpl.loading ); |
212 | | - //$.moodBar.submit( mb.feedbackItem ); |
| 219 | + $.moodBar.submit( mb.feedbackItem ); |
213 | 220 | } ) |
214 | 221 | .end(); |
215 | 222 | |
Index: trunk/extensions/MoodBar/MoodBar.php |
— | — | @@ -90,6 +90,7 @@ |
91 | 91 | 'moodbar-loading-title', |
92 | 92 | 'moodbar-error-title', |
93 | 93 | 'moodbar-success-title', |
| 94 | + 'moodbar-success-subtitle', |
94 | 95 | ), |
95 | 96 | 'dependencies' => array( |
96 | 97 | 'mediawiki.util', |