.
9 |
10 | .list-group {
11 | // No need to set list-style: none; since .list-group-item is block level
12 | margin-bottom: 20px;
13 | padding-left: 0; // reset padding because ul and ol
14 | }
15 |
16 |
17 | // Individual list items
18 | //
19 | // Use on `li`s or `div`s within the `.list-group` parent.
20 |
21 | .list-group-item {
22 | position: relative;
23 | display: block;
24 | padding: 10px 15px;
25 | // Place the border on the list items and negative margin up for better styling
26 | margin-bottom: -1px;
27 | background-color: @list-group-bg;
28 | border: 1px solid @list-group-border;
29 |
30 | // Round the first and last items
31 | &:first-child {
32 | .border-top-radius(@list-group-border-radius);
33 | }
34 | &:last-child {
35 | margin-bottom: 0;
36 | .border-bottom-radius(@list-group-border-radius);
37 | }
38 |
39 | // Align badges within list items
40 | > .badge {
41 | float: right;
42 | }
43 | > .badge + .badge {
44 | margin-right: 5px;
45 | }
46 | }
47 |
48 |
49 | // Linked list items
50 | //
51 | // Use anchor elements instead of `li`s or `div`s to create linked list items.
52 | // Includes an extra `.active` modifier class for showing selected items.
53 |
54 | a.list-group-item {
55 | color: @list-group-link-color;
56 |
57 | .list-group-item-heading {
58 | color: @list-group-link-heading-color;
59 | }
60 |
61 | // Hover state
62 | &:hover,
63 | &:focus {
64 | text-decoration: none;
65 | background-color: @list-group-hover-bg;
66 | }
67 |
68 | // Active class on item itself, not parent
69 | &.active,
70 | &.active:hover,
71 | &.active:focus {
72 | z-index: 2; // Place active items above their siblings for proper border styling
73 | color: @list-group-active-color;
74 | background-color: @list-group-active-bg;
75 | border-color: @list-group-active-border;
76 |
77 | // Force color to inherit for custom content
78 | .list-group-item-heading {
79 | color: inherit;
80 | }
81 | .list-group-item-text {
82 | color: @list-group-active-text-color;
83 | }
84 | }
85 | }
86 |
87 |
88 | // Contextual variants
89 | //
90 | // Add modifier classes to change text and background color on individual items.
91 | // Organizationally, this must come after the `:hover` states.
92 |
93 | .list-group-item-variant(success; @state-success-bg; @state-success-text);
94 | .list-group-item-variant(info; @state-info-bg; @state-info-text);
95 | .list-group-item-variant(warning; @state-warning-bg; @state-warning-text);
96 | .list-group-item-variant(danger; @state-danger-bg; @state-danger-text);
97 |
98 |
99 | // Custom content options
100 | //
101 | // Extra classes for creating well-formatted content within `.list-group-item`s.
102 |
103 | .list-group-item-heading {
104 | margin-top: 0;
105 | margin-bottom: 5px;
106 | }
107 | .list-group-item-text {
108 | margin-bottom: 0;
109 | line-height: 1.3;
110 | }
111 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | qwebirc-mods [](https://travis-ci.org/megawac/qwebirc-enhancements)
2 | =============
3 |
4 |
5 | Qwebirc is intended to be a simple, intuitive and feature rich IRC client that operates out of the browser. This spiritual *fork* of Chris Porter's [qwebirc](http://qwebirc.org/) is a complete rewrite of the project in order to introduce more customability, add features introduced with HTML5, improve the extensibility of the code and revamp the ui (still qui). I began this project when I became frustrated trying to create a plugin atop of Qwebirc; flexibility and extensibility are two of the main focuses of the changes. I have also added multiple features, made code quality improvements, bug fixes, etc. Here's a ([Screenshot](http://puu.sh/4ANPf.png) [Screenshot 2](http://i.imgur.com/9Cee1iO.jpg)) of a live instance.
6 |
7 | **This is undergoing active development - a RC build is being staged**
8 |
9 | ## Installation:
10 |
11 | - Install [node.js](http://nodejs.org)
12 | - Configure the qwebirc instance settings as described in [configuration](#configuration)
13 | - Install development build dependencies using `npm install` in the base folder (reads in package.json)
14 | - Run `grunt` to build static files
15 | - Start up a [iris or qwebirc](#server) with this repo's static files see [#server](#server). For testing I personally use the server in [`test/server`](https://github.com/megawac/qwebirc-enhancements/blob/master/test/server/run.js) with the `base_url` set to a live instance
16 |
17 | #### Making changes
18 | After making changes to source files run in the base directory and run `grunt` in the command line to recompile resources.
19 |
20 | ### Configuration
21 | You can set compile settings either in the gruntfile manually or setting the compile presets in [`app-config.yml`](https://github.com/megawac/qwebirc-enhancements/blob/master/app-config.yml) and [`build.yml`](https://github.com/megawac/qwebirc-enhancements/blob/master/build.yml). A similar build step to the old `compile.py` build is in the works (see #17)
22 |
23 | Making changes to most source files will require you to rebuild via `grunt`
24 |
25 | ####TODOs:
26 | * Add options for:
27 | * (mid) configure hotkeys
28 | * (major) Refactor python compile code to call appropriate Grunt build and set app options (#17)
29 |
30 |
31 | ##Server:
32 | Requires a light modification of either qwebirc or iris in order to support localization and switching the index file to `static.html`. See commits below if you don't want to use [my server fork](https://github.com/megawac/iris)
33 | - Compile: [`ffba0d7b2772d2`](https://github.com/megawac/iris/commit/ffba0d7b2772d2a26dcd47a4f941f6b020e52254)
34 | - Set index.html: [`83e67bf4b236e`](https://github.com/megawac/iris/commit/83e67bf4b236e532dcdcc7a8c9e6b7cb9f6ee4d9)
35 | - Localization engine: [`fed82b8a6a4c9`](https://github.com/megawac/iris/commit/fed82b8a6a4c9168fda4ee12a657fde5bddfc337)
36 |
37 | #### Twisted (or Iris)
38 | I have an instance of the code running over twisted on the Geeks-IRC network at [atf2.org](http://atf2.org/)
39 |
--------------------------------------------------------------------------------
/js/src/ui/window/IDetachable.js:
--------------------------------------------------------------------------------
1 | /**
2 | * detachable component
3 | *
4 | * @depends [ui/Window]
5 | * @provides [ui/Detachable]
6 | */
7 | ui.IDetachableWindow = new Class({
8 | options: {
9 | events: {
10 | "click:relay(.detached-window .attach)": "attach",
11 | "click:relay(.detached-window .tab-close)": "close"
12 | }
13 | },
14 |
15 | detached: false,
16 |
17 | attach: function(/*e*/) {
18 | this.detached = false;
19 |
20 | util.resetGrid(this.element).removeClass("detached");
21 |
22 | this.window.replaces(this.wrapper);
23 | this.wrapper.destroy();
24 |
25 | this.drag.detach().stop();
26 | this.resizable.detach().stop();
27 | this.wrapper = this.resizable = this.drag = null;
28 |
29 | this.parentObject.nav.toggleTab(this.tab.removeClass("detached"), true);
30 | this.select();
31 |
32 | this.fireEvent("attached");
33 | },
34 |
35 | detach: function(/*e*/) {
36 | var self = this,
37 | win = self.window,
38 | po = self.parentObject,
39 |
40 | wrapper = self.wrapper = Element.from(templates.detachedWindow({
41 | "channel": self.name,
42 | "base": util.isBaseWindow(self.id)
43 | })),
44 | //header = wrapper.getElement(".header"),
45 |
46 | // resizeWrapper = Element.from(templates.resizeHandle()),
47 | // resizeHandle = resizeWrapper.getElement(".resize-handle");
48 | resizeHandle = wrapper.getElement(".resize-handle");
49 |
50 | var size = util.percentToPixel({x:40, y:60}, win.getParent(".qwebirc"));
51 |
52 | //as to not mess with other window remove grid
53 | util.removeGrid(self.element).addClass("detached").show();
54 |
55 | //set size and add detach wrapper to dom
56 | wrapper.setStyles({
57 | "width": size.x,
58 | "height": size.y
59 | }).replaces(win);
60 |
61 | win.addEvent("mousedown", function(e) {
62 | var tag = e.target.tagName.toLowerCase();
63 | if(!(tag == "div" || tag == "form"))//prevent dragging if not on container
64 | e.stopPropagation();
65 | }).inject(wrapper.getElement(".body"));
66 |
67 | self.resizable = wrapper.makeResizable({
68 | limit: {//min/max
69 | x: [400, null],
70 | y: [200, null]
71 | },
72 | handle: resizeHandle,
73 | stopPropagation: true,
74 | onDrag: function() {
75 | self.__dirtyFixes();
76 | }
77 | });
78 | self.drag = wrapper.makeDraggable({
79 | handle: wrapper,
80 | includeMargins: true
81 | });
82 |
83 | /*** update windows and center detached window ****/
84 | if(self.active) po.nextWindow();//change window if we"re active
85 | self.detached = true;
86 | _.defer(function() {
87 | self.setActive();
88 | self._selectUpdates();
89 | wrapper.position();
90 | });
91 |
92 | //keeps order
93 | po.nav.toggleTab(self.tab.addClass("detached"), false);
94 | self.fireEvent("detached");
95 | }
96 | });
97 |
--------------------------------------------------------------------------------
/js/libs/underscore-mixin.js:
--------------------------------------------------------------------------------
1 | /*
2 | A collection of functional helpers for underscore
3 |
4 | */
5 | (function(_, undefined) {
6 | var slice = Array.prototype.slice;
7 |
8 | _.mixin({
9 | //http://lodash.com/docs#curry
10 | curry: function(fn, numArgs) {
11 | numArgs = numArgs || fn.length;
12 | return function wrapper(prev_args) {
13 | return function() {
14 | var args = prev_args.concat(slice.call(arguments));
15 | return args.length < numArgs ? wrapper(args) : fn.apply(this, args);
16 | };
17 | }([]);
18 | },
19 |
20 | periodical: function(fn, period, bind) {
21 | return fn.periodical(period, bind, slice.call(arguments, 3));
22 | },
23 |
24 | merge: Object.merge,
25 |
26 | //f(a,b//) -> f(b,a..)
27 | flip: function(f) {
28 | return function() {
29 | var args = slice.call(arguments);
30 | args = args.slice(1, 2).concat(args.slice(0, 1), args.slice(2));
31 | return f.apply(null, args);
32 | };
33 | },
34 |
35 | //makes it into next version of _
36 | negate: function(fn) {
37 | return function() {
38 | return !fn.apply(this, arguments);
39 | };
40 | },
41 |
42 | /* jshint devel:true */
43 | log: function() {
44 | if (console && console.log) console.log(arguments);
45 | },
46 |
47 | //https://gist.github.com/rjz/2815273
48 | assign: function(obj, key, value) {
49 | var keys = key.split("."),
50 | cur, ptr = obj;
51 |
52 | while ((cur = keys.shift()) && keys.length) {
53 | if (!_.isObject(ptr[cur])) {
54 | ptr[cur] = {};
55 | }
56 | ptr = ptr[cur];
57 | }
58 | ptr[cur] = value;
59 | return obj;
60 | },
61 |
62 | lookup: function (obj, key){
63 | var type = typeof key;
64 | if (type == "string" || type == "number") key = ("" + key).split(".");
65 | for (var i = 0, l = key.length; i < l; i++){
66 | if (_.has(obj, key[i])) obj = obj[key[i]];
67 | else return undefined;
68 | }
69 | return obj;
70 | },
71 |
72 | item: function(xs, n) {
73 | return xs == null ? null : xs[n];
74 | }
75 |
76 | //.alias({a:1,b:{alpha:'a'}}, {a: 'test', c: 'rawf'}) => {a: 1, b: Object, test: 1}
77 | // alias: function(obj, aliases, force) {//obj is an object and aliases is a dictionary of (string union listof string)
78 | // function makeAliases(alias, key) {
79 | // if(_.has(obj, key)) {
80 | // if(_.isArray(alias)) {
81 | // _.each(alias, function(alias) {makeAliases(alias, key)});
82 | // } else if(_.isString(alias) && (force || !_.has(obj, alias))) {
83 | // obj[alias] = obj[key];
84 | // }
85 | // }
86 | // }
87 | // _.each(aliases, makeAliases);
88 | // return obj;
89 | // }
90 | });
91 |
92 | })(this._);
--------------------------------------------------------------------------------
/js/src/irc/irc_Whois.js:
--------------------------------------------------------------------------------
1 | /**
2 | * ircclient whois handlers whippeee
3 | *
4 | * @depends [irc/Client]
5 | * @depends [util/utils]
6 | * @provides [irc/Whois]
7 | */
8 |
9 | function whoisWrapper(type, fn) {
10 | type = "whois" + type.camelCase().capitalize();
11 | return _.compose(function(data) {
12 | data.type = type;
13 | data.msgs = Array.from(data.msgs || data.message).map(function(msg) {
14 | if(_.isString(msg)) return { message: msg };
15 | return msg;
16 | });
17 | this.trigger("whois", data);
18 | return true;
19 | }, fn);
20 | }
21 |
22 | var genericText = whoisWrapper("genericText", function(data) {
23 | return {
24 | nick: data.args[1],
25 | message: _.last(data.args) //w/e text
26 | };
27 | });
28 |
29 | irc.Client.implement({
30 | _whoisAway: whoisWrapper("away", _.identity),
31 |
32 | irc_RPL_WHOISUSER: whoisWrapper("user", function(data) {
33 | var nick = data.args[1];
34 | var ident = data.args[2];
35 | var hostname = data.args[3];
36 | this._whoisNick = nick;
37 |
38 | return {
39 | nick: nick,
40 | msgs: [{
41 | host: ident + "@" + hostname
42 | },
43 | {
44 | message: data.args[5],
45 | type: "whoisRealname"
46 | }]
47 | };
48 | }),
49 |
50 | irc_RPL_WHOISSERVER: whoisWrapper("server", function(data) {
51 | return {
52 | nick: data.args[1],
53 | server: data.args[2],
54 | message: _.last(data.args)
55 | };
56 | }),
57 |
58 | irc_RPL_WHOISOPERATOR: whoisWrapper("oper", function(data) {
59 | return {
60 | nick: data.args[1]
61 | // opertext: _.last(data.args)
62 | };
63 | }),
64 |
65 | irc_RPL_WHOISIDLE: whoisWrapper("idle", function(data) {
66 | return {
67 | nick: data.args[1],
68 | idle: data.args[2],
69 | message: data.args[3]
70 | };
71 | }),
72 |
73 | irc_RPL_WHOISCHANNELS: whoisWrapper("channels", function(data) {
74 | return {
75 | nick: data.args[1],
76 | message: _.last(data.args) //the channels
77 | };
78 | }),
79 |
80 | irc_RPL_WHOISACCOUNT: whoisWrapper("account", function(data) {
81 | return {
82 | nick: data.args[1],
83 | message: data.args[2] //the account
84 | };
85 | }),
86 |
87 | irc_RPL_WHOISACTUALLY: whoisWrapper("actually", function(data) {
88 | return {
89 | nick: data.args[1],
90 | message: data.args[2], //users hostmask
91 | ip: data.args[3]
92 | };
93 | }),
94 |
95 | irc_RPL_WHOISOPERNAME: whoisWrapper("opername", function(data) {
96 | return {
97 | nick: data.args[1],
98 | message: data.args[2] //opername
99 | };
100 | }),
101 |
102 | irc_RPL_WHOISGENERICTEXT: genericText,
103 |
104 | //whoiswebirc
105 | irc_RPL_UNIQOPIS: genericText,
106 |
107 | irc_RPL_WHOISSECURE: genericText,
108 |
109 | irc_RPL_ENDOFWHOIS: whoisWrapper("end", function(/*data*/) {
110 | this._whoisNick = null;
111 | return {};
112 | })
113 | });
114 |
--------------------------------------------------------------------------------
/panes/privacypolicy.hbs:
--------------------------------------------------------------------------------
1 |
10 |
11 |
Data retention policy
12 |
Non-retention
13 |
14 | We do not log what you say or what other people say to you.
15 | We do not log who you speak to or who speaks to you.
16 | We do not log any IRC commands you send or recieve.
17 | But please note that the people you talk to on IRC may have configured their IRC clients to log what you say!
18 |
19 |
Retention
20 |
Webserver logs
21 |
Whenever your web browser downloads a page our various webservers store industry standard logs in the following format or one very similar to it:
22 |
2008-12-06 21:34:32+0000 1.2.3.4 "GET / HTTP/1.1" 200 449 "http://webchat.quakenet.org/" "Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/525.19 (KHTML, like Gecko) Chrome/0.4.154.29 Safari/525.19"
23 |
These components are:
24 |
25 | The date and time that the page was requested.
26 | The IP address of the requesting machine (your machine).
27 | The page requested, the method and the HTTP version.
28 | The success or failure code returned by the webserver, and the size of the page returned.
29 | The page that referred you to the requested page.
30 | Your User Agent (normally your web browser, the browser version and the operating system it is running on).
31 |
32 |
33 |
34 |
When you use the Log in functionality the Authgate passes your Q account details to the Webchat system, which contains the data you gave us when you created your Q account, your user id, the time you logged in and some cryptographic data.
35 |
This information is logged on the Authgate, as part of the design of the system it also appears in the Webchat server logs.
36 |
IRC server logs
37 |
When you connect to IRC the remote IRC server logs the nickname you signed on with, the time and the IP address you were using at that time.
38 |
Cookies/Local Storage
39 |
This site defaults to use local storage to store user data and will fallback to corresponding cookies, specifically. (below is not updated we use more cookies than that)
40 |
41 | A session cookie used to connect your browsing session and your QuakeNet login, this cookie expires when you close your web browser.
42 | A preferences cookie used to store various options you set in the options dialog, this cookie does not expire unless you instruct your browser to delete it.
43 | A redirection state cookie is used to store what page you were viewing before you attempted to log in to the auth gateway. This cookie expires when you close your web browser and also when the login process is completed successfully.
44 |
45 |
Feedback
46 |
When you submit feedback we log your feedback(!) and the IP address you posted it from, in addition to normal webserver logs.
47 |
48 |
--------------------------------------------------------------------------------
/js/src/config/theme-templates.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @depends [config, util/utils]
3 | * @provides [config/theme-templates]
4 | */
5 | var baseControlMap = { //these are settings for the templates -ie {C} is replaced by irc.styles.colour.key
6 | "C": irc.styles.colour.key,
7 | "O": irc.styles.colour.key,
8 | "B": irc.styles.bold.key,
9 | "U": irc.styles.underline.key,
10 | "D": Browser.ie ? "" : irc.styles.normal.key, //address ie bug where /x00 is null character
11 | //little clever here
12 | "NN": templates.userlink({"nick":"{N}"}),//nick name
13 | "CN": templates.userlink({"nick":"{newnick}"}),// change nick
14 | "P": "{C}4=={O} " //prefix
15 | };
16 |
17 | config.ThemeControlCodeMap = Object.map(baseControlMap, function(str) {
18 | return util.formatSafe(str, baseControlMap);
19 | });
20 |
21 | config.IRCTemplates = {
22 | "SIGNON": "{P}Signed on!",
23 | "CONNECT": "{P}Connected to server - establishing IRC connection.",
24 |
25 | "INFO": "{m}",
26 | "RAW": "{P}{m}",
27 | "DISCONNECT": "{P}Disconnected from server: {m}",
28 | "ERROR": "{P}ERROR: {m}",
29 |
30 | "SERVERNOTICE": "{P}{m}",
31 | "OURTARGETEDNOTICE": "[notice({[}{t}{]})] {m}",
32 | "OURCHANNOTICE": "-{N}:{t}- {m}",
33 | "OURPRIVNOTICE": "-{N}- {m}",
34 | "CHANNOTICE": "-{D}{(}{N}{)}{D}:{c}- {m}",
35 | "PRIVNOTICE": "-{(}{N}{)}- {m}",
36 |
37 | "JOIN": "{P}{D}{N}{D} [{h}] has joined {c}",
38 | "OURJOIN": "{P}{D}{N}{D} [{h}] has joined {c}",
39 | "PART": "{P}{D}{N}{D} [{h}] has left {c} [{m}]",
40 | "KICK": "{P}{D}{kickee}{D} was kicked from {c} by {D}{kicker}{D} [{m}]",
41 | "MODE": "{P}mode/{c} gives [{m}] to {D}{N}{D}",
42 | "QUIT": "{P}{D}{N}{D} [{h}] has quit [{m}]",
43 | "NICK": "{P}{D}{n}{D} has changed nick to {CN}",
44 | "TOPIC": "{P}{D}{N}{D} changed the topic of {c} to: {m}",
45 | "UMODE": "Usermode change: {m}",
46 | "INVITE": "{N} invites you to join {c}",
47 |
48 | "HILIGHT": "{C}4",
49 | "HILIGHTEND": "{O}",
50 |
51 | "CHANMSG": "{D}{nicktmpl}{)}{D} {m}",
52 | "PRIVMSG": "{(}{nicktmpl}{)} {m}",
53 |
54 | "OURCHANMSG": "{nicktmpl} {m}",
55 | "OURPRIVMSG": "{nicktmpl} {m}",
56 | "OURTARGETEDMSG": "*{[}{t}{]}* {m}",
57 | "OURCHANACTION": " * {N} {m}",
58 | "OURPRIVACTION": " * {N} {m}",
59 |
60 | "CHANACTION": " * {D}{(}{N}{)}{D} {m}",
61 | "PRIVACTION": " * {(}{N}{)} {m}",
62 | "CHANCTCP": "{N} [{h}] requested CTCP {data} from {c}: {m}",
63 | "PRIVCTCP": "{N} [{h}] requested CTCP {data} from {n}: {m}",
64 | "CTCPREPLY": "CTCP {x} reply from {N}: {m}",
65 |
66 | "OURCHANCTCP": "[ctcp({t})] {x} {m}",
67 | "OURPRIVCTCP": "[ctcp({t})] {x} {m}",
68 | "OURTARGETEDCTCP": "[ctcp({t})] {x} {m}",
69 |
70 | "WHOISUSER": "{P}{B}{N}{B} [{h}]",
71 | "WHOISREALNAME": "{P} realname : {m}",
72 | "WHOISCHANNELS": "{P} channels : {m}",
73 | "WHOISSERVER": "{P} server : {server} [{m}]",
74 | "WHOISACCOUNT": "{P} account : {m}",
75 | "WHOISIDLE": "{P} idle : {idle} [connected: {m}]",
76 | "WHOISAWAY": "{P} away : {m}",
77 | "WHOISOPER": "{P} : {B}IRC Operator{B}",
78 | "WHOISOPERNAME": "{P} operedas : {m}",
79 | "WHOISACTUALLY": "{P} realhost : {m} [ip: {ip}]",
80 | "WHOISGENERICTEXT": "{P} note : {m}",
81 | "WHOISEND": "{P}End of whois {n}",
82 |
83 | "AWAY": "{P}{N} is away: {m}",
84 | "GENERICERROR": "{P}{t}: {m}",
85 | "GENERICMESSAGE": "{P}{m}",
86 | "WALLOPS": "{P}WALLOP {n}: {t}",
87 | "CHANNELCREATIONTIME": "{P}Channel {c} was created at: {m}",
88 | "CHANNELMODEIS": "{P}Channel modes on {c} are: {m}"
89 | };
90 |
--------------------------------------------------------------------------------
/js/src/components/AutoScroll.js:
--------------------------------------------------------------------------------
1 | /**
2 | * scrolls an elemenet as new items are added. will stop scrolling if user manually scrolls
3 | * Requires some element refactoring see nativemods so adopting and disowning elements causes an event to be fired
4 | * Author: Graeme Yeates
5 | * Requires:
6 | * - Fx.Scroll
7 | * - Element.Event.Pseudos
8 | * @depends [patches, components]
9 | * @provides [components/AutoScroll]
10 | */
11 | components.AutoScroll = new Class({
12 | Extends: Fx.Scroll,
13 | Binds: ["updatePosition"],
14 | options: {
15 | // direction: "Bottom",
16 | interval: 100,//time to debounce scroll event checks to save some processing
17 | duration: 0, //ms to execute effect
18 | threshold: 5,//px - how close to bottom to start scrolling
19 | wheelStops: true,
20 | link: "cancel",
21 | start: true
22 | },
23 |
24 | initialize: function(ele, options) {
25 | this.parent(ele, options);
26 |
27 | var self = this,
28 | opts = self.options;
29 | self.threshold = this.options.threshold;
30 |
31 | this.$events = {
32 | element: {
33 | "adopt": self.updatePosition,
34 | "disown": self.updatePosition
35 | },
36 | window: {
37 | "resize": self.updatePosition//pretty light function doesnt need to be throttled
38 | }
39 | };
40 | // this.$events.element["scroll:pause(" + opts.interval + ")"] = function() {
41 | // self.toggleScroll();
42 | // };
43 | this.$events.element.scroll = _.debounce(function() {//underscore debounce uses much less memory than pause
44 | self.toggleScroll();
45 | }, opts.interval);
46 |
47 | //begin autoscrolling
48 | if(opts.start) this.start();
49 | },
50 |
51 | autoScroll: function() {
52 | this._scroll = true;
53 | return this.updatePosition();
54 | },
55 |
56 | stopScroll: function() {
57 | this._scroll = false;
58 | },
59 |
60 | toggleScroll: function() {
61 | this._scroll = false;
62 |
63 | var $ele = this.element,
64 | pxFromBottom = Math.abs($ele.getScrollHeight() - ($ele.getHeight() + $ele.getScrollTop()));
65 |
66 | if(pxFromBottom <= this.threshold) {//bottom of element + offset - begin autoscrolling
67 | this.autoScroll();
68 | }
69 | else { //stop autoscrolling
70 | this.stopScroll();
71 | }
72 | return this;
73 | },
74 |
75 | updatePosition: function(target) {
76 | var $ele = this.element;
77 | if(this._scroll &&
78 | /*bug fix for a off by one one in Fx.Scroll*/ Math.abs($ele.getScrollHeight() - $ele.getHeight() - $ele.getScrollTop()) > 2) {
79 | if(this.options.duration === 0) {
80 | this.set($ele.scrollLeft, $ele.scrollHeight); //place at bottom instantly
81 | } else {
82 | this.toBottom();
83 | }
84 | if(target) {
85 | this.threshold = this.options.threshold || target.getHeight();
86 | }
87 | }
88 | return this;
89 | },
90 |
91 | start: function() {
92 | this.element.addEvents(this.$events.element);
93 | window.addEvents(this.$events.window);
94 | return this.autoScroll();
95 | },
96 |
97 | stop: function() {
98 | window.removeEvents(this.$events.window);
99 | this.element.removeEvents(this.$events.element);
100 | this.stopScroll();
101 | return this.parent();
102 | }
103 | });
104 |
--------------------------------------------------------------------------------
/js/src/util/IRCProcessors.js:
--------------------------------------------------------------------------------
1 | /* jshint boss:true */
2 | var prefix_re = /^([_a-zA-Z0-9\[\]\/\\`^{}|-]*)(!([^@]+)@(.*))?$/,
3 | hasprefix_re = /^:([^ ]+) +/,
4 | colonrem_re = /^:[^ ]+ +/,
5 | command_re = /^([^ ]+) */,
6 | data_re = /^[^ ]+ +/,
7 | args_re = /^:|\s+:/,
8 | argsm_re = /(.*?)(?:^:|\s+:)(.*)/,
9 | args_split_re = / +/,
10 | NUMERICS = irc.Numerics;
11 |
12 | /*
13 | * Adapted from https://github.com/martynsmith/node-irc - see http://jsperf.com/javascript-irc-parsers for dif implementations
14 | * parseMessage(line, stripColors)
15 | *
16 | * takes a raw "line" from the IRC server and turns it into an object with
17 | * useful keys
18 | * ":OCD!~OCD@76.72.16.142 PRIVMSG #tf2mix :mix servers are down. join mumble for an inhouse pug." => {"prefix":"OCD!~OCD@76.72.16.142","nick":"OCD","user":"~OCD","host":"76.72.16.142","command":"PRIVMSG","rawCommand":"PRIVMSG","commandType":"normal","args":["#tf2mix","mix servers are down. join mumble for an inhouse pug."]}
19 | *
20 | * @depends [irc/Numerics]
21 | * @provides [util/ircprocessor]
22 | */
23 | function parseIRCMessage(line/*, stripColors*/) {
24 | var message = {
25 | // "raw": line,
26 | "prefix": ""
27 | // "commandType": "normal"
28 | };
29 | var match;
30 | var middle, trailing;
31 |
32 | /*if (stripColors) {
33 | line = line.replace(/[\x02\x1f\x16\x0f]|\x03\d{0,2}(?:,\d{0,2})?/g, "");
34 | }*/
35 |
36 | // Parse prefix
37 | if (match = line.match(hasprefix_re)) {
38 | message.prefix = match[1];
39 | line = line.replace(colonrem_re, "");
40 | if (match = message.prefix.match(prefix_re)) {
41 | message.nick = match[1];
42 | message.user = match[3];
43 | message.host = match[4];
44 | } else {
45 | message.server = message.prefix;
46 | }
47 | }
48 |
49 | // Parse command
50 | match = line.match(command_re);
51 | message.rawCommand = match[1];
52 | message.command = NUMERICS[message.rawCommand] || match[1].toUpperCase();
53 | line = line.replace(data_re, "");
54 |
55 | message.args = [];
56 |
57 | // Parse parameters
58 | if (args_re.test(line)) {
59 | match = line.match(argsm_re);
60 | middle = match[1].trimRight();
61 | trailing = match[2];
62 | } else {
63 | middle = line;
64 | }
65 |
66 | if (middle) message.args = middle.split(args_split_re);
67 |
68 | if (trailing) message.args.push(trailing);
69 |
70 | return message;
71 | }
72 |
73 | /**
74 | * Parses a preprocessed line from the Qwebirc twisted server
75 | */
76 | function parseTwistedMessage(data) {
77 | var message = {
78 | // commandType: "normal",
79 | rawCommand: data[1],
80 | command: NUMERICS[data[1]] || data[1],
81 | args: data[3],
82 | prefix: data[2]
83 | },
84 | match;
85 |
86 | if (match = message.prefix.match(prefix_re)) {
87 | message.nick = match[1];
88 | message.user = match[3];
89 | message.host = match[4];
90 | } else {
91 | message.server = message.prefix;
92 | }
93 | return message;
94 | }
95 |
96 | util.parseIRCMessage = function(message) {
97 | return _.isString(message) ? parseIRCMessage(message) : parseTwistedMessage(message);
98 | };
99 |
100 | util.processCTCP = function(message) {
101 | if (!message.startsWith("\x01")) return null;
102 | //slice off the end \x01 if its there
103 | message = message.slice(1, message.search(/\x01?$/));
104 | var ctcp = util.splitMax(message, " ", 2);
105 | ctcp[0] = ctcp[0].toUpperCase();
106 | return ctcp;
107 | };
--------------------------------------------------------------------------------
/js/src/ui/interfaces/IUIOptions.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Controls options
3 | *
4 | * @depends [config/OptionModel, ui/Theme]
5 | * @provides [ui/UIOptions]
6 | */
7 | ui.IUIOptions = new Class({
8 | config: function() {
9 | var self = this;
10 | var options = self.options;
11 | if(self.uiOptions instanceof config.OptionModel) return self;
12 | var uiOptions = self.uiOptions = new config.OptionModel({}, {
13 | defaults: options.uiOptions
14 | });
15 | var updateStylesheet = self.updateStylesheet.bind(self);
16 | self.theme = new ui.Theme();
17 | function setNotices() {
18 | var notices = uiOptions.get("standard_notices").concat(uiOptions.get("custom_notices"));
19 | var notifiers = notices
20 | .filter(uiOptions.notice_filter)
21 | .map(function(notice) {
22 | var onotice = {
23 | beep: notice.beep,
24 | flash: notice.flash,
25 | pm: notice.pm,
26 |
27 | mentioned: notice.mentioned,
28 | notus: notice.notus,
29 | highlight: notice.highlight,
30 | tabhl: notice.tabhl,
31 | classes: notice.classes,
32 | types: notice.types
33 | };
34 | ["msg", "nick", "type"].each(function(type) {
35 | if(notice[type]) {
36 | onotice[type] = new RegExp(notice.autoescape ? String.escapeRegExp(notice[type]) : notice[type],//format regex
37 | notice["case"] ? "i" : "");//set flag
38 | }
39 | });
40 |
41 | return Object.cleanValues(onotice);
42 | });
43 |
44 | self.theme.messageParsers.empty().combine(notifiers);
45 | }
46 | uiOptions.on({
47 | "change:colour": updateStylesheet,
48 | "change:font_size": updateStylesheet,
49 | "change:custom_notices": setNotices,
50 | "change:standard_notices": setNotices,
51 | "change:show_nicklist": function(/*state*/) {
52 | _.invoke(self.windowArray, "toggleNickList");
53 | },
54 | "change:completer": function(completer) {
55 | self.commandhistory.options.store = completer.store;
56 | if(!completer.store) self.commandhistory.clear();
57 | _.invoke(self.windowArray, "toggleAutocomplete", completer.intrusive);
58 | },
59 | "change:show_timestamps": function(show) {
60 | self.element.toggleClass("hide-timestamps", !show);
61 | }
62 | });
63 | setNotices();
64 |
65 |
66 | self._styleSheet = new Element("style").inject(document.head);
67 |
68 | updateStylesheet({
69 | colour: Object.filter({
70 | back: options.background,
71 | font: options.font
72 | }, Boolean)
73 | });
74 |
75 | return self;
76 | },
77 |
78 | updateStylesheet: function(values) {
79 | var self = this;
80 | util.getTemplate("modifiablecss", function(template) {
81 | var styles = _.merge({}, Browser, self.uiOptions.toJSON(), values);
82 | var stylesheet = template(styles);
83 |
84 | //update stylesheet
85 | var node = self._styleSheet;
86 | if ("styleSheet" in node) { /* ol ie */
87 | node.styleSheet.cssText = stylesheet;
88 | } else {
89 | node.empty()
90 | .appendText(stylesheet);
91 | }
92 | });
93 | }
94 | });
--------------------------------------------------------------------------------
/panes/about.hbs:
--------------------------------------------------------------------------------
1 |
10 |
11 |
This is a rewrite of Chris Porter's qwebirc inspired by cinq's brouhaha integrated with Atheme's iris for channel list supports.
12 |
13 |
By megawac © 2013-2014. Source of the project or for file issues is https://github.com/megawac/qwebirc-enhancements . Cheers!
14 |
15 |
46 |
47 |
Special thanks to various comments/suggestions/hardware/bug reports from Zarjazz, Bazerka, boojah, meeb, Microbe, morphium, Starman, truff, coekie, qip, soczol, tomaw, the muppets in #rogue (hi dunks!) and everyone else I forgot :(.
48 |
49 |
50 | Copyright © 2008-2011 Chris Porter and the qwebirc project.
All rights reserved.
51 | Licensed under the GNU General Public License, version 2 only.
52 |
53 | http://www.qwebirc.org/
55 |
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
56 |
This software contains portions by the following third parties:
57 |
58 |
59 |
60 |
--------------------------------------------------------------------------------
/mcss/qui-modifiable-css.hbs:
--------------------------------------------------------------------------------
1 | {{!--
2 | * Note this is a handlebars template. Changing values in here requires a grunt rebuild
3 | * note the context (for property names) is the uiOptions values see ui/standardUI for implementation
4 | * update the Browser object is also now part of the context so you can do #if ie6 or something
5 |
6 | * Available helpers
7 | * see js/src/utils/Templates (github.com/megawac/qwebirc-enhancements/blob/master/js/src/util/Templates.js)
8 | * colours will assume the base background by default
9 | * "$result": property, default -> str get a property or its default val
10 | * "$hex": str ([colour]) -> hex get hex val
11 | * "$mix": str (colour), [type|colour] -> hex mix colour and base colour by default
12 | * "$saturate": num, [type|colour] -> hex saturate colour by delta (less than 1)
13 | * "$lighten": num, [type|colour] -> hex lighten colour by delta (less than 1). Negative delta to darken
14 | * "$invert": [type|colour] -> hex invert a colour or default
15 | --}}
16 |
17 | .qui .content {
18 | color: {{$hex 'font'}};
19 | background: {{$hex 'background'}};
20 | }
21 |
22 | .qui .lines {
23 | font-size: {{$result 'font_size' 12}}px;
24 | }
25 |
26 | .qui .lines .timestamp {
27 | display: {{#if show_timestamps}}'inline'{{else}}'none'{{/if}};
28 | }
29 |
30 | .qui .lines .highlight1 {
31 | background: {{$hue '-0.25'}};
32 | }
33 |
34 | .qui .lines .highlight2 {
35 | background: {{$hue '0.25'}};
36 | }
37 |
38 | .qui .lines .mentioned {
39 | background: {{$hue '0.5'}} !important;
40 | }
41 |
42 | {{! tab stuff }}
43 | .qui .outertabbar, .qui .detached-window .header {
44 | color: {{$mix '0d0b0b' 'font'}};
45 | background: {{$saturate '0.1'}};
46 | border-bottom: thin solid {{$lighten '-0.05'}};
47 | }
48 |
49 | .qui .tabbar .tab {
50 | background: {{$lighten '-0.005'}};
51 | background: rgba(189, 189, 189, 0.1);
52 | border: thin solid {{$lighten '-0.1'}};
53 | }
54 |
55 | .qui .tabbar .selected.tab {
56 | color: {{$mix '333333' 'font'}};
57 | }
58 | {{! tab stuff }}
59 |
60 | {{! nicklist }}
61 |
62 | .qui .nicklist {
63 | border-left: thin solid {{$lighten '-0.15'}};
64 | }
65 |
66 | .qui .dropdownmenu, .qui hr.lastpos {
67 | border: thin solid {{$lighten '-0.15'}};
68 | background: {{$hex 'background'}};
69 | }
70 |
71 | .qui .dropdownmenu a:hover {
72 | background: {{$saturate '40%'}};
73 | }
74 |
75 | .qui .properties {
76 | background: {{$saturate '0.04'}};
77 | border-top: thin solid {{$lighten '-0.1'}};
78 | }
79 |
80 | .qui .topic {
81 | color: {{$mix '4f4f4f' 'font'}};
82 | background: {{$hex 'background'}};
83 | border-bottom: thin dashed {{$lighten '-0.15'}};
84 | }
85 |
86 | {{! irc input stuff }}
87 | {{! scary gradients }}
88 |
89 | .qui .input {
90 | background: {{$saturate '0.04'}};
91 | }
92 |
93 | .qui .input div {
94 | border-top: thin solid {{$lighten '-0.15'}};
95 | }
96 |
97 | .qui hr.lastpos {
98 | border: thin solid {{$lighten '-0.15'}};
99 | }
100 |
101 | .qui .user {
102 | background: {{$saturate '-0.15'}};
103 | }
104 |
105 | {{!custom brouhaha styling}}
106 | .qui .brouhaha .content, .qui .brouhaha .dropdownmenu {
107 | background: {{$hue '-0.10'}};
108 | }
109 |
110 | .qui .brouhaha .properties, .qui .brouhaha .input {
111 | background: {{$hue '-0.96'}};
112 | }
113 |
114 | {{!pretty input}}
115 |
116 | .qwebirc .input .decorated {
117 | background: {{$saturate '-0.15'}};
118 | {{! will be split using .split(',')}}
119 | {{#vendor-prefix '-webkit-,-moz-,-o-,-ms-,'}}
120 | background-image: {prefix}linear-gradient(bottom, {{$saturate '0.055'}} 30%, {{$saturate '-0.025'}} 80%);
121 | {{/vendor-prefix}}
122 | }
123 |
--------------------------------------------------------------------------------
/js/libs/Storage.js:
--------------------------------------------------------------------------------
1 | /*
2 | ---
3 | description: A cross browser persistent storgae API
4 |
5 | license: MIT-style
6 |
7 | authors:
8 | - Arieh Glazer + Graeme Yeate's edits
9 |
10 | requires:
11 | - core/1.2.4 : [Core,Class,Class.Extras,Cookie]
12 |
13 | provides: [Storage]
14 |
15 | ...
16 | */
17 | (function(window) {
18 | 'use strict';
19 | /* global globalStorage, Cookie */
20 | window.Storage = new Class({
21 | Implements: [Options],
22 | options: { //see Cookie options
23 | path: '/',
24 | name: window.location.hostname,
25 | duration: 100, //days
26 | storageType: 'localStorage',
27 | fallback: true
28 | },
29 | storage: null,
30 | initialize: function(options) {
31 | this.setOptions(options);
32 | var $this = this,
33 | storageType = this.options.storageType,
34 | fallback = this.options.fallback;
35 |
36 | if (window[storageType]) { //HTML5 storage
37 | this.storage = window[storageType];
38 | } else if (Browser.ie && Browser.version < 8) { //IE < 8
39 | this.storage = (function() {
40 | var storage = document.createElement('span');
41 | storage.style.behavior = 'url(#default#userData)';
42 | document.body.adopt(storage);
43 | storage.load($this.options.name);
44 |
45 | return {
46 | setItem: function(name, value) {
47 | storage.setAttribute(name, value);
48 | storage.save($this.options.name);
49 | },
50 | getItem: function(name) {
51 | return storage.getAttribute(name);
52 | },
53 | removeItem: function(name) {
54 | storage.removeAttribute(name);
55 | storage.save($this.options.name);
56 | }
57 | };
58 | })();
59 | } else if(fallback) { //All others
60 | this.usingCookies = true;
61 | this.storage = (function() {
62 | var options = {
63 | path: $this.options.path,
64 | duration: $this.options.duration
65 | };
66 |
67 | return {
68 | setItem: function(name, value) {
69 | Cookie.write(name, value, options);
70 | },
71 | getItem: function(name) {
72 | return Cookie.read(name);
73 | },
74 | removeItem: function(name) {
75 | Cookie.dispose(name);
76 | }
77 | };
78 | })();
79 | } else {
80 | var data = null;
81 | this.storage = {
82 | getItem: function() {
83 | return data;
84 | },
85 | setItem: function(d) {
86 | data = d;
87 | },
88 | removeItem: function() {
89 | data = null;
90 | }
91 | };
92 | }
93 | },
94 | set: function(name, value) {
95 | this.storage.setItem(name, JSON.encode(value));
96 | return this;
97 | },
98 | get: function(name) {
99 | return JSON.decode(this.storage.getItem(name));
100 | },
101 | remove: function(name) {
102 | this.storage.removeItem(name);
103 | return this;
104 | }
105 | });
106 |
107 | })(this);
108 |
--------------------------------------------------------------------------------
/less/twbs/popovers.less:
--------------------------------------------------------------------------------
1 | //
2 | // Popovers
3 | // --------------------------------------------------
4 |
5 |
6 | .popover {
7 | position: absolute;
8 | top: 0;
9 | left: 0;
10 | z-index: @zindex-popover;
11 | display: none;
12 | max-width: @popover-max-width;
13 | padding: 1px;
14 | text-align: left; // Reset given new insertion method
15 | background-color: @popover-bg;
16 | background-clip: padding-box;
17 | border: 1px solid @popover-fallback-border-color;
18 | border: 1px solid @popover-border-color;
19 | border-radius: @border-radius-large;
20 | .box-shadow(0 5px 10px rgba(0,0,0,.2));
21 |
22 | // Overrides for proper insertion
23 | white-space: normal;
24 |
25 | // Offset the popover to account for the popover arrow
26 | &.top { margin-top: -@popover-arrow-width; }
27 | &.right { margin-left: @popover-arrow-width; }
28 | &.bottom { margin-top: @popover-arrow-width; }
29 | &.left { margin-left: -@popover-arrow-width; }
30 | }
31 |
32 | .popover-title {
33 | margin: 0; // reset heading margin
34 | padding: 8px 14px;
35 | font-size: @font-size-base;
36 | font-weight: normal;
37 | line-height: 18px;
38 | background-color: @popover-title-bg;
39 | border-bottom: 1px solid darken(@popover-title-bg, 5%);
40 | border-radius: 5px 5px 0 0;
41 | }
42 |
43 | .popover-content {
44 | padding: 9px 14px;
45 | }
46 |
47 | // Arrows
48 | //
49 | // .arrow is outer, .arrow:after is inner
50 |
51 | .popover > .arrow {
52 | &,
53 | &:after {
54 | position: absolute;
55 | display: block;
56 | width: 0;
57 | height: 0;
58 | border-color: transparent;
59 | border-style: solid;
60 | }
61 | }
62 | .popover > .arrow {
63 | border-width: @popover-arrow-outer-width;
64 | }
65 | .popover > .arrow:after {
66 | border-width: @popover-arrow-width;
67 | content: "";
68 | }
69 |
70 | .popover {
71 | &.top > .arrow {
72 | left: 50%;
73 | margin-left: -@popover-arrow-outer-width;
74 | border-bottom-width: 0;
75 | border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
76 | border-top-color: @popover-arrow-outer-color;
77 | bottom: -@popover-arrow-outer-width;
78 | &:after {
79 | content: " ";
80 | bottom: 1px;
81 | margin-left: -@popover-arrow-width;
82 | border-bottom-width: 0;
83 | border-top-color: @popover-arrow-color;
84 | }
85 | }
86 | &.right > .arrow {
87 | top: 50%;
88 | left: -@popover-arrow-outer-width;
89 | margin-top: -@popover-arrow-outer-width;
90 | border-left-width: 0;
91 | border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
92 | border-right-color: @popover-arrow-outer-color;
93 | &:after {
94 | content: " ";
95 | left: 1px;
96 | bottom: -@popover-arrow-width;
97 | border-left-width: 0;
98 | border-right-color: @popover-arrow-color;
99 | }
100 | }
101 | &.bottom > .arrow {
102 | left: 50%;
103 | margin-left: -@popover-arrow-outer-width;
104 | border-top-width: 0;
105 | border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
106 | border-bottom-color: @popover-arrow-outer-color;
107 | top: -@popover-arrow-outer-width;
108 | &:after {
109 | content: " ";
110 | top: 1px;
111 | margin-left: -@popover-arrow-width;
112 | border-top-width: 0;
113 | border-bottom-color: @popover-arrow-color;
114 | }
115 | }
116 |
117 | &.left > .arrow {
118 | top: 50%;
119 | right: -@popover-arrow-outer-width;
120 | margin-top: -@popover-arrow-outer-width;
121 | border-right-width: 0;
122 | border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
123 | border-left-color: @popover-arrow-outer-color;
124 | &:after {
125 | content: " ";
126 | right: 1px;
127 | border-right-width: 0;
128 | border-left-color: @popover-arrow-color;
129 | bottom: -@popover-arrow-width;
130 | }
131 | }
132 |
133 | }
134 |
--------------------------------------------------------------------------------
/less/twbs/modals.less:
--------------------------------------------------------------------------------
1 | //
2 | // Modals
3 | // --------------------------------------------------
4 |
5 | // .modal-open - body class for killing the scroll
6 | // .modal - container to scroll within
7 | // .modal-dialog - positioning shell for the actual modal
8 | // .modal-content - actual modal w/ bg and corners and shit
9 |
10 | // Kill the scroll on the body
11 | .modal-open {
12 | overflow: hidden;
13 | }
14 |
15 | // Container that the modal scrolls within
16 | .modal {
17 | display: none;
18 | overflow: auto;
19 | overflow-y: scroll;
20 | position: fixed;
21 | top: 0;
22 | right: 0;
23 | bottom: 0;
24 | left: 0;
25 | z-index: @zindex-modal;
26 | -webkit-overflow-scrolling: touch;
27 |
28 | // Prevent Chrome on Windows from adding a focus outline. For details, see
29 | // https://github.com/twbs/bootstrap/pull/10951.
30 | outline: 0;
31 |
32 | // When fading in the modal, animate it to slide down
33 | &.fade .modal-dialog {
34 | .translate(0, -25%);
35 | .transition-transform(~"0.3s ease-out");
36 | }
37 | &.in .modal-dialog { .translate(0, 0)}
38 | }
39 |
40 | // Shell div to position the modal with bottom padding
41 | .modal-dialog {
42 | position: relative;
43 | width: auto;
44 | margin: 10px;
45 | }
46 |
47 | // Actual modal
48 | .modal-content {
49 | position: relative;
50 | background-color: @modal-content-bg;
51 | border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
52 | border: 1px solid @modal-content-border-color;
53 | border-radius: @border-radius-large;
54 | .box-shadow(0 3px 9px rgba(0,0,0,.5));
55 | background-clip: padding-box;
56 | // Remove focus outline from opened modal
57 | outline: none;
58 | }
59 |
60 | // Modal background
61 | .modal-backdrop {
62 | position: fixed;
63 | top: 0;
64 | right: 0;
65 | bottom: 0;
66 | left: 0;
67 | z-index: @zindex-modal-background;
68 | background-color: @modal-backdrop-bg;
69 | // Fade for backdrop
70 | &.fade { .opacity(0); }
71 | &.in { .opacity(@modal-backdrop-opacity); }
72 | }
73 |
74 | // Modal header
75 | // Top section of the modal w/ title and dismiss
76 | .modal-header {
77 | padding: @modal-title-padding;
78 | border-bottom: 1px solid @modal-header-border-color;
79 | min-height: (@modal-title-padding + @modal-title-line-height);
80 | }
81 | // Close icon
82 | .modal-header .close {
83 | margin-top: -2px;
84 | }
85 |
86 | // Title text within header
87 | .modal-title {
88 | margin: 0;
89 | line-height: @modal-title-line-height;
90 | }
91 |
92 | // Modal body
93 | // Where all modal content resides (sibling of .modal-header and .modal-footer)
94 | .modal-body {
95 | position: relative;
96 | padding: @modal-inner-padding;
97 | }
98 |
99 | // Footer (for actions)
100 | .modal-footer {
101 | margin-top: 15px;
102 | padding: (@modal-inner-padding - 1) @modal-inner-padding @modal-inner-padding;
103 | text-align: right; // right align buttons
104 | border-top: 1px solid @modal-footer-border-color;
105 | &:extend(.clearfix all); // clear it in case folks use .pull-* classes on buttons
106 |
107 | // Properly space out buttons
108 | .btn + .btn {
109 | margin-left: 5px;
110 | margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
111 | }
112 | // but override that for button groups
113 | .btn-group .btn + .btn {
114 | margin-left: -1px;
115 | }
116 | // and override it for block buttons as well
117 | .btn-block + .btn-block {
118 | margin-left: 0;
119 | }
120 | }
121 |
122 | // Scale up the modal
123 | @media (min-width: @screen-sm-min) {
124 | // Automatically set modal's width for larger viewports
125 | .modal-dialog {
126 | width: @modal-md;
127 | margin: 30px auto;
128 | }
129 | .modal-content {
130 | .box-shadow(0 5px 15px rgba(0,0,0,.5));
131 | }
132 |
133 | // Modal sizes
134 | .modal-sm { width: @modal-sm; }
135 | }
136 |
137 | @media (min-width: @screen-md-min) {
138 | .modal-lg { width: @modal-lg; }
139 | }
140 |
--------------------------------------------------------------------------------
/js/src/ui/interfaces/IKeyboard.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Handles hotkeys for a standardUI
3 | *
4 | * @depends [util/lang, util/constants, util/utils, util/uihelpers, ui/IWindows]
5 | * @provides [ui/IKeyboard]
6 | */
7 | ui.IKeyboard = new Class({
8 | hotkeys: {
9 | keyboard: {
10 | nextWindow: {
11 | keys: "right",
12 | description: "",
13 | handler: function() {
14 | this.scope.nextWindow();
15 | }
16 | },
17 | next: {
18 | keys: "tab",
19 | description: "",
20 | handler: function() {
21 | this.scope.nextWindow();
22 | }
23 | },
24 | prevWindow: {
25 | keys: "left",
26 | description: "",
27 | handler: function() {
28 | this.scope.prevWindow();
29 | }
30 | }
31 | },
32 |
33 | input: {
34 | bold: {
35 | keys: "ctrl+b",
36 | description: "",
37 | handler: _.partial(util.wrapSelected, ".window:not(.hidden) .input .irc-input", irc.styles.bold.bbcode)
38 | },
39 | italic: {
40 | keys: "ctrl+i",
41 | description: "",
42 | handler: _.partial(util.wrapSelected, ".window:not(.hidden) .input .irc-input", irc.styles.italic.bbcode)
43 | },
44 | underline: {
45 | keys: "ctrl+u",
46 | description: "",
47 | handler: _.partial(util.wrapSelected, ".window:not(.hidden) .input .irc-input", irc.styles.underline.bbcode)
48 | }
49 | }
50 | },
51 |
52 | /* global Keyboard */
53 | makeKeyboard: function () {
54 | if(Browser.isMobile) return;
55 | var self = this,
56 | keyboard = self.keyboard = new Keyboard({active: true}).addShortcuts(self.hotkeys.keyboard),
57 | ircKeyboard = self.ircKeyboard = new Keyboard({active: false}).addShortcuts(self.hotkeys.input);
58 |
59 | keyboard.scope = self;
60 |
61 | function isChar(code) { //http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes
62 | return code === 32 || (code > 46 && !(code >= 91 && code <= 123) && code !== 144 && code !== 145) ;
63 | }
64 |
65 | self._keyboardEvents = {
66 | "blur:relay(input)": function() {
67 | keyboard.activate();
68 | },
69 | "focus:relay(input)": function() {
70 | ircKeyboard.activate();
71 | }
72 | };
73 |
74 | self.element.addEvents(self._keyboardEvents);
75 |
76 | self._keyboardHandler = {
77 | "keydown": function(e) { // pressing 1 2 3 4 etc will change tab
78 | if(keyboard.isActive() && e.nodeName !== "INPUT") {
79 | if(e.alt && !isNaN(e.key) && e.key <= self.windowArray.length) {
80 | self.selectWindow(e.key - 1);
81 | } else if(self.active.$input &&
82 | !(e.alt || e.meta) && //allow hotkeys
83 | //focus input on a character input or ctrl+[xxx]
84 | !(e.control && ["c", "x"].contains(e.key)) && //but allow copying
85 | isChar(e.code) ) {
86 | self.active.$input.focus();
87 | }
88 | }
89 | }
90 | };
91 |
92 | document.addEvents(self._keyboardHandler);
93 | return self;
94 | },
95 |
96 | killKeyboard: function() {
97 | document.removeEvents(this._keyboardHandler);
98 | this.element.removeEvents(this._keyboardEvents);
99 | this.keyboard.deactivate().stop();
100 | this.ircKeyboard.deactivate().stop();
101 | this.keyboard = this.ircKeyboard = null;
102 | return this;
103 | }
104 | });
105 |
--------------------------------------------------------------------------------
/js/libs/Epitome/epitome-model-storage.js:
--------------------------------------------------------------------------------
1 | ; (function() {
2 | "use strict";
3 |
4 | // wrapper function for requirejs or normal object
5 | var wrap = function(Model) {
6 |
7 | // decorate the original object by adding a new property Sync
8 | return new Class({
9 | Extends: Model,
10 |
11 | properties: {
12 | //storage///
13 | },
14 |
15 | options: {
16 | storage: {
17 | duration: 365,
18 | domain: "/",
19 | fallback: true,
20 | storageType: "localStorage"
21 | },
22 | key: undefined,
23 | minimize: false
24 | },
25 |
26 | initialize: function(obj, options) {
27 | // needs to happen first before events are added,
28 | // in case we have custom accessors in the model object.
29 | this.setOptions(options);
30 | if(!this.options.key)
31 | throw("Initiated without storage key (options.key)");
32 | if(!this.properties.storage)
33 | this.properties.storage = new Storage(this.options.storage);
34 | this.parent(obj, this.options);
35 | this.setupSync();
36 | },
37 |
38 | //revert or update changes to Model
39 | sync: function() {
40 | var oldattrs = this._attributes,
41 | attrs = Object.append({}, this.options.defaults, this.properties.storage.get(this.options.key));
42 |
43 | //update props
44 | Object.each(attrs, function(val, key) {
45 | if(!Epitome.isEqual(oldattrs[key], val)) {
46 | this.set(key, val);
47 | }
48 | }, this);
49 |
50 | //no longer set properties
51 | Object.keys(oldattrs).each(function(key) {
52 | if(!attrs.hasOwnProperty(key)) {
53 | this.unset(key);
54 | }
55 | });
56 |
57 | this.trigger("sync");
58 | return this;
59 | },
60 |
61 | setupSync: function() {
62 | Object.each(this.properties.storage.get(this.options.key), function(item, key) {
63 | this.set(key, item);
64 | }, this);
65 | return this.fireEvent("init");
66 | },
67 |
68 | save: function(val) {
69 | if(this.validate()) {
70 | var data = this.options.minimize ? Object.filter(this._attributes, this._filter, this) : this._attributes;
71 | this.properties.storage.set(this.options.key, data);
72 | this.trigger("save");
73 | }
74 | return this;
75 | },
76 |
77 | _filter: function(val, key) {
78 | return !Epitome.isEqual(val, this.options.defaults[key]);//dont store defaults if minimize is true
79 | },
80 |
81 | clear: function() {
82 | this.properties.storage.remove(this.options.key);
83 | },
84 |
85 | destroy: function() {
86 | // destroy the model and the storage space
87 | this.clear();
88 | return this.parent();
89 | }
90 | });
91 | }; // end wrap
92 | if (typeof define === "function" && define.amd) {
93 | define(["./epitome-model"], wrap);
94 | } else {
95 | this.Epitome || (this.Epitome = {
96 | Model: {}
97 | });
98 | this.Epitome.Model.Storage = wrap(this.Epitome.Model);
99 | }
100 | }.call(this));
--------------------------------------------------------------------------------
/js/libs/Epitome/unused/epitome-collection-sync.js:
--------------------------------------------------------------------------------
1 | ;(function(){
2 | 'use strict';
3 |
4 | // wrapper function for requirejs or normal object
5 | var wrap = function(Collection){
6 |
7 | var noUrl = 'no-urlRoot-set',
8 | eventPseudo = 'fetch:';
9 |
10 | return new Class({
11 | // allows for fetching collections of model from the server
12 |
13 | Extends: Collection,
14 |
15 | options: {
16 | urlRoot: noUrl
17 | },
18 |
19 | initialize: function(models, options){
20 | this.setupSync();
21 | this.parent(models, options);
22 | },
23 |
24 | setupSync: function(){
25 | // single request object as in models. independent of models.
26 | var self = this,
27 | rid = 0,
28 | incrementRequestId = function(){
29 | // request ids are unique and private. private to up them.
30 | rid++;
31 | };
32 |
33 | // public methods - next likely is current rid + 1
34 | this.getRequestId = function(){
35 | return rid + 1;
36 | };
37 |
38 | this.request = new Request.JSON({
39 | // one request at a time
40 | link: 'chain',
41 | url: this.options.urlRoot,
42 | emulation: this.options.emulateREST,
43 | onRequest: incrementRequestId,
44 | onCancel: function(){
45 | this.removeEvents(eventPseudo + rid);
46 | },
47 | onSuccess: function(responseObj){
48 | responseObj = self.postProcessor && self.postProcessor(responseObj);
49 | self.trigger(eventPseudo + rid, [
50 | [responseObj]
51 | ]);
52 | },
53 | onFailure: function(){
54 | self.trigger(eventPseudo + 'error', [this.options.method, this.options.url, this.options.data]);
55 | }
56 | });
57 |
58 | this.request.setHeader('Accept', 'application/json,text/plain;q=0.2,text/html;q=0.1');
59 | return this;
60 | },
61 |
62 | fetch: function(refresh, queryParams){
63 | // get a list of models. `@refresh (boolean)` will empty collection first, queryParams passed as get args
64 | queryParams || (queryParams = {});
65 |
66 | // set the onSuccess event for this fetch call
67 | this._throwAwayEvent(function(models){
68 | if (refresh){
69 | this.empty();
70 | Array.each(models, this.addModel.bind(this));
71 | }
72 | else {
73 | this.processModels(models);
74 | }
75 |
76 | // finaly fire the event to instance
77 | this.trigger('fetch', [models]);
78 | });
79 |
80 | this.request.get(queryParams);
81 |
82 | // dangerous. async stuff coming.
83 | return this;
84 | },
85 |
86 | processModels: function(models){
87 | // deals with newly arrived objects which can either update existing models or be added as new models
88 | // `@models (array or objects)`, not actual model instances
89 | var self = this;
90 |
91 | Array.each(models, function(model){
92 | var exists = model.id && self.getModelById(model.id);
93 |
94 | if (exists){
95 | exists.set(model);
96 | }
97 | else {
98 | self.addModel(model);
99 | }
100 | });
101 | },
102 |
103 | _throwAwayEvent: function(callback){
104 | // this is a one-off event that will ensure a fetch event fires only once per `.fetch`
105 | var eventName = eventPseudo + this.getRequestId(),
106 | self = this,
107 | throwAway = {};
108 |
109 | if (!callback || typeof callback !== 'function')
110 | return;
111 |
112 | throwAway[eventName] = function(responseObj){
113 | callback.apply(self, responseObj);
114 |
115 | // remove this one-off event.
116 | self.off(throwAway);
117 | };
118 |
119 | return this.on(throwAway);
120 | }.protect(),
121 |
122 | postProcessor: function(jsonResponse){
123 | // apply a post-processor to response
124 | return jsonResponse;
125 | }
126 |
127 | });
128 | }; // end wrap
129 |
130 | if (typeof define === 'function' && define.amd){
131 | define(['./epitome-collection'], wrap);
132 | }
133 | else {
134 | this.Epitome || (this.Epitome = {Collection: {}});
135 | this.Epitome.Collection.Sync = wrap(this.Epitome.Collection);
136 | }
137 | }.call(this));
--------------------------------------------------------------------------------
/js/src/Interface.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Creates an instance of Qwebirc. Start of the road
3 | * Default config will be extended by whatever settings are given in app.js
4 | *
5 | * @depends [qwebirc, util/utils, config/Settings]
6 | * @depends [ui/QUI, ui/Theme, irc/Client]
7 | */
8 | var DEFAULT_QWEBIRC_CONFIG = {
9 | appTitle: "" /* Quake Net Web IRC */,
10 | networkName: "" /* Quake Net */,
11 |
12 | validators: { //test is a helper from ircutils
13 | nick: [{
14 | test: util.test(/^[\s\S]{1,30}$/), //30 to 31 characters is an IRCd standard. Worse to worse, the ircd will reject.
15 | description: lang.getFormatter("nickWrongLen", {min: 1, max: 30})
16 | }],
17 | password: [{
18 | test: function(pass, $ele) {
19 | return pass || !$ele.isVisible();
20 | },
21 | description: lang.getter("missingPass")
22 | }],
23 | username: [{
24 | test: function(user, $ele) {
25 | return user || !$ele.isVisible();
26 | },
27 | description: lang.getter("missingNick")
28 | }]
29 | },
30 | parseQueryString: true,
31 |
32 | uiOptions: {/*see config/options.js*/},
33 | settings: {/*see config/settings.js*/},
34 | client: {/*see irc/IRCClient.js*/}
35 | };
36 |
37 | // createInstance: (element|str id), [qwebircUI], options -> qwebirc instance
38 | qwebirc.createInstance = function(element_id, UIclass, options) {
39 | if(!options) {
40 | options = UIclass;
41 | UIclass = ui.QUI;
42 | }
43 | options = _.merge({}, DEFAULT_QWEBIRC_CONFIG, options);
44 | var settings = options.settings = new config.Settings({}, {
45 | defaults: options.settings
46 | });
47 |
48 | //parse query string
49 | // it will override any non cached (localstorage/cookie) options for uiOptions and settings
50 | //so ?nickname=test&style_saturation=30 will set the saturation to 30 and the initial nickname to test
51 | var query = window.location.search;
52 | if(query && options.parseQueryString) {
53 | var parsed = query.slice(1).parseQueryString();
54 |
55 | if(parsed.channels) {//append query string channels to saved channels
56 | parsed.channels = util.concatUnique(settings.get("channels"), util.unformatChannelString(parsed.channels));
57 | }
58 |
59 | softextend(parsed, options.uiOptions = _.merge({}, ui["default options"], options.uiOptions));
60 | softextend(parsed, options.client);
61 | softextend(parsed, options.settings._attributes);//poor practice
62 | }
63 |
64 | //create instance
65 | var instance = new UIclass(element_id, options); //unconventional naming scheme
66 | instance.addEvents({
67 | "ready:once": function() {
68 | instance.loginBox();
69 | //cleans up old properties
70 | if(settings.get("newb")) {
71 | instance.welcome();
72 | settings.set("newb", false);
73 | }
74 | },
75 | "login:once": function(loginopts) {
76 | var ircopts = _.extend({settings: settings, uiOptions: instance.uiOptions}, loginopts, options.client);
77 |
78 | var client = new irc.Client(ircopts);
79 | instance.newClient(client);
80 | client.connect();
81 | window.onbeforeunload = function(e) {
82 | if (client.isConnected()) { //has gotten passed the IRC gate
83 | e = e || window.event;
84 | e.preventDefault();
85 | e.returnValue = lang.dontLeave; //legacy ie
86 | return lang.dontLeave;
87 | }
88 | };
89 | window.addEvent("unload", client.quit);
90 | }
91 | });
92 |
93 | return instance;
94 | };
95 |
96 | function softextend(origin, obj) {//only sets vals if they exist on the object
97 | _.each(origin, function(val, key) {
98 | if(_.has(obj, key)) {
99 | obj[key] = +val == val ? +val : val;//coerce nums
100 | }
101 | });
102 | }
103 |
--------------------------------------------------------------------------------
/js/modules/respond.js:
--------------------------------------------------------------------------------
1 | /*! Respond.js v1.4.2: min/max-width media query polyfill * Copyright 2013 Scott Jehl
2 | * Licensed under https://github.com/scottjehl/Respond/blob/master/LICENSE-MIT
3 | */
4 | !function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){u(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))};if(c.ajax=f,c.queue=d,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\([\s]*min\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/,maxw:/\([\s]*max\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var g,h,i,j=a.document,k=j.documentElement,l=[],m=[],n=[],o={},p=30,q=j.getElementsByTagName("head")[0]||k,r=j.getElementsByTagName("base")[0],s=q.getElementsByTagName("link"),t=function(){var a,b=j.createElement("div"),c=j.body,d=k.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=j.createElement("body"),c.style.background="none"),k.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&k.insertBefore(c,k.firstChild),a=b.offsetWidth,f?k.removeChild(c):c.removeChild(b),k.style.fontSize=d,e&&(c.style.fontSize=e),a=i=parseFloat(a)},u=function(b){var c="clientWidth",d=k[c],e="CSS1Compat"===j.compatMode&&d||j.body[c]||d,f={},o=s[s.length-1],r=(new Date).getTime();if(b&&g&&p>r-g)return a.clearTimeout(h),h=a.setTimeout(u,p),void 0;g=r;for(var v in l)if(l.hasOwnProperty(v)){var w=l[v],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?i||t():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?i||t():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(m[w.rules]))}for(var C in n)n.hasOwnProperty(C)&&n[C]&&n[C].parentNode===q&&q.removeChild(n[C]);n.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=j.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,q.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(j.createTextNode(F)),n.push(E)}},v=function(a,b,d){var e=a.replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var g=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},h=!f&&d;b.length&&(b+="/"),h&&(f=1);for(var i=0;f>i;i++){var j,k,n,o;h?(j=d,m.push(g(a))):(j=e[i].match(c.regex.findStyles)&&RegExp.$1,m.push(RegExp.$2&&g(RegExp.$2))),n=j.split(","),o=n.length;for(var p=0;o>p;p++)k=n[p],l.push({media:k.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:m.length-1,hasquery:k.indexOf("(")>-1,minw:k.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:k.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},w=function(){if(d.length){var b=d.shift();f(b.href,function(c){v(c,b.href,b.media),o[b.href]=!0,a.setTimeout(function(){w()},0)})}},x=function(){for(var b=0;b
3 | 
5 | Qwebirc is intended to be a simple, intuitive and feature rich IRC client that operates out of the browser. This spiritual *fork* of Chris Porter's [qwebirc](http://qwebirc.org/) is a complete rewrite of the project in order to introduce more customability, add features introduced with HTML5, improve the extensibility of the code and revamp the ui (still qui). I began this project when I became frustrated trying to create a plugin atop of Qwebirc; flexibility and extensibility are two of the main focuses of the changes. I have also added multiple features, made code quality improvements, bug fixes, etc. Here's a ([Screenshot](http://puu.sh/4ANPf.png) [Screenshot 2](http://i.imgur.com/9Cee1iO.jpg)) of a live instance.
6 |
7 | **This is undergoing active development - a RC build is being staged**
8 |
9 | ## Installation:
10 |
11 | - Install [node.js](http://nodejs.org)
12 | - Configure the qwebirc instance settings as described in [configuration](#configuration)
13 | - Install development build dependencies using `npm install` in the base folder (reads in package.json)
14 | - Run `grunt` to build static files
15 | - Start up a [iris or qwebirc](#server) with this repo's static files see [#server](#server). For testing I personally use the server in [`test/server`](https://github.com/megawac/qwebirc-enhancements/blob/master/test/server/run.js) with the `base_url` set to a live instance
16 |
17 | #### Making changes
18 | After making changes to source files run in the base directory and run `grunt` in the command line to recompile resources.
19 |
20 | ### Configuration
21 | You can set compile settings either in the gruntfile manually or setting the compile presets in [`app-config.yml`](https://github.com/megawac/qwebirc-enhancements/blob/master/app-config.yml) and [`build.yml`](https://github.com/megawac/qwebirc-enhancements/blob/master/build.yml). A similar build step to the old `compile.py` build is in the works (see #17)
22 |
23 | Making changes to most source files will require you to rebuild via `grunt`
24 |
25 | ####TODOs:
26 | * Add options for:
27 | * (mid) configure hotkeys
28 | * (major) Refactor python compile code to call appropriate Grunt build and set app options (#17)
29 |
30 |
31 | ##Server:
32 | Requires a light modification of either qwebirc or iris in order to support localization and switching the index file to `static.html`. See commits below if you don't want to use [my server fork](https://github.com/megawac/iris)
33 | - Compile: [`ffba0d7b2772d2`](https://github.com/megawac/iris/commit/ffba0d7b2772d2a26dcd47a4f941f6b020e52254)
34 | - Set index.html: [`83e67bf4b236e`](https://github.com/megawac/iris/commit/83e67bf4b236e532dcdcc7a8c9e6b7cb9f6ee4d9)
35 | - Localization engine: [`fed82b8a6a4c9`](https://github.com/megawac/iris/commit/fed82b8a6a4c9168fda4ee12a657fde5bddfc337)
36 |
37 | #### Twisted (or Iris)
38 | I have an instance of the code running over twisted on the Geeks-IRC network at [atf2.org](http://atf2.org/)
39 |
--------------------------------------------------------------------------------
/js/src/ui/window/IDetachable.js:
--------------------------------------------------------------------------------
1 | /**
2 | * detachable component
3 | *
4 | * @depends [ui/Window]
5 | * @provides [ui/Detachable]
6 | */
7 | ui.IDetachableWindow = new Class({
8 | options: {
9 | events: {
10 | "click:relay(.detached-window .attach)": "attach",
11 | "click:relay(.detached-window .tab-close)": "close"
12 | }
13 | },
14 |
15 | detached: false,
16 |
17 | attach: function(/*e*/) {
18 | this.detached = false;
19 |
20 | util.resetGrid(this.element).removeClass("detached");
21 |
22 | this.window.replaces(this.wrapper);
23 | this.wrapper.destroy();
24 |
25 | this.drag.detach().stop();
26 | this.resizable.detach().stop();
27 | this.wrapper = this.resizable = this.drag = null;
28 |
29 | this.parentObject.nav.toggleTab(this.tab.removeClass("detached"), true);
30 | this.select();
31 |
32 | this.fireEvent("attached");
33 | },
34 |
35 | detach: function(/*e*/) {
36 | var self = this,
37 | win = self.window,
38 | po = self.parentObject,
39 |
40 | wrapper = self.wrapper = Element.from(templates.detachedWindow({
41 | "channel": self.name,
42 | "base": util.isBaseWindow(self.id)
43 | })),
44 | //header = wrapper.getElement(".header"),
45 |
46 | // resizeWrapper = Element.from(templates.resizeHandle()),
47 | // resizeHandle = resizeWrapper.getElement(".resize-handle");
48 | resizeHandle = wrapper.getElement(".resize-handle");
49 |
50 | var size = util.percentToPixel({x:40, y:60}, win.getParent(".qwebirc"));
51 |
52 | //as to not mess with other window remove grid
53 | util.removeGrid(self.element).addClass("detached").show();
54 |
55 | //set size and add detach wrapper to dom
56 | wrapper.setStyles({
57 | "width": size.x,
58 | "height": size.y
59 | }).replaces(win);
60 |
61 | win.addEvent("mousedown", function(e) {
62 | var tag = e.target.tagName.toLowerCase();
63 | if(!(tag == "div" || tag == "form"))//prevent dragging if not on container
64 | e.stopPropagation();
65 | }).inject(wrapper.getElement(".body"));
66 |
67 | self.resizable = wrapper.makeResizable({
68 | limit: {//min/max
69 | x: [400, null],
70 | y: [200, null]
71 | },
72 | handle: resizeHandle,
73 | stopPropagation: true,
74 | onDrag: function() {
75 | self.__dirtyFixes();
76 | }
77 | });
78 | self.drag = wrapper.makeDraggable({
79 | handle: wrapper,
80 | includeMargins: true
81 | });
82 |
83 | /*** update windows and center detached window ****/
84 | if(self.active) po.nextWindow();//change window if we"re active
85 | self.detached = true;
86 | _.defer(function() {
87 | self.setActive();
88 | self._selectUpdates();
89 | wrapper.position();
90 | });
91 |
92 | //keeps order
93 | po.nav.toggleTab(self.tab.addClass("detached"), false);
94 | self.fireEvent("detached");
95 | }
96 | });
97 |
--------------------------------------------------------------------------------
/js/libs/underscore-mixin.js:
--------------------------------------------------------------------------------
1 | /*
2 | A collection of functional helpers for underscore
3 |
4 | */
5 | (function(_, undefined) {
6 | var slice = Array.prototype.slice;
7 |
8 | _.mixin({
9 | //http://lodash.com/docs#curry
10 | curry: function(fn, numArgs) {
11 | numArgs = numArgs || fn.length;
12 | return function wrapper(prev_args) {
13 | return function() {
14 | var args = prev_args.concat(slice.call(arguments));
15 | return args.length < numArgs ? wrapper(args) : fn.apply(this, args);
16 | };
17 | }([]);
18 | },
19 |
20 | periodical: function(fn, period, bind) {
21 | return fn.periodical(period, bind, slice.call(arguments, 3));
22 | },
23 |
24 | merge: Object.merge,
25 |
26 | //f(a,b//) -> f(b,a..)
27 | flip: function(f) {
28 | return function() {
29 | var args = slice.call(arguments);
30 | args = args.slice(1, 2).concat(args.slice(0, 1), args.slice(2));
31 | return f.apply(null, args);
32 | };
33 | },
34 |
35 | //makes it into next version of _
36 | negate: function(fn) {
37 | return function() {
38 | return !fn.apply(this, arguments);
39 | };
40 | },
41 |
42 | /* jshint devel:true */
43 | log: function() {
44 | if (console && console.log) console.log(arguments);
45 | },
46 |
47 | //https://gist.github.com/rjz/2815273
48 | assign: function(obj, key, value) {
49 | var keys = key.split("."),
50 | cur, ptr = obj;
51 |
52 | while ((cur = keys.shift()) && keys.length) {
53 | if (!_.isObject(ptr[cur])) {
54 | ptr[cur] = {};
55 | }
56 | ptr = ptr[cur];
57 | }
58 | ptr[cur] = value;
59 | return obj;
60 | },
61 |
62 | lookup: function (obj, key){
63 | var type = typeof key;
64 | if (type == "string" || type == "number") key = ("" + key).split(".");
65 | for (var i = 0, l = key.length; i < l; i++){
66 | if (_.has(obj, key[i])) obj = obj[key[i]];
67 | else return undefined;
68 | }
69 | return obj;
70 | },
71 |
72 | item: function(xs, n) {
73 | return xs == null ? null : xs[n];
74 | }
75 |
76 | //.alias({a:1,b:{alpha:'a'}}, {a: 'test', c: 'rawf'}) => {a: 1, b: Object, test: 1}
77 | // alias: function(obj, aliases, force) {//obj is an object and aliases is a dictionary of (string union listof string)
78 | // function makeAliases(alias, key) {
79 | // if(_.has(obj, key)) {
80 | // if(_.isArray(alias)) {
81 | // _.each(alias, function(alias) {makeAliases(alias, key)});
82 | // } else if(_.isString(alias) && (force || !_.has(obj, alias))) {
83 | // obj[alias] = obj[key];
84 | // }
85 | // }
86 | // }
87 | // _.each(aliases, makeAliases);
88 | // return obj;
89 | // }
90 | });
91 |
92 | })(this._);
--------------------------------------------------------------------------------
/js/src/irc/irc_Whois.js:
--------------------------------------------------------------------------------
1 | /**
2 | * ircclient whois handlers whippeee
3 | *
4 | * @depends [irc/Client]
5 | * @depends [util/utils]
6 | * @provides [irc/Whois]
7 | */
8 |
9 | function whoisWrapper(type, fn) {
10 | type = "whois" + type.camelCase().capitalize();
11 | return _.compose(function(data) {
12 | data.type = type;
13 | data.msgs = Array.from(data.msgs || data.message).map(function(msg) {
14 | if(_.isString(msg)) return { message: msg };
15 | return msg;
16 | });
17 | this.trigger("whois", data);
18 | return true;
19 | }, fn);
20 | }
21 |
22 | var genericText = whoisWrapper("genericText", function(data) {
23 | return {
24 | nick: data.args[1],
25 | message: _.last(data.args) //w/e text
26 | };
27 | });
28 |
29 | irc.Client.implement({
30 | _whoisAway: whoisWrapper("away", _.identity),
31 |
32 | irc_RPL_WHOISUSER: whoisWrapper("user", function(data) {
33 | var nick = data.args[1];
34 | var ident = data.args[2];
35 | var hostname = data.args[3];
36 | this._whoisNick = nick;
37 |
38 | return {
39 | nick: nick,
40 | msgs: [{
41 | host: ident + "@" + hostname
42 | },
43 | {
44 | message: data.args[5],
45 | type: "whoisRealname"
46 | }]
47 | };
48 | }),
49 |
50 | irc_RPL_WHOISSERVER: whoisWrapper("server", function(data) {
51 | return {
52 | nick: data.args[1],
53 | server: data.args[2],
54 | message: _.last(data.args)
55 | };
56 | }),
57 |
58 | irc_RPL_WHOISOPERATOR: whoisWrapper("oper", function(data) {
59 | return {
60 | nick: data.args[1]
61 | // opertext: _.last(data.args)
62 | };
63 | }),
64 |
65 | irc_RPL_WHOISIDLE: whoisWrapper("idle", function(data) {
66 | return {
67 | nick: data.args[1],
68 | idle: data.args[2],
69 | message: data.args[3]
70 | };
71 | }),
72 |
73 | irc_RPL_WHOISCHANNELS: whoisWrapper("channels", function(data) {
74 | return {
75 | nick: data.args[1],
76 | message: _.last(data.args) //the channels
77 | };
78 | }),
79 |
80 | irc_RPL_WHOISACCOUNT: whoisWrapper("account", function(data) {
81 | return {
82 | nick: data.args[1],
83 | message: data.args[2] //the account
84 | };
85 | }),
86 |
87 | irc_RPL_WHOISACTUALLY: whoisWrapper("actually", function(data) {
88 | return {
89 | nick: data.args[1],
90 | message: data.args[2], //users hostmask
91 | ip: data.args[3]
92 | };
93 | }),
94 |
95 | irc_RPL_WHOISOPERNAME: whoisWrapper("opername", function(data) {
96 | return {
97 | nick: data.args[1],
98 | message: data.args[2] //opername
99 | };
100 | }),
101 |
102 | irc_RPL_WHOISGENERICTEXT: genericText,
103 |
104 | //whoiswebirc
105 | irc_RPL_UNIQOPIS: genericText,
106 |
107 | irc_RPL_WHOISSECURE: genericText,
108 |
109 | irc_RPL_ENDOFWHOIS: whoisWrapper("end", function(/*data*/) {
110 | this._whoisNick = null;
111 | return {};
112 | })
113 | });
114 |
--------------------------------------------------------------------------------
/panes/privacypolicy.hbs:
--------------------------------------------------------------------------------
1 |