Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(4132)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: chrome/common/extensions/docs/examples/api/tabs/inspector/tabs_api.js

Issue 9289057: Changing manifest to v2 extension samples (Closed) Base URL: http://git.chromium.org/chromium/src.git@master
Patch Set: Adding zip files after rebasing with master Created 8 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « chrome/common/extensions/docs/examples/api/tabs/inspector/tabs_api.html ('k') | chrome/common/extensions/docs/examples/api/tabs/pin.zip » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/common/extensions/docs/examples/api/tabs/inspector/tabs_api.js
diff --git a/chrome/common/extensions/docs/examples/api/tabs/inspector/tabs_api.html b/chrome/common/extensions/docs/examples/api/tabs/inspector/tabs_api.js
similarity index 50%
copy from chrome/common/extensions/docs/examples/api/tabs/inspector/tabs_api.html
copy to chrome/common/extensions/docs/examples/api/tabs/inspector/tabs_api.js
index 159cb27898c4cd3c77f07a9412e573c7d9f09df7..1cd6e7a085d27756c58eb0417e3dbe3641eff341 100644
--- a/chrome/common/extensions/docs/examples/api/tabs/inspector/tabs_api.html
+++ b/chrome/common/extensions/docs/examples/api/tabs/inspector/tabs_api.js
@@ -1,7 +1,6 @@
-<html>
-<head>
-<script src="jstemplate_compiled.js" type="text/javascript"></script>
-<script>
+// Copyright (c) 2012 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
tabs = {};
tabIds = [];
@@ -157,17 +156,23 @@ chrome.windows.onRemoved.addListener(function(windowId) {
});
chrome.tabs.onCreated.addListener(function(tab) {
- appendToLog('tabs.onCreated -- window: ' + tab.windowId + ' tab: ' + tab.id + ' title: ' + tab.title + ' index ' + tab.index + ' url ' + tab.url);
+ appendToLog(
+ 'tabs.onCreated -- window: ' + tab.windowId + ' tab: ' + tab.id +
+ ' title: ' + tab.title + ' index ' + tab.index + ' url ' + tab.url);
loadWindowList();
});
chrome.tabs.onAttached.addListener(function(tabId, props) {
- appendToLog('tabs.onAttached -- window: ' + props.newWindowId + ' tab: ' + tabId + ' index ' + props.newPosition);
+ appendToLog(
+ 'tabs.onAttached -- window: ' + props.newWindowId + ' tab: ' + tabId +
+ ' index ' + props.newPosition);
loadWindowList();
});
chrome.tabs.onMoved.addListener(function(tabId, props) {
- appendToLog('tabs.onMoved -- window: ' + props.windowId + ' tab: ' + tabId + ' from ' + props.fromIndex + ' to ' + props.toIndex);
+ appendToLog(
+ 'tabs.onMoved -- window: ' + props.windowId + ' tab: ' + tabId +
+ ' from ' + props.fromIndex + ' to ' + props.toIndex);
loadWindowList();
});
@@ -181,17 +186,23 @@ function refreshTab(tabId) {
}
chrome.tabs.onUpdated.addListener(function(tabId, props) {
- appendToLog('tabs.onUpdated -- tab: ' + tabId + ' status ' + props.status + ' url ' + props.url);
+ appendToLog(
+ 'tabs.onUpdated -- tab: ' + tabId + ' status ' + props.status +
+ ' url ' + props.url);
refreshTab(tabId);
});
chrome.tabs.onDetached.addListener(function(tabId, props) {
- appendToLog('tabs.onDetached -- window: ' + props.oldWindowId + ' tab: ' + tabId + ' index ' + props.oldPosition);
+ appendToLog(
+ 'tabs.onDetached -- window: ' + props.oldWindowId + ' tab: ' + tabId +
+ ' index ' + props.oldPosition);
loadWindowList();
});
chrome.tabs.onSelectionChanged.addListener(function(tabId, props) {
- appendToLog('tabs.onSelectionChanged -- window: ' + props.windowId + ' tab: ' + tabId);
+ appendToLog(
+ 'tabs.onSelectionChanged -- window: ' + props.windowId + ' tab: ' +
+ tabId);
loadWindowList();
});
@@ -234,7 +245,9 @@ function refreshWindow(windowId) {
var input = new JsExprContext(window);
var output = document.getElementById('window_' + window.id);
jstProcess(input, output);
- appendToLog('window refreshed -- windowId: ' + window.id + ' tab count:' + window.tabs.length);
+ appendToLog(
+ 'window refreshed -- windowId: ' + window.id + ' tab count:' +
+ window.tabs.length);
});
});
}
@@ -281,109 +294,11 @@ function refreshSelectedTab(windowId) {
var input = new JsExprContext(tab);
var output = document.getElementById('tab_' + tab.id);
jstProcess(input, output);
- appendToLog('selected tab refreshed -- tabId: ' + tab.id + ' url:' + tab.url);
+ appendToLog(
+ 'selected tab refreshed -- tabId: ' + tab.id + ' url:' + tab.url);
});
}
-</script>
-</head>
- <body onload="bootStrap();">
- <div id="windowList">
- <div style="background-color: #AAEEEE; margin: 4px; padding: 8px; margin: 20px" jsselect="$this"
- jsvalues="id:'window_' + id">
- <div style="font-style: italic; width: 80px; display: inline-block">
- Window: <span jscontent="id"></span>
- </div>
- <div style="display: inline-block">
- left: <input style="width: 60px" type="text" jsvalues="value:$this.left;id:'left_' + id" />
- top: <input style="width: 60px" type="text" jsvalues="value:$this.top;id:'top_' + id" />
- width: <input style="width: 60px" type="text" jsvalues="value:$this.width;id:'width_' + id" />
- height: <input style="width: 60px" type="text" jsvalues="value:$this.height;id:'height_' + id" />
- <input type="checkbox" jsvalues="checked:focused; id:'focused_' + id" /> Focused
- <input type="checkbox" jsvalues="checked:current; id:'current_' + id" /> Current
- <button onclick="refreshWindow(this.jstdata);" jsvalues=".jstdata:id">Refresh</button>
- </div>
- <div id="tabList">
- <div jsselect="tabs">
- <div style="background-color: #EEEEEE; margin: 8px; padding: 4px" jsvalues="id:'tab_' + id">
- <div style="margin: 8px">
- <div style="font-style: italic; width: 80px; display: inline-block" jscontent="'TabId: ' + id"></div>
- <div style="width: 300px; display: inline-block">
- index: <input style="width: 20px" type="text" jsvalues="value:$this.index;id:'index_' + id" />
- windowId: <input style="width: 20px" type="text" jsvalues="value:windowId;id:'windowId_' + id" />
- <button onclick="moveTab(this.jstdata);" jsvalues=".jstdata:id">Move</button>
- <button onclick="refreshTab(this.jstdata);" jsvalues=".jstdata:id">Refresh</button>
- </div>
- </div>
- <div style="margin: 8px">
- <div>
- <div style="width: 40px; display:inline-block">title:</div>
- <input style="width: 90%" type="text" jsvalues="value:title;id:'title_' + id" />
- </div>
- <div>
- <div style="width: 40px; display:inline-block">url:</div>
- <input style="width: 90%" type="text" jsvalues="value:url;id:'url_' + id" />
- </div>
- <div><input type="checkbox" jsvalues="checked:selected; id:'selected_' + id" /> Selected</div>
- </div>
- <button onclick="updateTab(this.jstdata)" jsvalues=".jstdata:id">Update Tab</button>
- <button onclick="removeTab(this.jstdata);" jsvalues=".jstdata:id">Close Tab</button>
- </div>
- </div>
- </div>
- <button onclick="updateWindow(this.jstdata);" jsvalues=".jstdata:id">Update Window</button>
- <button onclick="removeWindow(this.jstdata);" jsvalues=".jstdata:id">Close Window</button>
- <button onclick="refreshSelectedTab(this.jstdata);" jsvalues=".jstdata:id">Refresh Selected Tab</button>
- </div>
- </div>
- <div style="background-color: #EEEEBB; margin: 20px; padding: 8px">
- <h3 style="text-align: center; margin: 8px"> Create Window</h3>
- <div style="margin: 8px">
- <div style="width: 300px; display: inline-block">
- left: <input style="width: 20px" type="text" id="new_window_left" />
- top: <input style="width: 20px" type="text" id="new_window_top" />
- width: <input style="width: 20px" type="text" id="new_window_width" />
- height: <input style="width: 20px" type="text" id="new_window_height" />
- </div>
- </div>
- <div style="margin: 8px">
- <div>
- <div style="width: 40px; display:inline-block">url:</div>
- <input style="width: 90%" type="text" id="new_window_url" />
- </div>
- </div>
- <button onclick="createWindow();">Create</button>
- </div>
- <div style="background-color: #EEEEAA; margin: 20px; padding: 8px">
- <h3 style="text-align: center; margin: 8px"> Create Tab</h3>
- <div style="margin: 8px">
- <div style="width: 300px; display: inline-block">
- index: <input style="width: 20px" type="text" id="index_new" />
- windowId: <input style="width: 20px" type="text" id="windowId_new" />
- <button onclick="moveTab(this.jstdata);" jsvalues=".jstdata:id">Move</button>
- </div>
- </div>
- <div style="margin: 8px">
- <div>
- <div style="width: 40px; display:inline-block">title:</div>
- <input style="width: 90%" type="text" id="title_new" />
- </div>
- <div>
- <div style="width: 40px; display:inline-block">url:</div>
- <input style="width: 90%" type="text" id="url_new" />
- </div>
- <div><input type="checkbox" id="selected_new" /> Selected</div>
- </div>
- <button onclick="createTab();">Create</button>
- </div>
- <div style="margin: 20px;">
- <button onclick="loadWindowList();">Refresh</button>
- <button onclick="updateAll();">Update All</button>
- <button onclick="moveAll();">Move All</button>
- <button onclick="clearLog();">-->Clear Log</button>
- <button onclick="chrome.windows.create();">New Window</button>
- </div>
- <div id="log" style="background-color: #EEAAEE; margin: 20px; padding: 8px">
- </div>
- </body>
-</html>
+document.addEventListener('DOMContentLoaded', function() {
+ bootStrap();
+});
« no previous file with comments | « chrome/common/extensions/docs/examples/api/tabs/inspector/tabs_api.html ('k') | chrome/common/extensions/docs/examples/api/tabs/pin.zip » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698