-
-
+
+
+
☆
@@ -102,6 +104,14 @@
+
"+favorites[i]+" ");
+ if(favorites[i]==sub){
+ favorite = true;
+ $("#favorite-toggle").empty();
+ $("#favorite-toggle").append("★");
+ }
+ }
+ }
if(readCookie("showLogo") == "0"){
$("#logo").hide();
$("#logo-filler").show();
@@ -265,6 +311,7 @@ function ClearRightSide() // Clear all stories
$("#storyheader").html("");
$("#about").hide();
$("#options").hide();
+ $('#favorites').hide();
$("#story").html("");
$("#comments").html("");
}
@@ -272,6 +319,22 @@ function ClearRightSide() // Clear all stories
function getItems(sub, sort) // Get stories
{
$("#input-sub").val("");
+ var f = readCookie("favorites");
+ if(f!=null){
+ f = f.split(",");
+ for(var i=0;i", "");
+ s = s.replace("", "");
+ window.location.hash = "#"+s;
+ sub = s;
+ getItems(s, sort);
});
function getPopularSubs()
diff --git a/style.css b/style.css
index 671c41d..a70e843 100644
--- a/style.css
+++ b/style.css
@@ -146,7 +146,7 @@ input[type=checkbox]
margin-left: 5px;
}
-#logo, #options-button, #about-button
+#logo, #options-button, #about-button, #favorites-button
{
font-family: 'Open Sans', sans-serif;
font-size: 16px;
@@ -253,7 +253,7 @@ p
overflow: scroll;
}
-.result {
+.result, .favorite {
width: 100%;
font-size: 14px;
padding: 8px;
@@ -261,6 +261,15 @@ p
cursor: pointer;
color: #428bca;
}
-.result:hover {
+.result:hover, .favorite:hover {
background-color: rgba(66, 139, 202, 0.04);
+}
+
+#favorite-icon
+{
+ width: 50%;
+}
+#favorite-toggle
+{
+ cursor: pointer;
}
\ No newline at end of file
+
+
+ Favorites
+
+
+
+ Options
diff --git a/main.js b/main.js index 6ea99f4..a468db6 100644 --- a/main.js +++ b/main.js @@ -1,4 +1,6 @@ var ResultLimit = 40; +var favorite = false; +var sub; $(function() { // Global Variables @@ -11,8 +13,8 @@ $(function() OP = ""; // Run - init(); hashLocation(); + init(); resize(); setTitle(); getPopularSubs(); @@ -159,11 +161,44 @@ $(document).on("keyup", "#input-title", function() // Change page title } }); +$(document).on("click", ".favorite", function() +{ + sub = $(this)[0].innerHTML; + ClearLeftSide(); + window.location.hash = "#"+sub; + getItems(sub, sort); +}); + $(document).on("click", "#showimage", function() // Show story image { $('#storyimage').toggle(); $('#showimage').text() == " Show Image" ? $('#showimage').html(" Hide Image") : $('#showimage').html(" Show Image"); }); +$(document).on("click", "#favorites-button", function(){ + ClearRightSide(); + $('#favorites').show(); +}); +$(document).on("click", "#favorite-toggle", function(){ + if(!favorite){ + var f = readCookie("favorites"); + createCookie("favorites", f+","+sub); + $("#favorite-toggle").empty(); + $("#favorite-toggle").append("★"); + $("#favorites-cont").append(""+sub+"
");
+ favorite = true;
+ }else{
+ var f = readCookie("favorites");
+ if(f!=""&&f!=null)
+ f = f.replace((","+sub), "");
+ else
+ f= "";
+ createCookie("favorites", f);
+ $("#favorite-toggle").empty();
+ $("#favorite-toggle").append("☆");
+ $("#favorites-cont").find("div").remove(":contains('"+sub+"')");
+ favorite = false;
+ }
+});
$("#getmore").click(function() // Load more
{
@@ -201,7 +236,18 @@ $(window).resize(function(){
function init()
{
- console.log(readCookie("showLogo"));
+ var f = readCookie("favorites");
+ if(f!=""&&f!=null){
+ var favorites = f.split(",");
+ for(var i=1;i