Initial commit

g2ttrss · Apr 13, 2013 · a17fab9 · a17fab9
1 parent 7e44281
commit a17fab9
Show file tree

Hide file tree

Showing 10 changed files with 2,060 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -1,4 +1,7 @@
 g2ttrss-mobile
 ==============
 
-A Google inspired mobile interface for TT-RSS
+A Google inspired mobile interface for TT-RSS.
+
+
+This requires that your TT-RSS has external APIs enabled and the files are in a subdirectory of TT-RSS (e.g. example.com/tt-rss/m/ or example.com/tt-rss/mobile/). It is all HTML, JavaScript/jQuery, and CSS so should be fairly straight forward to customize if needed.
diff --git a/apple-touch-icon-precomposed.png b/apple-touch-icon-precomposed.png
diff --git a/index.htm b/index.htm
@@ -0,0 +1,168 @@
+<html>
+<head>
+<link rel="apple-touch-icon-precomposed" href="/tt-rss/m/apple-touch-icon-precomposed.png" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+<title>TT-RSS Mobile</title>
+<link rel="shortcut icon" href="../images/favicon.png"> 
+<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="js/jquery.cookie.js"></script>
+<link rel="stylesheet" type="text/css" href="style.css">
+<script type="text/javascript" src="js/g2tt.js"></script>
+</head>
+<body class="landscape" style="zoom: 100%;">
+<div class='login content clearfix hidden'>
+  <div class='sign-in'>
+    <div class='signin-box'>
+      <h2>Sign in </h2>
+      <form id='login' class=''>
+      <div class='username-div'>
+      <label for='Username'>
+        <strong class='username-label'>Username</strong>
+      </label> 
+      <input type='username' spellcheck='false' name='Username' id='Username' value='' /></div>
+      <div class='passwd-div'>
+      <label for='Passwd'>
+        <strong class='passwd-label'>Password</strong>
+      </label> 
+      <input type='password' name='Passwd' id='Passwd' /></div>
+      <input type='submit' class='g-button g-button-submit' name='signIn' id='signIn' value='Sign in' /> 
+    </div>
+  </div>
+</div>
+<div id='main'>
+  <div class="nav-bar-container">
+    <div class="nav-bar">
+      <table class="nav-table">
+        <tbody>
+          <tr>
+            <td class="nav-table-left">
+              <div class="m-button back-to-feeds" id="back-to-feeds">
+                <span class="m-button-contents">&laquo; Feeds</span>
+              </div>
+              <div class="m-button hidden" id="sub-list-back">
+                <span class="m-button-contents">&laquo; Back</span>
+              </div>
+              <div class="m-button hidden" id="back-to-stream">
+                <span class="m-button-contents">&laquo; Back</span>
+              </div>
+            </td>
+            <td class="nav-table-middle">
+              <div id="nav-title">All items</div>
+            </td>
+            <td class="nav-table-right">
+              <div class="m-button" id="header-menu">
+                <span class="m-button-contents"></span>
+              </div>
+              <div class="m-button" id="header-refresh">
+                <span class="m-button-contents"></span>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <table class="search-box hidden">
+        <tbody>
+          <tr>
+            <td>
+              <div class="m-button" id="search-cancel">
+                <span class="m-button-contents">Cancel</span>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td>
+              <form id="search-form" action="">
+                <input id="search-input" type="text" />
+                <div class="m-button" id="search-submit">
+                  <span class="m-button-contents"></span>
+                </div>
+              </form>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <div id="nav-bar-shadow"></div>
+    </div>
+    <div id="message-area"></div>
+    <div class="g2tt-menu g2tt-menu-vertical"
+    style="-webkit-user-select: none; visibility: visible; right: 7px; top: 39px; display: none;" role="menu"
+    aria-haspopup="true">
+      <div class="g2tt-menuitem g2tt-option showItem" role="menuitem" style="-webkit-user-select: none;" id="all">
+        <div class="g2tt-menuitem-content">
+        <div class="g2tt-menuitem-checkbox"></div>Show all</div>
+      </div>
+      <div class="g2tt-menuitem g2tt-option showItem" role="menuitem" style="-webkit-user-select: none;" id="unread">
+        <div class="g2tt-menuitem-content">
+        <div class="g2tt-menuitem-checkbox"></div>Show unread</div>
+      </div>
+      <div class="g2tt-menuitem g2tt-option showItem" role="menuitem" style="-webkit-user-select: none;" id="marked">
+        <div class="g2tt-menuitem-content">
+        <div class="g2tt-menuitem-checkbox"></div>Show marked</div>
+      </div>
+      <div class="g2tt-menuitem g2tt-option showItem" role="menuitem" style="-webkit-user-select: none;" id="published">
+        <div class="g2tt-menuitem-content">
+        <div class="g2tt-menuitem-checkbox"></div>Show published</div>
+      </div>
+      <div class="g2tt-menuseparator" style="-webkit-user-select: none;" role="separator" id="seperator1"></div>
+      <div class="g2tt-menuitem g2tt-option sortItem" role="menuitem" style="-webkit-user-select: none;" id="feed_dates">
+        <div class="g2tt-menuitem-content">
+        <div class="g2tt-menuitem-checkbox"></div>Sort by newest</div>
+      </div>
+      <div class="g2tt-menuitem g2tt-option sortItem" role="menuitem" style="-webkit-user-select: none;" id="date_reverse">
+        <div class="g2tt-menuitem-content">
+        <div class="g2tt-menuitem-checkbox"></div>Sort by oldest</div>
+      </div>
+      <div class="g2tt-menuseparator" style="-webkit-user-select: none;" role="separator" id="seperator2"></div>
+      <div class="g2tt-menuitem" role="menuitem" style="-webkit-user-select: none;" id="menu-search">
+        <div class="g2tt-menuitem-content">Search</div>
+      </div>
+      <div class="g2tt-menuseparator" style="-webkit-user-select: none;" role="separator" id="seperator3"></div>
+      <div class="g2tt-menuitem" role="menuitem" style="-webkit-user-select: none;" id="menu-mark-read">
+        <div class="g2tt-menuitem-content">Mark all as read</div>
+      </div>
+      <div class="g2tt-menuitem g2tt-option feedsItem hidden" role="menuitem" style="-webkit-user-select: none;" id="feeds-all">
+        <div class="g2tt-menuitem-content">
+        <div class="g2tt-menuitem-checkbox"></div>Show all</div>
+      </div>
+      <div class="g2tt-menuitem g2tt-option feedsItem hidden" role="menuitem" style="-webkit-user-select: none;" id="feeds-unread">
+        <div class="g2tt-menuitem-content">
+        <div class="g2tt-menuitem-checkbox"></div>Show unread</div>
+      </div>
+    </div>
+  </div>
+  <div id="feed" class="">
+    <div class="samedir">
+      <div id="entries" class="mobilelist" style="visibility: visible;">
+	<!-- Entries go here -->
+      </div>
+    </div>
+    <div id="scroll-filler">
+      <div id="show-more-row">
+        <div class="load-more-message">Loading...</div>
+        <div class="entries-count"></div>
+      </div>
+    </div>
+    <div id="viewer-bottom-links">
+      <div id="viewer-bottom-right" class="nav-right">
+        <span id="mark-these-read" class="">Mark these items as read</span>
+      </div>
+    </div>
+    <div id="entries-footer" class="nav-bar">
+      <div id="entries-footer-buttons">
+        <div class="m-button back-to-feeds">
+          <span class="m-button-contents">&laquo; Feeds</span>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div id="subscriptions" class="hidden">
+    <div id="loading-area-container" class="hidden">
+      <p>Loading...</p>
+    </div>
+    <div id="subscriptions-list">
+	<!-- Categories go here -->
+    </div>
+  </div>
+</div>
+</body>
+</html>