tidy up dir structure & make hover colour user-selectable
authorAndrew Lorimer <andrew@lorimer.id.au>
Sun, 18 Aug 2019 11:01:23 +0000 (21:01 +1000)
committerAndrew Lorimer <andrew@lorimer.id.au>
Sun, 18 Aug 2019 11:01:23 +0000 (21:01 +1000)
15 files changed:
Sortable.min.js [deleted file]
admin.js [deleted file]
apps.js [deleted file]
bin/newtab.crx
main.js [new file with mode: 0644]
newtab.html
options.html
options.js
package-lock.json [deleted file]
search.js [deleted file]
sort.js [deleted file]
sortable.min.js [new file with mode: 0644]
start.html [deleted file]
start.js [deleted file]
style.css
diff --git a/Sortable.min.js b/Sortable.min.js
deleted file mode 100644 (file)
index e95d2a3..0000000
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! Sortable 1.4.2 - MIT | git://github.com/rubaxa/Sortable.git */
-!function(a){"use strict";"function"==typeof define&&define.amd?define(a):"undefined"!=typeof module&&"undefined"!=typeof module.exports?module.exports=a():"undefined"!=typeof Package?Sortable=a():window.Sortable=a()}(function(){"use strict";function a(a,b){if(!a||!a.nodeType||1!==a.nodeType)throw"Sortable: `el` must be HTMLElement, and not "+{}.toString.call(a);this.el=a,this.options=b=r({},b),a[L]=this;var c={group:Math.random(),sort:!0,disabled:!1,store:null,handle:null,scroll:!0,scrollSensitivity:30,scrollSpeed:10,draggable:/[uo]l/i.test(a.nodeName)?"li":">*",ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",ignore:"a, img",filter:null,animation:0,setData:function(a,b){a.setData("Text",b.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1};for(var d in c)!(d in b)&&(b[d]=c[d]);V(b);for(var f in this)"_"===f.charAt(0)&&(this[f]=this[f].bind(this));this.nativeDraggable=b.forceFallback?!1:P,e(a,"mousedown",this._onTapStart),e(a,"touchstart",this._onTapStart),this.nativeDraggable&&(e(a,"dragover",this),e(a,"dragenter",this)),T.push(this._onDragOver),b.store&&this.sort(b.store.get(this))}function b(a){v&&v.state!==a&&(h(v,"display",a?"none":""),!a&&v.state&&w.insertBefore(v,s),v.state=a)}function c(a,b,c){if(a){c=c||N,b=b.split(".");var d=b.shift().toUpperCase(),e=new RegExp("\\s("+b.join("|")+")(?=\\s)","g");do if(">*"===d&&a.parentNode===c||(""===d||a.nodeName.toUpperCase()==d)&&(!b.length||((" "+a.className+" ").match(e)||[]).length==b.length))return a;while(a!==c&&(a=a.parentNode))}return null}function d(a){a.dataTransfer&&(a.dataTransfer.dropEffect="move"),a.preventDefault()}function e(a,b,c){a.addEventListener(b,c,!1)}function f(a,b,c){a.removeEventListener(b,c,!1)}function g(a,b,c){if(a)if(a.classList)a.classList[c?"add":"remove"](b);else{var d=(" "+a.className+" ").replace(K," ").replace(" "+b+" "," ");a.className=(d+(c?" "+b:"")).replace(K," ")}}function h(a,b,c){var d=a&&a.style;if(d){if(void 0===c)return N.defaultView&&N.defaultView.getComputedStyle?c=N.defaultView.getComputedStyle(a,""):a.currentStyle&&(c=a.currentStyle),void 0===b?c:c[b];b in d||(b="-webkit-"+b),d[b]=c+("string"==typeof c?"":"px")}}function i(a,b,c){if(a){var d=a.getElementsByTagName(b),e=0,f=d.length;if(c)for(;f>e;e++)c(d[e],e);return d}return[]}function j(a,b,c,d,e,f,g){var h=N.createEvent("Event"),i=(a||b[L]).options,j="on"+c.charAt(0).toUpperCase()+c.substr(1);h.initEvent(c,!0,!0),h.to=b,h.from=e||b,h.item=d||b,h.clone=v,h.oldIndex=f,h.newIndex=g,b.dispatchEvent(h),i[j]&&i[j].call(a,h)}function k(a,b,c,d,e,f){var g,h,i=a[L],j=i.options.onMove;return g=N.createEvent("Event"),g.initEvent("move",!0,!0),g.to=b,g.from=a,g.dragged=c,g.draggedRect=d,g.related=e||b,g.relatedRect=f||b.getBoundingClientRect(),a.dispatchEvent(g),j&&(h=j.call(i,g)),h}function l(a){a.draggable=!1}function m(){R=!1}function n(a,b){var c=a.lastElementChild,d=c.getBoundingClientRect();return(b.clientY-(d.top+d.height)>5||b.clientX-(d.right+d.width)>5)&&c}function o(a){for(var b=a.tagName+a.className+a.src+a.href+a.textContent,c=b.length,d=0;c--;)d+=b.charCodeAt(c);return d.toString(36)}function p(a){var b=0;if(!a||!a.parentNode)return-1;for(;a&&(a=a.previousElementSibling);)"TEMPLATE"!==a.nodeName.toUpperCase()&&b++;return b}function q(a,b){var c,d;return function(){void 0===c&&(c=arguments,d=this,setTimeout(function(){1===c.length?a.call(d,c[0]):a.apply(d,c),c=void 0},b))}}function r(a,b){if(a&&b)for(var c in b)b.hasOwnProperty(c)&&(a[c]=b[c]);return a}var s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J={},K=/\s+/g,L="Sortable"+(new Date).getTime(),M=window,N=M.document,O=M.parseInt,P=!!("draggable"in N.createElement("div")),Q=function(a){return a=N.createElement("x"),a.style.cssText="pointer-events:auto","auto"===a.style.pointerEvents}(),R=!1,S=Math.abs,T=([].slice,[]),U=q(function(a,b,c){if(c&&b.scroll){var d,e,f,g,h=b.scrollSensitivity,i=b.scrollSpeed,j=a.clientX,k=a.clientY,l=window.innerWidth,m=window.innerHeight;if(z!==c&&(y=b.scroll,z=c,y===!0)){y=c;do if(y.offsetWidth<y.scrollWidth||y.offsetHeight<y.scrollHeight)break;while(y=y.parentNode)}y&&(d=y,e=y.getBoundingClientRect(),f=(S(e.right-j)<=h)-(S(e.left-j)<=h),g=(S(e.bottom-k)<=h)-(S(e.top-k)<=h)),f||g||(f=(h>=l-j)-(h>=j),g=(h>=m-k)-(h>=k),(f||g)&&(d=M)),(J.vx!==f||J.vy!==g||J.el!==d)&&(J.el=d,J.vx=f,J.vy=g,clearInterval(J.pid),d&&(J.pid=setInterval(function(){d===M?M.scrollTo(M.pageXOffset+f*i,M.pageYOffset+g*i):(g&&(d.scrollTop+=g*i),f&&(d.scrollLeft+=f*i))},24)))}},30),V=function(a){var b=a.group;b&&"object"==typeof b||(b=a.group={name:b}),["pull","put"].forEach(function(a){a in b||(b[a]=!0)}),a.groups=" "+b.name+(b.put.join?" "+b.put.join(" "):"")+" "};return a.prototype={constructor:a,_onTapStart:function(a){var b=this,d=this.el,e=this.options,f=a.type,g=a.touches&&a.touches[0],h=(g||a).target,i=h,k=e.filter;if(!("mousedown"===f&&0!==a.button||e.disabled)&&(h=c(h,e.draggable,d))){if(D=p(h),"function"==typeof k){if(k.call(this,a,h,this))return j(b,i,"filter",h,d,D),void a.preventDefault()}else if(k&&(k=k.split(",").some(function(a){return a=c(i,a.trim(),d),a?(j(b,a,"filter",h,d,D),!0):void 0})))return void a.preventDefault();(!e.handle||c(i,e.handle,d))&&this._prepareDragStart(a,g,h)}},_prepareDragStart:function(a,b,c){var d,f=this,h=f.el,j=f.options,k=h.ownerDocument;c&&!s&&c.parentNode===h&&(G=a,w=h,s=c,t=s.parentNode,x=s.nextSibling,F=j.group,d=function(){f._disableDelayedDrag(),s.draggable=!0,g(s,f.options.chosenClass,!0),f._triggerDragStart(b)},j.ignore.split(",").forEach(function(a){i(s,a.trim(),l)}),e(k,"mouseup",f._onDrop),e(k,"touchend",f._onDrop),e(k,"touchcancel",f._onDrop),j.delay?(e(k,"mouseup",f._disableDelayedDrag),e(k,"touchend",f._disableDelayedDrag),e(k,"touchcancel",f._disableDelayedDrag),e(k,"mousemove",f._disableDelayedDrag),e(k,"touchmove",f._disableDelayedDrag),f._dragStartTimer=setTimeout(d,j.delay)):d())},_disableDelayedDrag:function(){var a=this.el.ownerDocument;clearTimeout(this._dragStartTimer),f(a,"mouseup",this._disableDelayedDrag),f(a,"touchend",this._disableDelayedDrag),f(a,"touchcancel",this._disableDelayedDrag),f(a,"mousemove",this._disableDelayedDrag),f(a,"touchmove",this._disableDelayedDrag)},_triggerDragStart:function(a){a?(G={target:s,clientX:a.clientX,clientY:a.clientY},this._onDragStart(G,"touch")):this.nativeDraggable?(e(s,"dragend",this),e(w,"dragstart",this._onDragStart)):this._onDragStart(G,!0);try{N.selection?N.selection.empty():window.getSelection().removeAllRanges()}catch(b){}},_dragStarted:function(){w&&s&&(g(s,this.options.ghostClass,!0),a.active=this,j(this,w,"start",s,w,D))},_emulateDragOver:function(){if(H){if(this._lastX===H.clientX&&this._lastY===H.clientY)return;this._lastX=H.clientX,this._lastY=H.clientY,Q||h(u,"display","none");var a=N.elementFromPoint(H.clientX,H.clientY),b=a,c=" "+this.options.group.name,d=T.length;if(b)do{if(b[L]&&b[L].options.groups.indexOf(c)>-1){for(;d--;)T[d]({clientX:H.clientX,clientY:H.clientY,target:a,rootEl:b});break}a=b}while(b=b.parentNode);Q||h(u,"display","")}},_onTouchMove:function(b){if(G){a.active||this._dragStarted(),this._appendGhost();var c=b.touches?b.touches[0]:b,d=c.clientX-G.clientX,e=c.clientY-G.clientY,f=b.touches?"translate3d("+d+"px,"+e+"px,0)":"translate("+d+"px,"+e+"px)";I=!0,H=c,h(u,"webkitTransform",f),h(u,"mozTransform",f),h(u,"msTransform",f),h(u,"transform",f),b.preventDefault()}},_appendGhost:function(){if(!u){var a,b=s.getBoundingClientRect(),c=h(s),d=this.options;u=s.cloneNode(!0),g(u,d.ghostClass,!1),g(u,d.fallbackClass,!0),h(u,"top",b.top-O(c.marginTop,10)),h(u,"left",b.left-O(c.marginLeft,10)),h(u,"width",b.width),h(u,"height",b.height),h(u,"opacity","0.8"),h(u,"position","fixed"),h(u,"zIndex","100000"),h(u,"pointerEvents","none"),d.fallbackOnBody&&N.body.appendChild(u)||w.appendChild(u),a=u.getBoundingClientRect(),h(u,"width",2*b.width-a.width),h(u,"height",2*b.height-a.height)}},_onDragStart:function(a,b){var c=a.dataTransfer,d=this.options;this._offUpEvents(),"clone"==F.pull&&(v=s.cloneNode(!0),h(v,"display","none"),w.insertBefore(v,s)),b?("touch"===b?(e(N,"touchmove",this._onTouchMove),e(N,"touchend",this._onDrop),e(N,"touchcancel",this._onDrop)):(e(N,"mousemove",this._onTouchMove),e(N,"mouseup",this._onDrop)),this._loopId=setInterval(this._emulateDragOver,50)):(c&&(c.effectAllowed="move",d.setData&&d.setData.call(this,c,s)),e(N,"drop",this),setTimeout(this._dragStarted,0))},_onDragOver:function(a){var d,e,f,g=this.el,i=this.options,j=i.group,l=j.put,o=F===j,p=i.sort;if(void 0!==a.preventDefault&&(a.preventDefault(),!i.dragoverBubble&&a.stopPropagation()),I=!0,F&&!i.disabled&&(o?p||(f=!w.contains(s)):F.pull&&l&&(F.name===j.name||l.indexOf&&~l.indexOf(F.name)))&&(void 0===a.rootEl||a.rootEl===this.el)){if(U(a,i,this.el),R)return;if(d=c(a.target,i.draggable,g),e=s.getBoundingClientRect(),f)return b(!0),void(v||x?w.insertBefore(s,v||x):p||w.appendChild(s));if(0===g.children.length||g.children[0]===u||g===a.target&&(d=n(g,a))){if(d){if(d.animated)return;r=d.getBoundingClientRect()}b(o),k(w,g,s,e,d,r)!==!1&&(s.contains(g)||(g.appendChild(s),t=g),this._animate(e,s),d&&this._animate(r,d))}else if(d&&!d.animated&&d!==s&&void 0!==d.parentNode[L]){A!==d&&(A=d,B=h(d),C=h(d.parentNode));var q,r=d.getBoundingClientRect(),y=r.right-r.left,z=r.bottom-r.top,D=/left|right|inline/.test(B.cssFloat+B.display)||"flex"==C.display&&0===C["flex-direction"].indexOf("row"),E=d.offsetWidth>s.offsetWidth,G=d.offsetHeight>s.offsetHeight,H=(D?(a.clientX-r.left)/y:(a.clientY-r.top)/z)>.5,J=d.nextElementSibling,K=k(w,g,s,e,d,r);if(K!==!1){if(R=!0,setTimeout(m,30),b(o),1===K||-1===K)q=1===K;else if(D){var M=s.offsetTop,N=d.offsetTop;q=M===N?d.previousElementSibling===s&&!E||H&&E:N>M}else q=J!==s&&!G||H&&G;s.contains(g)||(q&&!J?g.appendChild(s):d.parentNode.insertBefore(s,q?J:d)),t=s.parentNode,this._animate(e,s),this._animate(r,d)}}}},_animate:function(a,b){var c=this.options.animation;if(c){var d=b.getBoundingClientRect();h(b,"transition","none"),h(b,"transform","translate3d("+(a.left-d.left)+"px,"+(a.top-d.top)+"px,0)"),b.offsetWidth,h(b,"transition","all "+c+"ms"),h(b,"transform","translate3d(0,0,0)"),clearTimeout(b.animated),b.animated=setTimeout(function(){h(b,"transition",""),h(b,"transform",""),b.animated=!1},c)}},_offUpEvents:function(){var a=this.el.ownerDocument;f(N,"touchmove",this._onTouchMove),f(a,"mouseup",this._onDrop),f(a,"touchend",this._onDrop),f(a,"touchcancel",this._onDrop)},_onDrop:function(b){var c=this.el,d=this.options;clearInterval(this._loopId),clearInterval(J.pid),clearTimeout(this._dragStartTimer),f(N,"mousemove",this._onTouchMove),this.nativeDraggable&&(f(N,"drop",this),f(c,"dragstart",this._onDragStart)),this._offUpEvents(),b&&(I&&(b.preventDefault(),!d.dropBubble&&b.stopPropagation()),u&&u.parentNode.removeChild(u),s&&(this.nativeDraggable&&f(s,"dragend",this),l(s),g(s,this.options.ghostClass,!1),g(s,this.options.chosenClass,!1),w!==t?(E=p(s),E>=0&&(j(null,t,"sort",s,w,D,E),j(this,w,"sort",s,w,D,E),j(null,t,"add",s,w,D,E),j(this,w,"remove",s,w,D,E))):(v&&v.parentNode.removeChild(v),s.nextSibling!==x&&(E=p(s),E>=0&&(j(this,w,"update",s,w,D,E),j(this,w,"sort",s,w,D,E)))),a.active&&((null===E||-1===E)&&(E=D),j(this,w,"end",s,w,D,E),this.save())),w=s=t=u=x=v=y=z=G=H=I=E=A=B=F=a.active=null)},handleEvent:function(a){var b=a.type;"dragover"===b||"dragenter"===b?s&&(this._onDragOver(a),d(a)):("drop"===b||"dragend"===b)&&this._onDrop(a)},toArray:function(){for(var a,b=[],d=this.el.children,e=0,f=d.length,g=this.options;f>e;e++)a=d[e],c(a,g.draggable,this.el)&&b.push(a.getAttribute(g.dataIdAttr)||o(a));return b},sort:function(a){var b={},d=this.el;this.toArray().forEach(function(a,e){var f=d.children[e];c(f,this.options.draggable,d)&&(b[a]=f)},this),a.forEach(function(a){b[a]&&(d.removeChild(b[a]),d.appendChild(b[a]))})},save:function(){var a=this.options.store;a&&a.set(this)},closest:function(a,b){return c(a,b||this.options.draggable,this.el)},option:function(a,b){var c=this.options;return void 0===b?c[a]:(c[a]=b,void("group"===a&&V(c)))},destroy:function(){var a=this.el;a[L]=null,f(a,"mousedown",this._onTapStart),f(a,"touchstart",this._onTapStart),this.nativeDraggable&&(f(a,"dragover",this),f(a,"dragenter",this)),Array.prototype.forEach.call(a.querySelectorAll("[draggable]"),function(a){a.removeAttribute("draggable")}),T.splice(T.indexOf(this._onDragOver),1),this._onDrop(),this.el=a=null}},a.utils={on:e,off:f,css:h,find:i,is:function(a,b){return!!c(a,b,a)},extend:r,throttle:q,closest:c,toggleClass:g,index:p},a.create=function(b,c){return new a(b,c)},a.version="1.4.2",a});
\ No newline at end of file
diff --git a/admin.js b/admin.js
deleted file mode 100644 (file)
index 1a2b0db..0000000
--- a/admin.js
+++ /dev/null
@@ -1,579 +0,0 @@
-var rmspan = ["<span class='remove' id='delete-", "'>–</span>"]
-var tick = "✔";
-var addText = "+";
-var rmText = "−";
-var removebg = "#bf616a";
-var hovergrn = "#a3be8c";
-var hoverbg = "#434c5e";
-var hoverbg2 = "#848ead";
-var editMode = false;
-var dragSrcEl = null;
-var defaultColumns= [
-      ["General",
-        ["Github", "https://github.com"],
-        ["Wikipedia", "https://en.wikipedia.org"],
-        ["Gmail", "https://mail.google.com"]
-      ],
-      ["Productivity",
-        ["Desmos", "https://www.desmos.com/calculator"],
-        ["Wolfram", "https://wolframalpha.com"],
-        ["Hacker News", "https://news.ycombinator.com"]
-      ],
-      ["Social",
-        ["Reddit", "https://www.reddit.com"],
-        ["YouTube", "https://youtube.com"],
-        ["Instagram", "https://instagram.com"]
-      ]
-]
-
-
-// --------------------------------
-//
-// Initialisation
-//
-// --------------------------------
-
-
-document.addEventListener("DOMContentLoaded", loadLists);
-
-function loadLists() {
-
-  // Retrieve lists from storage and trigger callback to generate HTML
-  
-  console.log("Getting lists from storage");
-  chrome.storage.sync.get({"lists": defaultColumns}, parseColumns);
-
-  document.getElementById('edit').addEventListener('click', edit, false);
-  document.getElementById('addcol').addEventListener('click', addColumn, false);
-
-}
-
-
-function parseColumns(config) {
-
-  var columns = config["lists"]
-
-  // Generate elements for each column
-  for (let col of columns) {
-
-    var ul = genColumn(col[0]);
-    document.getElementById("links").appendChild(ul);
-
-    // Iterate through links
-    for(let item of col.slice(1)) {
-      li = genItem(ul, item[0], item[1]);
-      ul.appendChild(li);
-    }
-
-    var sortableProperties = { group: "usercolumns", animation: 150, onSort: function (evt) {saveConfig();} };
-    new Sortable(ul, sortableProperties);
-
-  }
-}
-
-function genColumn(title) {
-
-    // Generate HTML elements for a column (without items)
-
-    var ul = document.createElement("ul");
-    ul.setAttribute("id", title);
-    ul.setAttribute('draggable', 'false');
-
-    var grip = document.createElement("span");
-    grip.setAttribute("class", "grip");
-    grip.addEventListener('mousedown', enableDrag);
-    grip.addEventListener('mouseup', disableDrag);
-    ul.appendChild(grip)
-
-    var titleDiv = document.createElement("div");
-    titleDiv.setAttribute("class", "title");
-
-    var titleText = document.createElement("p");
-    titleText.innerText = title;
-    titleDiv.appendChild(titleText);
-
-    var addBtn = document.createElement("span");
-    addBtn.innerText = addText;
-    addBtn.setAttribute("class", "add");
-    addBtn.setAttribute("id", "add-" + title);
-    addBtn.addEventListener("click", addItem);
-    titleDiv.appendChild(addBtn);
-
-    ul.appendChild(titleDiv);
-
-    return ul;
-
-}
-
-function genItem(ul, nme, url) {
-
-  // Generate HTML elements for an item
-
-  var li = document.createElement("li");
-  li.setAttribute("class", ul.id + "-" + (ul.getElementsByTagName("li").length + 1).toString() );
-  li.addEventListener("mouseup", saveConfig);
-
-  var img = document.createElement("img");
-  img.className = "icon";
-  img.src = "https://www.google.com/s2/favicons?domain=" + url;
-  img.alt = extractDomain(url, 1);
-
-  var link = document.createElement("a");
-  link.className = "item";
-  link.href = url;
-
-  var rmBtn = document.createElement("span");
-  rmBtn.className = "remove";
-  rmBtn.id = "delete-" + li.id;
-  rmBtn.innerText = "-";
-  rmBtn.addEventListener("click", removeItem);
-
-  link.appendChild(img);
-  link.insertAdjacentHTML("beforeend", nme);
-  li.appendChild(link);
-  li.appendChild(rmBtn);
-  
-  return li;
-
-}
-
-
-// --------------------------------
-//
-// Edit mode
-//
-// --------------------------------
-
-
-function edit(event) {
-  
-  // Enter/exit edit mode
-  
-  if (editMode == true) {
-    console.log("Exited edit mode");
-    closeEdit(this);
-    return false;
-  }
-
-  console.log("Entered edit mode");
-
-  this.style.background = hovergrn;
-  this.innerText = tick;
-  addBtn= document.getElementById("addcol");
-  addBtn.style.display = "flex";
-  var cols = document.getElementsByTagName("ul");
-
-  for (let col of cols) {
-    
-    var titleDiv = col.getElementsByClassName("title")[0];
-    titleDiv.getElementsByClassName("add")[0].style.display = "flex";
-
-    col.style.bottom = "26px";
-    col.getElementsByClassName("grip")[0].style.display = "inline-block";
-
-    var rmColBtn = document.createElement("span"); 
-    rmColBtn.className = "rmcol";
-    rmColBtn.id = "rmcol-" + col.id;
-    rmColBtn.innerText = rmText;
-    titleDiv.appendChild(rmColBtn);
-
-    var titleStatic = titleDiv.getElementsByTagName("p")[0];
-    var titleInput = document.createElement("input");
-    titleInput.type = "text";
-    titleInput.className = "colname";
-    titleInput.placeholder = titleStatic.innerText;
-    titleInput.value = titleStatic.innerText;
-    titleDiv.insertBefore(titleInput, titleStatic);
-    titleStatic.remove();
-
-  }
-
-  updateListeners();
-  editMode = true;
-}
-
-function closeEdit(editBtn) {
-
-  // Exit edit mode and clean up elements
-
-  editMode = false;
-  editBtn.style.background = "";
-  editBtn.innerText = "e";
-
-  var addBtn = document.getElementById("addcol");
-  addBtn.style.display = "none";
-
-  var cols = document.getElementsByTagName("ul");
-
-  for (let col of cols) {
-
-    col.style.bottom = "0";
-    col.getElementsByClassName("grip")[0].style.display = "none";
-
-    var rmColBtn = col.getElementsByClassName("title")[0].getElementsByClassName("rmcol")[0];
-    rmColBtn.remove();
-
-    var titleDiv = col.getElementsByClassName("title")[0];
-    titleDiv.getElementsByClassName("add")[0].style.display = "";
-
-    titleInput = titleDiv.getElementsByClassName("colname")[0];
-    titleStatic = document.createElement("p");
-    titleStatic.innerText = titleInput.value;
-    if (titleStatic.innerText == "") {
-      titleStatic.innerText = titleInput.placeholder;
-    }
-    titleInput.remove();
-    titleDiv.appendChild(titleStatic);
-
-  }
-
-  saveConfig();
-
-}
-
-function addColumn(event) {
-
-  // Create a new column from Edit mode
-
-  var ul = document.createElement("ul");
-
-  // Make sure columns do not share an id
-  var ex = document.querySelectorAll('[id^="new "]'); // existing "new" columns
-  if (ex.length > 0) {
-    indices = []
-    for (let i of ex) {
-     indices.push(Number(i.id.split(" ")[1])); 
-    }
-    ul.setAttribute("id", "new " + (Math.max.apply(Math, indices)+1).toString());
-  }
-  else {
-    ul.setAttribute("id", "new 1");
-  }
-  ul.setAttribute('draggable', 'false');
-
-  var grip = document.createElement("span");
-  grip.setAttribute("class", "grip");
-  grip.addEventListener("mousedown", enableDrag);
-  grip.addEventListener("mouseup", disableDrag);
-  grip.style.display = "inline-block";
-  ul.style.bottom = "26px";
-  ul.appendChild(grip)
-
-  var titleDiv = document.createElement("div");
-  titleDiv.setAttribute("class", "title");
-
-  var titleInput = document.createElement("input");
-  titleInput.type = "text";
-  titleInput.className = "colname";
-  titleInput.placeholder = ul.id;
-  titleDiv.appendChild(titleInput);
-
-  var addBtn = document.createElement("span");
-  addBtn.style.display = "flex";
-  addBtn.innerText = addText;
-  addBtn.setAttribute("class", "add");
-  addBtn.setAttribute("id", "add-" + ul.id);
-  addBtn.addEventListener("click", addItem);
-  titleDiv.appendChild(addBtn);
-
-  var rmColBtn = document.createElement("span"); 
-  rmColBtn.className = "rmcol";
-  rmColBtn.id = "rmcol-" + ul.id;
-  rmColBtn.innerText = rmText;
-  titleDiv.appendChild(rmColBtn);
-
-  ul.appendChild(titleDiv);
-
-  document.getElementById("links").appendChild(ul);
-  saveConfig();
-  updateListeners();
-  titleInput.focus();
-
-}
-
-
-function removeColumn(event) {
-
-  // Delete column in edit mode
-  
-  this.parentNode.parentNode.remove();
-  saveConfig();
-
-}
-
-
-function removeItem(event) {
-
-  // Remove link in edit or normal mode
-  
-  this.parentNode.outerHTML = "";
-  delete this.parentNode;
-  saveConfig();
-
-}
-
-
-function addItem(event) {
-
-  // Interface for adding a new list item to an existing category
-
-  var ul = this.parentNode.parentNode;
-  var id = ul.id;
-
-  // Check if a form has already been generated for this column
-  existing = ul.getElementsByClassName("new");
-  if (existing.length > 0) {
-    existing[0].getElementsByClassName("name")[0].focus();
-    return false;
-  }
-
-  var li = document.createElement("li");
-  li.setAttribute("class", "new");
-  li.addEventListener("keyup", formKeys); 
-
-  var saveBtn = document.createElement("span");
-  saveBtn.className = "save";
-  saveBtn.tabIndex = "3";
-  saveBtn.id = "save-" + ul.id;
-  saveBtn.innerText = tick;
-  saveBtn.addEventListener("click", saveItem);
-  saveBtn.addEventListener("mouseover", saveMouseOver);
-  saveBtn.addEventListener("mouseout", saveMouseOut);
-  li.appendChild(saveBtn);
-
-  var nameInput = document.createElement("input");
-  nameInput.type = "text";
-  nameInput.className = "name";
-  nameInput.placeholder = "name";
-  nameInput.tabIndex = "1";
-  li.appendChild(nameInput);
-
-  var urlInput = document.createElement("input");
-  urlInput.type = "url";
-  urlInput.className = "url";
-  urlInput.placeholder = "url";
-  urlInput.tabIndex = "2";
-  urlInput.spellcheck = "false";
-  li.appendChild(urlInput);
-
-  ul.appendChild(li);
-  updateListeners();
-  nameInput.focus();
-
-}
-
-
-function saveItem(event) {
-
-  // Add new item to a column after pressing the save button in form
-
-  var li = this.parentNode;
-  var ul = this.parentNode.parentNode;
-  var nameField = li.getElementsByClassName("name")[0];
-  var urlField = li.getElementsByClassName("url")[0];
-
-  if (nameField.value != "" && urlField.value != "" && urlField.validity.typeMismatch== false) {
-
-    var newli = genItem(ul, nameField.value, urlField.value);
-    li.remove();
-    delete li;
-
-    ul.appendChild(newli);
-    saveConfig();
-
-  }
-  else {
-
-    if (nameField.value == "" && urlField.value == "") {
-      console.log("No data supplied, deleting form");
-      li.remove();
-    }
-    else {
-      console.log("Missing data, press Esc to delete form");
-    }
-
-  }
-
-}
-
-
-// --------------------------------
-//
-// UI event listeners
-//
-// --------------------------------
-
-
-function updateListeners() {
-
-  // Update event listeners for interface elements, since listeners are tied DOM objects which are lost on dataTransfer operations
-
-  var addBtns = document.getElementsByClassName("add");
-  for (let addBtn of addBtns) {
-    addBtn.addEventListener("click", addItem);
-  }
-
-  var rmBtns = document.getElementsByClassName("rm");
-  for (let rmBtn of rmBtns) {
-    rmBtn.addEventListener("click", removeItem);
-  }
-
-  var rmColBtns = document.getElementsByClassName("rmcol");
-  for (let rmColBtn of rmColBtns) {
-    rmColBtn.addEventListener("click", removeColumn); 
-  }
-
-  var saveBtns = document.getElementsByClassName("save");
-  for (let saveBtn of saveBtns) {
-    saveBtn.addEventListener("click", saveItem);
-    saveBtn.addEventListener("mouseover", saveMouseOver);
-    saveBtn.addEventListener("mouseout", saveMouseOut);
-  }
-
-}
-
-
-function saveMouseOver(event) {
-  nameField = this.parentNode.getElementsByClassName("name")[0];
-  urlField = this.parentNode.getElementsByClassName("url")[0];
-  if (nameField.value === ''  || urlField.value === '' || urlField.validity.typeMismatch == true) {
-    this.style.background = removebg;
-  }
-  else {
-    this.style.background = hovergrn; 
-  }
-}
-
-
-function saveMouseOut(event) {
-  this.style.background = hoverbg2;
-}
-
-
-function enableDrag() {
-  // Enable drag & drop when grip is grabbed (otherwise any mouse click triggers dragStart)
-  console.log("Drag started");
-  uls = document.getElementsByTagName("ul");
-  for (let ul of uls) {
-    ul.setAttribute("draggable", "true");
-    ul.addEventListener('dragstart', dragStart, false);
-    ul.addEventListener('dragover', dragOver, false);
-    ul.addEventListener('drop', drop, false);
-  }
-}
-
-
-function disableDrag() {
-  // Disable drag after grip has been released
-  console.log("Drag ended");
-  uls = document.getElementsByTagName("ul");
-  for (let ul of uls) {
-    ul.setAttribute("draggable", "false");
-    ul.removeEventListener('dragstart');
-    ul.removeEventListener('dragover');
-    ul.removeEventListener('drop');
-  }
-}
-
-
-function dragStart(e) {
-  dragSrcEl = this;
-  e.dataTransfer.effectAllowed = 'move';
-  e.dataTransfer.setData('text/html', this.innerHTML);
-}
-
-
-function dragOver(e) {
-  if (e.preventDefault) {
-    e.preventDefault();
-  }
-  e.dataTransfer.dropEffect = 'move';
-  return false;
-}
-
-
-function drop(e) {
-  if (e.stopPropagation); {
-    e.stopPropagation();
-  }
-  if (dragSrcEl != this) {
-    var srcTitleInput = dragSrcEl.getElementsByClassName("colname")[0].value;
-    var destTitleInput = this.getElementsByClassName("colname")[0].value;
-    dragSrcEl.innerHTML = this.innerHTML;
-    dragSrcEl.getElementsByClassName("colname")[0].value = destTitleInput;
-    this.innerHTML = e.dataTransfer.getData('text/html');
-    this.getElementsByClassName("colname")[0].value = srcTitleInput;
-    saveConfig();
-    updateListeners();
-  }
-  return false;
-}
-
-
-function formKeys(e) {
-  var focus = document.activeElement;
-  if (focus.parentNode.className != "new") {
-    return false;
-  }
-  switch (e.which) {
-    case 27: // escape
-      focus.parentNode.remove();
-      break;
-    case 13: // enter
-      focus.parentNode.getElementsByClassName("save")[0].click();
-      break;
-  }
-}
-
-
-// --------------------------------
-//
-// Configuration management
-//
-// --------------------------------
-
-
-function saveConfig() {
-  
-  // Save current DOM structure as JSON data
-
-  console.log("Saving settings");
-  data = []
-  for (let ul of document.getElementsByTagName("ul")) {
-    data.push(columnToArray(ul, true));
-  }
-  chrome.storage.sync.set( {"lists": data} );
-
-}
-
-
-function columnToArray(ul, title = false) {
-
-  // Convert a column of data (ul) to a 2D array, optionally including the title
-
-  var data = [];
-  var items = ul.getElementsByClassName("item");
-
-  if (title == true && editMode == true) {
-    data[0] = ul.getElementsByClassName("title")[0].getElementsByTagName("input")[0].value;
-    if (data[0] == "" || data[0] == null) {
-      console.log("Using default category name since input was empty");
-      data[0] = ul.getElementsByClassName("title")[0].getElementsByTagName("input")[0].placeholder;
-    }
-  }
-  else if (title == true) {
-    data[0] = ul.getElementsByClassName('title')[0].getElementsByTagName("p")[0].textContent;
-  }
-
-  for (let li of items) {
-    if (li.class == "new" || li.class == "title") {
-      continue; // Ignore input forms and titles (already handled)
-    }
-    else {
-      data.push([li.innerText, li.getAttribute("href")]);
-    }
-  }
-
-  return data;
-
-}
diff --git a/apps.js b/apps.js
deleted file mode 100644 (file)
index b5bf212..0000000
--- a/apps.js
+++ /dev/null
@@ -1,55 +0,0 @@
-document.addEventListener("DOMContentLoaded", function() {
-    chrome.management.getAll(getAllCallback);
-  });
-  
-  var getAllCallback = function(list) {
-       chrome.storage.sync.get({
-       "showApps": true
-       }, function(items) {
-               if (items["showApps"] == true) {
-                       var apps = document.getElementById("apps");
-
-                       function isEnabledApp(x) {
-                                return x.isApp;
-                       }
-                       list = list.filter(isEnabledApp);
-                       for(var i=0;i<list.length;i++) {
-                         // we don't want to do anything with extensions
-                         var extInf = list[i];
-                         if(extInf.isApp && extInf.enabled) {
-                               var app = document.createElement("div");
-
-                               var img = new Image();
-                               img.className = "image";
-                               img.src = find128Image(extInf.icons);
-                               img.addEventListener("click", (function(ext) {
-                                 return function() {
-                                   chrome.management.launchApp(ext.id);
-                                       window.close();
-                                 };
-                               })(extInf));
-
-                               var name = document.createElement("div");
-                               name.className = "name";
-                               name.textContent = extInf.name;
-
-                               app.className = "app";
-                       app.setAttribute("data-id", i+1);
-                               app.appendChild(img);
-                               app.appendChild(name);
-                               apps.appendChild(app);
-                         }
-                       }
-               }
-       });
-  };
-
-  var find128Image = function(icons) {
-    for(var icon in icons) {
-      if(icons[icon].size == "128") {
-        return icons[icon].url;
-      }
-    }
-
-    return "/noicon.png";
-};
index 821b737e7416763783e9fca94643d1b3a40d8a83..5f58c29edc9f4bca78ac40ff9ec08ce33409a52d 100644 (file)
Binary files a/bin/newtab.crx and b/bin/newtab.crx differ
diff --git a/main.js b/main.js
new file mode 100644 (file)
index 0000000..01b293c
--- /dev/null
+++ b/main.js
@@ -0,0 +1,592 @@
+var rmspan = ["<span class='remove' id='delete-", "'>–</span>"]
+var tick = "✔";
+var addText = "+";
+var rmText = "−";
+var removebg = "#bf616a";
+var hovergrn = "#a3be8c";
+var hoverbg = "#434c5e";
+var hoverbg2 = "#848ead";
+var editMode = false;
+var dragSrcEl = null;
+var defaultColumns= [
+      ["General",
+        ["Github", "https://github.com"],
+        ["Wikipedia", "https://en.wikipedia.org"],
+        ["Gmail", "https://mail.google.com"]
+      ],
+      ["Productivity",
+        ["Desmos", "https://www.desmos.com/calculator"],
+        ["Wolfram", "https://wolframalpha.com"],
+        ["Hacker News", "https://news.ycombinator.com"]
+      ],
+      ["Social",
+        ["Reddit", "https://www.reddit.com"],
+        ["YouTube", "https://youtube.com"],
+        ["Instagram", "https://instagram.com"]
+      ]
+]
+
+
+// --------------------------------
+//
+// Initialisation
+//
+// --------------------------------
+
+
+document.addEventListener("DOMContentLoaded", loadLists);
+
+function loadLists() {
+
+  // Retrieve lists from storage and trigger callback to generate HTML
+  
+  console.log("Getting lists from storage");
+  chrome.storage.sync.get({"lists": defaultColumns}, parseColumns);
+
+  document.getElementById('edit').addEventListener('click', edit, false);
+  document.getElementById('addcol').addEventListener('click', addColumn, false);
+
+  // Set colours from preferences
+
+  var bgCallback = function(colourPref) { document.body.style.background = colourPref["bgvalue"]; };
+  var fgCallback = function(colourPref) { document.body.style.color = colourPref["fgvalue"]; };
+  var hrCallback = function(colourPref) {
+    document.documentElement.style.setProperty('--hover-bg', colourPref["hrvalue"]);
+    hoverbg = colourPref["hrvalue"];
+  };
+
+  chrome.storage.sync.get({"bgvalue": "#2e3440"}, bgCallback);
+  chrome.storage.sync.get({"fgvalue": "#d8dee9"}, fgCallback);
+  chrome.storage.sync.get({"hrvalue": "#434c5e"}, hrCallback);
+
+}
+
+
+function parseColumns(config) {
+
+  var columns = config["lists"]
+
+  // Generate elements for each column
+  for (let col of columns) {
+
+    var ul = genColumn(col[0]);
+    document.getElementById("links").appendChild(ul);
+
+    // Iterate through links
+    for(let item of col.slice(1)) {
+      li = genItem(ul, item[0], item[1]);
+      ul.appendChild(li);
+    }
+
+    var sortableProperties = { group: "usercolumns", animation: 150, onSort: function (evt) {saveConfig();} };
+    new Sortable(ul, sortableProperties);
+
+  }
+}
+
+function genColumn(title) {
+
+    // Generate HTML elements for a column (without items)
+
+    var ul = document.createElement("ul");
+    ul.setAttribute("id", title);
+    ul.setAttribute('draggable', 'false');
+
+    var grip = document.createElement("span");
+    grip.setAttribute("class", "grip");
+    grip.addEventListener('mousedown', enableDrag);
+    grip.addEventListener('mouseup', disableDrag);
+    ul.appendChild(grip)
+
+    var titleDiv = document.createElement("div");
+    titleDiv.setAttribute("class", "title");
+
+    var titleText = document.createElement("p");
+    titleText.innerText = title;
+    titleDiv.appendChild(titleText);
+
+    var addBtn = document.createElement("span");
+    addBtn.innerText = addText;
+    addBtn.setAttribute("class", "add");
+    addBtn.setAttribute("id", "add-" + title);
+    addBtn.addEventListener("click", addItem);
+    titleDiv.appendChild(addBtn);
+
+    ul.appendChild(titleDiv);
+
+    return ul;
+
+}
+
+function genItem(ul, nme, url) {
+
+  // Generate HTML elements for an item
+
+  var li = document.createElement("li");
+  li.setAttribute("class", ul.id + "-" + (ul.getElementsByTagName("li").length + 1).toString() );
+  li.addEventListener("mouseup", saveConfig);
+
+  var img = document.createElement("img");
+  img.className = "icon";
+  img.src = "https://www.google.com/s2/favicons?domain=" + url;
+  img.alt = extractDomain(url, 1);
+
+  var link = document.createElement("a");
+  link.className = "item";
+  link.href = url;
+
+  var rmBtn = document.createElement("span");
+  rmBtn.className = "remove";
+  rmBtn.id = "delete-" + li.id;
+  rmBtn.innerText = "-";
+  rmBtn.addEventListener("click", removeItem);
+
+  link.appendChild(img);
+  link.insertAdjacentHTML("beforeend", nme);
+  li.appendChild(link);
+  li.appendChild(rmBtn);
+  
+  return li;
+
+}
+
+
+// --------------------------------
+//
+// Edit mode
+//
+// --------------------------------
+
+
+function edit(event) {
+  
+  // Enter/exit edit mode
+  
+  if (editMode == true) {
+    console.log("Exited edit mode");
+    closeEdit(this);
+    return false;
+  }
+
+  console.log("Entered edit mode");
+
+  this.style.background = hovergrn;
+  this.innerText = tick;
+  addBtn= document.getElementById("addcol");
+  addBtn.style.display = "flex";
+  var cols = document.getElementsByTagName("ul");
+
+  for (let col of cols) {
+    
+    var titleDiv = col.getElementsByClassName("title")[0];
+    titleDiv.getElementsByClassName("add")[0].style.display = "flex";
+
+    col.style.bottom = "26px";
+    col.getElementsByClassName("grip")[0].style.display = "inline-block";
+
+    var rmColBtn = document.createElement("span"); 
+    rmColBtn.className = "rmcol";
+    rmColBtn.id = "rmcol-" + col.id;
+    rmColBtn.innerText = rmText;
+    titleDiv.appendChild(rmColBtn);
+
+    var titleStatic = titleDiv.getElementsByTagName("p")[0];
+    var titleInput = document.createElement("input");
+    titleInput.type = "text";
+    titleInput.className = "colname";
+    titleInput.placeholder = titleStatic.innerText;
+    titleInput.value = titleStatic.innerText;
+    titleDiv.insertBefore(titleInput, titleStatic);
+    titleStatic.remove();
+
+  }
+
+  updateListeners();
+  editMode = true;
+}
+
+function closeEdit(editBtn) {
+
+  // Exit edit mode and clean up elements
+
+  editMode = false;
+  editBtn.style.background = "";
+  editBtn.innerText = "e";
+
+  var addBtn = document.getElementById("addcol");
+  addBtn.style.display = "none";
+
+  var cols = document.getElementsByTagName("ul");
+
+  for (let col of cols) {
+
+    col.style.bottom = "0";
+    col.getElementsByClassName("grip")[0].style.display = "none";
+
+    var rmColBtn = col.getElementsByClassName("title")[0].getElementsByClassName("rmcol")[0];
+    rmColBtn.remove();
+
+    var titleDiv = col.getElementsByClassName("title")[0];
+    titleDiv.getElementsByClassName("add")[0].style.display = "";
+
+    titleInput = titleDiv.getElementsByClassName("colname")[0];
+    titleStatic = document.createElement("p");
+    titleStatic.innerText = titleInput.value;
+    if (titleStatic.innerText == "") {
+      titleStatic.innerText = titleInput.placeholder;
+    }
+    titleInput.remove();
+    titleDiv.appendChild(titleStatic);
+
+  }
+
+  saveConfig();
+
+}
+
+function addColumn(event) {
+
+  // Create a new column from Edit mode
+
+  var ul = document.createElement("ul");
+
+  // Make sure columns do not share an id
+  var ex = document.querySelectorAll('[id^="new "]'); // existing "new" columns
+  if (ex.length > 0) {
+    indices = []
+    for (let i of ex) {
+     indices.push(Number(i.id.split(" ")[1])); 
+    }
+    ul.setAttribute("id", "new " + (Math.max.apply(Math, indices)+1).toString());
+  }
+  else {
+    ul.setAttribute("id", "new 1");
+  }
+  ul.setAttribute('draggable', 'false');
+
+  var grip = document.createElement("span");
+  grip.setAttribute("class", "grip");
+  grip.addEventListener("mousedown", enableDrag);
+  grip.addEventListener("mouseup", disableDrag);
+  grip.style.display = "inline-block";
+  ul.style.bottom = "26px";
+  ul.appendChild(grip)
+
+  var titleDiv = document.createElement("div");
+  titleDiv.setAttribute("class", "title");
+
+  var titleInput = document.createElement("input");
+  titleInput.type = "text";
+  titleInput.className = "colname";
+  titleInput.placeholder = ul.id;
+  titleDiv.appendChild(titleInput);
+
+  var addBtn = document.createElement("span");
+  addBtn.style.display = "flex";
+  addBtn.innerText = addText;
+  addBtn.setAttribute("class", "add");
+  addBtn.setAttribute("id", "add-" + ul.id);
+  addBtn.addEventListener("click", addItem);
+  titleDiv.appendChild(addBtn);
+
+  var rmColBtn = document.createElement("span"); 
+  rmColBtn.className = "rmcol";
+  rmColBtn.id = "rmcol-" + ul.id;
+  rmColBtn.innerText = rmText;
+  titleDiv.appendChild(rmColBtn);
+
+  ul.appendChild(titleDiv);
+
+  document.getElementById("links").appendChild(ul);
+  saveConfig();
+  updateListeners();
+  titleInput.focus();
+
+}
+
+
+function removeColumn(event) {
+
+  // Delete column in edit mode
+  
+  this.parentNode.parentNode.remove();
+  saveConfig();
+
+}
+
+
+function removeItem(event) {
+
+  // Remove link in edit or normal mode
+  
+  this.parentNode.outerHTML = "";
+  delete this.parentNode;
+  saveConfig();
+
+}
+
+
+function addItem(event) {
+
+  // Interface for adding a new list item to an existing category
+
+  var ul = this.parentNode.parentNode;
+  var id = ul.id;
+
+  // Check if a form has already been generated for this column
+  existing = ul.getElementsByClassName("new");
+  if (existing.length > 0) {
+    existing[0].getElementsByClassName("name")[0].focus();
+    return false;
+  }
+
+  var li = document.createElement("li");
+  li.setAttribute("class", "new");
+  li.addEventListener("keyup", formKeys); 
+
+  var saveBtn = document.createElement("span");
+  saveBtn.className = "save";
+  saveBtn.tabIndex = "3";
+  saveBtn.id = "save-" + ul.id;
+  saveBtn.innerText = tick;
+  saveBtn.addEventListener("click", saveItem);
+  saveBtn.addEventListener("mouseover", saveMouseOver);
+  saveBtn.addEventListener("mouseout", saveMouseOut);
+  li.appendChild(saveBtn);
+
+  var nameInput = document.createElement("input");
+  nameInput.type = "text";
+  nameInput.className = "name";
+  nameInput.placeholder = "name";
+  nameInput.tabIndex = "1";
+  li.appendChild(nameInput);
+
+  var urlInput = document.createElement("input");
+  urlInput.type = "url";
+  urlInput.className = "url";
+  urlInput.placeholder = "url";
+  urlInput.tabIndex = "2";
+  urlInput.spellcheck = "false";
+  li.appendChild(urlInput);
+
+  ul.appendChild(li);
+  updateListeners();
+  nameInput.focus();
+
+}
+
+
+function saveItem(event) {
+
+  // Add new item to a column after pressing the save button in form
+
+  var li = this.parentNode;
+  var ul = this.parentNode.parentNode;
+  var nameField = li.getElementsByClassName("name")[0];
+  var urlField = li.getElementsByClassName("url")[0];
+
+  if (nameField.value != "" && urlField.value != "" && urlField.validity.typeMismatch== false) {
+
+    var newli = genItem(ul, nameField.value, urlField.value);
+    li.remove();
+    delete li;
+
+    ul.appendChild(newli);
+    saveConfig();
+
+  }
+  else {
+
+    if (nameField.value == "" && urlField.value == "") {
+      console.log("No data supplied, deleting form");
+      li.remove();
+    }
+    else {
+      console.log("Missing data, press Esc to delete form");
+    }
+
+  }
+
+}
+
+
+// --------------------------------
+//
+// UI event listeners
+//
+// --------------------------------
+
+
+function updateListeners() {
+
+  // Update event listeners for interface elements, since listeners are tied DOM objects which are lost on dataTransfer operations
+
+  var addBtns = document.getElementsByClassName("add");
+  for (let addBtn of addBtns) {
+    addBtn.addEventListener("click", addItem);
+  }
+
+  var rmBtns = document.getElementsByClassName("rm");
+  for (let rmBtn of rmBtns) {
+    rmBtn.addEventListener("click", removeItem);
+  }
+
+  var rmColBtns = document.getElementsByClassName("rmcol");
+  for (let rmColBtn of rmColBtns) {
+    rmColBtn.addEventListener("click", removeColumn); 
+  }
+
+  var saveBtns = document.getElementsByClassName("save");
+  for (let saveBtn of saveBtns) {
+    saveBtn.addEventListener("click", saveItem);
+    saveBtn.addEventListener("mouseover", saveMouseOver);
+    saveBtn.addEventListener("mouseout", saveMouseOut);
+  }
+
+}
+
+
+function saveMouseOver(event) {
+  nameField = this.parentNode.getElementsByClassName("name")[0];
+  urlField = this.parentNode.getElementsByClassName("url")[0];
+  if (nameField.value === ''  || urlField.value === '' || urlField.validity.typeMismatch == true) {
+    this.style.background = removebg;
+  }
+  else {
+    this.style.background = hovergrn; 
+  }
+}
+
+
+function saveMouseOut(event) {
+  this.style.background = hoverbg2;
+}
+
+
+function enableDrag() {
+  // Enable drag & drop when grip is grabbed (otherwise any mouse click triggers dragStart)
+  console.log("Drag started");
+  uls = document.getElementsByTagName("ul");
+  for (let ul of uls) {
+    ul.setAttribute("draggable", "true");
+    ul.addEventListener('dragstart', dragStart, false);
+    ul.addEventListener('dragover', dragOver, false);
+    ul.addEventListener('drop', drop, false);
+  }
+}
+
+
+function disableDrag() {
+  // Disable drag after grip has been released
+  console.log("Drag ended");
+  uls = document.getElementsByTagName("ul");
+  for (let ul of uls) {
+    ul.setAttribute("draggable", "false");
+    ul.removeEventListener('dragstart');
+    ul.removeEventListener('dragover');
+    ul.removeEventListener('drop');
+  }
+}
+
+
+function dragStart(e) {
+  dragSrcEl = this;
+  e.dataTransfer.effectAllowed = 'move';
+  e.dataTransfer.setData('text/html', this.innerHTML);
+}
+
+
+function dragOver(e) {
+  if (e.preventDefault) {
+    e.preventDefault();
+  }
+  e.dataTransfer.dropEffect = 'move';
+  return false;
+}
+
+
+function drop(e) {
+  if (e.stopPropagation); {
+    e.stopPropagation();
+  }
+  if (dragSrcEl != this) {
+    var srcTitleInput = dragSrcEl.getElementsByClassName("colname")[0].value;
+    var destTitleInput = this.getElementsByClassName("colname")[0].value;
+    dragSrcEl.innerHTML = this.innerHTML;
+    dragSrcEl.getElementsByClassName("colname")[0].value = destTitleInput;
+    this.innerHTML = e.dataTransfer.getData('text/html');
+    this.getElementsByClassName("colname")[0].value = srcTitleInput;
+    saveConfig();
+    updateListeners();
+  }
+  return false;
+}
+
+
+function formKeys(e) {
+  var focus = document.activeElement;
+  if (focus.parentNode.className != "new") {
+    return false;
+  }
+  switch (e.which) {
+    case 27: // escape
+      focus.parentNode.remove();
+      break;
+    case 13: // enter
+      focus.parentNode.getElementsByClassName("save")[0].click();
+      break;
+  }
+}
+
+
+// --------------------------------
+//
+// Configuration management
+//
+// --------------------------------
+
+
+function saveConfig() {
+  
+  // Save current DOM structure as JSON data
+
+  console.log("Saving settings");
+  data = []
+  for (let ul of document.getElementsByTagName("ul")) {
+    data.push(columnToArray(ul, true));
+  }
+  chrome.storage.sync.set( {"lists": data} );
+
+}
+
+
+function columnToArray(ul, title = false) {
+
+  // Convert a column of data (ul) to a 2D array, optionally including the title
+
+  var data = [];
+  var items = ul.getElementsByClassName("item");
+
+  if (title == true && editMode == true) {
+    data[0] = ul.getElementsByClassName("title")[0].getElementsByTagName("input")[0].value;
+    if (data[0] == "" || data[0] == null) {
+      console.log("Using default category name since input was empty");
+      data[0] = ul.getElementsByClassName("title")[0].getElementsByTagName("input")[0].placeholder;
+    }
+  }
+  else if (title == true) {
+    data[0] = ul.getElementsByClassName('title')[0].getElementsByTagName("p")[0].textContent;
+  }
+
+  for (let li of items) {
+    if (li.class == "new" || li.class == "title") {
+      continue; // Ignore input forms and titles (already handled)
+    }
+    else {
+      data.push([li.innerText, li.getAttribute("href")]);
+    }
+  }
+
+  return data;
+
+}
index 123d1fdb2dfd530952e0a0b989394c48c3ad810e..247621dcbf5056f4b617ab8d440012faf90b7342 100644 (file)
@@ -6,9 +6,9 @@
     <meta name=viewport content="width=device-width, initial-scale=1">
 
     <script type="text/javascript" src="sites.js" ></script>
     <meta name=viewport content="width=device-width, initial-scale=1">
 
     <script type="text/javascript" src="sites.js" ></script>
-    <script type="text/javascript" src="admin.js" ></script>
+    <script type="text/javascript" src="main.js" ></script>
     <script type="text/javascript" src="colours.js" ></script>
     <script type="text/javascript" src="colours.js" ></script>
-    <script src="Sortable.min.js"></script>
+    <script type="text/javascript" src="sortable.min.js"></script>
 
     <link rel="stylesheet" href="style.css">
   </head>
 
     <link rel="stylesheet" href="style.css">
   </head>
index 54a63f5fb6d3110085a685a164359494fa169a87..fcd6b5d7a1336df8a292dcfdfc08838b2076383f 100644 (file)
@@ -6,7 +6,7 @@
     <script src="options.js"></script>
     <link rel="stylesheet" href="options.css">
   </head>
     <script src="options.js"></script>
     <link rel="stylesheet" href="options.css">
   </head>
-    
+
 
   <body>
     <table>
 
   <body>
     <table>
@@ -16,6 +16,9 @@
       <tr>
         <td>Foreground</td><td><input type="text" id="fg"></td>
       </tr>
       <tr>
         <td>Foreground</td><td><input type="text" id="fg"></td>
       </tr>
+      <tr>
+        <td>Hover</td><td><input type="text" id="hr"></td>
+      </tr>
     </table>
 
     <button id="save">Save</button>
     </table>
 
     <button id="save">Save</button>
index 7580131f78b69e43f5e9eca1d7249a43ae84834f..50598de073b88fd597049ceca8d3966bacc9a149 100644 (file)
@@ -1,25 +1,30 @@
 function save_options() {
 function save_options() {
-    var bgvalue = document.getElementById('bg').value;
-    var fgvalue = document.getElementById('fg').value;
-    console.log(bgvalue);
+  var bgvalue = document.getElementById('bg').value;
+  var fgvalue = document.getElementById('fg').value;
+  var hrvalue = document.getElementById('hr').value;
+  console.log(bgvalue);
 
 
-    chrome.storage.sync.set({
-       "bgvalue": bgvalue,
-       "fgvalue": fgvalue,
-       }, function() {
-       window.close();
-       
-       });
+  chrome.storage.sync.set({
+    "bgvalue": bgvalue,
+    "fgvalue": fgvalue,
+    "hrvalue": hrvalue,
+  }, function() {
+    window.close();
+
+  });
 }
 
 
 function restore_options() {
 }
 
 
 function restore_options() {
-    chrome.storage.sync.get({
-    "bgvalue": "#2E3440",
-    "fgvalue": "#D8DEE9"},
+  chrome.storage.sync.get({
+    "bgvalue": "#2e3440",
+    "fgvalue": "#d8dee9",
+    "hrvalue": "#434c5e"
+  },
     function(items) {
     function(items) {
-        document.getElementById('bg').value = items["bgvalue"];
-       document.getElementById('fg').value = items["fgvalue"];
+      document.getElementById('bg').value = items["bgvalue"];
+      document.getElementById('fg').value = items["fgvalue"];
+      document.getElementById('hr').value = items["hrvalue"];
     });
 }
 
     });
 }
 
diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644 (file)
index 23527a5..0000000
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "requires": true,
-  "lockfileVersion": 1,
-  "dependencies": {
-    "sortablejs": {
-      "version": "1.10.0-rc3",
-      "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.10.0-rc3.tgz",
-      "integrity": "sha512-uw8vZqwI3nkIeAqdrP6N/GDxFW3dY7yz3/rK0GLLoe8aJ2RZALmo6mAwOi+uA7RYuqfz2lm7AACr4ms6gXcb6w=="
-    }
-  }
-}
diff --git a/search.js b/search.js
deleted file mode 100644 (file)
index ef41627..0000000
--- a/search.js
+++ /dev/null
@@ -1,111 +0,0 @@
-document.addEventListener("DOMContentLoaded", function() {
-       chrome.storage.sync.get({"search": "google", "searchplace": "bottom"}, searchCallback);
-});
-
-var jsonmain;
-
-function jsonparse(json) {
-       jsonmain = json;
-       searchbox = document.getElementById("search-box");
-       if (json.AbstractSource == "Wikipedia") {
-               document.getElementById("duckduckres").innerHTML = "";
-               var script = document.createElement("script");
-               script.setAttribute("src", "https://en.wikipedia.org/w/api.php?format=json&action=query&prop=extracts&exintro=&explaintext=&titles="+json.AbstractURL.split('/')[json.AbstractURL.split('/').length-1]+"&callback=wikicallback");
-               //script.setAttribute("src", "https://en.wikipedia.org/w/api.php?format=json&action=query&list=search&prop=extracts&exintro=&explaintext=&callback=wikicallback&srsearch="+searchbox.value);
-               document.body.appendChild(script);
-               script.outerHTML = "";
-               script.delete;
-               
-               if (typeof json.RelatedTopics[0] != "undefined") {
-                       var div = document.createElement('div');
-                       div.innerHTML = json.RelatedTopics[0].Result;
-                       var a = div.getElementsByTagName("a")[0];
-                       a.className = "extrares";
-                       document.getElementById("duckduckres").appendChild(a);
-
-                       div.innerHTML = json.RelatedTopics[1].Result;
-                       var a = div.getElementsByTagName("a")[0];
-                       a.className = "extrares";
-                       document.getElementById("duckduckres").appendChild(a);
-
-                       div.innerHTML = json.RelatedTopics[2].Result;
-                       var a = div.getElementsByTagName("a")[0];
-                       a.className = "extrares";
-                       document.getElementById("duckduckres").appendChild(a);
-               }
-       }
-}
-
-function wikicallback(json) {
-       var page = json.query.pages[Object.keys(json.query.pages)[0]];
-       //console.log(json.query.pages);
-       var a = document.createElement('a');
-       a.href = "http://en.wikipedia.org/?curid="+page.pageid;
-       a.innerText = page.title + " - "+page.extract;
-       if (page.extract != "") {
-               a.innerText = page.title + " - "+page.extract;
-       } else {
-               a.innerText = page.title;
-       }
-       a.className = "mainres";
-       [].forEach.call(document.querySelectorAll('.mainres'),function(e){
-         e.parentNode.removeChild(e);
-       });
-       document.getElementById("wikires").appendChild(a);
-}
-
-var searchCallback = function(list) {
-       var form;
-       var searchbox;
-
-       var searchplace = list["searchplace"];
-       var formstring = "<form id=\"search-form\" method=\"get\" action=\"https://google.com/search?\">\
-                       <input id=\"search-box\" name=\"q\" type=\"text\" placeholder=\"search\" autofocus autocomplete='on'/>\
-               </form>";
-
-       if (searchplace == "top") {
-               document.getElementById("search1").className += " active";
-               document.getElementById("search1").insertAdjacentHTML("beforeend", formstring);
-       } else if (searchplace == "middle") {
-               document.getElementById("search2").className += " active";
-               document.getElementById("search2").insertAdjacentHTML("beforeend", formstring);
-       } else {
-               document.getElementById("search3").className += " active";
-               document.getElementById("search3").insertAdjacentHTML("beforeend", formstring);
-       }
-       
-       form = document.getElementById("search-form");
-       searchbox = document.getElementById("search-box");
-
-       searchbox.onkeyup = function(){
-               var val = searchbox.value;
-               if (val.length > 1) {
-                       var script = document.createElement('script');
-                       script.src = 'https://api.duckduckgo.com/?q='+searchbox.value+'&format=json&callback=jsonparse';
-                       document.body.appendChild(script);
-                       script.outerHTML = "";
-                       script.delete;
-               }
-       }
-
-       if (list["search"] == "duckduckgo") {
-               form.setAttribute("action", "https://duckduckgo.com/?");
-       } else if (list["search"] == "yahoo") {
-               form.setAttribute("action", "https://search.yahoo.com/search?");
-       } else if (list["search"] == "bing") {
-               form.setAttribute("action", "https://www.bing.com/search?");
-       }
-
-       form.addEventListener("submit", 
-       function(e){
-               var value = searchbox.value;
-               e.preventDefault();
-               var value = searchbox.value;
-               if (value.indexOf(".") >= 0) {
-                       window.location = addhttp(value);;
-               } else {
-                       form.submit();
-               }
-       }, false);
-}
-
diff --git a/sort.js b/sort.js
deleted file mode 100644 (file)
index 84c675d..0000000
--- a/sort.js
+++ /dev/null
@@ -1,25 +0,0 @@
-var selected
-
-function dragOver( e ) {
-  if ( isBefore( selected, e.target ) ) e.target.parentNode.insertBefore( selected, e.target )
-  else e.target.parentNode.insertBefore( selected, e.target.nextSibling )
-}
-
-function dragEnd() {
-  selected = null
-}
-
-function dragStart( e ) {
-  e.dataTransfer.effectAllowed = "move"
-  e.dataTransfer.setData( "text/plain", null )
-  selected = e.target
-}
-
-function isBefore( el1, el2 ) {
-  var cur
-  if ( el2.parentNode === el1.parentNode ) {
-    for ( cur = el1.previousSibling; cur; cur = cur.previousSibling ) {
-      if (cur === el2) return true
-    }
-  } else return false;
-}
diff --git a/sortable.min.js b/sortable.min.js
new file mode 100644 (file)
index 0000000..e95d2a3
--- /dev/null
@@ -0,0 +1,2 @@
+/*! Sortable 1.4.2 - MIT | git://github.com/rubaxa/Sortable.git */
+!function(a){"use strict";"function"==typeof define&&define.amd?define(a):"undefined"!=typeof module&&"undefined"!=typeof module.exports?module.exports=a():"undefined"!=typeof Package?Sortable=a():window.Sortable=a()}(function(){"use strict";function a(a,b){if(!a||!a.nodeType||1!==a.nodeType)throw"Sortable: `el` must be HTMLElement, and not "+{}.toString.call(a);this.el=a,this.options=b=r({},b),a[L]=this;var c={group:Math.random(),sort:!0,disabled:!1,store:null,handle:null,scroll:!0,scrollSensitivity:30,scrollSpeed:10,draggable:/[uo]l/i.test(a.nodeName)?"li":">*",ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",ignore:"a, img",filter:null,animation:0,setData:function(a,b){a.setData("Text",b.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1};for(var d in c)!(d in b)&&(b[d]=c[d]);V(b);for(var f in this)"_"===f.charAt(0)&&(this[f]=this[f].bind(this));this.nativeDraggable=b.forceFallback?!1:P,e(a,"mousedown",this._onTapStart),e(a,"touchstart",this._onTapStart),this.nativeDraggable&&(e(a,"dragover",this),e(a,"dragenter",this)),T.push(this._onDragOver),b.store&&this.sort(b.store.get(this))}function b(a){v&&v.state!==a&&(h(v,"display",a?"none":""),!a&&v.state&&w.insertBefore(v,s),v.state=a)}function c(a,b,c){if(a){c=c||N,b=b.split(".");var d=b.shift().toUpperCase(),e=new RegExp("\\s("+b.join("|")+")(?=\\s)","g");do if(">*"===d&&a.parentNode===c||(""===d||a.nodeName.toUpperCase()==d)&&(!b.length||((" "+a.className+" ").match(e)||[]).length==b.length))return a;while(a!==c&&(a=a.parentNode))}return null}function d(a){a.dataTransfer&&(a.dataTransfer.dropEffect="move"),a.preventDefault()}function e(a,b,c){a.addEventListener(b,c,!1)}function f(a,b,c){a.removeEventListener(b,c,!1)}function g(a,b,c){if(a)if(a.classList)a.classList[c?"add":"remove"](b);else{var d=(" "+a.className+" ").replace(K," ").replace(" "+b+" "," ");a.className=(d+(c?" "+b:"")).replace(K," ")}}function h(a,b,c){var d=a&&a.style;if(d){if(void 0===c)return N.defaultView&&N.defaultView.getComputedStyle?c=N.defaultView.getComputedStyle(a,""):a.currentStyle&&(c=a.currentStyle),void 0===b?c:c[b];b in d||(b="-webkit-"+b),d[b]=c+("string"==typeof c?"":"px")}}function i(a,b,c){if(a){var d=a.getElementsByTagName(b),e=0,f=d.length;if(c)for(;f>e;e++)c(d[e],e);return d}return[]}function j(a,b,c,d,e,f,g){var h=N.createEvent("Event"),i=(a||b[L]).options,j="on"+c.charAt(0).toUpperCase()+c.substr(1);h.initEvent(c,!0,!0),h.to=b,h.from=e||b,h.item=d||b,h.clone=v,h.oldIndex=f,h.newIndex=g,b.dispatchEvent(h),i[j]&&i[j].call(a,h)}function k(a,b,c,d,e,f){var g,h,i=a[L],j=i.options.onMove;return g=N.createEvent("Event"),g.initEvent("move",!0,!0),g.to=b,g.from=a,g.dragged=c,g.draggedRect=d,g.related=e||b,g.relatedRect=f||b.getBoundingClientRect(),a.dispatchEvent(g),j&&(h=j.call(i,g)),h}function l(a){a.draggable=!1}function m(){R=!1}function n(a,b){var c=a.lastElementChild,d=c.getBoundingClientRect();return(b.clientY-(d.top+d.height)>5||b.clientX-(d.right+d.width)>5)&&c}function o(a){for(var b=a.tagName+a.className+a.src+a.href+a.textContent,c=b.length,d=0;c--;)d+=b.charCodeAt(c);return d.toString(36)}function p(a){var b=0;if(!a||!a.parentNode)return-1;for(;a&&(a=a.previousElementSibling);)"TEMPLATE"!==a.nodeName.toUpperCase()&&b++;return b}function q(a,b){var c,d;return function(){void 0===c&&(c=arguments,d=this,setTimeout(function(){1===c.length?a.call(d,c[0]):a.apply(d,c),c=void 0},b))}}function r(a,b){if(a&&b)for(var c in b)b.hasOwnProperty(c)&&(a[c]=b[c]);return a}var s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J={},K=/\s+/g,L="Sortable"+(new Date).getTime(),M=window,N=M.document,O=M.parseInt,P=!!("draggable"in N.createElement("div")),Q=function(a){return a=N.createElement("x"),a.style.cssText="pointer-events:auto","auto"===a.style.pointerEvents}(),R=!1,S=Math.abs,T=([].slice,[]),U=q(function(a,b,c){if(c&&b.scroll){var d,e,f,g,h=b.scrollSensitivity,i=b.scrollSpeed,j=a.clientX,k=a.clientY,l=window.innerWidth,m=window.innerHeight;if(z!==c&&(y=b.scroll,z=c,y===!0)){y=c;do if(y.offsetWidth<y.scrollWidth||y.offsetHeight<y.scrollHeight)break;while(y=y.parentNode)}y&&(d=y,e=y.getBoundingClientRect(),f=(S(e.right-j)<=h)-(S(e.left-j)<=h),g=(S(e.bottom-k)<=h)-(S(e.top-k)<=h)),f||g||(f=(h>=l-j)-(h>=j),g=(h>=m-k)-(h>=k),(f||g)&&(d=M)),(J.vx!==f||J.vy!==g||J.el!==d)&&(J.el=d,J.vx=f,J.vy=g,clearInterval(J.pid),d&&(J.pid=setInterval(function(){d===M?M.scrollTo(M.pageXOffset+f*i,M.pageYOffset+g*i):(g&&(d.scrollTop+=g*i),f&&(d.scrollLeft+=f*i))},24)))}},30),V=function(a){var b=a.group;b&&"object"==typeof b||(b=a.group={name:b}),["pull","put"].forEach(function(a){a in b||(b[a]=!0)}),a.groups=" "+b.name+(b.put.join?" "+b.put.join(" "):"")+" "};return a.prototype={constructor:a,_onTapStart:function(a){var b=this,d=this.el,e=this.options,f=a.type,g=a.touches&&a.touches[0],h=(g||a).target,i=h,k=e.filter;if(!("mousedown"===f&&0!==a.button||e.disabled)&&(h=c(h,e.draggable,d))){if(D=p(h),"function"==typeof k){if(k.call(this,a,h,this))return j(b,i,"filter",h,d,D),void a.preventDefault()}else if(k&&(k=k.split(",").some(function(a){return a=c(i,a.trim(),d),a?(j(b,a,"filter",h,d,D),!0):void 0})))return void a.preventDefault();(!e.handle||c(i,e.handle,d))&&this._prepareDragStart(a,g,h)}},_prepareDragStart:function(a,b,c){var d,f=this,h=f.el,j=f.options,k=h.ownerDocument;c&&!s&&c.parentNode===h&&(G=a,w=h,s=c,t=s.parentNode,x=s.nextSibling,F=j.group,d=function(){f._disableDelayedDrag(),s.draggable=!0,g(s,f.options.chosenClass,!0),f._triggerDragStart(b)},j.ignore.split(",").forEach(function(a){i(s,a.trim(),l)}),e(k,"mouseup",f._onDrop),e(k,"touchend",f._onDrop),e(k,"touchcancel",f._onDrop),j.delay?(e(k,"mouseup",f._disableDelayedDrag),e(k,"touchend",f._disableDelayedDrag),e(k,"touchcancel",f._disableDelayedDrag),e(k,"mousemove",f._disableDelayedDrag),e(k,"touchmove",f._disableDelayedDrag),f._dragStartTimer=setTimeout(d,j.delay)):d())},_disableDelayedDrag:function(){var a=this.el.ownerDocument;clearTimeout(this._dragStartTimer),f(a,"mouseup",this._disableDelayedDrag),f(a,"touchend",this._disableDelayedDrag),f(a,"touchcancel",this._disableDelayedDrag),f(a,"mousemove",this._disableDelayedDrag),f(a,"touchmove",this._disableDelayedDrag)},_triggerDragStart:function(a){a?(G={target:s,clientX:a.clientX,clientY:a.clientY},this._onDragStart(G,"touch")):this.nativeDraggable?(e(s,"dragend",this),e(w,"dragstart",this._onDragStart)):this._onDragStart(G,!0);try{N.selection?N.selection.empty():window.getSelection().removeAllRanges()}catch(b){}},_dragStarted:function(){w&&s&&(g(s,this.options.ghostClass,!0),a.active=this,j(this,w,"start",s,w,D))},_emulateDragOver:function(){if(H){if(this._lastX===H.clientX&&this._lastY===H.clientY)return;this._lastX=H.clientX,this._lastY=H.clientY,Q||h(u,"display","none");var a=N.elementFromPoint(H.clientX,H.clientY),b=a,c=" "+this.options.group.name,d=T.length;if(b)do{if(b[L]&&b[L].options.groups.indexOf(c)>-1){for(;d--;)T[d]({clientX:H.clientX,clientY:H.clientY,target:a,rootEl:b});break}a=b}while(b=b.parentNode);Q||h(u,"display","")}},_onTouchMove:function(b){if(G){a.active||this._dragStarted(),this._appendGhost();var c=b.touches?b.touches[0]:b,d=c.clientX-G.clientX,e=c.clientY-G.clientY,f=b.touches?"translate3d("+d+"px,"+e+"px,0)":"translate("+d+"px,"+e+"px)";I=!0,H=c,h(u,"webkitTransform",f),h(u,"mozTransform",f),h(u,"msTransform",f),h(u,"transform",f),b.preventDefault()}},_appendGhost:function(){if(!u){var a,b=s.getBoundingClientRect(),c=h(s),d=this.options;u=s.cloneNode(!0),g(u,d.ghostClass,!1),g(u,d.fallbackClass,!0),h(u,"top",b.top-O(c.marginTop,10)),h(u,"left",b.left-O(c.marginLeft,10)),h(u,"width",b.width),h(u,"height",b.height),h(u,"opacity","0.8"),h(u,"position","fixed"),h(u,"zIndex","100000"),h(u,"pointerEvents","none"),d.fallbackOnBody&&N.body.appendChild(u)||w.appendChild(u),a=u.getBoundingClientRect(),h(u,"width",2*b.width-a.width),h(u,"height",2*b.height-a.height)}},_onDragStart:function(a,b){var c=a.dataTransfer,d=this.options;this._offUpEvents(),"clone"==F.pull&&(v=s.cloneNode(!0),h(v,"display","none"),w.insertBefore(v,s)),b?("touch"===b?(e(N,"touchmove",this._onTouchMove),e(N,"touchend",this._onDrop),e(N,"touchcancel",this._onDrop)):(e(N,"mousemove",this._onTouchMove),e(N,"mouseup",this._onDrop)),this._loopId=setInterval(this._emulateDragOver,50)):(c&&(c.effectAllowed="move",d.setData&&d.setData.call(this,c,s)),e(N,"drop",this),setTimeout(this._dragStarted,0))},_onDragOver:function(a){var d,e,f,g=this.el,i=this.options,j=i.group,l=j.put,o=F===j,p=i.sort;if(void 0!==a.preventDefault&&(a.preventDefault(),!i.dragoverBubble&&a.stopPropagation()),I=!0,F&&!i.disabled&&(o?p||(f=!w.contains(s)):F.pull&&l&&(F.name===j.name||l.indexOf&&~l.indexOf(F.name)))&&(void 0===a.rootEl||a.rootEl===this.el)){if(U(a,i,this.el),R)return;if(d=c(a.target,i.draggable,g),e=s.getBoundingClientRect(),f)return b(!0),void(v||x?w.insertBefore(s,v||x):p||w.appendChild(s));if(0===g.children.length||g.children[0]===u||g===a.target&&(d=n(g,a))){if(d){if(d.animated)return;r=d.getBoundingClientRect()}b(o),k(w,g,s,e,d,r)!==!1&&(s.contains(g)||(g.appendChild(s),t=g),this._animate(e,s),d&&this._animate(r,d))}else if(d&&!d.animated&&d!==s&&void 0!==d.parentNode[L]){A!==d&&(A=d,B=h(d),C=h(d.parentNode));var q,r=d.getBoundingClientRect(),y=r.right-r.left,z=r.bottom-r.top,D=/left|right|inline/.test(B.cssFloat+B.display)||"flex"==C.display&&0===C["flex-direction"].indexOf("row"),E=d.offsetWidth>s.offsetWidth,G=d.offsetHeight>s.offsetHeight,H=(D?(a.clientX-r.left)/y:(a.clientY-r.top)/z)>.5,J=d.nextElementSibling,K=k(w,g,s,e,d,r);if(K!==!1){if(R=!0,setTimeout(m,30),b(o),1===K||-1===K)q=1===K;else if(D){var M=s.offsetTop,N=d.offsetTop;q=M===N?d.previousElementSibling===s&&!E||H&&E:N>M}else q=J!==s&&!G||H&&G;s.contains(g)||(q&&!J?g.appendChild(s):d.parentNode.insertBefore(s,q?J:d)),t=s.parentNode,this._animate(e,s),this._animate(r,d)}}}},_animate:function(a,b){var c=this.options.animation;if(c){var d=b.getBoundingClientRect();h(b,"transition","none"),h(b,"transform","translate3d("+(a.left-d.left)+"px,"+(a.top-d.top)+"px,0)"),b.offsetWidth,h(b,"transition","all "+c+"ms"),h(b,"transform","translate3d(0,0,0)"),clearTimeout(b.animated),b.animated=setTimeout(function(){h(b,"transition",""),h(b,"transform",""),b.animated=!1},c)}},_offUpEvents:function(){var a=this.el.ownerDocument;f(N,"touchmove",this._onTouchMove),f(a,"mouseup",this._onDrop),f(a,"touchend",this._onDrop),f(a,"touchcancel",this._onDrop)},_onDrop:function(b){var c=this.el,d=this.options;clearInterval(this._loopId),clearInterval(J.pid),clearTimeout(this._dragStartTimer),f(N,"mousemove",this._onTouchMove),this.nativeDraggable&&(f(N,"drop",this),f(c,"dragstart",this._onDragStart)),this._offUpEvents(),b&&(I&&(b.preventDefault(),!d.dropBubble&&b.stopPropagation()),u&&u.parentNode.removeChild(u),s&&(this.nativeDraggable&&f(s,"dragend",this),l(s),g(s,this.options.ghostClass,!1),g(s,this.options.chosenClass,!1),w!==t?(E=p(s),E>=0&&(j(null,t,"sort",s,w,D,E),j(this,w,"sort",s,w,D,E),j(null,t,"add",s,w,D,E),j(this,w,"remove",s,w,D,E))):(v&&v.parentNode.removeChild(v),s.nextSibling!==x&&(E=p(s),E>=0&&(j(this,w,"update",s,w,D,E),j(this,w,"sort",s,w,D,E)))),a.active&&((null===E||-1===E)&&(E=D),j(this,w,"end",s,w,D,E),this.save())),w=s=t=u=x=v=y=z=G=H=I=E=A=B=F=a.active=null)},handleEvent:function(a){var b=a.type;"dragover"===b||"dragenter"===b?s&&(this._onDragOver(a),d(a)):("drop"===b||"dragend"===b)&&this._onDrop(a)},toArray:function(){for(var a,b=[],d=this.el.children,e=0,f=d.length,g=this.options;f>e;e++)a=d[e],c(a,g.draggable,this.el)&&b.push(a.getAttribute(g.dataIdAttr)||o(a));return b},sort:function(a){var b={},d=this.el;this.toArray().forEach(function(a,e){var f=d.children[e];c(f,this.options.draggable,d)&&(b[a]=f)},this),a.forEach(function(a){b[a]&&(d.removeChild(b[a]),d.appendChild(b[a]))})},save:function(){var a=this.options.store;a&&a.set(this)},closest:function(a,b){return c(a,b||this.options.draggable,this.el)},option:function(a,b){var c=this.options;return void 0===b?c[a]:(c[a]=b,void("group"===a&&V(c)))},destroy:function(){var a=this.el;a[L]=null,f(a,"mousedown",this._onTapStart),f(a,"touchstart",this._onTapStart),this.nativeDraggable&&(f(a,"dragover",this),f(a,"dragenter",this)),Array.prototype.forEach.call(a.querySelectorAll("[draggable]"),function(a){a.removeAttribute("draggable")}),T.splice(T.indexOf(this._onDragOver),1),this._onDrop(),this.el=a=null}},a.utils={on:e,off:f,css:h,find:i,is:function(a,b){return!!c(a,b,a)},extend:r,throttle:q,closest:c,toggleClass:g,index:p},a.create=function(b,c){return new a(b,c)},a.version="1.4.2",a});
\ No newline at end of file
diff --git a/start.html b/start.html
deleted file mode 100644 (file)
index ee79d7b..0000000
+++ /dev/null
@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-       <title>New Tab</title>
-
-       <script type="text/javascript" src="start.js" ></script>
-       <meta charset="utf-8">
-       <meta name=viewport content="width=device-width, initial-scale=1">
-
-</head>
-<body>
-redirecting
-</body>
-</html>
diff --git a/start.js b/start.js
deleted file mode 100644 (file)
index 3325be9..0000000
--- a/start.js
+++ /dev/null
@@ -1,2 +0,0 @@
-chrome.tabs.create({ url: chrome.extension.getURL("newtab.html") });
-window.close();
index 4bd955f1bc74e273440fbf568dc8e16d8cb5dde6..8e6fb747db7b305107c45b8ec5db80f4e760be3e 100644 (file)
--- a/style.css
+++ b/style.css
@@ -4,6 +4,7 @@
   --hover-bg-2: #848ead;
   --remove-bg: #bf616a;
   --default-fg: #d8dee9;
   --hover-bg-2: #848ead;
   --remove-bg: #bf616a;
   --default-fg: #d8dee9;
+  --default-bg: #2e3440;
 }
   
 html, body {
 }
   
 html, body {