mirror of
https://github.com/GoogleChrome/chrome-extensions-samples.git
synced 2026-03-27 13:29:34 +07:00
bbcd025851
* Add pin sample * Add README.md * Add screenshot sample * Add README.md * Add zoom sample * Add README.md * Add inspector sample * Add README.md * Fix typo * Remove wrapper * Remove inline style * Update api-samples/tabs/pin/README.md Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/tabs/screenshot/README.md Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/tabs/zoom/README.md Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/tabs/zoom/README.md Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/tabs/zoom/README.md Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/tabs/zoom/README.md Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/tabs/inspector/README.md Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/tabs/zoom/README.md Co-authored-by: Joe Medley <jmedley@google.com> * Update README * Update for loop * Remove children select * Change selected to active * Fix event listener * Set checkboxs to disabled * Fix layout * Fix wrong input data in create tab function * Update api-samples/tabs/zoom/README.md Co-authored-by: Joe Medley <jmedley@google.com> * Update description * Update description * Update description * Fix typo * Update description * Rename * Fix file name * Update active check box * Update code style * Update api-samples/tabs/zoom/README.md Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/tabs/pin/README.md Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/tabs/pin/README.md Co-authored-by: Joe Medley <jmedley@google.com> * Apply suggestions from code review Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/tabs/inspector/manifest.json Co-authored-by: Joe Medley <jmedley@google.com> * Fix case issues * Update api-samples/tabs/inspector/manifest.json --------- Co-authored-by: Joe Medley <jmedley@google.com> Co-authored-by: Oliver Dunk <oliver@oliverdunk.com>
108 lines
3.8 KiB
HTML
108 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Tabs Inspector</title>
|
|
<link rel="stylesheet" href="./window_and_tabs_manager.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div id="windowList">
|
|
<!-- WindowItems Here -->
|
|
</div>
|
|
<template id="windowItem">
|
|
<div class="window-item">
|
|
<div class="window-id-wrapper">
|
|
Window: <span class="window_id"></span>
|
|
</div>
|
|
<div class="window-status-wrapper">
|
|
left:
|
|
<input class="window_left" type="text" /> top:
|
|
<input class="window_top" type="text" /> width:
|
|
<input class="window_width" type="text" /> height:
|
|
<input class="window_height" type="text" />
|
|
<input class="window_focused" type="checkbox" disabled /> Focused
|
|
<input class="window_current" type="checkbox" disabled /> Current
|
|
<button class="window_refresh">Refresh</button>
|
|
</div>
|
|
<div id="tabList">
|
|
<!-- TabItems Here -->
|
|
</div>
|
|
<button class="update_window_button">Update Window</button>
|
|
<button class="remove_window_button">Close Window</button>
|
|
<button class="refresh_active_tab_button">Refresh Active Tab</button>
|
|
</div>
|
|
</template>
|
|
<template id="tabItem">
|
|
<div class="tab-item">
|
|
<div class="wrapper">
|
|
<div class="tab_id"></div>
|
|
<div class="tab-actions-wrapper">
|
|
index:
|
|
<input type="text" class="tab_index" />
|
|
windowId:
|
|
<input type="text" class="tab_window_id" />
|
|
<button class="move_tab_button">Move</button>
|
|
<button class="refresh_tab_button">Refresh</button>
|
|
</div>
|
|
</div>
|
|
<div class="wrapper">
|
|
<div class="input-group">
|
|
<div class="label">title:</div>
|
|
<input type="text" class="tab_title" />
|
|
</div>
|
|
<div class="input-group">
|
|
<div class="label">url:</div>
|
|
<input type="text" class="tab_url" />
|
|
</div>
|
|
<div><input type="checkbox" class="tab_active" /> Active</div>
|
|
</div>
|
|
<button class="update_tab_button">Update Tab</button>
|
|
<button class="remove_tab_button">Close Tab</button>
|
|
</div>
|
|
</template>
|
|
<div class="new-window-wrapper">
|
|
<h3>Create Window</h3>
|
|
<div class="wrapper">
|
|
<div class="new-window-status-wrapper">
|
|
left:
|
|
<input type="text" id="new_window_left" /> top:
|
|
<input type="text" id="new_window_top" /> width:
|
|
<input type="text" id="new_window_width" /> height:
|
|
<input type="text" id="new_window_height" />
|
|
</div>
|
|
</div>
|
|
<div class="wrapper">
|
|
<div class="input-group">
|
|
<div class="label">url:</div>
|
|
<input type="text" id="new_window_url" />
|
|
</div>
|
|
</div>
|
|
<button id="create_window_button">Create</button>
|
|
</div>
|
|
<div class="new-tab-wrapper">
|
|
<h3>Create Tab</h3>
|
|
<div class="wrapper">
|
|
<div class="input-group">
|
|
<div class="label">windowId:</div>
|
|
<input type="text" id="window_id_new" />
|
|
</div>
|
|
<div class="input-group">
|
|
<div class="label">url:</div>
|
|
<input type="text" id="url_new" />
|
|
</div>
|
|
<div><input type="checkbox" id="active_new" /> active</div>
|
|
</div>
|
|
<button id="create_tab_button">Create</button>
|
|
</div>
|
|
<div class="actions-wrapper">
|
|
<button id="load_window_list_button">Refresh</button>
|
|
<button id="update_all_button">Update All</button>
|
|
<button id="move_all_button">Move All</button>
|
|
<button id="clear_log_button">Clear Log</button>
|
|
<button id="new_window_button">New Window</button>
|
|
</div>
|
|
<div id="log"></div>
|
|
<script src="window_and_tabs_manager.js"></script>
|
|
</body>
|
|
</html>
|