chaas/debshots
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Massive revamping for Rails 8 and Zurb

Browse source
This commit is contained in:
Christoph Haas 2025-03-16 00:44:43 +01:00
parent 7f9502fdfb
commit b5534b1900
89 changed files with 12555 additions and 736 deletions
Download patch file Download diff file Expand all files Collapse all files

0
app/assets/builds/.keep Normal file
View file

8668
app/assets/builds/application.css
View file

File diff suppressed because it is too large Load diff

4
app/assets/config/manifest.js
View file

@ -1,4 +0,0 @@
//= link_tree ../images
//= link_directory ../javascripts .js
//= link_directory ../stylesheets .css
//= link application.js

123
app/assets/javascripts/application.js
View file

@ -1,123 +0,0 @@
// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file.
//
// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
// about supported directives.
//
//= require jquery
//= require jquery_ujs
//= require foundation
//= require_tree .
$(function(){ $(document).foundation(); });
// Load reviews on package's details page
load_reviews = function() {
// Display message while loading reviews
// $('#reviews').html("<i>Loading reviews...</i>");
// Hide the DIV so that in can be faded in later
$('#reviews').hide();
// The URL is specified in the #reviews's DIV data attribute
var url = $('#reviews').attr('data-package-reviews-url');
$('#reviews').load(url, null,
// Fade in the reviews as soon as the DIV is loaded and filled
function(){
$(this).fadeIn('slow')
}
);
};
// Initialize the upload form.
upload_form_init = function() {
// Disable the submit button if Javascript is supported.
// Upload will start right after selecting images.
$('#file-submit').hide();
// Install event handler to notice when files were selected.
$('#file').on('change', upload_form_files_selected);
};
upload_form_files_selected = function() {
no_files = this.files.length;
if (no_files > 0) {
$('#file-label').html(no_files+" files selected - uploading…"); // change label
$('#file-select-button').attr('disabled','disabled'); // disable select button
$('#file-form').submit(); // start upload
}
};
// Handle Ctrl-V to paste an image directly
function upload_paste_handler(event)
{
console.log("paste!");
var items = (event.clipboardData || event.originalEvent.clipboardData).items;
// /*Make Sure Only One File is Copied*/
// if (items.length != 1) {
// return;
// }
for (var i = 0 ; i < items.length ; i++)
{
var item = items[i];
console.log(item);
console.log("item size="+item.size);
if (!item.type.startsWith('image/'))
{
console.log("Skipping file with type "+item.type);
continue
}
console.log(item.type);
var file = item.getAsFile();
console.log(file);
upload_file_with_ajax(file);
}
}
function upload_file_with_ajax(file)
{
if (file==null)
{
console.log("File was null. Strange.");
display_error('Maybe the image was too large.');
return;
}
var formData = new FormData();
formData.append('file', file);
$.ajax(ajax_upload_url,
{
type: 'POST',
contentType: false,
processData: false,
data: formData,
//dataType: 'json',
error: function(xhr, txt, err)
{
console.log("AJAX file upload returned error: "+txt+" / "+err);
response = JSON.parse(xhr.responseText);
display_error(response);
},
success: function(res)
{
console.log("AJAX file upload was ok");
// Go back to details page to show the new upload
window.location.replace(after_upload_url);
}
});
}
function display_error(msg)
{
$('#messages').html(
'<div class="callout alert alert-callout-subtle radius">Sorry, pasting did not work. ' + msg + '</div>')
}

1
app/assets/javascripts/fslightbox.js
View file

File diff suppressed because one or more lines are too long

13
app/assets/javascripts/jquery.fancybox.min.js vendored
View file

File diff suppressed because one or more lines are too long

2
app/assets/stylesheets/_settings.scss
View file

@ -61,7 +61,7 @@
// 57. Xy Grid
@use "sass:color";
@import 'util/util';
@import 'foundation-sites/scss/util/util';
// 1. Global
// ---------

36
app/assets/stylesheets/actiontext.scss
View file

@ -1,36 +0,0 @@
//
// Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
// the trix-editor content (whether displayed or under editing). Feel free to incorporate this
// inclusion directly in any other asset bundle and remove this file.
//
//= require trix/dist/trix
// We need to override trix.css’s image gallery styles to accommodate the
// <action-text-attachment> element we wrap around attachments. Otherwise,
// images in galleries will be squished by the max-width: 33%; rule.
.trix-content {
.attachment-gallery {
> action-text-attachment,
> .attachment {
flex: 1 0 33%;
padding: 0 0.5em;
max-width: 33%;
}
&.attachment-gallery--2,
&.attachment-gallery--4 {
> action-text-attachment,
> .attachment {
flex-basis: 50%;
max-width: 50%;
}
}
}
action-text-attachment {
.attachment {
padding: 0 !important;
max-width: 100% !important;
}
}
}

3
app/assets/stylesheets/admin.scss
View file

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

22
app/assets/stylesheets/application.sass.scss Normal file
View file

@ -0,0 +1,22 @@
// Customize Foundation settings before loading the framework
// @use '_settings' with (
// // Override default variables
// $primary-color: #1779ba,
// $header-color: green
// );
// @import 'foundation-sites/scss/foundation';
@import 'foundation_and_overrides';
// @import 'foundation-sites/scss/util/util';
// Include specific Foundation components (optional)
// see https://get.foundation/sites/docs/sass.html#adjusting-css-output
@include foundation-global-styles;
@include foundation-grid;
@include foundation-typography;
@include foundation-forms;
@include foundation-button;
// Add more components as needed
@import 'my_styles';

16
app/assets/stylesheets/application.scss
View file

@ -1,16 +0,0 @@
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the top of the
* compiled file, but it's generally better to create a new file per style scope.
*
*= require_self
*= require font-awesome
*= require my_styles
*/
@import "foundation_and_overrides";

4
app/assets/stylesheets/browserslist
View file

@ -1,4 +0,0 @@
last 2 versions
ie >= 9
Android >= 2.3
ios >= 7

80
app/assets/stylesheets/foundation_and_overrides.scss
View file

@ -1,7 +1,7 @@
@charset 'utf-8';
@import 'settings';
@import 'foundation';
@import '_settings';
@import '../../../node_modules/foundation-sites/scss/foundation';
// If you'd like to include motion-ui the foundation-rails gem comes prepackaged with it, uncomment the 3 @imports, if you are not using the gem you need to install the motion-ui sass package.
//
@ -9,48 +9,60 @@
// We include everything by default. To slim your CSS, remove components you don't use.
// Global styles
@include foundation-global-styles;
@include foundation-xy-grid-classes;
//@include foundation-grid;
//@include foundation-flex-grid;
@include foundation-flex-classes;
@include foundation-typography;
@include foundation-forms;
@include foundation-typography;
// Grids (choose one)
@include foundation-xy-grid-classes;
// @include foundation-grid;
// @include foundation-flex-grid;
// Generic components
@include foundation-button;
@include foundation-accordion;
@include foundation-accordion-menu;
@include foundation-badge;
@include foundation-breadcrumbs;
@include foundation-button-group;
@include foundation-callout;
@include foundation-card;
@include foundation-close-button;
@include foundation-menu;
@include foundation-menu-icon;
@include foundation-drilldown-menu;
@include foundation-dropdown;
@include foundation-dropdown-menu;
@include foundation-responsive-embed;
@include foundation-label;
@include foundation-media-object;
@include foundation-off-canvas;
@include foundation-orbit;
@include foundation-pagination;
@include foundation-progress-bar;
@include foundation-slider;
@include foundation-sticky;
@include foundation-reveal;
@include foundation-switch;
@include foundation-table;
// Basic components
@include foundation-badge;
@include foundation-breadcrumbs;
@include foundation-callout;
@include foundation-card;
@include foundation-dropdown;
@include foundation-pagination;
@include foundation-tooltip;
// Containers
@include foundation-accordion;
@include foundation-media-object;
@include foundation-orbit;
@include foundation-responsive-embed;
@include foundation-tabs;
@include foundation-thumbnail;
@include foundation-title-bar;
@include foundation-tooltip;
@include foundation-top-bar;
@include foundation-visibility-classes;
@include foundation-float-classes;
// If you'd like to include motion-ui the foundation-rails gem comes prepackaged with it, uncomment the 3 @imports, if you are not using the gem you need to install the motion-ui sass package.
//
// @include motion-ui-transitions;
// @include motion-ui-animations;
// Menu-based containers
@include foundation-menu;
@include foundation-menu-icon;
@include foundation-accordion-menu;
@include foundation-drilldown-menu;
@include foundation-dropdown-menu;
// Layout components
@include foundation-off-canvas;
@include foundation-reveal;
@include foundation-sticky;
@include foundation-title-bar;
@include foundation-top-bar;
// Helpers
@include foundation-float-classes;
// @include foundation-flex-classes;
@include foundation-visibility-classes;
// @include foundation-prototype-classes;

1
app/assets/stylesheets/jquery.fancybox.min.scss
View file

File diff suppressed because one or more lines are too long