Added config options

Author: RolandTi

stack/_inc/includes.html

@@ -17,7 +17,7 @@
 <meta name="application-name" content="{$shaarlititle}">
 <meta name="theme-color" content="#ffffff" />
 <!-- Assets -->
-<link type="text/css" rel="stylesheet" href="{$asset_path}/css/stack.css?v=231123#" />
+<link type="text/css" rel="stylesheet" href="{$asset_path}/css/stack.css?v=231124#" />
 {if="strpos($formatter, 'markdown') !== false"}
 <link type="text/css" rel="stylesheet" href="{$asset_path}/css/markdown.min.css?v={$version_hash}#" />
 {/if}
@@ -48,4 +48,4 @@
   {loop="link.taglist"}
 <meta property="article:tag" content="{$value}" />
   {/loop}
-{/if}
+{/if}

stack/_inc/page.header.html

@@ -7,8 +7,8 @@
 	        <a href="#" class="actions-change-visibility item_action" data-visibility="private">{'Set private'|t}</a>
 			<a href="#" class="subheader-opener button item_action" data-open-id="bulk-tag-action-add">{'Add tags'|t}</a>
 			<a href="#" class="subheader-opener button item_action" data-open-id="bulk-tag-action-delete">{'Delete tags'|t}</a>
-		</div>
-	</div>
+		</div><!--end subheader_item_actions-->
+	</div><!--end subheader-form-->
 
 
 	{$addDelete=['add', 'delete']}
@@ -44,10 +44,12 @@
 			<li><!--<a href="{$titleLink}">--><span class="shaarli_title">{$shaarlititle}</span><!--</a>--></li>
 			{if="$is_logged_in || $openshaarli"}
 			<!-- ADD SHAARE -->
-			<li><a href="{$base_path}/admin/add-shaare" id="shaarli-menu-shaare">{'Shaare'|t}</a>
-			</li>
+			<li><a href="{$base_path}/admin/add-shaare" id="shaarli-menu-shaare">{'Shaare'|t}</a></li>
 			{/if}
-		
+			{$noteEnabled=!empty($conf->get('config.STACK_NOTE')) ? $conf->get('config.STACK_NOTE') : false}
+            {if="$noteEnabled && $is_logged_in"}
+             <li><a href="{$base_path}/admin/shaare?post=" id="shaarli-menu-shaare-note">+ Note</a></li>
+            {/if}		
 			<!-- HOMELINK -->
 			<li><a href="{$titleLink}" id="shaarli-menu-home">{'My links'|t}</a></li>
 
@@ -58,7 +60,10 @@
 			<li><a href="{$base_path}/picture-wall?{function="ltrim($searchcrits, '&')"}" id="shaarli-menu-picwall">{'pics'|t}</a></li>
 			{/if}
 			<!-- DAILY -->
-			<li><a href="{$base_path}/daily" id="shaarli-menu-daily">{'Daily'|t}</a></li>
+			{$dailyDisabled=!empty($conf->get('config.STACK_DAILY')) ? $conf->get('config.STACK_DAILY') : false}
+            {if="!$dailyDisabled"}
+             <li><a href="{$base_path}/daily" id="shaarli-menu-daily">{'Daily'|t}</a></li>
+            {/if}
 			<!-- PLUGINS -->			
 			 {loop="$plugins_header.buttons_toolbar"}
 			<li>

stack/css/stack.css

@@ -1046,6 +1046,10 @@ select {
 	background-color: var(--main-color);
 }
 
+#shaarli-menu-shaare-note {
+	background-color: var(--main-color);
+}
+
 #nav-links li a:hover {
 	background-color: var(--dark-main-color);
 	color: var(--background-color);
@@ -1336,6 +1340,7 @@ a:hover .svg-fill {
 	padding-bottom: 1rem;
 }
 
+
 #linklist h2 {
 	color: var(--dark-main-color);
 	display: inline;
@@ -2262,13 +2267,10 @@ hr {
 
 	.linklist-item {
 		font-size: 125%;
-		transition: padding 100ms ease-in-out 0s;
 	}
 
 	.linklist-item:hover {
-		/*		outline: 2px solid var(--dark-main-color);*/
-		transition: padding 100ms ease-in-out 0s;
-		padding-left: 3rem;
+		background-color: rgba(0, 0, 0, 0.05);
 	}
 
 	.link_footer {

stack/linklist.html

@@ -83,7 +83,11 @@
 		      {ignore}End of translations{/ignore}
 
 {loop="links"}
-		
+
+{if="$conf->get('config.STACK_DEFAULT_UI')"}
+{$defaultUI=$conf->get('config.STACK_DEFAULT_UI')}
+{/if}
+	
 <article class="anchor linklist-item{if="$value.class"} {$value.class}{/if} {if="$value.sticky"}pinned{/if} {if="count($links)==1"}full-post{/if}" data-id="{$value.id}" id="{$value.shorturl}">							
 	<header>
 		 {if="$thumbnails_enabled && $value.thumbnail !== false"}
@@ -255,7 +259,10 @@ <h2>{if="$is_logged_in"}<span class="ctrl-checkbox" aria-hidden="true">
 	const s_ui_small = document.querySelector('.s_ui_small');
 	const s_ui_medium = document.querySelector('.s_ui_medium');
 	const s_ui_large = document.querySelector('.s_ui_large');
-	const active_sml = "sml-active";
+	const s_json_ui = {if="$defaultUI"}'{$defaultUI}'{else}null{/if};
+
+
+	//const active_sml = "sml-active";
 
 	// Small UI Button activation
 	s_ui_small.addEventListener("click", function() {
@@ -284,13 +291,14 @@ <h2>{if="$is_logged_in"}<span class="ctrl-checkbox" aria-hidden="true">
 		});
 	});
 
-	// Check if S/M/L config exist
-	if (localStorage.getItem("SML") === "small") {
+	// Check if S/M/L config exist in localStorage
+	if (localStorage.getItem("SML") === "small")  {
 		linkContent.forEach(el => {
 			el.classList.add('s_small_post');
 		});
 	}
 
+//	else if ((localStorage.getItem("SML") === "medium") || (s_json_ui === "medium")) {
 	else if (localStorage.getItem("SML") === "medium") {
 		linkContent.forEach(el => {
 			el.classList.add('s_medium_post');
@@ -302,6 +310,27 @@ <h2>{if="$is_logged_in"}<span class="ctrl-checkbox" aria-hidden="true">
 			el.classList.add('s_large_post');
 		});
 	}
+	
+	else if (localStorage.getItem("SML") === null) {
+		if (s_json_ui === "small")  {
+			linkContent.forEach(el => {
+				el.classList.add('s_small_post');
+			});
+		}
+		else if (s_json_ui === "medium") {
+			linkContent.forEach(el => {
+				el.classList.add('s_medium_post');
+			});
+		}
+		
+		else if (s_json_ui === "large") {
+			linkContent.forEach(el => {
+				el.classList.add('s_large_post');
+			});
+		}
+	}
+	
+
 })() 
 
 </script>