nilsnh/tag-youre-it
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

tweaked css. Added a possibility of resetting the tags for a given page.

Browse source
This commit is contained in:
Nils Norman Haukås 2016-01-19 21:14:38 +01:00
parent 53b856c2a3
commit d26a1572a6
6 changed files with 65 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.gitignore vendored
View file

@ -1,3 +1,4 @@
node_modules
dist
tmp
tmp
*.zip

33
src/index-angular-app-web.html
View file

@ -1,18 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<title>This will be an iframe programmatically included into a parent page.</title>
<script src="vendor/vendor.js"></script>
<script src="bundle.js"></script>
<link href="vendor/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<style>
.tagit-menu {
background-color: #FFF;
}
.tagit-menu ul {
padding-left: 0px;
margin-top: 10px;
}
.tagit-menu li {
padding: 5px;
}
.tagit-menu li:hover {
background-color: #eee;
cursor: pointer;
}
</style>
</head>
<body id="tagit-menu" ng-app="tagit" class="tagit-menu">
<div ng-controller="MenuCtrl">
<h2>Tag you're it</h2>
<p>Select a word to tag with a semantic tag.</p>
<p>
Mark one or two words on the page to the right. And we'll supply you with possible definitions. Select a definition and the
word will be tagged.
</p>
<p>
Currently selected word: <strong>{{vm.selectedWord}}</strong>
@ -27,4 +49,5 @@
</ul>
</div>
</body>
</html>

30
src/index-angular-app.html
View file

@ -1,15 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<title>This will be an iframe programmatically included into a parent page.</title>
<style>
.tagit-menu {
background-color: #FFF;
}
.tagit-menu ul {
padding-left: 0px;
margin-top: 10px;
}
.tagit-menu li {
padding: 5px;
}
.tagit-menu li:hover {
background-color: #eee;
cursor: pointer;
}
</style>
</head>
<body id="tagit-menu" class="tagit-menu">
<div ng-controller="MenuCtrl">
<h2>Tag you're it</h2>
<p>Select a word to tag with a semantic tag.</p>
<p>
Mark one or two words on the page to the right. And we'll supply you with possible definitions. Select a definition and the
word will be tagged.
</p>
<p>
Currently selected word: <strong>{{vm.selectedWord}}</strong>
@ -24,4 +49,5 @@
</ul>
</div>
</body>
</html>

4
src/plugin-specific/manifest.json
View file

@ -1,7 +1,7 @@
{
"name": "Tag you're it",
"description": "Make the meaning clear. This plugin enables semantic tagging of web content.",
"version": "0.7",
"description": "A browser tool for tagging words with exact definitions.",
"version": "0.0.1",
"manifest_version": 2,
"icons": {
"16": "icon16.png",

7
src/services/tagStorage.service.ts
View file

@ -18,8 +18,11 @@ module tagIt {
this.$http = $http;
this.$log = $log;
this.$localStorage = $localStorage;
// this.deleteTags(); // reset tag storage
if (window.location.href.indexOf("tagitreset") !== -1) {
this.deleteTags(); // reset tag storage
this.$log.debug("Resetting tags for this page");
}
if (!this.$localStorage.tagStorage) {
this.$localStorage.tagStorage = [];

20
src/style.css
View file

@ -17,26 +17,6 @@ html.tagit-top-wrapper {
width: 70%;
}
.tagit-iframe,
.tagit-menu {
background-color: #ccc;
height: 100%;
}
.tagit-menu ul {
padding-left: 0px;
margin-top: 10px;
}
.tagit-menu li {
padding: 5px;
}
.tagit-menu li:hover {
background-color: #eee;
cursor: pointer;
}
.tagit-tag {
background-color: #EDDE45;
padding: 3px;