populate-me 0.18.0 → 0.18.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 75cccfbdfe22ccdd34b88440988118fd1720a9915188e34a4e6140c2a1e3a240
-  data.tar.gz: c64e93f4fcf7990773a5bc18ec1a6d2d55e0cce82f76a150e784e5f59e1a3faf
+  metadata.gz: cbde94afb511faf76bbcf73fab4fcb0dba7109ac042df9eb76c2ea128de4b4a9
+  data.tar.gz: bc404f7572fc3a161942a88a403cab1e4d19a2c7042dcb84c285835b7fc7b30f
 SHA512:
-  metadata.gz: b789d3cefb18deec65e19457e734fffe5c3d92f75183c9ac98a29191604a4e4ec8c1f7263c3900a85e7d41e09a077e3e6bc58baeb1d85b40662f1175bed5f3e0
-  data.tar.gz: f13e107dba08eb63e1753e897b54039cf3cbefdcc9b22c9e40596f6033b1c4ffa873b9e611f4cb9d2547f7a6a8ca25aded561c0789dfbe4a112588fea55b8bf9
+  metadata.gz: 5e582594884b90d45f5a9e9894d73401cce46615818b7720c42f60e1ffb63084c45ddad9bfa53fd5c7e04d421b4da8145bbd1e49eed027e1f2c66fc4a752c7bd
+  data.tar.gz: 640d6e131ce2b2c8aba0f31669914249a64d1bb29a838e90a08519c5e8cefcbb359ef65f9d2fe3260b4bf19fb2d6e43c513dcd7ad8868f639def86b9d9666b37

data/lib/populate_me/admin/__assets__/css/asmselect.css

@@ -44,6 +44,12 @@
 	background-color: #e5e5e5;
 }
 
+.asmListItemPreview {
+	height: 3em;
+	display: inline-block;
+	margin-right: 1em;
+}
+
 .asmListItemLabel {
 	/* this is a span that surrounds the text in the item, except for the remove link */
 	padding: 5px; 

data/lib/populate_me/admin/__assets__/css/main.css

@@ -4,13 +4,13 @@ html, body {
   margin: 0;
   padding: 0;
   color: #002b36;
-  background-color: #eee8d5;
+  background-color: #ffffff;
   height: 100%;
   font-family: 'Avenir', sans-serif;
 }
 
 body {
-  line-height: 1.5em;
+  line-height: 1.5;
 }
 
 #finder {
@@ -18,11 +18,12 @@ body {
 }
 
 .column {
-  background: #fdf6e3;
+  position: relative;
+  background: #eeeeee;
   height: 100%;
   min-width: 250px;
   overflow: auto;
-  box-shadow: 0px 0px 10px #586e75;
+  box-shadow: 0px 0px 10px #555555;
 }
 
 .column > h1, .column > ol,
@@ -63,6 +64,16 @@ body {
   border: 1px solid #002b36;
 }
 
+.column > footer.main-footer {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  font-size: 0.5em;
+  padding: 20px;
+  box-sizing: border-box;
+}
+
 ol {
   list-style: none;
   margin: 0;
@@ -75,10 +86,7 @@ a {
   /* border-bottom: 1px solid #002b36; */
 }
 a:hover, a.selected {
-  /* Blue */
   color: #268bd2;
-  /* Green/Blue */
-  /* color: #2aa198; */
 }
 
 button { cursor: pointer; }
@@ -116,7 +124,7 @@ button.admin-delete:focus, button.admin-delete-nested:focus, .handle-button:focu
   cursor: -webkit-grab;
   cursor: grab;
 }
-.handle:active { 
+.handle:active {
   cursor: -moz-grabbing;
   cursor: -webkit-grabbing;
   cursor: grabbing;
@@ -125,7 +133,7 @@ button.admin-delete:focus, button.admin-delete-nested:focus, .handle-button:focu
 [type=submit] {
   border: 0px;
   cursor: pointer;
-  color: #fdf6e3;
+  color: #ffffff;
   background-color: #859900;
 }
 [type=submit]:hover {
@@ -141,11 +149,12 @@ button.admin-delete:focus, button.admin-delete-nested:focus, .handle-button:focu
   user-select: none;
 }
 .documents.grid {
-  width: 90%; width: 90vw;
+  width: 80%; width: 80vw;
 }
 .documents > li, .nested-documents > li {
   display: block;
   margin-bottom: 1em;
+  border-top: 1px solid #dddddd;
 }
 .documents.grid > li {
   display: inline-block;
@@ -160,8 +169,8 @@ button.admin-delete:focus, button.admin-delete-nested:focus, .handle-button:focu
   width: 200px;
 }
 .documents > li:hover, .nested-documents > li:hover {
-  background-color: #eee8d5;
-  outline: 0.5em solid #eee8d5;
+  background-color: #dddddd;
+  outline: 0.5em solid #dddddd;
 }
 .nested-documents > li > header {
   background: #002b36;
@@ -172,7 +181,7 @@ button.admin-delete:focus, button.admin-delete-nested:focus, .handle-button:focu
   border: 1px dashed #839496;
   background-color: #eee8d5;
 }
-.local-menu { font-size: 0.7em; }
+.local-menu { font-size: 0.8em; margin-top: 0.5em; }
 
 /* Forms */
 
@@ -187,7 +196,7 @@ form {
 input[type=text], input[type=email], input[type=search],
 textarea {
   border: 0px;
-  color: #839496;
+  color: #555555;
   background-color: #ffffff;
   width: 400px;
   padding: 0.5em;
@@ -202,8 +211,9 @@ textarea:focus {
   /* color: #002b36; */
 }
 
-textarea { height: 6em; resize: vertical; }
+textarea { height: 4em; resize: vertical; transition: 0.2s; }
 textarea.oneline { height: 1em; resize: none; }
+textarea:focus { height: 50vh; }
 
 fieldset {
   border: 0;
@@ -226,9 +236,9 @@ fieldset {
 
 .asmListItem {
   background-color: #ffffff;
-  border: 1px solid #fdf6e3;
+  border: 1px solid #eeeeee;
 }
-.asmListItem:hover { background-color: #eee8d5; }
+.asmListItem:hover { background-color: #dddddd; }
 .asmListItemLabel { padding-right: 2em; }
 .asmListSortable .asmListItemLabel {
   cursor: move;

data/lib/populate_me/admin/__assets__/js/asmselect.js

@@ -263,6 +263,17 @@
 					.addClass(options.listItemLabelClass)
 					.html($O.html()); 
 
+				if ( $O.data('preview') ) {
+
+					var $itemPreview = $("<img/>")
+						.attr("alt", '')
+						.attr("src", $O.data('preview'))
+						.addClass('asmListItemPreview');
+
+					$itemLabel.prepend($itemPreview);
+
+				}
+
 				var $item = $("<li></li>")
 					.attr('rel', optionId)
 					.addClass(options.listItemClass)

data/lib/populate_me/admin/views/page.erb

@@ -19,6 +19,9 @@
       <% if settings.logout_path? %>
         <p><a href="<%= request.script_name %><%= settings.logout_path %>">Logout</a></p>
       <% end %>
+      <footer class='main-footer'>
+        Populate Me is Content Managment System for premium design-led websites coded by <a href="https://www.rive.studio" target="_blank">Rive Studio</a>.<br/>&copy; <%= Time.now.year %> Mickaël Riga
+      </footer>
     </li></ol>
 
     <!-- Templates -->
@@ -61,21 +64,23 @@
 
     <script id="template-document" type="x-tmpl-mustache">
       <li class='admin-list-item' data-id='{{id}}'>
-        <header class='{{#sort_field}}handle{{/sort_field}}' title='{{#sort_field}}Drag and drop{{/sort_field}}'>
-          <button type='button' class='admin-delete' title='Delete' value='<%= request.script_name %>/api/{{admin_url}}'>&times;</button>
-        </header>
-        <a href="<%= request.script_name %>/form/{{admin_url}}" class='column-push' title='Edit'>
-          <span class='item-title'>{{title}}</span>
-          {{#image_url}}
-            <br />
-            <img src='{{image_url}}{{cache_buster}}' alt='{{title}}' width='300' />
-          {{/image_url}}
-        </a>
-        <ol class='local-menu'>
-          {{#local_menu}}
-            <li>&rarr; <a href="{{href}}" {{#new_page}}target='_blank'{{/new_page}}{{^new_page}}class='column-push'{{/new_page}} title='Open'>{{title}}</a></li>
-          {{/local_menu}}
-        </ol>
+        <div class="{{#sort_field}}handle{{/sort_field}}" title='{{#sort_field}}Drag and drop{{/sort_field}}'>
+          <header>
+            <button type='button' class='admin-delete' title='Delete' value='<%= request.script_name %>/api/{{admin_url}}'>&times;</button>
+          </header>
+          <a href="<%= request.script_name %>/form/{{admin_url}}" class='column-push' title='Edit'>
+            <span class='item-title'>{{title}}</span>
+            {{#image_url}}
+              <br />
+              <img src='{{image_url}}{{cache_buster}}' alt='{{title}}' width='300' />
+            {{/image_url}}
+          </a>
+          <ol class='local-menu'>
+            {{#local_menu}}
+              <li>&rarr; <a href="{{href}}" {{#new_page}}target='_blank'{{/new_page}}{{^new_page}}class='column-push'{{/new_page}} title='Open'>{{title}}</a></li>
+            {{/local_menu}}
+          </ol>
+        </div>
       </li>
     </script>
 

data/lib/populate_me/version.rb

@@ -1,4 +1,4 @@
 module PopulateMe
-  VERSION = '0.18.0'
+  VERSION = '0.18.1'
 end
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: populate-me
 version: !ruby/object:Gem::Version
-  version: 0.18.0
+  version: 0.18.1
 platform: ruby
 authors:
 - Mickael Riga
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-03-30 00:00:00.000000000 Z
+date: 2023-02-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: web-utils