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 |