Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[WIP] Take a Note Experiment #92

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

[WIP] Take a Note Experiment #92

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
45 changes: 45 additions & 0 deletions css/popup/popup.css
View file
Open in desktop
Expand Up @@ -234,3 +234,48 @@ body.zoom-in { font-size: 17px; }
width: 164px;
padding: 8px 4px 16px 4px;
}

#note-container {
position: fixed;
top:0;
left:0;
width: 100%;
height: 100%;
background-color:#FFF;
opacity: 0.98;
padding: 20px;
}

#note-container textarea {
display: block;
width: 90%;
height: 100px;
}

.waiting-for-note, .waiting-for-note * {
cursor: crosshair!important;
}

.safe_level {
display: inline-block;
padding: 3px;
margin: 2px;
color:white;
text-shadow: 1px 1px 1px #222;
font-weight: bold;
padding-right: 10px;
font-size: 17px;
background-color: #666;
}

/* .safe_level_01 { background-color: #C75546; }
.safe_level_02 { background-color: #CA9E5A; }
.safe_level_03 { background-color: #C0BE78; }
.safe_level_04 { background-color: #5BB78C; }
.safe_level_05 { background-color: #05927B; } */

.safe_level_01 { background-color: #DC1C30; }
.safe_level_02 { background-color: #F99F0B; }
.safe_level_03 { background-color: #CFD028; }
.safe_level_04 { background-color: #6E923C; }
.safe_level_05 { background-color: #365138; }
2 changes: 2 additions & 0 deletions html/popup/templates/options.html
View file
Open in desktop
Expand Up @@ -30,6 +30,8 @@
<input type="checkbox" name="apply_to_default" value="true" {{#apply_to_default}} checked {{/apply_to_default}} />
{{apply_to_default_title}}
</label>
<br>
<button id="take-a-note" {{#waiting_for_note}}disabled{{/waiting_for_note}}>take a note</button>
</div>

<div class="col-2">
Expand Down
36 changes: 36 additions & 0 deletions html/popup/templates/take-a-note.html
View file
Open in desktop
@@ -0,0 +1,36 @@
<div id="note-container">

<form>
domain: <strong>{{domain}}</strong>
<br>
kind: <strong>{{kind}}</strong>
<br>
type: <strong>{{type}}</strong>
<br><br>
How safe is it to block it?
<br>
<div class="safe_level safe_level_01"><input type="radio" checked> impossible to use the site without this</div>
<br>
<div class="safe_level safe_level_02"><input type="radio"> the site breaks, complicated workarounds are needed to use</div>
<br>
<div class="safe_level safe_level_03"><input type="radio"> breaks something, but it's possible to live without it</div>
<br>
<div class="safe_level safe_level_04"><input type="radio"> breaks something but remains usable</div>
<br>
<div class="safe_level safe_level_05"><input type="radio"> totally safe</div>
<br><br>
What's the problem?
<br>
<div class="safe_level"><input type="checkbox"> can't login</div>
<br>
<div class="safe_level"><input type="checkbox"> broken layout</div>
<br>
<div class="safe_level"><input type="checkbox"> video/music player not working</div>
<br><br>
More details:
<textarea></textarea>
<br>
<button type="submit">save</button>
</form>

</div>
45 changes: 36 additions & 9 deletions js/popup/popup.js
View file
Open in desktop
@@ -1,3 +1,5 @@
var waiting_for_note = false;

var set_sync_option_disabled_for_kind_and_type = function(domain, kind, type, value) {
setTimeout(function() {
chrome.storage.sync.get(null, function(sync_data) {
Expand Down Expand Up @@ -105,14 +107,25 @@ var load_store_data_from_tab = function(tab_id, current_tab_url) {
show_performance_metrics: sync_data['popup']['show_performance_metrics'],
apply_to_default_title: chrome.i18n.getMessage('checkboxApplyToDefault'),
apply_to_default: sync_data['popup']['apply_to_default'],
no_domain: chrome.i18n.getMessage('settingsInvalidDomainMessage')
no_domain: chrome.i18n.getMessage('settingsInvalidDomainMessage'),
waiting_for_note: waiting_for_note
})
);

$('#help-link').attr('href', chrome.i18n.getMessage('linkHelpHref'));
$('#help-link').html(chrome.i18n.getMessage('linkHelpText'));
$('#settings-link').html(chrome.i18n.getMessage('linkSettingsText'));

$('#take-a-note').click(function(event) {
event.preventDefault();

waiting_for_note = true;

$('body').addClass('waiting-for-note');

$(this).attr('disabled', 'disabled');
});

$('#options-container input').change(function() {
$('#loading').fadeIn(200);

Expand Down Expand Up @@ -243,20 +256,34 @@ var load_store_data_from_tab = function(tab_id, current_tab_url) {
);

$('.interceptions .calls').click(function() {
$('#loading').fadeIn(200);

var kind = $(this).data('kind');
var type = $(this).data('type');
var value = !$(this).hasClass('disabled');

set_sync_option_disabled_for_kind_and_type(
domain, kind, type, value
);
$('#loading').fadeIn(200);

if(waiting_for_note) {
load_template('html/popup/templates/take-a-note.html', function(template) {
$('body').append(
Mustache.render(template, {
domain: domain, kind: kind, type: type, value: value
})
);

$('body').removeClass('waiting-for-note');

if($(this).hasClass('disabled')) {
$(this).removeClass('disabled');
$('#loading').fadeOut(200);
});
} else {
$(this).addClass('disabled');
set_sync_option_disabled_for_kind_and_type(
domain, kind, type, value
);

if($(this).hasClass('disabled')) {
$(this).removeClass('disabled');
} else {
$(this).addClass('disabled');
}
}
});

Expand Down