Fix markdown editor with myShaarli plugin

application/FeedBuilder.php

@@ -153,8 +153,7 @@ protected function buildItem($link, $pageaddr)
             $permalink = '<a href="'. $link['guid'] .'" title="'. t('Permalink') .'">'. t('Permalink') .'</a>';
         }
         $link['description']  = format_description($link['description'], '', false, $pageaddr);
-        $link['description'] .= PHP_EOL .'<br>&#8212; '. $permalink;
+        $link['permalink'] = PHP_EOL .'<br> &#8212;  '. $permalink;
-
         $pubDate = $link['created'];
         $link['pub_iso_date'] = $this->getIsoDate($pubDate);
 

index.php

@@ -607,7 +607,21 @@ function showDaily($pageBuilder, $LINKSDB, $conf, $pluginManager)
             $conf->get('redirector.url'),
             $conf->get('redirector.encode_url')
         );
-        $linksToDisplay[$key]['thumbnail'] = thumbnail($conf, $link['url']);
+
+
+        $thumb=lazyThumbnail($conf, $link['url'],$link['url']);
+        if ($thumb!='') // Only output links which have a thumbnail.
+        {
+            $linksToDisplay[$key]['thumbnail']=$thumb; // Thumbnail HTML code.
+        }
+        $thumUrl = $conf->get('plugins.ExternalThumbshot_URL');
+        if(empty($linksToDisplay[$key]['thumbnail'])){
+          $linksToDisplay[$key]['thumbnail'] = '<img class="b-lazy" src="#" data-src="'.$thumUrl.urlencode($link['url']).'" alt="Thumbnail" width="120" height="90">';
+        }
+
+
+
+        //$linksToDisplay[$key]['thumbnail'] = thumbnail($conf, $link['url']);
         $linksToDisplay[$key]['timestamp'] =  $link['created']->getTimestamp();
     }
 
@@ -780,8 +794,12 @@ function renderPage($conf, $pluginManager, $LINKSDB, $history, $sessionManager)
             if ($thumb!='') // Only output links which have a thumbnail.
             {
                 $link['thumbnail']=$thumb; // Thumbnail HTML code.
-                $linksToDisplay[]=$link; // Add to array.
             }
+            $thumUrl = $conf->get('plugins.ExternalThumbshot_URL');
+            if(empty($link['thumbnail'])){
+              $link['thumbnail'] = '<img class="b-lazy" src="#" data-src="'.$thumUrl.urlencode($link['url']).'" alt="Thumbnail" width="120" height="90">';
+            }
+          $linksToDisplay[]=$link; // Add to array.
         }
 
         $data = array(

plugins/myShaarli/myShaarli.php

@@ -44,9 +44,10 @@ function hook_myShaarli_render_linklist($data,$conf)
     foreach ($data['links'] as &$value) {
         $thumb = computeThumbnail($conf, $value['url']);
         if(empty($thumb)){
-          $value['thumbnail'] = '<img src="'.$thumUrl.urlencode($value['url']).'" alt="Thumbnail" width="120" height="90">';
+          //$value['thumbnail'] = '<img src="'.$thumUrl.urlencode($value['url']).'" alt="Thumbnail" width="120" height="90">';
+          $value['thumbnail'] = '<img class="b-lazy" src="#" data-src="'.$thumUrl.urlencode($value['url']).'" alt="Thumbnail" width="120" height="90">';
         } else {
-          $value['thumbnail'] = '<img src="'.$thumb['src'].'">';
+          $value['thumbnail'] = '<img class="b-lazy" src="#" data-src="'.$thumb['src'].'" alt="Thumbnail" width="120" height="90">';
         }
     }
     return $data;

plugins/origin/origin.php

@@ -77,8 +77,38 @@ function hook_origin_render_linklist($data,$conf)
  }
 
  // Try to get just domain for @via
- function getJustDomain($url)
+ function getJustDomain($url) {
- {
      $parts = parse_url($url);
-     return trim($parts['host']);
+     if(!empty($parts['host'])){
+         return trim($parts['host']);
+     } else {
+         return false;
+     }
+ }
+
+
+ /**
+  * Execute render_feed hook.
+  * Called with ATOM and RSS feed.
+  *
+  * Special data keys:
+  *   - _PAGE_: current page
+  *   - _LOGGEDIN_: true/false
+  *
+  * @param array $data data passed to plugin
+  *
+  * @return array altered $data.
+  */
+ function hook_origin_render_feed($data)
+ {
+     $origin_html = file_get_contents(PluginManager::$PLUGINS_PATH . '/origin/render.html');
+
+     foreach ($data['links'] as &$value) {
+         if(!empty($value['via'])){
+             $host = getJustDomain($value['via']);
+             $origin = sprintf($origin_html, $value['via'], $host);
+             $value['description'] = $value['description'].$origin;
+         }
+     }
+     return $data;
  }

plugins/origin/render.html

@@ -1,3 +1,3 @@
 <div class="origin clear">
-  Origin -> <a href="%s">%s</a>
+  Origin <i class="fa fa-share"></i> <a href="%s">%s</a>
 </div>

tpl/myShaarli/css/myShaarli.css

@@ -23,18 +23,27 @@ body {
 
 .label {
     display: inline-block;
-    padding: .25em .4em;
+    padding: .3em;
     font-size: 75%;
     font-weight: 700;
     line-height: 1;
     text-align: center;
     white-space: nowrap;
     vertical-align: baseline;
-    border-radius: .25rem;
+}
+
+.linklist-item-infos .label a{
+ border-radius: .3rem;
+ background-color: #ddd;
+ border: 1px solid #fff;
+ padding: .3em .6em;
 }
 
 .linklist-item-infos .label a:hover {
  color: #1b926c;
+ background-color: #fff;
+ border: 1px solid #333;
+ transition: color .2s linear, border .2s linear;
 }
 
 pre {
@@ -117,10 +126,7 @@ body, .pure-g [class*="pure-u"] {
  * MENU
  **/
 .shaarli-menu {
-    position: fixed;
-    top: 0;
     width: 100%;
-    --height: 60px;
     background: linear-gradient(#333333,#111111);
     background-color: #333333;
     box-shadow: 0 1px 2px rgba(0,0,0,0.5);
@@ -413,7 +419,6 @@ body, .pure-g [class*="pure-u"] {
 #content {
     position: relative;
     z-index: 2;
-    margin-top: 45px;
 }
 
 /**
@@ -671,6 +676,10 @@ body, .pure-g [class*="pure-u"] {
     color: #14553f;
 }
 
+.origin {
+    margin: .3em .3em .3em 0;
+}
+
 .linklist-item-thumbnail {
     position: relative;
     padding: .6em;
@@ -721,6 +730,7 @@ body, .pure-g [class*="pure-u"] {
 
 .linklist-item-infos .linklist-item-tags {
     font-size: 0.8em;
+    margin-bottom: .6em;
 }
 
 .linklist-item-infos .label-tag {
@@ -1199,25 +1209,32 @@ form[name="linkform"].page-form {
 /**
  * Picture wall CSS
  */
+.myShaarli_picwall {
+    background-color: #000;
+}
+
+.myShaarli_picwall .pure-u-lg-4-5 {
+    margin:auto;
+    background-color: #000;
+    box-shadow: none;
+}
+
 #picwall_container {
     margin: 0 10px 10px 10px;
     color: #252525;
-    background-color: #f5f5f5;
+    background-color: #000;
     clear: both;
+    text-align: center;
 }
 
 .picwall_pictureframe {
     margin: 2px;
-    background-color: #f5f5f5;
+    background-color: #000;
     z-index: 5;
     position: relative;
-    display: table-cell;
+    display: inline-flex;
-    vertical-align: middle;
-    width: 90px;
-    height: 90px;
     overflow: hidden;
     text-align: center;
-    float: left;
 }
 
 .b-lazy {
@@ -1235,6 +1252,7 @@ form[name="linkform"].page-form {
     max-width: 100%;
     height: auto;
     color: transparent;
+    border-radius:.3em;
 } /* Adapt the width of the image */
 
 .picwall_pictureframe a {
@@ -1252,13 +1270,14 @@ form[name="linkform"].page-form {
     position: absolute;
     top: 0;
     left: 0;
-    width: 90px;
+    width: 100%;
-    height: 90px;
+    height: 100%;
     font-weight: bold;
     font-size: 9pt;
     color: #f5f5f5;
     text-align: left;
     background-color: rgba(0, 0, 0, 0.8);
+    overflow-wrap: break-word;
 }
 
 /**
@@ -1289,6 +1308,7 @@ form[name="linkform"].page-form {
 
 .daily-entry {
     padding: 0 10px;
+    clear: both;
 }
 
 .daily-entry .daily-entry-title:after {

tpl/myShaarli/daily.html

@@ -69,9 +69,9 @@ <h3 class="window-subtitle">{function="format_date($dayDate, false)"}</h3>
                     </a>
                     <a href="{$link.real_url}">{$link.title}</a>
                   </div>
-                  {$thumb=thumbnail($value.url)}
+
-                  {if="$thumb!=false"}
+                  {if="$link.thumbnail!=false"}
-                    <div class="daily-entry-thumbnail">{$thumb}</div>
+                    <div class="daily-entry-thumbnail">{$link.thumbnail}</div>
                   {/if}
                   <div class="daily-entry-description">{$link.formatedDescription}</div>
                   {if="$link.tags"}
@@ -108,6 +108,9 @@ <h3 class="window-subtitle">{function="format_date($dayDate, false)"}</h3>
   </div>
 </div>
 {include="page.footer"}
+<script src="inc/blazy-1.3.1.min.js#"></script>
+<script>
+var bLazy = new Blazy();
+</script>
 </body>
 </html>
-

tpl/myShaarli/feed.atom.html

@@ -28,7 +28,7 @@
         <published>{$value.pub_iso_date}</published>
         <updated>{$value.up_iso_date}</updated>
       {/if}
-      <content type="html" xml:lang="{$language}"><![CDATA[{$value.description}]]></content>
+      <content type="html" xml:lang="{$language}"><![CDATA[{$value.description}]]> <![CDATA[{$value.permalink}]]></content>
       {loop="$value.taglist"}
         <category scheme="{$index_url}?searchtags=" term="{$value|strtolower}" label="{$value}" />
       {/loop}

tpl/myShaarli/linklist.html

@@ -120,12 +120,9 @@
       {loop="links"}
         <div class="anchor" id="{$value.shorturl}"></div>
         <div class="linklist-item linklist-item{if="$value.class"} {$value.class}{/if}" data-id="{$value.id}">
-
+          {if="isset($value.thumbnail) == true"}
-          {$thumb=($value.thumbnail)}
+          <div class="linklist-item-thumbnail">{$value.thumbnail}</div>
-          {if="$thumb!=false"}
-            <div class="linklist-item-thumbnail">{$thumb}</div>
           {/if}
-
           <div class="linklist-item-title">
             {if="isLoggedIn()"}
               <div class="linklist-item-editbuttons">
@@ -250,5 +247,9 @@ <h2>
 </div>
 
 {include="page.footer"}
+<script src="inc/blazy-1.3.1.min.js#"></script>
+<script>
+var bLazy = new Blazy();
+</script>
 </body>
 </html>

tpl/myShaarli/page.header.html

@@ -11,7 +11,7 @@
   <div class="pure-u-1">
     <div class="pure-menu menu-transform pure-menu-horizontal pure-g">
       <ul class="pure-menu-list pure-u-lg-5-6 pure-u-1">
-        <li>
+        <li class="pure-menu-item">
           <img src="img/logo_myShaarli.png" class="head-logo" alt="logo" />
         </li>
         <li class="pure-menu-item pure-u-0 pure-u-lg-visible">

tpl/myShaarli/picwall.html

@@ -6,9 +6,8 @@
 <body>
 {include="page.header"}
 
-<div class="pure-g">
+<div class="pure-g myShaarli_picwall">
-  <div class="pure-u-lg-1-6 pure-u-1-24"></div>
+  <div class="pure-u-lg-4-5 pure-u-22-24 page-form page-visitor">
-  <div class="pure-u-lg-2-3 pure-u-22-24 page-form page-visitor">
     {$countPics=count($linksToDisplay)}
     <h2 class="window-title">{'Picture Wall'|t} - {$countPics} {'pics'|t}</h2>
 
@@ -35,11 +34,9 @@ <h2 class="window-title">{'Picture Wall'|t} - {$countPics} {'pics'|t}</h2>
         {$value}
       {/loop}
     </div>
-  </div>
 </div>
 
 {include="page.footer"}
 <script src="inc/blazy-1.3.1.min.js#"></script>
 </body>
 </html>
-