nicocache/bookmarklets/client.js

javascript:

if (!self.SAMI) self.SAMI = {};
if (!SAMI.onLoadFunctions) SAMI.onLoadFunctions = [];

SAMI.onLoadFunctions.push (function () {
  SAMI.Script.loadScripts (new SAMI.List ([
    'http://suika.fam.cx/www/nicocache/bookmarklets/nicocache.js?' + new Date ()
  ]), function () {
    var ControlBox = new SAMI.Class (function () {
      var article = document.createElement ('article');
      article.innerHTML = '<p style=float:right><button type=button class=nc-close>×</button><p><output class=nc-video-title></output><p><output class=nc-original-cache-directory></output><p style=text-align:right>-> <select class=nc-cache-directories style="min-width: 10em"></select> <button type=button class=nc-cache-directory-change>Change</button><p class=nc-high-status><p class=nc-low-status>';
      article.setAttribute ('style', 'position: fixed; display: block; top: 2em; left: 1em; width: 20em; background-color: white; color: black; border: outset gray 4px; z-index: 10000');
      document.body.appendChild (article);
      this.element = article;

      this.getElements ('nc-close').list[0].onclick = function () {
        article.parentNode.removeChild (article);
      }; // onclick
    }, {
      getElements: function (key) {
        return SAMI.Node.getElementsByClassName (this.element, key);
      }, // getElements

      setVideoTitle: function (v) {
        this.getElements ('nc-video-title').list[0].textContent = v;
      }, // setVideoTitle
      setOriginalCacheDirectory: function (v) {
        this.getElements ('nc-original-cache-directory').list[0].textContent = v;
      }, // setOriginalCacheDirectory
      setCacheDirectories: function (l) {
        var select = this.getElements ('nc-cache-directories').list[0];
        select.innerHTML = '';
        l.forEach (function (dir) {
          var opt = document.createElement ('option');
          opt.textContent = dir;
          if (dir == '') {
            opt.label = '(root)';
          }
          select.appendChild (opt);
        });

        var self = this;
        this.getElements ('nc-cache-directory-change').list[0].onclick = function () {
          self.changeDirectory ();
        };
      }, // setCacheDirectories

      setHighStatus: function (v) {
        this.getElements ('nc-high-status').list[0].textContent = 'High: ' + v;
      }, // setHighStatus
      setLowStatus: function (v) {
        this.getElements ('nc-low-status').list[0].textContent = 'Low: ' + v;
      }, // setLowStatus

      clearHighStatus: function () {
        this.setHighStatus ('');
      }, // clearHighStatus
      clearLowStatus: function () {
        this.setLowStatus ('');
      }, // setLowStatus

      changeDirectory: function () {
        var newValue = this.getElements ('nc-cache-directories').list[0].value;
        this.onchangedirectory (newValue);
      } // changeDirectory
    });

    var box = new ControlBox;

    var p = new NicoCache.Page (document);
    var id = p.getId ();
    if (id) {
      var v = new NicoCache.Video (id);
      v.withTitle (function (title) {
        box.setVideoTitle (title);
      });
      v.withDirectory (function (dir) {
        box.setOriginalCacheDirectory (dir);
      });

      box.onchangedirectory = function (d) {
        box.clearLowStatus ();
        box.clearHighStatus ();
        v.setDirectory (d, function (isLow, res) {
          if (isLow) {
            box.setLowStatus (res);
          } else {
            box.setHighStatus (res);
          }
        });
      }; // onchangedirectory
    }
    NicoCache.withDirList (function (dirs) {
      box.setCacheDirectories (dirs);
    });
  });
});

var script = document.createElement ('script');
script.src = 'http://suika.fam.cx/www/js/sami/script/sami-core.js';
document.body.appendChild (script);

void (0);

1	javascript:
2
3	if (!self.SAMI) self.SAMI = {};
4	if (!SAMI.onLoadFunctions) SAMI.onLoadFunctions = [];
5
6	SAMI.onLoadFunctions.push (function () {
7	SAMI.Script.loadScripts (new SAMI.List ([
8	'http://suika.fam.cx/www/nicocache/bookmarklets/nicocache.js?' + new Date ()
9	]), function () {
10	var ControlBox = new SAMI.Class (function () {
11	var article = document.createElement ('article');
12	article.innerHTML = '<p style=float:right><button type=button class=nc-close>×</button><p><output class=nc-video-title></output><p><output class=nc-original-cache-directory></output><p style=text-align:right>-> <select class=nc-cache-directories style="min-width: 10em"></select> <button type=button class=nc-cache-directory-change>Change</button><p class=nc-high-status><p class=nc-low-status>';
13	article.setAttribute ('style', 'position: fixed; display: block; top: 2em; left: 1em; width: 20em; background-color: white; color: black; border: outset gray 4px; z-index: 10000');
14	document.body.appendChild (article);
15	this.element = article;
16
17	this.getElements ('nc-close').list[0].onclick = function () {
18	article.parentNode.removeChild (article);
19	}; // onclick
20	}, {
21	getElements: function (key) {
22	return SAMI.Node.getElementsByClassName (this.element, key);
23	}, // getElements
24
25	setVideoTitle: function (v) {
26	this.getElements ('nc-video-title').list[0].textContent = v;
27	}, // setVideoTitle
28	setOriginalCacheDirectory: function (v) {
29	this.getElements ('nc-original-cache-directory').list[0].textContent = v;
30	}, // setOriginalCacheDirectory
31	setCacheDirectories: function (l) {
32	var select = this.getElements ('nc-cache-directories').list[0];
33	select.innerHTML = '';
34	l.forEach (function (dir) {
35	var opt = document.createElement ('option');
36	opt.textContent = dir;
37	if (dir == '') {
38	opt.label = '(root)';
39	}
40	select.appendChild (opt);
41	});
42
43	var self = this;
44	this.getElements ('nc-cache-directory-change').list[0].onclick = function () {
45	self.changeDirectory ();
46	};
47	}, // setCacheDirectories
48
49	setHighStatus: function (v) {
50	this.getElements ('nc-high-status').list[0].textContent = 'High: ' + v;
51	}, // setHighStatus
52	setLowStatus: function (v) {
53	this.getElements ('nc-low-status').list[0].textContent = 'Low: ' + v;
54	}, // setLowStatus
55
56	clearHighStatus: function () {
57	this.setHighStatus ('');
58	}, // clearHighStatus
59	clearLowStatus: function () {
60	this.setLowStatus ('');
61	}, // setLowStatus
62
63	changeDirectory: function () {
64	var newValue = this.getElements ('nc-cache-directories').list[0].value;
65	this.onchangedirectory (newValue);
66	} // changeDirectory
67	});
68
69	var box = new ControlBox;
70
71	var p = new NicoCache.Page (document);
72	var id = p.getId ();
73	if (id) {
74	var v = new NicoCache.Video (id);
75	v.withTitle (function (title) {
76	box.setVideoTitle (title);
77	});
78	v.withDirectory (function (dir) {
79	box.setOriginalCacheDirectory (dir);
80	});
81
82	box.onchangedirectory = function (d) {
83	box.clearLowStatus ();
84	box.clearHighStatus ();
85	v.setDirectory (d, function (isLow, res) {
86	if (isLow) {
87	box.setLowStatus (res);
88	} else {
89	box.setHighStatus (res);
90	}
91	});
92	}; // onchangedirectory
93	}
94	NicoCache.withDirList (function (dirs) {
95	box.setCacheDirectories (dirs);
96	});
97	});
98	});
99
100	var script = document.createElement ('script');
101	script.src = 'http://suika.fam.cx/www/js/sami/script/sami-core.js';
102	document.body.appendChild (script);
103
104	void (0);
105