hyde_admin 0.0.5 → 0.0.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8e0533768c2271c1429d64400e80f166bac017b9efa08f658f4212d6505197de
-  data.tar.gz: 2a972b4b4dad61f61795f9e818bc739dcaba4525137f668396d819e2c86372db
+  metadata.gz: 8ef51602655e92300fd16efb61fc625738e962b8708146c702666fefe759d582
+  data.tar.gz: 695738c9eb64ff85aaa643fb2b06ac8219d9ed1abec97cd9fc2ca7a4b99014f8
 SHA512:
-  metadata.gz: a4d6e2a1095f6eebd9491903d441b02e157141f0174b19aa7514ec3b061a606873f8118fd37b3d76aab7f5fc2bb6637979c758213d37b3f941b4df49c640f13c
-  data.tar.gz: 2a56bcbed352601a821fe2d382183bc2c1f01787fa553ff52fd1a6c1a9620b7f49f99ab9320583b720ede03d731c49561ccb79b56ed20ead3a7e1bb2b45cdcb7
+  metadata.gz: 1076b6a7a5cd25e24715a5bfc27f5cc7ddb2f2a88c3406d6ca2affeb45e391cab4e74f734ef0036a6c33ae1f2fa61e977b63e8446cd26139aacafabcacbbde7e
+  data.tar.gz: 29719bfc0e10609a22b45590031c5e4fea57d9e190ba158a186d2fa523953d0c37df8e204ff8d846296b915fb108d9a0a7d61b0bb2ae8b9991dccc2175d0c519

data/CHANGELOG.md

@@ -1,3 +1,21 @@
+# 0.0.7
+
+Post edit : bugfix, keep layout & format when we don't show input.
+CodeMirror editor : form-control style
+Locales shows possible value for config.
+
+# 0.0.6
+
+Form upload image + style images selector
+Menu follows workflow
+Configuration remove beforeSend
+Rsync params
+Publish only for drafts
+
+# 0.0.5
+
+Sometimes no tags
+
 # 0.0.4
 
 Correct images selector

data/bin/admin_views/admin_layout.html.erb

@@ -32,12 +32,6 @@
         <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse">
           <div class="position-sticky pt-3">
             <ul class="nav flex-column">
-              <li class="nav-item">
-                <a class="nav-link active" aria-current="page" href="/<%= @hyde_parameters['site_index'] %>">
-                  <span data-feather="home" class="fas fa-eye"></span>
-                  <%= EscapeUtils.escape_html t.overview.capitalize %>
-                </a>
-              </li>
               <li class="nav-item">
               </li>
               <li class="nav-item">
@@ -64,14 +58,20 @@
                   <%= EscapeUtils.escape_html t.posts.capitalize %>
                 </a>
               </li>
-              <li class="nav-item"></li>
               <li class="nav-item">
                 <a class="nav-link" href="/files/index">
                   <span data-feather="users" class="fas fa-copy"></span>
                   <%= EscapeUtils.escape_html t.files.capitalize %>
                 </a>
               </li>
-              <li class="nav-item"></li>
+              <li></li>
+              <li class="nav-item mb-4 mt-4">
+                <a class="nav-link" href="/configuration">
+                  <span data-feather="layers" class="fas fa-tools"></span>
+                  <%= EscapeUtils.escape_html t.configuration.capitalize %>
+                </a>
+              </li>
+              <li></li>
               <li class="nav-item">
                 <a class="nav-link active" aria-current="page" href="/rebuild" id="btn-rebuild">
                   <span data-feather="home" class="fas fa-hammer"></span>
@@ -79,16 +79,15 @@
                 </a>
               </li>
               <li class="nav-item">
-                <a class="nav-link active" aria-current="page" href="/deploy" id="btn-deploy">
-                  <span data-feather="home" class="fas fa-cloud-upload-alt"></span>
-                  <%= EscapeUtils.escape_html t.deploy.capitalize %>
+                <a class="nav-link active" aria-current="page" target="_blank" href="/<%= @hyde_parameters['site_index'] %>">
+                  <span data-feather="home" class="fas fa-eye"></span>
+                  <%= EscapeUtils.escape_html t.overview.capitalize %>
                 </a>
               </li>
-              <li class="nav-item"></li>
               <li class="nav-item">
-                <a class="nav-link" href="/configuration">
-                  <span data-feather="layers" class="fas fa-tools"></span>
-                  <%= EscapeUtils.escape_html t.configuration.capitalize %>
+                <a class="nav-link active" aria-current="page" href="/deploy" id="btn-deploy">
+                  <span data-feather="home" class="fas fa-cloud-upload-alt"></span>
+                  <%= EscapeUtils.escape_html t.deploy.capitalize %>
                 </a>
               </li>
             </ul>
@@ -124,43 +123,45 @@
       <div class="modal-dialog" role="document">
         <div class="modal-content">
           <div class="modal-header">
-            <h5 class="modal-title">Images</h5>
+            <h5 class="modal-title"><%= t.images.capitalize %></h5>
             <!--
             <button type="button" class="btn btn-default close" data-dismiss="modal" aria-label="Close">
               <span aria-hidden="true">&times;</span>
             </button>
             -->
+            <button type="button" class="btn btn-outline-secondary btn-sm load-image">
+              <%= t.load_images.capitalize %>
+            </button>
           </div>
           <div class="modal-body">
             <div>
               <div class="image-selector-search d-block" data-page="0">
                 <form action="" class="form-inline">
                   <div class="form-group mb-2">
-                    <label for="inputPassword2" class="sr-only"><%= EscapeUtils.escape_html t.sort_by_date %></label>
                     <label>
-                      <input class="form-check-input" type="radio" name="sort_date" value="asc"> <%= EscapeUtils.escape_html t.older %>
+                      <input class="form-check-input" type="radio" name="sort_date" value="asc"> <%= EscapeUtils.escape_html t.newer.capitalize %>
                     </label>
                     &nbsp;&nbsp;&nbsp;
                     <label>
-                      <input class="form-check-input" type="radio" name="sort_date" value="desc"> <%= EscapeUtils.escape_html t.newer %>
+                      <input class="form-check-input" type="radio" name="sort_date" value="desc" checked> <%= EscapeUtils.escape_html t.older.capitalize %>
                     </label>
                   </div>
                   <div class="form-group mb-2">
-                    <label for="inputFilename" class="sr-only"><%= EscapeUtils.escape_html t.filename %></label>
-                    <input type="text" class="form-control" name="filename" id="inputFilename" placeholder="Filename...">
+                    <label for="inputFilename" class="sr-only"><%= EscapeUtils.escape_html t.filename.capitalize %></label>
+                    <input type="text" class="form-control" name="filename" id="inputFilename" placeholder="<%= EscapeUtils.escape_html t.filename_placeholder.capitalize %>">
                   </div>
-                  <button type="submit" class="btn btn-primary image-selector-search-submit d-block mb-2"><%= EscapeUtils.escape_html t.search %></button>
+                  <button type="submit" class="btn btn-primary image-selector-search-submit d-block mb-2"><%= EscapeUtils.escape_html t.search.capitalize %></button>
                 </form>
               </div>
               <div class="image-selector-content">
-                <% path = File.join(Pathname.new(App.gem_source_path), 'admin_views', 'partials', 'images_page.html.erb') %>
+                <% path = File.join(Pathname.new(Mid.gem_source_path), 'admin_views', 'partials', 'images_page.html.erb') %>
                 <%= ERB.new(File.read(path)).result(binding) %>
               </div>
-              <div class="image-selector-page">
-                <a href="#" title="<%= EscapeUtils.escape_html t.previous_images %>" class="btn btn-secondary image-selector-page-prev">
+              <div class="image-selector-page text-center">
+                <a href="#" title="<%= EscapeUtils.escape_html t.previous_images %>" class="btn btn-secondary image-selector-page-prev px-4">
                   <i class="fas fa-chevron-left"></i>
                 </a>
-                <a href="#" title="<%= EscapeUtils.escape_html t.next_images %>"class="btn btn-secondary image-selector-page-next">
+                <a href="#" title="<%= EscapeUtils.escape_html t.next_images %>" class="btn btn-secondary image-selector-page-next px-4">
                   <i class="fas fa-chevron-right"></i>
                 </a>
               </div>
@@ -213,6 +214,13 @@
           search(1);
           return false;
       });
+      $(document).on('click', '.load-image', function(){
+          var windowObjectReference = window.open("/upload_image_form", "update_image", "dialog=yes,menubar=no,location=no,resizable=no,scrollbars=yes,status=yes,outerWidth=800,innerHeight=300,width=800,height=300");
+          return false;
+      });
+      function reload_image(){
+          $('.load-image').click();
+      }
     </script>
     <script src="/fslightbox/fslightbox.js"></script>
   </body>

data/bin/admin_views/files/edit.erb

@@ -15,14 +15,14 @@
     </label>
 
     <% if @has_editor %>
-      <% path = File.join(Pathname.new(App.gem_source_path), 'admin_views', 'editor_html.erb') %>
+      <% path = File.join(Pathname.new(Mid.gem_source_path), 'admin_views', 'editor_html.erb') %>
       <%= ERB.new(File.read(path)).result(binding) %>
     <% end %>
 
   <textarea class="form-control text-editor" id="i-content" rows="3" name="content" style="font-family: <%= (['.html', '.xml', '.yml', '.js', '.md'].include?(File.extname(@file)) ? 'monospace' : 'inherit') %>"><%= @content %></textarea>
 
     <script type="text/javascript" charset="utf-8">
-        <% path = File.join(Pathname.new(App.gem_source_path), 'admin_views', 'editor_js.erb') %>
+        <% path = File.join(Pathname.new(Mid.gem_source_path), 'admin_views', 'editor_js.erb') %>
         <%= ERB.new(File.read(path)).result(binding) %>
     </script>
   </div>

data/bin/admin_views/partials/image_element.html.erb

@@ -1,4 +1,4 @@
-<div class="image-element">
+<div class="image-element mb-4">
   <img src="<%= @img %>" alt="<%= @img %>">
   <span class="font-size:8px;"><%= @img.split('/').last %></span>
 </div>

data/bin/admin_views/partials/images_page.html.erb

@@ -1,4 +1,4 @@
-<% path = File.join(Pathname.new(App.gem_source_path), 'admin_views', 'partials', 'image_element.html.erb') %>
+<% path = File.join(Pathname.new(Mid.gem_source_path), 'admin_views', 'partials', 'image_element.html.erb') %>
 <% myerb = ERB.new(File.read(path), eoutvar: "@bidule") %>
 <% # Why %= don't work !? Need to do a loop concat... %>
 <% $stderr.puts @images %>

data/bin/admin_views/posts/edit.erb

@@ -18,6 +18,7 @@
       <div id="i-path-help" class="form-text"><%= EscapeUtils.escape_html t.help_path %></div>
     </div>
   <% end %>
+
   <div class="mb-3">
     <label for="i-title" class="form-label"><%= EscapeUtils.escape_html t.title.capitalize %></label>
     <input type="text" value="<%= @headers.delete('title') %>" class="form-control" name="title" id="i-title">
@@ -33,49 +34,50 @@
   </div>
   <div class="mb-3">
     <label for="i-tags" class="form-label"><%= EscapeUtils.escape_html t.tags.capitalize %></label>
-    <input type="text" value="<%= App.extract_tags(@headers.delete('tags')).join(',') %>" class="form-control" name="tags" id="i-tags">
-    <div id="i-tags-help" class="form-text"><%= EscapeUtils.escape_html t.help_tags %></div>
-  </div>
-  <div class="mb-3 form-check">
-    <input type="checkbox" class="form-check-input" name="publish" value="publish" id="i-publish">
-    <label class="form-check-label" for="i-publish"><%= EscapeUtils.escape_html t.publish.capitalize %></label>
+    <input type="text" value="<%= Mid.extract_tags(@headers.delete('tags')).join(',') %>" class="form-control" name="tags" id="i-tags">
+    <div id="i-tags-help" class="form-text"><%= EscapeUtils.escape_html t.help_tags.capitalize %></div>
   </div>
 
+  <% if @type_file == 'drafts' %>
+    <div class="mb-3 form-check">
+      <input type="checkbox" class="form-check-input" name="publish" value="publish" id="i-publish">
+      <label class="form-check-label" for="i-publish"><%= EscapeUtils.escape_html t.publish.capitalize %></label>
+    </div>
+  <% end %>
+
+  <% selected_layout = @headers.delete('layout') %>
+  <% selected_layout = @hyde_parameters['default_layout'] if selected_layout.nil? || selected_layout.empty? %>
   <% if @hyde_parameters['display_layout'].to_s == 'true' %>
     <div class="mb-3">
       <label for="i-layout" class="form-label"><%= EscapeUtils.escape_html t.layout.capitalize %></label>
       <select class="form-select" aria-label="Choice layout" name="layout">
         <% Dir.glob(File.join(Dir.pwd, '_layouts', '*')).each do |f| %>
-          <% layout = File.basename(f, File.extname(f)) %>
-          <option <%= ((@headers['layout'] == f || (@headers['layout'].to_s.empty? && layout == @hyde_parameters['default_layout'])) ? 'selected' : '') %> value="<%= layout %>"><%= layout %></option>
+          <% layout_loop = File.basename(f, File.extname(f)) %>
+          <option <%= (layout_loop == selected_layout ? 'selected' : '') %> value="<%= layout_loop %>"><%= layout_loop %></option>
         <% end %>
       </select>
     </div>
-    <% @headers.delete('layout') %>
   <% else %>
-    <input type="hidden" name="layout" value="<%= @hyde_parameters['default_layout'] %>">
+    <input type="hidden" name="layout" value="<%= selected_layout %>">
   <% end %>
 
+  <% selected_format = File.extname(@file) %>
+  <% selected_format = ".#{@hyde_parameters['default_format']}" if selected_format.empty? %>
   <% if @hyde_parameters['display_format'].to_s == 'true' %>
     <div class="mb-3">
       <label for="i-format" class="form-label"><%= EscapeUtils.escape_html t.format.capitalize %></label>
       <select class="form-select" id="select-format" aria-label="Choice format" name="format">
-        <% format = File.extname(@file) %>
-        <% format = ".#{@hyde_parameters['default_format']}" if format.empty? %>
         <% { 'html' => 'html', 'markdown' => 'md' }.each do |k, v| %>
-          <option <%= (format == ".#{v}" ? 'selected' : '') %> value="<%= v %>"><%= k %></option>
+          <option <%= (selected_format == ".#{v}" ? 'selected' : '') %> value="<%= v %>"><%= k %></option>
         <% end %>
       </select>
     </div>
-    <script type="text/javascript" charset="utf-8">
-        window.mode_markdown = '<%= format %>' === '.md';
-    </script>
   <% else %>
-    <input type="hidden" name="format" value="<%= @hyde_parameters['default_format'] %>">
-    <script type="text/javascript" charset="utf-8">
-      window.mode_markdown = '<%= @hyde_parameters['default_format'] %>' === 'md';
-    </script>
+    <input type="hidden" name="format" value="<%= selected_format.gsub('.','') %>">
   <% end %>
+  <script type="text/javascript" charset="utf-8">
+      window.mode_markdown = '<%= selected_format %>' === '.md';
+  </script>
 
   <% @headers.each do |k,v| %>
     <div class="mb-3">
@@ -89,8 +91,8 @@
 
   <div class="mb-3 template-header" style="display: none">
     <div class="row">
-      <div class="col-sm-4"><input type="text" class="col-sm-6 form-control header-name" name="" placeholder="header name"></div>
-      <div class="col-sm-8"><input type="text" class="col-sm-6 form-control header-value" name="" placeholder="header value"></div>
+      <div class="col-sm-4"><input type="text" class="col-sm-6 form-control header-name" name="" placeholder="<%= EscapeUtils.escape_html t.header_name.capitalize %>"></div>
+      <div class="col-sm-8"><input type="text" class="col-sm-6 form-control header-value" name="" placeholder="<%= EscapeUtils.escape_html t.header_value.capitalize %>"></div>
     </div>
   </div>
 
@@ -111,7 +113,7 @@
   <div class="mb-3">
     <label for="i-content" class="form-label"><%= EscapeUtils.escape_html t.content.capitalize %> <a href="https://jekyllrb.com/docs/liquid/" class="text-secondary" target="_blank"><i class="fas fa-question-circle"></i></a></label>
 
-    <% path = File.join(Pathname.new(App.gem_source_path), 'admin_views', 'editor_html.erb') %>
+    <% path = File.join(Pathname.new(Mid.gem_source_path), 'admin_views', 'editor_html.erb') %>
     <%= ERB.new(File.read(path)).result(binding) %>
 
     <textarea class="form-control text-editor" id="i-content" rows="3" name="content"><%= @content %></textarea>
@@ -150,7 +152,7 @@
         return false;
     });
 
-    <% path = File.join(Pathname.new(App.gem_source_path), 'admin_views', 'editor_js.erb') %>
+    <% path = File.join(Pathname.new(Mid.gem_source_path), 'admin_views', 'editor_js.erb') %>
     <%= ERB.new(File.read(path)).result(binding) %>
 
 </script>

data/bin/admin_views/posts/listing.erb

@@ -14,12 +14,15 @@
       </th>
     </tr>
     <% @files.each do |f| %>
+      <% edit_path = "/#{@type_file}?file=#{f}" %>
     <tr>
       <td>
-        <%= f.gsub(File.join(Dir.pwd, ''),'') %>
+        <a href="<%= edit_path %>" class="link-dark">
+          <%= f.gsub(File.join(Dir.pwd, ''),'') %>
+        </a>
       </td>
       <td>
-        <a href="/<%= @type_file %>?file=<%= f %>" class="btn btn-default"><i class="fa fa-edit" title="<%= EscapeUtils.escape_html t.edit.capitalize %>"></i></a>
+        <a href="<%= edit_path %>" class="btn btn-default"><i class="fa fa-edit" title="<%= EscapeUtils.escape_html t.edit.capitalize %>"></i></a>
       </td>
       <td>
         <form method="post" action="/<%= @type_file %>/delete" class="inline form-confirm" data-confirm="<%= EscapeUtils.escape_html t.are_you_sure %>">

data/bin/admin_views/upload_image_form.erb

@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="utf-8">
+    <title>Hyde for Jekyll</title>
+
+    <meta name="description" content="Hyde for Jekyll">
+    <meta name="author" content="Sylvain Claudel (https://blog.rivsc.ovh)">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+
+    <script type="text/javascript" charset="utf-8">
+      $(function(){
+          $(document).on('click', '.btn-return-to-editor', function(){
+              //don't work
+              //window.opener.reload_image();
+              window.close();
+          });
+      });
+    </script>
+  </head>
+  <body style="width:800px;" class="p-4">
+      <h1><%= t.upload_image_form.capitalize %></h1>
+
+      <% if @filenames %>
+        <%= t.pictures_has_been_uploaded.capitalize %> : <%= @filenames.join(', ') %>
+      <% end %>
+
+      <form enctype="multipart/form-data" method="post" action="/upload_image" class="row g-3">
+        <div class="col-10">
+          <input type="file" name="files[]" multiple class="form-control">
+        </div>
+        <div class="col-2">
+          <button class="btn btn-primary"><%= t.upload.capitalize %></button>
+        </div>
+      </form>
+
+      <button class="btn btn-secondary btn-return-to-editor fixed-bottom mb-4 ms-4"><%= t.quit.capitalize %></button>
+  </body>
+</html>

data/bin/hyde_admin.ru

@@ -9,8 +9,11 @@ require 'escape_utils'
 require_relative '../lib/hyde_admin/version'
 
 # TODO détecter format nouveau post (pour codemirror)
+# Serve
+
+class Mid < Roda
+  plugin :middleware
 
-class App < Roda
   YML_FILE_NAME = "hyde_admin.yml"
 
   plugin :render,
@@ -56,7 +59,7 @@ class App < Roda
   end
 
   def self.extract_header(str)
-    headers = App.extract_header_str(str).to_s.split("\n")
+    headers = Mid.extract_header_str(str).to_s.split("\n")
     headers = headers.select{ |header| !header.empty? }.map{ |header| header.scan(/([a-zA-Z0-9]*): (.*)/).flatten }.select{ |header| !header.empty? }
     hsh_headers = {}
     if !headers.flatten.empty?
@@ -114,12 +117,13 @@ class App < Roda
     end
 
     r.on "deploy" do
-      `#{@hyde_parameters['rsync_fullpath']} #{Dir.pwd}/_site/ #{@hyde_parameters['deploy_dest_user']}@#{@hyde_parameters['deploy_dest_address']}:#{@hyde_parameters['deploy_dest_path']}`
+      `#{@hyde_parameters['rsync_fullpath']} -avzr #{Dir.pwd}/_site/ #{@hyde_parameters['deploy_dest_user']}@#{@hyde_parameters['deploy_dest_address']}:#{@hyde_parameters['deploy_dest_path']}`
       r.redirect "/dashboard"
     end
 
     r.post "configuration" do
       r.params.each_pair do |k,v|
+        next if k.to_s == "beforeSend"
         @hyde_parameters[k] = v
       end
       File.open(File.join(Dir.pwd, YML_FILE_NAME),"w+") do |f|
@@ -136,6 +140,26 @@ class App < Roda
       view("dashboard")
     end
 
+    r.on "upload_image_form" do
+      render("upload_image_form")
+    end
+
+    r.post "upload_image" do
+      files = [r.params['files']].flatten # 1 or more files
+      @filenames = []
+      files.each do |file|
+        filename = file[:filename]
+        while File.exist?(File.join(@hyde_parameters['images_path'], filename))
+          filename = "#{File.basename(filename, File.extname(filename))}_#{File.extname(filename)}"
+        end
+        @filenames << filename
+        File.open(File.join(@hyde_parameters['images_path'], filename), 'wb') do |f|
+          f.write(file[:tempfile].read)
+        end
+      end
+      render("upload_image_form")
+    end
+
     r.on "files" do
       @dir_path = r.params['dir_path'] || Dir.pwd
 
@@ -150,6 +174,7 @@ class App < Roda
       r.post "create" do
         files = [r.params['files']].flatten # 1 or more files
         files.each do |file|
+          # TODO rename file if exist
           File.open(File.join(@dir_path, file[:filename]), 'wb') do |f|
             f.write(file[:tempfile].read)
           end
@@ -176,8 +201,8 @@ class App < Roda
       r.get "edit" do
         @file = r.params['file']
         @content = File.read(@file)
-        @header = App.extract_header_str(@content)
-        @content = App.remove_header(@content)
+        @header = Mid.extract_header_str(@content)
+        @content = Mid.remove_header(@content)
         @has_header = (!@header.nil? && !@header.empty?)
         @has_editor = ['.html','.md'].include?(File.extname(@file))
         view("files/edit")
@@ -219,7 +244,7 @@ class App < Roda
         path = r.params['path']
         title = r.params['title']
         I18n.config.available_locales = :en
-        new_path = path.gsub(REGEXP_EXTRACT_DATE_TITLE_FROM_FILENAME, "\\1#{App.transliterate_title_for_url(title)}\\3")
+        new_path = path.gsub(REGEXP_EXTRACT_DATE_TITLE_FROM_FILENAME, "\\1#{Mid.transliterate_title_for_url(title)}\\3")
         response.write(new_path)
       end
       r.post "update_date_today" do
@@ -242,7 +267,7 @@ class App < Roda
         all_images = all_images.reverse if sort_date == 'asc'
         @images = all_images[start_elts, nb_elements_per_page]
 
-        path = File.join(Pathname.new(App.gem_source_path), 'admin_views', 'partials', 'images_page.html.erb')
+        path = File.join(Pathname.new(Mid.gem_source_path), 'admin_views', 'partials', 'images_page.html.erb')
         data = ERB.new(File.read(path)).result(binding)
 
         response.write(data)
@@ -286,7 +311,7 @@ class App < Roda
           @file = r.params['file']
 
           content_file = File.read(@file)
-          @headers = App.extract_header(content_file)
+          @headers = Mid.extract_header(content_file)
           @content = File.read(@file).gsub(/---(.*?)---/m, "")
 
           # for page
@@ -316,7 +341,7 @@ class App < Roda
           #$stderr.puts "---->"
 
           if @new_file.nil? || @new_file.empty?
-            filename = App.urlize(@date, @title, (@type_file != 'pages'))
+            filename = Mid.urlize(@date, @title, (@type_file != 'pages'))
             @new_file = File.join(Dir.pwd,"_#{@type_file}", "#{filename}.#{@format}")
           end
 
@@ -358,4 +383,11 @@ class App < Roda
   end
 end
 
+# https://roda.jeremyevans.net/rdoc/classes/Roda/RodaPlugins/Middleware.html
+class App < Roda
+  use Mid
+  use Rack::Static, :urls => [''], root: Dir.pwd # allow to match all files in Dir.pwd
+end
+
 run App.freeze.app
+

data/bin/hyde_assets/hyde_admin.css

@@ -12,6 +12,7 @@
     height: 100%;
     object-fit: contain;
     overflow: hidden;
+    border:2px solid white;
 }
 .image-selector-content .image-element img:hover{
     border:2px solid gray;
@@ -23,9 +24,14 @@
 
 .image-element span{
     position: absolute;
-    bottom:5px;
+    bottom:0px;
     left:5px;
     z-index: 10;
     font-weight: bold;
-    text-shadow:white 0px 0px 3px, white 0px 0px 2px;
+    margin-bottom: -20px;
+}
+
+.CodeMirror{
+    border: 1px solid #ced4da;
+    border-radius: 4px;
 }

data/bin/i18n/en.yml

@@ -39,7 +39,7 @@ help_default_layout: default layout for jekyll posts/pages
 deploy_dest_user: deploy remote user
 help_deploy_dest_user: Ssh user for rsync
 deploy_dest_address: deploy remote domain
-help_deploy_dest_address: remote domain for ssh deployment
+help_deploy_dest_address: remote domain for ssh deployment (example.com)
 deploy_dest_path: deploy remote path
 help_deploy_dest_path: remote path on disk for ssh deployment
 rsync_fullpath: rsync path
@@ -47,24 +47,24 @@ help_rsync_fullpath: if rsync is not in PATH, othervise just let 'rsync'
 site_index: index file name of site
 help_site_index: link to open when we click on overview
 hyde_admin_language: hyde admin language
-help_hyde_admin_language: To change hyde admin language interface
+help_hyde_admin_language: To change hyde admin language interface (fr = french, en = english)
 set_date_today: set date at today
 change_date_path: update date in path
 change_title_path: update title in path
 directory_input_placeholder: directory name to create
 file_input_placeholder: file name to create
 hyde_admin_auth: enable BasicAuth
-help_hyde_admin_auth: enable BasicAuth
+help_hyde_admin_auth: enable BasicAuth (true/false)
 hyde_admin_user: BasicAuth user
 help_hyde_admin_user: BasicAuth user
 hyde_admin_password: BasicAuth password
 help_hyde_admin_password: BasicAuth password
 default_format: default format
-help_default_format: default format
+help_default_format: default format (html = html, md = markdown)
 display_layout: display the layout input on edit form
-help_display_layout: display the layout input on edit form
+help_display_layout: display the layout input on edit form (true/false)
 display_format: display the format input on edit form
-help_display_format: display the format input on edit form
+help_display_format: display the format input on edit form (true/false)
 images_path: pictures path
 help_images_path: relative local picture path
 editor_undo: Undo
@@ -93,3 +93,11 @@ previous_images: previous images
 next_images: next images
 search: search
 filename: filename
+filename_placeholder: filename...
+upload_image_form: upload image form
+pictures_has_been_uploaded: pictures has been uploaded
+quit: quit
+header_name: header name
+header_value: header value
+images: images
+load_images: load images

data/bin/i18n/fr.yml

@@ -39,7 +39,7 @@ help_default_layout: présentation par défaut pour les posts et pages
 deploy_dest_user: Utilisateur pour déploiement
 help_deploy_dest_user: Utilisateur pour déploiement par ssh
 deploy_dest_address: Adresse pour déploiement
-help_deploy_dest_address: Domaine ou adresse IP pour déploiement à travers ssh
+help_deploy_dest_address: Domaine ou adresse IP pour déploiement à travers ssh (example.com)
 deploy_dest_path: chemin distant pour déploiement
 help_deploy_dest_path: chemin distant pour déploiement du site
 rsync_fullpath: chemin rsync
@@ -47,24 +47,24 @@ help_rsync_fullpath: si rsync n'est pas dans le PATH, sinon laissez 'rsync'
 site_index: nom du fichier index pour le site
 help_site_index: Lien pour le lien aperçu, pensez à l'extention si nécessaire
 hyde_admin_language: hyde admin langue
-help_hyde_admin_language: Pour changer la langue d'interface de hyde admin
+help_hyde_admin_language: Pour changer la langue d'interface de hyde admin (fr = français, en = anglais)
 set_date_today: mets la date du jour
 change_date_path: mets à jour la date dans le chemin de fichier
 change_title_path: mets à jour le titre dans le chemin de fichier
 directory_input_placeholder: nom du dossier à créer
 file_input_placeholder: nom du fichier à créer
 hyde_admin_auth: enable BasicAuth
-help_hyde_admin_auth: enable BasicAuth
+help_hyde_admin_auth: enable BasicAuth (true/false)
 hyde_admin_user: BasicAuth user
 help_hyde_admin_user: BasicAuth user
 hyde_admin_password: BasicAuth password
 help_hyde_admin_password: BasicAuth password
 default_format: format par défaut
-help_default_format: format par défaut pour les posts
+help_default_format: format par défaut pour les posts (html = html, md = markdown)
 display_layout: affiche le choix du layout sur le formulaire d'édition
-help_display_layout: affiche le choix du layout sur le formulaire d'édition
+help_display_layout: affiche le choix du layout sur le formulaire d'édition (true/false)
 display_format: affiche le choix du format sur le formulaire d'édition
-help_display_format: affiche le choix du format sur le formulaire d'édition
+help_display_format: affiche le choix du format sur le formulaire d'édition (true/false)
 images_path: chemin des images
 help_images_path: chemin local relatif des images
 editor_undo: Annuler
@@ -92,4 +92,12 @@ newer: récente d'abord
 previous_images: images précédentes " lol
 next_images: images suivantes
 search: recherche
-filename: nom de fichier
+filename: nom de fichier
+filename_placeholder: nom de fichier...
+upload_image_form: formulaire d'upload d'image
+pictures_has_been_uploaded: les images ont été uploadées
+quit: quitter
+header_name: nom d'entête
+header_value: valeur d'entête
+images: images
+load_images: charger images

data/lib/hyde_admin/version.rb

@@ -1,3 +1,3 @@
 module HydeAdmin
-  VERSION = "0.0.5"
+  VERSION = "0.0.7"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: hyde_admin
 version: !ruby/object:Gem::Version
-  version: 0.0.5
+  version: 0.0.7
 platform: ruby
 authors:
 - Sylvain Claudel
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-10-21 00:00:00.000000000 Z
+date: 2021-10-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: roda
@@ -107,6 +107,7 @@ files:
 - bin/admin_views/partials/images_page.html.erb
 - bin/admin_views/posts/edit.erb
 - bin/admin_views/posts/listing.erb
+- bin/admin_views/upload_image_form.erb
 - bin/fslightbox/fslightbox.js
 - bin/hyde_admin
 - bin/hyde_admin.ru