3890 UI for transkribus

Gemfile

@@ -80,7 +80,9 @@ end
 
 group :test do
   gem 'capybara'
+  gem 'coveralls', require: false
   gem 'database_cleaner'
+  gem 'faker'
   gem 'rails-controller-testing'
   gem 'selenium-webdriver'
   gem 'shoulda'

Gemfile.lock

@@ -181,6 +181,12 @@ GEM
     clipboard-rails (1.7.1)
     coderay (1.1.3)
     concurrent-ruby (1.2.3)
+    coveralls (0.7.1)
+      multi_json (~> 1.3)
+      rest-client
+      simplecov (>= 0.7)
+      term-ansicolor
+      thor
     crack (1.0.0)
       bigdecimal
       rexml
@@ -212,6 +218,7 @@ GEM
     diff-lcs (1.5.1)
     diffy (3.4.2)
     docile (1.4.0)
+    domain_name (0.6.20240107)
     dotenv (2.8.1)
     dotenv-rails (2.8.1)
       dotenv (= 2.8.1)
@@ -234,6 +241,8 @@ GEM
     factory_bot_rails (6.4.3)
       factory_bot (~> 6.4)
       railties (>= 5.0.0)
+    faker (3.4.2)
+      i18n (>= 1.8.11, < 2)
     faraday (2.8.1)
       base64
       faraday-net_http (>= 2.0, < 3.1)
@@ -260,6 +269,9 @@ GEM
       activesupport (>= 2)
       nokogiri (>= 1.4)
     htmlentities (4.3.4)
+    http-accept (1.7.0)
+    http-cookie (1.0.7)
+      domain_name (~> 0.5)
     http_accept_language (2.1.1)
     httparty (0.21.0)
       mini_mime (>= 1.0.0)
@@ -342,6 +354,9 @@ GEM
       rack-contrib (>= 1.1, < 3)
       railties (>= 3.0.0, < 8)
     method_source (1.1.0)
+    mime-types (3.5.2)
+      mime-types-data (~> 3.2015)
+    mime-types-data (3.2024.0903)
     mini_magick (4.12.0)
     mini_mime (1.1.5)
     mini_portile2 (2.8.6)
@@ -367,6 +382,7 @@ GEM
     net-smtp (0.5.0)
       net-protocol
     net-ssh (7.2.3)
+    netrc (0.11.0)
     newrelic_rpm (9.9.0)
     nio4r (2.7.1)
     nokogiri (1.15.6)
@@ -493,6 +509,11 @@ GEM
     responders (3.1.1)
       actionpack (>= 5.2)
       railties (>= 5.2)
+    rest-client (2.1.0)
+      http-accept (>= 1.7.0, < 2.0)
+      http-cookie (>= 1.0.2, < 2.0)
+      mime-types (>= 1.16, < 4.0)
+      netrc (~> 0.8)
     rexml (3.2.6)
     rinku (2.0.6)
     rmagick (5.5.0)
@@ -594,7 +615,10 @@ GEM
       net-ssh (>= 2.8.0)
     ssrf_filter (1.1.2)
     stackprof (0.2.26)
+    sync (0.5.0)
     temple (0.10.3)
+    term-ansicolor (1.11.2)
+      tins (~> 1.0)
     terminal-table (3.0.2)
       unicode-display_width (>= 1.1.1, < 3)
     terser (1.2.2)
@@ -627,6 +651,9 @@ GEM
     tilt (2.3.0)
     timeago_js (3.0.2.2)
     timeout (0.4.1)
+    tins (1.33.0)
+      bigdecimal
+      sync
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
     uglifier (4.2.0)
@@ -679,6 +706,7 @@ DEPENDENCIES
   carrierwave
   charlock_holmes
   clipboard-rails
+  coveralls
   database_cleaner
   devise
   devise-encryptable
@@ -690,6 +718,7 @@ DEPENDENCIES
   edtf
   edtf-humanize
   factory_bot_rails
+  faker
   flamegraph
   forty_facets
   friendly_id

app/assets/stylesheets/ai_job.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the ai_job controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: https://sass-lang.com/

app/assets/stylesheets/ai_jobs.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the ai_jobs controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: https://sass-lang.com/

app/assets/stylesheets/ai_results.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the ai_results controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: https://sass-lang.com/

app/assets/stylesheets/components/buttons.scss

@@ -119,7 +119,7 @@ button, .button, input[type="submit"], input[type="reset"], input[type="button"]
 }
 
 // Button without content
-button:empty, .button:empty {
+button:empty, .button:empty:not(input) {
   padding: 0;
   width: $btnHeight;
   height: $btnHeight;
@@ -160,4 +160,4 @@ button:empty, .button:empty {
       position: relative;
     }
   }
-}
+}

app/assets/stylesheets/scaffolds.scss

@@ -1,69 +1,65 @@
 body {
   background-color: #fff;
   color: #333;
-  font-family: verdana, arial, helvetica, sans-serif;
-  font-size: 13px;
-  line-height: 18px;
-}
+  margin: 33px; }
 
-p, ol, ul, td {
+body, p, ol, ul, td {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 13px;
-  line-height: 18px;
-}
+  line-height: 18px; }
 
 pre {
   background-color: #eee;
   padding: 10px;
-  font-size: 11px;
-}
+  font-size: 11px; }
 
 a {
-  color: #000;
-  &:visited {
-    color: #666;
-  }
-  &:hover {
-    color: #fff;
-    background-color: #000;
-  }
-}
+  color: #000; }
+
+a:visited {
+  color: #666; }
+
+a:hover {
+  color: #fff;
+  background-color: #000; }
+
+th {
+  padding-bottom: 5px; }
 
-div {
-  &.field, &.actions {
-    margin-bottom: 10px;
-  }
-}
+td {
+  padding: 0 5px 7px; }
+
+div.field,
+div.actions {
+  margin-bottom: 10px; }
 
 #notice {
-  color: green;
-}
+  color: green; }
 
 .field_with_errors {
   padding: 2px;
   background-color: red;
-  display: table;
-}
+  display: table; }
 
 #error_explanation {
   width: 450px;
   border: 2px solid red;
-  padding: 7px;
-  padding-bottom: 0;
+  padding: 7px 7px 0;
   margin-bottom: 20px;
-  background-color: #f0f0f0;
-  h2 {
-    text-align: left;
-    font-weight: bold;
-    padding: 5px 5px 5px 15px;
-    font-size: 12px;
-    margin: -7px;
-    margin-bottom: 0px;
-    background-color: #c00;
-    color: #fff;
-  }
-  ul li {
-    font-size: 12px;
-    list-style: square;
-  }
-}
+  background-color: #f0f0f0; }
+
+#error_explanation h2 {
+  text-align: left;
+  font-weight: bold;
+  padding: 5px 5px 5px 15px;
+  font-size: 12px;
+  margin: -7px -7px 0;
+  background-color: #c00;
+  color: #fff; }
+
+#error_explanation ul li {
+  font-size: 12px;
+  list-style: square; }
+
+label {
+  display: block; }

app/assets/stylesheets/sections/collection.scss

@@ -147,7 +147,7 @@
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
-    
+
     .userpic {
       font-size: 26px;
       margin-right: 6px;
@@ -306,7 +306,7 @@
 
 .category-article dd p {
   width: 33%;
-  display: flex;    
+  display: flex;
 }
 
 .category-article dd p a {
@@ -448,7 +448,7 @@
     white-space: normal !important;
     vertical-align: top;
   }
-  td:nth-child(1), th { 
+  td:nth-child(1), th {
     width: 30%;
   }
   td:nth-child(2) {
@@ -465,7 +465,6 @@
     vertical-align: top;
   }
   select, .inline-btn, .select2 {
-    margin-left: 1em;
     display: inline-block;
 
     &.select2-hidden-accessible {
@@ -493,6 +492,12 @@
   }
 }
 
+.page-settings {
+  .sidecol {
+    padding-top: 0.5em;
+  }
+}
+
 .side-tabs {
   $textColor: #322;
   float: left;
@@ -571,7 +576,7 @@
       padding-right: 1em;
     }
   }
-  
+
   &.expanded {
     .user-label {
       display: inline-block;
@@ -619,7 +624,7 @@
   background-color: $bgColor;
   border-radius: 16px;
   padding: 1em;
-  
+
   text-align: center;
   color: $bodyFgLight;
 }
@@ -654,12 +659,12 @@
   &_format {
     flex: 1 1 auto;
     padding-right: 15px;
-  
+
     h5 {
       display: flex;
       align-items: center;
       margin: 0 0 0.25em 0;
-  
+
       input {
         width: 19px;
         height: 19px;
@@ -712,12 +717,12 @@
   &_format {
     flex: 1 1 auto;
     padding-right: 15px;
-  
+
     h5 {
       display: flex;
       align-items: center;
       margin: 0 0 0.25em 0;
-  
+
       input {
         width: 19px;
         height: 19px;

app/assets/stylesheets/sections/page.scss

@@ -545,6 +545,7 @@
 
 .page-image-preview {
   text-align: center;
+  margin-bottom: 50px;
   img {
     height: auto;
     max-width: 100%;

app/controllers/admin_controller.rb

@@ -3,8 +3,6 @@ class AdminController < ApplicationController
 
   before_action :authorized?
 
-  PAGES_PER_SCREEN = 20
-
   # no layout if xhr request
   layout Proc.new { |controller| controller.request.xhr? ? false : nil }, :only => [:edit_user, :update_user, :new_owner, :expunge_confirmation, :expunge_user]