ui.js 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /*
  2. * Copyright 2010 Gildas Lormeau
  3. * contact : gildas.lormeau <at> gmail.com
  4. *
  5. * This file is part of SingleFile.
  6. *
  7. * SingleFile is free software: you can redistribute it and/or modify
  8. * it under the terms of the GNU Lesser General Public License as published by
  9. * the Free Software Foundation, either version 3 of the License, or
  10. * (at your option) any later version.
  11. *
  12. * SingleFile is distributed in the hope that it will be useful,
  13. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  14. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  15. * GNU Lesser General Public License for more details.
  16. *
  17. * You should have received a copy of the GNU Lesser General Public License
  18. * along with SingleFile. If not, see <http://www.gnu.org/licenses/>.
  19. */
  20. (function(holder) {
  21. function showProcessing() {
  22. var div = document.createElement("div");
  23. div.id = "__SingleFile_mask__";
  24. div.style.position = "fixed";
  25. div.style.top = "0px";
  26. div.style.left = "0px";
  27. div.style.height = "100%";
  28. div.style.width = "100%";
  29. div.style.backgroundColor = "black";
  30. div.style.zIndex = 2147483647;
  31. div.style.opacity = 0;
  32. div.style["-webkit-transition"] = "opacity 250ms";
  33. document.body.appendChild(div);
  34. div.offsetWidth;
  35. div.style.opacity = .3;
  36. }
  37. function hideProcessing() {
  38. var div = document.getElementById("__SingleFile_mask__");
  39. if (div)
  40. document.body.removeChild(div);
  41. }
  42. holder.ui = {
  43. init : function(bgPort) {
  44. if (window == top)
  45. bgPort.addListener(function(message) {
  46. if (!message.scrapbooking) {
  47. if (message.start) {
  48. showProcessing();
  49. } else if (message.done)
  50. setTimeout(function() {
  51. hideProcessing();
  52. }, 250);
  53. }
  54. });
  55. }
  56. };
  57. })(singlefile);