| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2011 Google Inc. All rights reserved. | 2 * Copyright (C) 2011 Google Inc. All rights reserved. |
| 3 * | 3 * |
| 4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
| 5 * modification, are permitted provided that the following conditions | 5 * modification, are permitted provided that the following conditions |
| 6 * are met: | 6 * are met: |
| 7 * 1. Redistributions of source code must retain the above copyright | 7 * 1. Redistributions of source code must retain the above copyright |
| 8 * notice, this list of conditions and the following disclaimer. | 8 * notice, this list of conditions and the following disclaimer. |
| 9 * 2. Redistributions in binary form must reproduce the above copyright | 9 * 2. Redistributions in binary form must reproduce the above copyright |
| 10 * notice, this list of conditions and the following disclaimer in the | 10 * notice, this list of conditions and the following disclaimer in the |
| (...skipping 13 matching lines...) Expand all Loading... |
| 24 */ | 24 */ |
| 25 | 25 |
| 26 var ui = ui || {}; | 26 var ui = ui || {}; |
| 27 ui.actions = ui.actions || {}; | 27 ui.actions = ui.actions || {}; |
| 28 | 28 |
| 29 (function() { | 29 (function() { |
| 30 | 30 |
| 31 var Action = base.extends('button', { | 31 var Action = base.extends('button', { |
| 32 init: function() { | 32 init: function() { |
| 33 this._eventName = null; | 33 this._eventName = null; |
| 34 $(this).addClass('action'); | 34 this.classList.add('action'); |
| 35 this.addEventListener('click', function(event) { | 35 this.addEventListener('click', function(event) { |
| 36 if (this._eventName) { | 36 if (this._eventName) { |
| 37 $(this).trigger(this._eventName); | 37 $(this).trigger(this._eventName); |
| 38 event.stopPropagation(); | 38 event.stopPropagation(); |
| 39 } | 39 } |
| 40 }.bind(this)); | 40 }.bind(this)); |
| 41 }, | 41 }, |
| 42 makeDefault: function() { | 42 makeDefault: function() { |
| 43 $(this).addClass('default'); | 43 this.classList.add('default'); |
| 44 return this; | 44 return this; |
| 45 } | 45 } |
| 46 }); | 46 }); |
| 47 | 47 |
| 48 ui.actions.Examine = base.extends(Action, { | 48 ui.actions.Examine = base.extends(Action, { |
| 49 init: function() { | 49 init: function() { |
| 50 this.textContent = 'Examine'; | 50 this.textContent = 'Examine'; |
| 51 this._eventName = 'examine'; | 51 this._eventName = 'examine'; |
| 52 this.title = 'Examine these failures in detail.' | 52 this.title = 'Examine these failures in detail.' |
| 53 } | 53 } |
| 54 }); | 54 }); |
| 55 | 55 |
| 56 ui.actions.Next = base.extends(Action, { | 56 ui.actions.Next = base.extends(Action, { |
| 57 init: function() { | 57 init: function() { |
| 58 this.innerHTML = '▶'; | 58 this.innerHTML = '▶'; |
| 59 this._eventName = 'next'; | 59 this._eventName = 'next'; |
| 60 $(this).addClass('next'); | 60 this.classList.add('next'); |
| 61 } | 61 } |
| 62 }); | 62 }); |
| 63 | 63 |
| 64 ui.actions.Previous = base.extends(Action, { | 64 ui.actions.Previous = base.extends(Action, { |
| 65 init: function() { | 65 init: function() { |
| 66 this.innerHTML = '◀'; | 66 this.innerHTML = '◀'; |
| 67 this._eventName = 'previous'; | 67 this._eventName = 'previous'; |
| 68 $(this).addClass('previous'); | 68 this.classList.add('previous'); |
| 69 } | 69 } |
| 70 }); | 70 }); |
| 71 | 71 |
| 72 ui.actions.List = base.extends('ul', { | 72 ui.actions.List = base.extends('ul', { |
| 73 init: function(actions) { | 73 init: function(actions) { |
| 74 this.className = 'actions'; | 74 this.className = 'actions'; |
| 75 if (!actions) | 75 if (!actions) |
| 76 return; | 76 return; |
| 77 actions.forEach(this.add.bind(this)); | 77 actions.forEach(this.add.bind(this)); |
| 78 }, | 78 }, |
| 79 add: function(action) | 79 add: function(action) |
| 80 { | 80 { |
| 81 var item = document.createElement('li'); | 81 var item = document.createElement('li'); |
| 82 item.appendChild(action); | 82 item.appendChild(action); |
| 83 $(this).append(item); | 83 this.appendChild(item); |
| 84 } | 84 } |
| 85 }); | 85 }); |
| 86 | 86 |
| 87 })(); | 87 })(); |
| OLD | NEW |