aboutsummaryrefslogblamecommitdiffstats
path: root/static/ui.html
blob: c28b1b2ee97387b97b85be0e0f59470c9194e4fd (plain) (tree)



































                                                                                               




                                                                           
                                               
                                                                                     
        
                              
                                                               
             





                                     
            
             












































                                                                      
<!DOCTYPE html>
<html>
  <head>
    <title>neko rss mode</title>
    <link rel="stylesheet" href="/static/style.css" />
    <script src="/static/jquery.min.js"></script>
    <script src="/static/jquery.tmpl.min.js"></script>
    <script src="/static/underscore.min.js"></script>
    <script src="/static/backbone.min.js"></script>
    <script>
      PUBLIC_VERSION = false;
    </script>
    <script src="/static/ui.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  </head>
  <body>

      <div id="filters">
        <h1 class="logo">neko</h1> 

        <div id="controls"></div>

        <h4 onclick="$('#feeds').toggle();">Feeds</h4>        
        <ul id="feeds" style="display: none;">
          <li><a href="/import/">import</a></li>
        </ul>

    </div>

   <div id="c">
      <div id="items">      
      </div>      
    </div>
    
    <script id="item_template" type="text/jqtmp">
      <h2><a target="_blank" class="i" id="i_${item_id}" href="${item.url}">${item.title }</a> 
    <span class={{if item.starred}}"unstar"{{else}}"star"{{/if}}>★</span>
    <span class="full">
    {{if item.full}}▼{{else}}►{{/if}}
    </span>
    </h2>
      <p class="dateline" style="clear: both;">
        ${ item.publish_date } from <a href="${item.feed_url}">${item.feed_title}</a>
    </p>
      {{if item.header_image}}
      <div class="img"><img src="${item.header_image}" /></div>
      {{/if}}
      <div class="description">
        {{if item.full}}
           {{html item.full_content}}
        {{else}}
           {{html item.description}}
        {{/if}}
      </div>
    </script>

    <script id="tag_template" type="text/jqtmp">
      ${tag.name} ${tag.unread}
    </script>

    <script id="feed_template" type="text/jqtmp">
      <span class="txt">
      {{if feed.title}}
      ${feed.title}
      {{else}}
      ${feed.url}
      {{/if}}
      </span>

      <span class="delete" style="color: red;">[X]</span>
    </script>

    <script id="controls_template" type="text/jqtmp">

      
      <ul>
        <li>
          <a {{if app.unreadFilter}}style="font-weight: bold;"{{/if}} 
             class="unread_filter">unread</a>
        </li>
        <li>
          <a 
             {{if app.allFilter}}style="font-weight: bold;"{{/if}} 
             class="all_filter">everything</a> 
        </li>
        <li>
         <a {{if app.starredFilter}}style="font-weight: bold;"{{/if}}
            class="starred_filter">starred</a>
        </li>
        <li>
          <button class="new_feed">+ Feed</button>
        </li>
		<li>
		</li>

	  </ul>
   </script>  
   
</body>
</html>