aboutsummaryrefslogblamecommitdiffstats
path: root/static/ui.html
blob: 214a5443d06aa7b873aa5dd9c0773f135a315f54 (plain) (tree)
1
2
3
4
5
6
7
8
9




                                                      
                                                       
                                                      
                                                            
                                                         



                                         
                                                                                                                
                          

         
                                                                               

                        

                                 



                                                            

                                                              

             





                                                        

            


               
                      



                                                 
                                                                               
                                                                           
         
                                               
                                                                                                   


                                                                                 
        
                              
                                                               
             





                                     
            
             

                                                
                                   
                  
                                    


                                                 
                                    





                        
 
             
                                   
                                     
                                     


                                                     
          
                                  
                                                                      
                        
             
                               

                                                                   
                      
             
                                   
                                                                     
                            

             
                                                   
             


                                                                                       



                                                      
                     




               
<!DOCTYPE html>
<html>
  <head>
    <title>neko rss mode</title>
    <link rel="stylesheet" href="/static/style.css" />
    <script src="/static/jquery-3.3.1.min.js"></script>
    <script src="/static/jquery.tmpl.min.js"></script>
    <script src="/static/underscore-1.13.1.min.js"></script>
    <script src="/static/backbone-1.3.3.min.js"></script>
    <script>
      PUBLIC_VERSION = false;
    </script>
    <script src="/static/ui.js"></script>
    <meta name="viewport" content="width=device-width,height=device-height, initial-scale=1, maximum-scale=1" />
    <base target="_blank">
  </head>
  <body>
      <h1 class="logo" onclick="$('#filters').toggleClass('hidden');">🐱</h1>

      <div id="filters">

        <div id="controls"></div>
        <h4 onclick="$('#tags').toggle();">Tags</h4>        
        <ul id="tags" style="display: none;">
        </ul>
        
        <h4 onclick="$('#feeds').toggle();">Feeds</h4>        
        <ul id="feeds" style="display: none;">
        </ul>

        <h4 onclick="$('#export').toggle();">Export</h4>
        <ul id="export" style="display: none;">
            <li><a href="/export/opml">opml</a></li>
            <li><a href="/export/text">text</a></li>
            <li><a href="/export/json">json</a></li>
        </ul>
      </div>
        
    </div>

   <div id="c">
      <div id="items">
      </div>      
    </div>
    
    <script id="item_template" type="text/jqtmp">
      <h2><a class="i" id="i_${item_id}" href="${item.url}">${item.title }</a> 
    <span class={{if item.starred}}"unstar"{{else}}"star"{{/if}}>★</span>
    </h2>
      <p class="dateline" style="clear: both;">
        <a href="${item.feed_url}">${item.feed_title}</a> | <a href="${item.url}">${item.p_url}</a>
    | ${item.feed_category} |
    <span class="full">{{if item.full}}hide{{else}}scrape{{/if}} full text</span>
    
    </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">
      {{if tag.selected}}<b>{{/if}}
      ${tag.title}
      {{if tag.selected}}</b>{{/if}}
    </script>

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

      </span>
      <span class="edit">[e]</span>
      <span class="delete">[x]</span>
      {{if feed.selected}}</b>{{/if}}
    </script>

    <script id="controls_template" type="text/jqtmp">
      <ul>
        <li class="unread_filter">
          <a {{if app.unreadFilter}}style="font-weight: bold;"{{/if}} 
             >unread</a>
        </li>
        <li class="all_filter">
          <a 
             {{if app.allFilter}}style="font-weight: bold;"{{/if}} 
             >all</a> 
        </li>
        <li class="starred_filter">
         <a {{if app.starredFilter}}style="font-weight: bold;"{{/if}}
            >★ starred</a>
        </li>
        <li>
          <button class="new_feed"> + new </button>
        </li>
        <li>
           <input id="search" type="search" /><button class="search_go">search</button>
        </li>
	    <li class="themes">
            <button class="light_theme">light</button>
            <button class="dark_theme">dark</button>
            <button class="black_theme">black</button>
		</li>
	  </ul>
   </script>  
   
</body>
</html>