App-Alice

 view release on metacpan or  search on metacpan

share/static/alice-dark.css  view on Meta::CPAN

ul#controls {
  z-index: 30;
  background: #444444; }

body.blurred ul#controls {
  background: #333333; }

ul#controls li {
  position: relative; }

select.select_overlay {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 22px;
  border: none;
  padding: 0;
  margin: 0;
  opacity: 0;
  font-size: 12px; }

select#tab_overflow_overlay option.unread {
  font-weight: bold; }

li#tab_overflow_button {
  background: url(image/sprites.png) 3px -174px no-repeat; }

li#tab_overflow_button.unread {
  background: url(image/sprites.png) 3px -194px no-repeat; }

li#config_button {
  background: url(image/sprites.png) 4px -216px no-repeat; }

share/static/alice-default.css  view on Meta::CPAN

ul#controls {
  z-index: 30;
  background: #dddddd; }

body.blurred ul#controls {
  background: #eeeeee; }

ul#controls li {
  position: relative; }

select.select_overlay {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 22px;
  border: none;
  padding: 0;
  margin: 0;
  opacity: 0;
  font-size: 12px; }

select#tab_overflow_overlay option.unread {
  font-weight: bold; }

li#tab_overflow_button {
  background: url(image/sprites.png) 3px -174px no-repeat; }

li#tab_overflow_button.unread {
  background: url(image/sprites.png) 3px -194px no-repeat; }

li#config_button {
  background: url(image/sprites.png) 4px -216px no-repeat; }

share/static/alice.js  view on Meta::CPAN


  closeWindow: function(windowId) {
    var win = this.getWindow(windowId);
    if (win) win.close();
  },

  insertWindow: function(windowId, html) {
    if (!$(windowId)) {
      $('windows').insert(html['window']);
      $('tabs').insert(html.tab);
      $('tab_overflow_overlay').insert(html.select);
      $(windowId+"_tab_overflow_button").selected = false;
      this.activeWindow().tabOverflowButton.selected = true;
      this.makeSortable();
    }
  },

  highlightChannelSelect: function() {
    $('tab_overflow_button').addClassName('unread');
  },

share/static/alice.js  view on Meta::CPAN

      if (elem.innerHTML) {
        elem.innerHTML = Alice.epochToLocal(elem.innerHTML.strip(), alice.options.timeformat);
        elem.style.opacity = 1;
      }
    });


    $('helpclose').observe("click", function () { $('help').hide(); });


    $$('#config_overlay option').each(function(opt){opt.selected = false});
    $('tab_overflow_overlay').observe("change", function (e) {
      var win = alice.getWindow($('tab_overflow_overlay').value);
      if (win) win.focus();
    });
    $('config_overlay').observe("change", function (e) {
      switch ($('config_overlay').value) {
        case "Logs":
          alice.toggleLogs(e);
          break;
        case "Connections":
          alice.toggleConfig(e);
          break;
        case "Preferences":
          alice.togglePrefs(e);
          break;
        case "Logout":
          if (confirm("Logout?")) window.location = "/logout";
          break;
        case "Help":
          alice.toggleHelp();
          break;
      }
      $$('#config_overlay option').each(function(opt){opt.selected = false});
    });


    window.onkeydown = function (e) {
      var win = alice.activeWindow();
      if (win && !$('config') && !Alice.isSpecialKey(e.which))
        win.input.focus();
    };

    window.onresize = function () {

share/templates/index_head.html  view on Meta::CPAN

    <link rel="apple-touch-startup-image" href="<?= $app->static_url("image/alice.png") ?>" />
    <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
  </head>
  <body>
    <img style="position:absolute;top:-100px;left:-100px" src="<?= $app->static_url("image/sprites.png") ?>" />
    <div id="container">
      <ul id="controls">
        <li id="config_button">
          <select class="select_overlay" id="config_overlay">
            <option value="Logs">Logs</option>
            <option value="Preferences">Preferences</option>
            <option value="Connections">Connections</option>
            <option value="Help">Help</option>
            <? if ($_[0]->auth_enabled) { ?>
            <option disabled>──────</option>
            <option value="Logout">Logout</option>
            <? } ?>
          </select>
        </li>
        <li id="tab_overflow_button">
          <select class="select_overlay" id="tab_overflow_overlay">
            <? for my $window (@windows) { ?>
              <?= $_mt->render_file('select.html', $_[0], $window); ?>
            <? } ?>
          </select>
        </li>
      </ul>
      <div id="tab_container">
        <ul id="tabs">
          <? for my $window (@windows) { ?>
            <?= $_mt->render_file('tab.html', $_[0], $window) ?>



( run in 0.495 second using v1.01-cache-2.11-cpan-49f99fa48dc )