departr 0.2

data/public/javascripts/6_command.js

@@ -0,0 +1,288 @@
+var Command = {
+    data: [], // Set in index view
+    pattern: /\{\w+\}/,
+    patternsCleaner: /^\{|\}$/g,
+    refresh: false, // A light ask to refresh the page
+    form: "<div id='command-form'><label for='name'>Name</label><input type='text' name='name'><label for='value'>Command</label><input type='text' name='url'></div>",
+    selected: false,
+
+    // Open the window to edit all commands
+    edit: function(e) {
+        if (e) e.stop();
+
+        var modal = new SimpleModal({ draggable: false, width: 900 });
+        modal.addButton("Add", "btn primary", Command.add);
+        modal.addButton("Revert", "btn primary", function() {
+            this.hide();
+            var modal = new SimpleModal({draggable:false});
+            modal.show({
+                model: "confirm",
+                callback: function() {
+                    window.parent.location.href = '/command/revert';
+                },
+                title: "Are you sure ?",
+                contents: "Warning, this will reset all your commands to the default ones."
+            });
+        });
+        modal.addButton("Save", "btn primary", Command.save);
+        modal.addButton("Cancel", "btn secondary", function() {
+            this.hide();
+        });
+        modal.show({
+            model: "modal",
+            title: "Edit commands",
+            contents: "<div id='commands'>" + Command.data.map(function(item, index, array) {
+                return "<div class='command'>" + 
+                    "<div class='name'>" + item.name + "</div>" +
+                    "<div class='url'>" + item.url + "</div>" +
+                "</div>";
+            }).join('') + "</div>"
+        });
+
+        $('commands').getElements('.command').each(function(item) {
+            item.addEvent('click', function(e) {
+                e.stop();
+                modal.hide();
+                Command.update(this);
+            });
+        });
+    },
+
+    // Open the window to update one command
+    update: function(item) {
+        var modal = new SimpleModal({ draggable: false, width: 400 });
+        var name = item.getElement('.name').get('text');
+        var url = item.getElement('.url').get('text');
+        var index = -1;
+
+        for (var i = 0; i < Command.data.length; i++) {
+            if (Command.data[i].name == name) {
+                index = i;
+                break;
+            }
+        }
+
+        if (i == -1) {
+            Application.notice("Record not found");
+            return;
+        }
+
+        modal.addButton("Delete", "btn primary", function() {
+            Command.data.splice(index, 1);
+            this.hide();
+            Command.edit();
+        });
+
+        var ok = modal.addButton("Ok", "btn primary", function() {
+            var inputs = $('command-form').getElements('input');
+            Command.data[index] = {
+                name: inputs[0].value,
+                url: inputs[1].value
+            };
+            this.hide();
+            Command.edit();
+        });
+
+        modal.addButton("Cancel", "btn secondary", function() {
+            this.hide();
+            Command.edit();
+        });
+
+        modal.show({
+            model: "modal",
+            title: "Update command",
+            contents: Command.form
+        });
+
+        var inputs = $('command-form').getElements('input');
+        inputs[0].value = Command.data[index].name;
+        inputs[1].value = Command.data[index].url;
+        inputs[0].focus();
+        inputs.each(function(input) {
+            input.addEvent('keydown', function(e) {
+                if (e.key === 'enter') ok.fireEvent('click');
+            });
+        });
+    },
+
+    // Open the window to add a command
+    add:function() {
+        this.hide();
+        var modal = new SimpleModal({ draggable: false, width: 400 });
+
+        var ok = modal.addButton("Ok", "btn primary", function() {
+            var inputs = $('command-form').getElements('input');
+            Command.data.push({
+                name: inputs[0].value,
+                url: inputs[1].value
+            });
+            this.hide();
+            Command.edit();
+        });
+
+        modal.addButton("Cancel", "btn secondary", function() {
+            this.hide();
+            Command.edit();
+        });
+
+        modal.show({
+            model: "modal",
+            title: "Add a new command",
+            contents: Command.form
+        });
+
+        var inputs = $('command-form').getElements('input');
+        inputs[0].focus();
+        inputs.each(function(input) {
+            input.addEvent('keydown', function(e) {
+                if (e.key === 'enter') ok.fireEvent('click');
+            });
+        });
+    },
+
+    // Save all commands
+    save: function() {
+        var result = [];
+        new Request({
+            url: '/command/save',
+            urlEncoded: false,
+            headers: { 'Content-Type': 'application/json' },
+            onFailure: function() {
+                Application.notice('An error occured');
+            },
+            onSuccess: function() {
+                Command.autocompleter.setList(Command.data);
+            }
+        }).post(JSON.encode(Command.data));
+        this.hide();
+    },
+
+    submit: function(e) {
+        if (e)
+            e.stop();
+
+        // Check if a question is needed
+        var matches = $('input').value.match(Command.pattern);
+        if (matches) {
+            var answer = $('answer');
+            var label = matches[0].replace(Command.patternsCleaner, '').replace(/(.)$/, "<span>$1</span>");
+            $('label').set('html', label + ' &raquo; ');
+            answer.value = '';
+            $('question').setStyle('display', 'block');
+            answer.focus();
+            return;
+
+        } else {
+            // No question remaining
+            $('question').setStyle('display', 'none');
+        }
+
+        // Execute selected command
+        if (Command.selected) {
+            Command.go(Command.selected);
+            return;
+        }
+
+        // Default command
+        if (!this.input.value.match(/^\s*$/)) {
+            if (this.input.value.match(/^\s*(ftp|http|https):\/\//i)) {
+                // If it's an url
+                Command.go(this.input.value);
+            } else if (this.input.value.match(/^\s*[a-z0-9]([-a-z0-9]*[a-z0-9])?\.[a-z]{2,}/i)) {
+                // If it's a domain
+                Command.go('http://' + this.input.value.replace(/^\s+/, ''));
+            } else {
+                // Fallback to google
+                Command.go(Settings.default_search + encodeURIComponent(this.input.value));
+            }
+        }
+
+        return;
+    },
+
+    go: function(url) {
+        if (Settings.open_in_new_page) {
+            $('input').value = '';
+            $('answer').value = '';
+            $('input').blur(); $('input').focus(); // prevent strange auto completion
+            window.open(url, "_blank");
+        } else {
+            window.location.href = url;
+        }
+    },
+
+    init: function() {
+        Command.autocompleter = new AutoComplete('input', {
+            list: Command.data,
+            size: 10,
+            mode: 'partial',
+            render: function(command) {
+                return new Element('span', {html: command.name});
+            },
+            get: function(command) {
+                return command.name;
+            },
+            set: function(command) {
+                return command.name;
+            },
+            filters: [function(o,v) {
+                return o.match(new RegExp(v.escapeRegExp().replace(/\s+/, '.*'), 'i'))
+            }]
+        }).addEvent('complete', function(value) {
+            Command.selected = value.url;
+        }).addEvent('abort', function() {
+            Command.selected = false;
+        });
+
+        // Hook command line submit
+        $('commandline').addEvent('submit', Command.submit);
+
+        // Hook input keypress to auto submit
+        $('input').addEvent('keydown', function(e) {
+            if (e && e.key && !e.shift && e.key == 'enter') {
+                e.stop();
+                $('commandline').fireEvent('submit');
+            }
+        });
+
+        // Hook answer keypress to fill the main input with answers
+        $('answer').addEvent('keydown', function(e) {
+            if (e && e.key && !e.shift) {
+                if (e.key == 'enter') {
+                    e.stop();
+                    var answer = $('answer').value;
+                    if (answer.match(/^\s*$/)) return;
+                    var keyword = $('input').value.match(Command.pattern);
+                    $('input').value = $('input').value.replace(Command.pattern, answer);
+                    Command.selected = Command.selected.replace(keyword[0], encodeURIComponent(answer));
+                    $('commandline').fireEvent('submit');
+
+                } else if (e.key == 'esc') {
+                    $('question').setStyle('display', 'none');
+                    $('input').focus();
+                }
+            }
+        });
+
+        // Focus management
+        window.addEvent('click', function(e) {
+            if ($('commandline').getStyle('display') == 'block' && !$('simple-modal')) {
+                $('input').focus();
+            }
+        });
+
+        window.addEvent('load', function() {
+            top.focus();
+            window.focus();
+            $('input').focus();
+        });
+
+        if ($('date')) {
+            var today = new Date;
+            var weekdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+            $('date').getElement('.day').set('text', today.getDate());
+            $('date').getElement('.wday').set('text', weekdays[today.getDay()]);
+        }
+    }
+};
+

data/views/help.haml

@@ -0,0 +1,58 @@
+#help
+  %p Departr is a smart and fast startpage to help you reach other web sites.
+
+  %p
+    Like others, if you enter "obama", it will send you to google
+    search results for "obama".
+    If you enter "http://www.google.com" or simply "google.com",
+    it will redirect you to the google web site.
+
+  %p
+    Another sweetness with google, type the name of a website you know,
+    for example "netvibes", and instead hit RETURN, hit CONTROL+ENTER,
+    it will do a "I'm feelink lucky".
+
+  %p But there is more !
+
+  %p
+    For example, start typing "map" and hit the RETURN key.
+    Then type "Paris, France" and RETURN again, nice !
+
+  %p
+    Another example, start typing "twit", two results are
+    listed below, "twitter" and "twitter search for ?".
+    Hit the DOWN key and then the RETURN key. Type 
+    "obama" in the input filed has just appeared, and
+    hit RETURN again. Voila !
+
+  %p
+    If your are too lazy or would like to be even faster
+    you can only specify partial command name. For example,
+    you have that command "images search for {words}", start
+    typing "go se" and it will be selected. Awesome isn't it !
+
+  %p
+    Many other commands are available by default, but if
+    you sign in using your Facebook, Twitter, Gmail, Yahoo,
+    Flickr or OpenId account, you will be able to edit or
+    add your own custom commands.
+  %p
+    So do not hesitate to set #{host} as you homepage
+    in your favorite browser :
+    %ul
+      %li
+        %a{:href => "http://support.mozilla.com/en-US/kb/How+to+set+the+home+page", :target => :_blank} Firefox 
+      %li
+        %a{:href => "http://www.microsoft.com/nz/digitallife/internet/change_your_homepage_in_Internet_Explorer.mspx", :target => :_blank} Internet Explorer
+      %li
+        %a{:href => "http://support.apple.com/kb/HT3643", :target => :_blank} Safari 
+      %li
+        %a{:href => "https://chrome.google.com/extensions/detail/icpgjfneehieebagbmdbhnlpiopdcmna", :target => :_blank} Google Chrome
+      %li
+        %a{:href => "http://www.opera.com/support/kb/view/646/", :target => :_blank} Opera
+
+  %p
+    Tip for Firefox user, consider install the
+    %a{:href => "https://addons.mozilla.org/en-US/firefox/addon/777", :target => :_blank} "New Tab Homepage"
+    extension
+

data/views/index.haml

@@ -0,0 +1,71 @@
+-# coding: utf-8
+%a#github{:href => "http://github.com/florentsolt/departr", :style => "display: #{@settings["github"] ? "block" : "none"}"}
+  %img{:src => "https://a248.e.akamai.net/assets.github.com/img/71eeaab9d563c2b3c590319b398dd35683265e85/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67", :alt => "Fork me on GitHub"}
+
+#header
+  - if @config.get(:rpx)
+    %a#signin{:href => "https://#{@config.get(:rpx)[:realm]}.rpxnow.com/openid/embed?token_url=" + URI.escape(host + "/signin")}
+      Sign In
+  %a#edit{:href => "#"} Edit commands
+  %a#settings{:href => "#"} Settings
+  %a#help{:href => "#"} Help
+  %a{:id => :signout, :href => '#'} Sign Out
+
+%form{:id => :commandline}
+  #logo= "depart<span>r</span>"
+  %img{:src => 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAGFwAABhcBlmjpmQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIcSURBVEiJtZaxaxRREIe/d0aMQUUCz+ZZaidYCKJgI4rohYgQRUTRP0BQsA9iQK0EwVJsRfRMIJjLaZVGEKwsLGzEZrAYsDlziTl1LHYP9ta7vd3lduAV++O3+zHvzcxbJ2pUGcG7Y8AD4BCw4qoEBu8uAi+AbbHUrVUIqwPPEzCAz5VkGLw7CTSByYT8F5gde4bBu+PAcgr2B7ghas2J2HQUmBoDbxp4BuxKaFvAFVFb7AnzgFW0OsBZUaO3asAR4NcYskvHT6Auaq2kWBO1C8A+4CqwCGyMCXhT1NbS4n9VGrybAurAHDAD7C4JnBG1ZlqcSAui1gEaQCN4NwmcieHngb0l4cOBKfgmUYkvB++2A6di+GVKZp4JTMG7QAtoBe8CcK4MsHDjB+8elYUVBgbv5oE7CekNsF4JMHh3C1hISI+JCmmpCLDvDIN3O4DZtA4cBO4lnu+K2kL8TgO4VhgYw5bIPh8Dbovak4T2FmiTs2qTWzoN7AG6Gf77KVivdVbywPqAovZd1E4QNfdpYG2A/9uQ77wqDEyAO8An4MAA/7DsV8lZrcOq9DqwH/hKf6Zbg8yitkF0w5cGPiUaX4eBh6OAceTa1oGjTdTawEuA4N174HfszQI2ia62nVnAkY0vauvAR6Kp8m6Eb3XU9/JOmkvAnKhlZQg5tjXXbSFqksdH1I+bRH9sP0oD84aotYN3r4EvovZhkOcfNY7IMKY9rjcAAAAASUVORK5CYII='}
+  %input{:type => :text, :id => :input, :name => :input}
+  #question
+    %label#label Question
+    %input{:type => :text, :id => :answer, :name => :answer}
+#special
+  #date.clock{:style => "display: #{@settings["calendar"] ? "block" : "none"}"}
+    .wday
+    .day
+  %canvas#clock1.clock{:style => "display: #{(@settings["clock1"] && @settings["clock1"] != "-none-") ? "block" : "none"}"}
+  %canvas#clock2.clock{:style => "display: #{(@settings["clock2"] && @settings["clock2"] != "-none-") ? "block" : "none"}"}
+  %canvas#clock3.clock{:style => "display: #{(@settings["clock3"] && @settings["clock3"] != "-none-") ? "block" : "none"}"}
+
+:javascript
+
+  // Globals
+  Command.data = #{@commands.to_json};
+  Settings = #{@settings.to_json};
+
+  window.addEvent('domready', function() {
+    Application.init();
+    Command.init();
+
+    // Clock 1
+    if ($('clock1').getStyle('display') == 'block') {
+      new CoolClock({
+        canvasId: 'clock1',
+        displayRadius: 40,
+        gmtOffset: #{clock_offset(@settings["clock1"])},
+        label: #{clock_label(@settings["clock1"])},
+        fontSize: '30px'
+      });
+    }
+
+    // Clock 2
+    if ($('clock2').getStyle('display') == 'block') {
+      new CoolClock({
+        canvasId: 'clock2',
+        displayRadius: 40,
+        gmtOffset: #{clock_offset(@settings["clock2"])},
+        label: #{clock_label(@settings["clock2"])},
+        fontSize: '30px'
+      });
+    }
+
+    // Clock 3
+    if ($('clock3')) {
+      new CoolClock({
+        canvasId: 'clock3',
+        displayRadius: 40,
+        gmtOffset: #{clock_offset(@settings["clock3"])},
+        label: #{clock_label(@settings["clock3"])},
+        fontSize: '30px'
+      });
+    }
+  });

data/views/layout.haml

@@ -0,0 +1,11 @@
+!!! 1.1
+%html
+  %head
+    %title Departr
+    %link{:rel => :icon, :type => "image/png", :href => "/favicon.ico"}
+    %meta{'http-equiv' => 'content-type', :content => 'text/html; charset=utf-8'}
+    %link{:rel => :stylesheet, :href => "/stylesheets/all.css", :type => "text/css"}
+    %script{:type => 'text/javascript', :src => '/javascripts/all.js'}
+  %body
+    = yield
+

data/views/profile.haml

@@ -0,0 +1 @@
+= h @profile.inspect

data/views/settings.haml

@@ -0,0 +1,45 @@
+#settings
+  %label{:for => "setting_default_search"} Default search
+  %select{:id => "setting_default_search"}
+    %option{:value => 'http://www.google.com/search?ie=UTF-8&oe=UTF-8&q='} google.com
+    %option{:value => 'http://www.google.com/search?ie=UTF-8&oe=UTF-8&q='} google.fr
+    %option{:value => 'http://duckduckgo.com/?q='} duckduckgo.com
+    %option{:value => 'http://www.exalead.com/search/web/results/?q='} exalead.com
+
+  %hr 
+
+  %label{:for => "setting_open_in_new_page"} Open in a new page ?
+  %input{:id => "setting_open_in_new_page", :type => :checkbox}
+  %hr 
+
+  %label{:for => "setting_github"} Show github ribbon ?
+  %input{:id => "setting_github", :type => :checkbox}
+  %hr 
+
+  %label{:for => "setting_clalendar"} Show calendar ?
+  %input{:id => "setting_calendar", :type => :checkbox}
+  %hr 
+
+  %label{:for => "setting_clock1"} First clock
+  %select{:id => "setting_clock1"}
+  %hr 
+
+  %label{:for => "setting_clock2"} Second clock
+  %select{:id => "setting_clock2"}
+  %hr 
+
+  %label{:for => "setting_clock3"} Third clock
+  %select{:id => "setting_clock3"}
+
+:javascript
+
+  // Reduce page size by inlining only 1 time the zone list
+  var zones = #{TZInfo::Timezone.all.collect(&:identifier).to_json};
+  ["clock1", "clock2", "clock3"].each(function(clock) {
+    new Element('option', {value: '-none', text: "Nothing"}).inject($('setting_' + clock));
+    zones.each(function(zone) {
+      var option = new Element('option', {value: zone, text: zone.replace(/_/g, ' ')})
+      if (Settings[clock] == zone) option.set('selected', 'selected');
+      option.inject($('setting_' + clock));
+    });
+  });