added new icons and a popup menu for the chrome plugin. Updated manifest.json
This commit is contained in:
Nils Norman Haukås
parent
6df98cb5e9
commit
994475dfbd
10 changed files with 63 additions and 13 deletions
11
Gulpfile.js
11
Gulpfile.js
|
|
@ -46,9 +46,11 @@ gulp.task('dist', ['tmp'], function () {
|
|||
'!tmp/index.html',
|
||||
'!tmp/content_script_web.js'
|
||||
], {base: 'tmp'});
|
||||
var imageAssets = gulp.src('src/*.png').pipe($.flatten());
|
||||
var chromePluginResources = gulp.src([
|
||||
'src/content_script.js',
|
||||
'manifest.json'
|
||||
'src/background.js',
|
||||
'src/manifest.json',
|
||||
])
|
||||
.pipe($.flatten())
|
||||
.pipe($.fileInclude({
|
||||
|
|
@ -56,13 +58,14 @@ gulp.task('dist', ['tmp'], function () {
|
|||
basePath: '@file'
|
||||
}));
|
||||
|
||||
return $.merge([tmp, chromePluginResources])
|
||||
return $.merge([tmp, chromePluginResources, imageAssets])
|
||||
.pipe(gulp.dest('dist'));
|
||||
});
|
||||
|
||||
gulp.task('dist-node-modules', function () {
|
||||
return gulp.src([
|
||||
'node_modules/bootstrap/**/*',
|
||||
'node_modules/material-design-lite/**/*',
|
||||
'node_modules/angular/**/*',
|
||||
'node_modules/jquery/**/*'
|
||||
], {base: 'node_modules'})
|
||||
|
|
@ -73,6 +76,10 @@ gulp.task('clean', function () {
|
|||
return $.del(['tmp', 'dist']);
|
||||
});
|
||||
|
||||
gulp.task('watch-plugin', ['dist'], function () {
|
||||
gulp.watch("src/**/*", ['dist']);
|
||||
});
|
||||
|
||||
gulp.task('serve', ['tmp'], function () {
|
||||
// Serve files from the root of this project
|
||||
browserSync.init({
|
||||
|
|
|
|||
|
|
@ -46,6 +46,7 @@
|
|||
"gulp-ng-annotate": "^1.1.0",
|
||||
"gulp-typescript": "^2.9.2",
|
||||
"jquery": "^2.1.4",
|
||||
"material-design-lite": "^1.0.5",
|
||||
"merge2": "^0.3.6"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,5 +16,5 @@ function initBackground () {
|
|||
updateIcon();
|
||||
}
|
||||
|
||||
initBackground();
|
||||
// initBackground();
|
||||
|
||||
BIN
src/icon1.png
BIN
src/icon1.png
Binary file not shown.
|
Before Width: | Height: | Size: 77 B |
BIN
src/icon128.png
Normal file
BIN
src/icon128.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
BIN
src/icon16.png
Normal file
BIN
src/icon16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 523 B |
BIN
src/icon2.png
BIN
src/icon2.png
Binary file not shown.
|
Before Width: | Height: | Size: 77 B |
BIN
src/icon48.png
Normal file
BIN
src/icon48.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
|
|
@ -2,24 +2,28 @@
|
|||
"name": "Tag you're it",
|
||||
"description": "Make the meaning clear. This plugin enables semantic tagging of web content.",
|
||||
"version": "0.7",
|
||||
"manifest_version": 2,
|
||||
"icons": {
|
||||
"16": "icon16.png",
|
||||
"48": "icon48.png",
|
||||
"128": "icon128.png"
|
||||
},
|
||||
"permissions": ["storage"],
|
||||
"background": {
|
||||
"persistent": false,
|
||||
"scripts": ["background.js"]
|
||||
},
|
||||
"web_accessible_resources": [
|
||||
"**/*.html"
|
||||
"**/*.html",
|
||||
"**/*.js"
|
||||
],
|
||||
"content_scripts": [{
|
||||
"matches": ["<all_urls>"],
|
||||
"css": ["bower_components/bootstrap/dist/css/bootstrap.min.css"],
|
||||
"js": [
|
||||
"bower_components/jquery/dist/jquery.min.js",
|
||||
"bower_components/bootstrap/js/tooltip.js",
|
||||
"bower_components/bootstrap/dist/js/bootstrap.min.js",
|
||||
"content_script.js"]
|
||||
"js": ["content_script.js"]
|
||||
}],
|
||||
"browser_action": {
|
||||
"default_title": "Tag you're it! Click to enable or disable tagging of web content."
|
||||
},
|
||||
"manifest_version": 2
|
||||
"default_title": "Tag you're it! Click to enable or disable tagging of web content.",
|
||||
"default_icon": "icon48.png",
|
||||
"default_popup": "popup.html"
|
||||
}
|
||||
}
|
||||
38
src/popup.html
Normal file
38
src/popup.html
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Popup menu for TagIt plugin</title>
|
||||
|
||||
<script src="vendor/angular/angular.min.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="vendor/bootstrap/dist/css/bootstrap.min.css">
|
||||
|
||||
<style type="text/css">
|
||||
.container {
|
||||
width: 250px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body class="container">
|
||||
<h1>Tag you're it</h1>
|
||||
<div class="btn-group" role="group" aria-label="...">
|
||||
<button type="button" class="btn btn-default">Open</button>
|
||||
<button type="button" class="btn btn-default">Close</button>
|
||||
</div>
|
||||
<p></p>
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="backend-server-query-url">Backend: Url to query:</label>
|
||||
<input type="text" class="form-control" id="backend-server-query-url" placeholder="backend query url">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="backend-server-store-url">Backend: Url to store information on:</label>
|
||||
<input type="text" class="form-control" id="backend-server-store-url" placeholder="backend storage url">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="user-email">User email to associate tagging information with:</label>
|
||||
<input type="email" class="form-control" id="user-email" placeholder="user email">
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue