javascript/makemeahanzi
1
0
Fork 0
mirror of https://github.com/skishore/makemeahanzi.git synced 2025-11-02 21:41:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

Move reload button into hidden class

Browse Source
This commit is contained in:
Shaunak Kishore
2015-09-17 21:33:06 -04:00
parent 014afdce79
commit d82e6ed301
3 changed files with 68 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
client/controls.js vendored
View File

@ -1,7 +1,3 @@
var BATCH_SIZE = 64;
var CODEPOINTS = [0x4e00, 0x9fff];
var FONT_LOADED_PROGRESS = 0.1;
Session.setDefault('controls.show_editor', false); Session.setDefault('controls.show_editor', false);
Template.content.helpers({ Template.content.helpers({
@ -17,45 +13,8 @@ Template.controls.events({
'click #restore-button': function() { 'click #restore-button': function() {
Meteor.call('restore'); Meteor.call('restore');
}, },
'click #reload-button': function() {
Session.set('progress.value', 0);
opentype.load('external/gkai00mp.ttf', function(err, font) {
if (err) {
console.log('Error loading font: ' + err);
return;
}
Session.set('progress.value', FONT_LOADED_PROGRESS);
var glyphs_to_save = [];
for (var i = 0; i < font.glyphs.length; i++) {
var glyph = font.glyphs.glyphs[i];
if (CODEPOINTS[0] <= glyph.unicode && glyph.unicode <= CODEPOINTS[1]) {
var name = 'uni' + glyph.unicode.toString(16).toUpperCase();
glyphs_to_save.push({name: name, path: glyph.path.commands});
}
}
save_glyphs(glyphs_to_save);
});
},
}); });
function save_glyphs(glyphs, index) {
index = index || 0;
if (index >= glyphs.length) {
Session.set('progress.value', undefined);
return;
}
var remainder = (1 - FONT_LOADED_PROGRESS)*index/glyphs.length;
Session.set('progress.value', remainder + FONT_LOADED_PROGRESS);
var max = Math.min(index + BATCH_SIZE, glyphs.length);
var batch = [];
for (var i = index; i < max; i++) {
batch.push(glyphs[i]);
}
Meteor.call('save_glyphs', batch, function(err, result) {
Meteor.setTimeout(function() { save_glyphs(glyphs, max); }, 0);
});
}
Template.navbar.helpers({ Template.navbar.helpers({
mode: function() { mode: function() {
if (Session.get('controls.show_editor')) { if (Session.get('controls.show_editor')) {
@ -72,29 +31,3 @@ Template.navbar.helpers({
return Math.round(100*(value === undefined ? 0 : value)); return Math.round(100*(value === undefined ? 0 : value));
}, },
}); });
Template.progress.helpers({
percent: function() {
var value = Session.get('progress.value');
return Math.round(100*(value === undefined ? 1 : value));
},
});
Tracker.autorun(function() {
if (Session.get('progress.show')) {
$('#progress').modal({background: 'static', keyboard: false});
} else {
$('#progress').modal('hide');
}
});
Tracker.autorun(function() {
var progress = Session.get('progress.value');
Session.set('progress.show', progress !== undefined);
});
Meteor.startup(function() {
Session.set('progress.show', false);
Session.set('progress.value', undefined);
});

1
client/index.html
View File

@ -60,7 +60,6 @@
<div id="right-controls" class="btn-group" role="group"> <div id="right-controls" class="btn-group" role="group">
<button id="backup-button" class="btn btn-success">Backup</button> <button id="backup-button" class="btn btn-success">Backup</button>
<button id="restore-button" class="btn btn-info">Restore</button> <button id="restore-button" class="btn btn-info">Restore</button>
<button id="reload-button" class="btn btn-warning">Reload</button>
</div> </div>
</template> </template>

68
client/reload.js Normal file
View File

@ -0,0 +1,68 @@
var BATCH_SIZE = 64;
var CODEPOINTS = [0x4e00, 0x9fff];
var FONT_LOADED_PROGRESS = 0.1;
Template.controls.events({
'click #reload-button': function() {
Session.set('progress.value', 0);
opentype.load('external/gkai00mp.ttf', function(err, font) {
if (err) {
console.log('Error loading font: ' + err);
return;
}
Session.set('progress.value', FONT_LOADED_PROGRESS);
var glyphs_to_save = [];
for (var i = 0; i < font.glyphs.length; i++) {
var glyph = font.glyphs.glyphs[i];
if (CODEPOINTS[0] <= glyph.unicode && glyph.unicode <= CODEPOINTS[1]) {
var name = 'uni' + glyph.unicode.toString(16).toUpperCase();
glyphs_to_save.push({name: name, path: glyph.path.commands});
}
}
save_glyphs(glyphs_to_save);
});
},
});
function save_glyphs(glyphs, index) {
index = index || 0;
if (index >= glyphs.length) {
Session.set('progress.value', undefined);
return;
}
var remainder = (1 - FONT_LOADED_PROGRESS)*index/glyphs.length;
Session.set('progress.value', remainder + FONT_LOADED_PROGRESS);
var max = Math.min(index + BATCH_SIZE, glyphs.length);
var batch = [];
for (var i = index; i < max; i++) {
batch.push(glyphs[i]);
}
Meteor.call('save_glyphs', batch, function(err, result) {
Meteor.setTimeout(function() { save_glyphs(glyphs, max); }, 0);
});
}
Template.progress.helpers({
percent: function() {
var value = Session.get('progress.value');
return Math.round(100*(value === undefined ? 1 : value));
},
});
Tracker.autorun(function() {
if (Session.get('progress.show')) {
$('#progress').modal({background: 'static', keyboard: false});
} else {
$('#progress').modal('hide');
}
});
Tracker.autorun(function() {
var progress = Session.get('progress.value');
Session.set('progress.show', progress !== undefined);
});
Meteor.startup(function() {
Session.set('progress.show', false);
Session.set('progress.value', undefined);
});