Skip to content

Commit

Permalink
tabs added to panel
Browse files Browse the repository at this point in the history
  • Loading branch information
@bobbyrne01
bobbyrne01 committed Feb 21, 2015
1 parent 248797c commit 208a484
Show file tree
Hide file tree
Showing 4 changed files with 180 additions and 121 deletions.
44 changes: 44 additions & 0 deletions addon/data/css/style.css
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,6 @@
html, body {
height: 90%;
}
.center {
text-align: center;
}
Expand All @@ -6,4 +9,45 @@
}
.red {
background-color: #FF5050;
}


/*
* Tabs
*/
.tabs {
position: relative;
height: 100%;
clear: both;
margin: 35px 0 25px;
}
.tab {
float: left;
}
.tabLabel {
background: #eee;
padding: 10px;
border: 1px solid #ccc;
margin-left: -1px;
position: relative;
left: 1px;
top: -20px;
}
.content {
position: absolute;
top: 2px;
left: 0;
right: 0;
bottom: 0;
padding: 20px;
opacity: 0;
}
[type=radio]:checked ~ label {
background: white;
border-bottom: 1px solid white;
z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
z-index: 1;
opacity: 1;
}
147 changes: 83 additions & 64 deletions addon/data/html/view.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,71 +8,90 @@
</head>

<body>
<table>
<tr>
<td>
<label>Open <b>now</b>: </label>
</td>
<td>
<input type="text" id="currentCount" disabled size="10" />
</td>
</tr>
<tr>
<td>
<label>Opened during <b>session</b>: </label>
</td>
<td>
<input type="text" id="sessionCount" disabled size="10" />
</td>
</tr>
<tr>
<td>
<label>Opened since <b>addon install</b>: </label>
</td>
<td>
<input type="text" id="globalCount" disabled size="10" />
</td>
</tr>
</table>

<div id="settingsView">
<div id="settings">

<h1 class="center">Settings</h1>
<table>
<tr>
<td>
<label>Enable memory usage tracking?</label>
</td>
<td>
<input id="memoryTrackingPref" type="checkbox" />
</td>
</tr>
<tr>
<td>
<label>How many <b>seconds</b> between memory data collection?</label>
</td>
<td>
<input id="memoryIntervalPref" type="number" />
</td>
</tr>
<tr>
<td>
<label>Show memory usage in tab titles?</label>
</td>
<td>
<input id="memoryUsageOnTabTitlesPref" type="checkbox" />
</td>
</tr>
<!--<tr>
<td>
<label>Show memory usage in separate tab?</label>
</td>
<td>
<input id="memoryUsageInTabPref" type="checkbox" />
</td>
</tr>-->
</table>
<div class="tabs">
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" hidden checked />
<label class="tabLabel" for="tab-1">Counts</label>
<div class="content">
<table>
<tr>
<td>
<label>Open <b>now</b>: </label>
</td>
<td>
<input type="text" id="currentCount" disabled size="10" />
</td>
</tr>
<tr>
<td>
<label>Opened during <b>session</b>: </label>
</td>
<td>
<input type="text" id="sessionCount" disabled size="10" />
</td>
</tr>
<tr>
<td>
<label>Opened since <b>addon install</b>: </label>
</td>
<td>
<input type="text" id="globalCount" disabled size="10" />
</td>
</tr>
</table>
</div>
</div>
<!-- <div class="tab">
<input type="radio" id="tab-2" name="tab-group-1" />
<label class="tabLabel" for="tab-2">Memory usage</label>
<div class="content">
<p>Stuff for Tab Two</p>
</div>
</div> -->
<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1" hidden />
<label class="tabLabel" for="tab-3">Settings</label>
<div class="content">
<div id="settingsView">
<div id="settings">
<table>
<tr>
<td>
<label>Enable memory usage tracking?</label>
</td>
<td>
<input id="memoryTrackingPref" type="checkbox" />
</td>
</tr>
<tr>
<td>
<label>How many <b>seconds</b> between memory data collection?</label>
</td>
<td>
<input id="memoryIntervalPref" type="number" />
</td>
</tr>
<tr>
<td>
<label>Show memory usage in tab titles?</label>
</td>
<td>
<input id="memoryUsageOnTabTitlesPref" type="checkbox" />
</td>
</tr>
<!--<tr>
<td>
<label>Show memory usage in separate tab?</label>
</td>
<td>
<input id="memoryUsageInTabPref" type="checkbox" />
</td>
</tr>-->
</table>
</div>
</div>
</div>
</div>
</div>
</body>
Expand Down
56 changes: 26 additions & 30 deletions addon/package.json
View file
Original file line number Diff line number Diff line change
@@ -1,32 +1,28 @@
{
"name": "tab-data-addon",
"title": "Tab Data",
"id": "jid1-4ogjq7MUzAiCOw",
"description": "Provides user with tab related stats/data",
"author": "Robert Byrne",
"license": "GNU GPL v3",
"version": "0.2.4",
"permissions": {
"private-browsing": true
},
"preferences": [
{
"name": "memoryInterval",
"title": "How many seconds between memory data collection?",
"type": "string",
"value": "10"
},
{
"name": "memoryTracking",
"title": "Enable memory usage tracking?",
"type": "bool",
"value": true
},
{
"name": "memoryUsageOnTabTitles",
"title": "Show memory usage in tab titles?",
"type": "bool",
"value": true
}
]
"name": "tab-data-addon",
"title": "Tab Data",
"id": "jid1-4ogjq7MUzAiCOw",
"description": "Provides user with tab related stats/data",
"author": "Robert Byrne",
"license": "GNU GPL v3",
"version": "0.2.4",
"permissions": {
"private-browsing": true
},
"preferences": [{
"name": "memoryInterval",
"title": "How many seconds between memory data collection?",
"type": "string",
"value": "10"
}, {
"name": "memoryTracking",
"title": "Enable memory usage tracking?",
"type": "bool",
"value": true
}, {
"name": "memoryUsageOnTabTitles",
"title": "Show memory usage in tab titles?",
"type": "bool",
"value": true
}]
}
54 changes: 27 additions & 27 deletions package.json
View file
Original file line number Diff line number Diff line change
@@ -1,29 +1,29 @@
{
"name": "tab-data-firefox",
"version": "0.2.4",
"description": "Firefox addon providing user with tab related stats/data",
"main": "addon/lib/main.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "https://github.com/bobbyrne01/tab-data-firefox.git"
},
"author": "Robert Byrne",
"license": "GNU GPL v3",
"bugs": {
"url": "https://github.com/bobbyrne01/tab-data-firefox/issues"
},
"homepage": "https://github.com/bobbyrne01/tab-data-firefox",
"devDependencies": {
"grunt": "^0.4.5",
"grunt-contrib-csslint": "^0.4.0",
"grunt-contrib-jshint": "^0.11.0",
"grunt-contrib-watch": "^0.6.1",
"grunt-html-validation": "^0.1.18",
"grunt-jsbeautifier": "^0.2.7",
"grunt-notify": "^0.4.1",
"grunt-release": "^0.11.0"
}
"name": "tab-data-firefox",
"version": "0.2.4",
"description": "Firefox addon providing user with tab related stats/data",
"main": "addon/lib/main.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "https://github.com/bobbyrne01/tab-data-firefox.git"
},
"author": "Robert Byrne",
"license": "GNU GPL v3",
"bugs": {
"url": "https://github.com/bobbyrne01/tab-data-firefox/issues"
},
"homepage": "https://github.com/bobbyrne01/tab-data-firefox",
"devDependencies": {
"grunt": "^0.4.5",
"grunt-contrib-csslint": "^0.4.0",
"grunt-contrib-jshint": "^0.11.0",
"grunt-contrib-watch": "^0.6.1",
"grunt-html-validation": "^0.1.18",
"grunt-jsbeautifier": "^0.2.7",
"grunt-notify": "^0.4.1",
"grunt-release": "^0.11.0"
}
}

0 comments on commit 208a484

Please sign in to comment.