webui-aria2/js/ctrls/modal.js

var parseFiles = function(files, cb) {
  var cnt = 0;
  var txts = [];
  var onload = function(res) {
    var txt = res.target.result;
    txts.push(txt.split(",")[1]);
    cnt--;
    if (!cnt) {
      cb(txts);
    }
  };
  _.each(files, function(file) {
    cnt++;
    console.log("starting file reader");
    var reader = new FileReader();
    reader.onload = onload;
    reader.onerror = function(err) {
      // return error
      // TODO: find a better way to propogate error upstream
      console.log("got back error", err);
      cb([]);
    };
    reader.readAsDataURL(file);
  });
};

angular
  .module("webui.ctrls.modal", [
    "ui.bootstrap",
    "webui.services.deps",
    "webui.services.modals",
    "webui.services.rpc",
    "webui.services.configuration"
  ])
  .controller("ModalCtrl", [
    "$_",
    "$scope",
    "$modal",
    "$modals",
    "$rpc",
    "$fileSettings",
    "$downloadProps",
    function(_, scope, $modal, modals, rpc, fsettings, dprops) {
      scope.getUris = {
        open: function(cb) {
          var self = this;
          this.uris = "";
          this.downloadSettingsCollapsed = true;
          this.advancedSettingsCollapsed = true;
          this.settings = {};
          this.fsettings = _.cloneDeep(fsettings);
          this.cb = cb;

          // fill in default download properties
          _.forEach(dprops, function(p) {
            self.settings[p] = self.fsettings[p];
            delete self.fsettings[p];
          });

          this.inst = $modal.open({
            templateUrl: "getUris.html",
            scope: scope,
            windowClass: "modal-large"
          });
          this.inst.result.then(
            function() {
              delete self.inst;
              if (self.cb) {
                var settings = {};
                // no need to send in default values, just the changed ones
                for (var i in self.settings) {
                  if (fsettings[i].val != self.settings[i].val) settings[i] = self.settings[i].val;
                }
                for (var i in self.fsettings) {
                  if (fsettings[i].val != self.fsettings[i].val)
                    settings[i] = self.fsettings[i].val;
                }

                console.log("sending settings:", settings);
                self.cb(self.parse(), settings);
              }
            },
            function() {
              delete self.inst;
            }
          );
        },
        parse: function() {
          return _.chain(this.uris.trim().split(/\r?\n/g))
            .map(function(d) {
              return _(d)
                .replace(/["'][^"']*["']/g, function(c) {
                  return c.replace(/%/g, "%25").replace(/ /g, "%20");
                })
                .trim()
                .split(/\s+/g)
                .map(function(c) {
                  return c
                    .replace(/%20/g, " ")
                    .replace(/%25/g, "%")
                    .replace(/["']/g, "");
                });
            })
            .filter(function(d) {
              return d.length;
            })
            .value();
        }
      };

      scope.settings = {
        open: function(settings, title, actionText, cb) {
          var self = this;
          this.settings = settings;
          this.title = title;
          this.actionText = actionText;
          this.inst = $modal.open({
            templateUrl: "settings.html",
            scope: scope,
            windowClass: "modal-large"
          });
          this.inst.result.then(
            function() {
              delete self.inst;
              if (cb) {
                cb(self.settings);
              }
            },
            function() {
              delete self.inst;
            }
          );
        }
      };

      scope.selectFiles = {
        open: function(files, cb) {
          var self = this;

          this.files = _.cloneDeep(files);
          var groupFiles = function(files) {
            // sort files alphabetically
            files.sort(function(a, b) {
              if (a.relpath < b.relpath) {
                return -1;
              } else {
                return 1;
              }
            });
            function OrganizedFolder() {
              this.dirs = {};
              this.files = [];
              this.show = false;
              this.selected = true;
            }
            var folder = new OrganizedFolder(),
              tmp;
            for (var i = 0; i < files.length; i++) {
              tmp = folder;
              var str = files[i].relpath;
              var arr = str.split("/");
              for (var j = 0; j < arr.length - 1; j++) {
                if (!tmp.dirs[arr[j]]) {
                  tmp.dirs[arr[j]] = new OrganizedFolder();
                }
                tmp = tmp.dirs[arr[j]];
              }
              tmp.files.push(files[i]);
            }
            return folder;
          };
          this.groupedFiles = groupFiles(this.files);
          this.inst = $modal.open({
            templateUrl: "selectFiles.html",
            scope: scope,
            windowClass: "modal-large"
          });

          this.inst.result.then(
            function() {
              delete self.inst;

              if (cb) {
                cb(self.files);
              }
            },
            function() {
              delete self.inst;
            }
          );
        }
      };

      scope.connection = {
        open: function(defaults, cb) {
          var self = this;

          // XXX We need to actually clone this!
          this.conf = rpc.getConfiguration();
          this.inst = $modal.open({
            templateUrl: "connection.html",
            scope: scope,
            windowClass: "modal-large"
          });

          this.inst.result.then(
            function() {
              delete self.inst;
              if (cb) {
                cb(self.conf);
              }
            },
            function() {
              delete self.inst;
            }
          );
        }
      };

      _.each(["getTorrents", "getMetalinks"], function(name) {
        scope[name] = {
          open: function(cb) {
            var self = this;
            this.files = [];
            this.collapsed = true;
            this.settings = {};
            this.fsettings = _.cloneDeep(fsettings);

            // fill in default download properties
            _.forEach(dprops, function(p) {
              self.settings[p] = self.fsettings[p];
              delete self.fsettings[p];
            });

            this.inst = $modal.open({
              templateUrl: name + ".html",
              scope: scope,
              windowClass: "modal-large"
            });

            this.inst.result.then(
              function() {
                delete self.inst;
                if (cb) {
                  parseFiles(self.files, function(txts) {
                    var settings = {};

                    // no need to send in default values, just the changed ones
                    for (var i in self.settings) {
                      if (fsettings[i].val != self.settings[i].val)
                        settings[i] = self.settings[i].val;
                    }
                    for (var i in self.fsettings) {
                      if (fsettings[i].val != self.fsettings[i].val)
                        settings[i] = self.fsettings[i].val;
                    }

                    console.log("sending settings:", settings);
                    cb(txts, settings);
                  });
                }
              },
              function() {
                delete self.inst;
              }
            );
          }
        };
      });

      _.each(["about", "server_info"], function(name) {
        scope[name] = {
          open: function() {
            var self = this;
            this.inst = $modal.open({
              templateUrl: name + ".html",
              scope: scope
            });
            this.inst.result.then(
              function() {
                delete self.inst;
              },
              function() {
                delete self.inst;
              }
            );
          }
        };
      });

      rpc.once("getVersion", [], function(data) {
        scope.miscellaneous = data[0];
      });

      _.each(
        [
          "getUris",
          "getTorrents",
          "getMetalinks",
          "selectFiles",
          "settings",
          "connection",
          "server_info",
          "about"
        ],
        function(name) {
          modals.register(name, function() {
            if (scope[name].inst) {
              // Already open.
              return;
            }
            var args = Array.prototype.slice.call(arguments, 0);
            scope[name].open.apply(scope[name], args);
          });
        }
      );
    }
  ]);