').addClass('meta-menu meta-none').append('
'));
$(document.body).append($m);
+ meta.ui.board = $('.meta-menu', $m);
css({
'#meta': {
display: 'block',
@@ -195,7 +187,6 @@
background: 'white',
'font-size': '18pt',
'font-family': 'Tahoma, arial',
- //'box-shadow': '0px 0px 1px #000044',
'border-radius': '1em',
'text-align': 'center',
'z-index': 999999,
@@ -203,7 +194,6 @@
padding: 0,
width: '2em',
height: '2em',
- opacity: 0.7,
outline: 'none',
color: '#000044',
overflow: 'visible',
@@ -231,31 +221,28 @@
},
'#meta .meta-menu ul li': {
display: 'block',
+ 'float': 'right',
background: 'white',
+ opacity: 0.7,
padding: '0.5em 1em',
'border-radius': '1em',
'margin-left': '0.25em',
'margin-top': '0.25em',
- 'float': 'right',
'cursor': 'pointer'
},
+ '#meta .meta-menu ul li:hover': {
+ opacity: 1
+ },
'#meta a': {color: 'black'},
- // '#meta:hover': {opacity: 1},
'#meta .meta-menu ul:before': {
content: "' '",
display: 'block',
'min-height': '15em',
height: '50vh'
},
- // '#meta li': {
- // background: 'white',
- // padding: '0.5em 1em',
- // 'border-radius': '1em',
- // 'margin-left': '0.25em',
- // 'margin-top': '0.25em',
- // 'float': 'right'
- // },
- // '#meta:hover .meta-menu': {display: 'block'}
+ '#meta .meta-start': {
+ cursor: 'pointer'
+ }
});
function css(css){
var tmp = '';
@@ -270,201 +257,34 @@
tag.innerHTML = tmp;
$m.append(tag)
}
- //}catch(e){}
-
-
+ meta.ui.iniline = function(el, cssObj){
+ for(var k in cssObj) { el.style[k] = cssObj[k]; }
+ }
})(USE, './metaUI');
- ;USE(function(module){
-
- // include basic text editing by default.
- var monotype = window.monotype || function(){console.log("monotype needed")};
- var m = meta;
- m.text = {zws: ''};
- m.text.on = function(eve){ var tmp;
- if($((eve||{}).target).closest('#meta').length){ return }
- m.text.range = null;
- if(!(m.text.copy()||'').trim()){
- m.flip(false);
- m.list(m.text.it);
- return;
- }
- m.text.range = monotype((eve||{}).target);
- m.text.it.on(eve);
- }
- m.text.copy = function(tmp){
- return ((tmp = window.getSelection) && tmp().toString()) ||
- ((tmp = document.selection) && tmp.createRange().text) || '';
- }
- m.text.editor = function(opt, as){ var tmp;
- if(!opt){ return }
- opt = (typeof opt == 'string')? {edit: opt} : opt.tag? opt : {tag: opt};
- var r = opt.range = opt.range || m.text.range || monotype(), cmd = opt.edit;
- as = opt.as = opt.as || as;
- if(cmd && document.execCommand){
- r.restore();
- if(document.execCommand(cmd, null, as||null)){
- if(m.text.range){ m.text.range = monotype() }
- return meta.flip(false); // ADDED meta.flip
- }
- }
- if(!opt.tag){ return }
- opt.tag = $(opt.tag);
- opt.name = opt.name || opt.tag.prop('tagName');
- if((tmp = $(r.get()).closest(opt.name)).length){
- if(r.s === r.e){
- tmp.after(m.text.zws);
- r = r.select(monotype.next(tmp[0]),1);
- } else {
- tmp.contents().unwrap(opt.name);
- }
- } else
- if(r.s === r.e){
- r.insert(opt.tag);
- r = r.select(opt.tag);
- } else {
- r.wrap(opt.tag);
- }
- r.restore();
- opt.range = null;
- if(m.text.range){ m.text.range = monotype() }
- }
- meta.edit(meta.text.it = {combo: [-1], on: function(){ m.list(this, true) }, back: meta.edit}); // -1 is key for typing.
- meta.text.it[-1] = meta.text.it;
- meta.edit({
- name: "Bold",
- combo: [-1,'B'], fake: -1,
- on: function(eve){
- meta.text.editor('bold');
- },
- up: function(){}
- });
- meta.edit({
- name: "Italic",
- combo: [-1,'I'], fake: -1,
- on: function(eve){
- meta.text.editor('italic');
- },
- up: function(){}
- });
- /*meta.edit({
- name: "Underline",
- combo: [-1,'U'], fake: -1,
- on: function(eve){
- meta.text.editor('underline');
- },
- up: function(){}
- });*/
- meta.edit({
- name: "linK",
- combo: [-1,'K'], fake: -1,
- on: function(eve){
- var range = meta.text.range || monotype();
- meta.ask('Paste or type link...', function(url){
- meta.text.editor({tag: $('link'), edit: url? 'createLink' : 'unlink', as: url, range: range});
- })
- }
- });
- //meta.edit({name: "aliGn", combo: [-1,'G']}); // MOVE TO ADVANCED MENu!
- meta.edit({
- name: "Left",
- combo: [-1,'G','L'], fake: -1,
- on: function(eve){ meta.text.editor('justifyLeft') },
- up: function(){}
- });
- meta.edit({
- name: "Right",
- combo: [-1,'G','R'], fake: -1,
- on: function(eve){ meta.text.editor('justifyRight') },
- up: function(){ }
- });
- meta.edit({
- name: "Middle",
- combo: [-1,'G','M'], fake: -1,
- on: function(eve){ meta.text.editor('justifyCenter') },
- up: function(){ }
- });
- meta.edit({
- name: "Justify",
- combo: [-1,'G','J'], fake: -1,
- on: function(eve){ meta.text.editor('justifyFull') },
- up: function(){}
- });
- // Align Number
- // Align Points
- // Align Strike
- meta.edit({name: "Size", combo: [-1,'S'], on: function(){ m.list(this, true) }});
- meta.edit({
- name: "Small",
- combo: [-1,'S','S'], fake: -1,
- on: function(eve){ meta.text.editor('fontSize', 2) },
- up: function(){ }
- });
- meta.edit({
- name: "Normal",
- combo: [-1,'S','N'], fake: -1,
- on: function(eve){ meta.text.editor('fontSize', 5) },
- up: function(){}
- });
- meta.edit({
- name: "Header",
- combo: [-1,'S','H'], fake: -1,
- on: function(eve){ meta.text.editor('fontSize', 6) },
- up: function(){}
- });
- meta.edit({
- name: "Title",
- combo: [-1,'S','T'], fake: -1,
- on: function(eve){ meta.text.editor('fontSize', 7) },
- up: function(){}
- });
-
-
- })(USE, './metaText');
;USE(function(module){
var m = meta, k = m.key;
$(window).on('focus', k.wipe.bind(null, false)); // .on('blur', k.wipe.bind(null, false))
- //$(document).on('mousedown mousemove mouseup', function(eve){
- // m.tap.eve = eve;
- // m.tap.x = eve.pageX||0;
- // m.tap.y = eve.pageY||0;
- // m.tap.on = $(eve.target);
- //})
- // Setting m.tap.edit has been commented, so should never end up here?
- //.on('mousedown touchstart', function(eve){
- // var tmp = m.tap.edit;
- // if(!tmp || !tmp.on){ return }
- // tmp.on(eve);
- // m.tap.edit = null;
- //});
-
- //$(document).on('touchstart', '#meta .meta-start', function(eve){ m.tap.stun = true });
-
+ $(document).on('mousedown mousemove mouseup', function(eve){
+ m.tap.eve = eve;
+ m.tap.x = eve.pageX||0;
+ m.tap.y = eve.pageY||0;
+ m.tap.on = $(eve.target);
+ })
var [start, end] = 'ontouchstart' in window
? ['touchstart', 'touchend']
: ['mousedown', 'mouseup']
-
$(document).on(start, '#meta .meta-menu li', function(eve){
var combo = $(this).data().combo;
- eve.fake = eve.which = combo && combo.slice(-1)[0].charCodeAt(0);
+ eve.fake = eve.which = combo && combo.slice(-1)[0].toUpperCase().charCodeAt(0);
eve.tap = true;
k.down(eve);
$(document).one(end, () => k.up(eve))
return;
- // if(m.tap.stun){ return m.tap.stun = false }
- // if(!(eve.fake = eve.which = (($(this).text().match(/[A-Z]/)||{})[0]||'').toUpperCase().charCodeAt(0))){ return }
- // eve.tap = true;
- // k.down(eve);
- // k.up(eve);
});
$(document).on('keydown', k.down).on('keyup', k.up);
-
- $('#meta').on('click', function(ev) {
+ $('#meta').on(start, function(ev) {
if (ev.target.tagName == 'LI' || ev.target.tagName == 'UL') return
meta.flip()
})
-
- //$(document).on('select contextmenu keyup mouseup', '[contenteditable=true]', m.text.on);
-
-
})(USE, './metaEvents');
}());
\ No newline at end of file