--- /dev/null
+<?php
+/**
+ * jQuery Mobile page.
+ *
+ * Copyright 2010 The Horde Project (http://www.horde.org/)
+ *
+ * See the enclosed file COPYING for license information (GPL). If you
+ * did not receive this file, see http://www.fsf.org/copyleft/gpl.html.
+ *
+ * @author Jan Schneider <jan@horde.org>
+ * @category Horde
+ * @license http://www.fsf.org/copyleft/gpl.html GPL
+ * @package IMP
+ */
+
+require_once dirname(__FILE__) . '/lib/Application.php';
+Horde_Registry::appInit('imp', array('impmode' => 'mimp'));
+
+$view = new Horde_View(array('templatePath' => IMP_TEMPLATES . '/mobile'));
+new Horde_View_Helper_Text($view);
+$view->logout = Horde::getServiceLink('logout')->setRaw(false);
+
+$title = _("Mobile Mail");
+
+require $registry->get('templates', 'horde') . '/common-header-mobile.inc';
+echo $view->render('head.html.php');
+echo $view->render('folders.html.php');
+echo $view->render('mailbox.html.php');
+echo $view->render('message.html.php');
+require $registry->get('templates', 'horde') . '/common-footer-mobile.inc';
--- /dev/null
+<div id="folders" data-role="page">
+ <div data-role="header">
+ <a href="<?php echo Horde::getServiceLink('portal', 'horde')?>" class="ui-btn-left"><?php echo _("Portal")?></a>
+ <h1><?php echo _("Folders") ?></h1>
+ <?php if ($this->logout): ?>
+ <a href="<?php echo $this->logout ?>" rel="external" data-theme="e" data-icon="delete" class="ui-btn-right"><?php echo _("Log out") ?></a>
+ <?php endif ?>
+ </div>
+ <div data-role="content">
+ <ul data-role="listview">
+ <li><a href="#mailbox"><img src="themes/graphics/folders/inbox.png" class="ui-li-icon" />Inbox<span class="ui-li-count">99</span></a></li>
+ <li><a href="#mailbox"><img src="themes/graphics/folders/folder.png" class="ui-li-icon" />Another Folder</a></li>
+ <li><a href="#mailbox"><img src="themes/graphics/folders/folder.png" class="ui-li-icon" /> Sub folder</a></li>
+ <li><a href="#"><img src="themes/graphics/folders/trash.png" class="ui-li-icon" />Trash</a></li>
+ </ul>
+ </div>
+</div>
--- /dev/null
+ <link type="text/css" rel="stylesheet" href="<?php echo $GLOBALS['registry']->get('themesuri', 'imp') ?>/mobile.css" />
+</head>
+<body>
--- /dev/null
+<div id="mailbox" data-role="page">
+ <div data-role="header">
+ <h1><?php echo _("Inbox") ?></h1>
+ <?php if ($this->logout): ?>
+ <a href="<?php echo $this->logout ?>" rel="external" data-theme="e" data-icon="delete" class="ui-btn-right"><?php echo _("Log out") ?></a>
+ <?php endif ?>
+ </div>
+ <div data-role="content">
+ <ul data-role="listview">
+ <li>
+ <h3><a href="#message">Subject 1</a></h3>
+ <p class="ui-li-aside">99</p>
+ <p>Sender</p>
+ </li>
+ <li><a href="#message">Another Folder</a></li>
+ <li><a href="#message">Sub folder</a></li>
+ <li><a href="#message">Trash</a></li>
+ </ul>
+ </div>
+</div>
--- /dev/null
+<div id="message" data-role="page">
+ <div data-role="header">
+ <h1>My Subject</h1>
+ <?php if ($this->logout): ?>
+ <a href="<?php echo $this->logout ?>" rel="external" data-theme="e" data-icon="delete" class="ui-btn-right"><?php echo _("Log out") ?></a>
+ <?php endif ?>
+ </div>
+ <div class="ui-body ui-body-c">
+ <strong>My Subject</strong><br>
+ <small>Date, Time</small>
+ </div>
+ <div class="ui-body ui-body-c">
+ <a href="#" style="float:right;margin:0" data-role="button" data-icon="arrow-d" data-iconpos="notext">Show more</a>
+ From: Myself
+ </div>
+ <div data-role="content">
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+ </div>
+</div>
--- /dev/null
+#message .ui-body-c {
+ border-top-width: 0;
+}