Purge things for legacy (jquery) mobile, and unused template themes
gosh it feels good to get rid of this stuff... fingers crossed that nothing was broken, but am thinking it's safe
This commit is contained in:
Lance Edgar
parent
fac00e6ecd
commit
708641a8f1
70 changed files with 196 additions and 4886 deletions
|
|
@ -1,57 +0,0 @@
|
|||
|
||||
/****************************************
|
||||
* Global styles for mobile templates
|
||||
****************************************/
|
||||
|
||||
/* main user menu button when root */
|
||||
[data-role="header"] a.root-user,
|
||||
[data-role="header"] a.root-user:hover {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
/* become/stop root menu links */
|
||||
#usermenu .root-user a {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
/* normal flash messages */
|
||||
.flash {
|
||||
color: green;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
/* error flash messages */
|
||||
.error,
|
||||
.error-messages {
|
||||
color: red;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
/* receiving warning flash messages */
|
||||
.receiving-warning {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.replacement-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.field-wrapper.with-error {
|
||||
background-color: #ddcccc;
|
||||
border: 2px solid #dd6666;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.field-wrapper label {
|
||||
font-weight: bold;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.field-error .error-msg {
|
||||
color: Red;
|
||||
}
|
||||
|
||||
/* make sure space comes between simple filter and "grid" list */
|
||||
.simple-filter {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
|
@ -1,81 +0,0 @@
|
|||
|
||||
/******************************************
|
||||
* jQuery Mobile plugins for Tailbone
|
||||
*****************************************/
|
||||
|
||||
/******************************************
|
||||
* mobile autocomplete
|
||||
*****************************************/
|
||||
|
||||
(function($) {
|
||||
|
||||
$.widget('tailbone.mobileautocomplete', {
|
||||
|
||||
_create: function() {
|
||||
var that = this;
|
||||
|
||||
// snag some element references
|
||||
this.search = this.element.find('.ui-input-search');
|
||||
this.hidden_field = this.element.find('input[type="hidden"]');
|
||||
this.text_field = this.element.find('input[type="text"]');
|
||||
this.ul = this.element.find('ul');
|
||||
this.button = this.element.find('button');
|
||||
|
||||
// establish our autocomplete URL
|
||||
this.url = this.options.url || this.element.data('url');
|
||||
|
||||
// NOTE: much of this code was copied from the jquery mobile demo site
|
||||
// https://demos.jquerymobile.com/1.4.5/listview-autocomplete-remote/
|
||||
this.ul.on('filterablebeforefilter', function(e, data) {
|
||||
|
||||
var $input = $( data.input ),
|
||||
value = $input.val(),
|
||||
html = "";
|
||||
that.ul.html( "" );
|
||||
if ( value && value.length > 2 ) {
|
||||
that.ul.html( "<li><div class='ui-loader'><span class='ui-icon ui-icon-loading'></span></div></li>" );
|
||||
that.ul.listview( "refresh" );
|
||||
$.ajax({
|
||||
url: that.url,
|
||||
data: {
|
||||
term: $input.val()
|
||||
}
|
||||
})
|
||||
.then( function ( response ) {
|
||||
$.each( response, function ( i, val ) {
|
||||
html += '<li data-uuid="' + val.value + '">' + val.label + "</li>";
|
||||
});
|
||||
that.ul.html( html );
|
||||
that.ul.listview( "refresh" );
|
||||
that.ul.trigger( "updatelayout");
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
// when user clicks autocomplete result, hide search etc.
|
||||
this.ul.on('click', 'li', function() {
|
||||
var $li = $(this);
|
||||
var uuid = $li.data('uuid');
|
||||
that.search.hide();
|
||||
that.hidden_field.val(uuid);
|
||||
that.button.text($li.text()).show();
|
||||
that.ul.hide();
|
||||
that.element.trigger('autocompleteitemselected', uuid);
|
||||
});
|
||||
|
||||
// when user clicks "change" button, show search etc.
|
||||
this.button.click(function() {
|
||||
that.button.hide();
|
||||
that.ul.empty().show();
|
||||
that.hidden_field.val('');
|
||||
that.search.show();
|
||||
that.text_field.focus();
|
||||
that.element.trigger('autocompleteitemcleared');
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
})( jQuery );
|
||||
|
|
@ -1,308 +0,0 @@
|
|||
|
||||
/************************************************************
|
||||
*
|
||||
* tailbone.mobile.js
|
||||
*
|
||||
* Global logic for mobile app
|
||||
*
|
||||
************************************************************/
|
||||
|
||||
|
||||
$(function() {
|
||||
|
||||
// must init header/footer toolbars since ours are "external"
|
||||
$('[data-role="header"], [data-role="footer"]').toolbar({theme: 'a'});
|
||||
});
|
||||
|
||||
|
||||
$(document).on('pagecontainerchange', function(event, ui) {
|
||||
|
||||
// in some cases (i.e. when no user is logged in) we may want the (external)
|
||||
// header toolbar button to change between pages. here's how we do that.
|
||||
// note however that we do this *always* even when not technically needed
|
||||
var link = $('[data-role="header"] a:first');
|
||||
var newlink = ui.toPage.find('.replacement-header a');
|
||||
link.text(newlink.text());
|
||||
link.attr('href', newlink.attr('href'));
|
||||
link.removeClass('ui-icon-home ui-icon-user');
|
||||
link.addClass(newlink.attr('class'));
|
||||
});
|
||||
|
||||
|
||||
$(document).on('click', '#feedback-button', function() {
|
||||
|
||||
// prepare and display 'feedback' popup dialog
|
||||
var popup = $('.ui-page-active #feedback-popup');
|
||||
popup.find('.referrer .field').html(location.href);
|
||||
popup.find('.referrer input').val(location.href);
|
||||
popup.find('.user_name input').val('');
|
||||
popup.find('.message textarea').val('');
|
||||
popup.data('feedback-sent', false);
|
||||
popup.popup('open');
|
||||
});
|
||||
|
||||
|
||||
$(document).on('click', '#feedback-popup .submit', function() {
|
||||
|
||||
// send message when 'feedback' submit button pressed
|
||||
var popup = $('.ui-page-active #feedback-popup');
|
||||
var form = popup.find('form');
|
||||
$.post(form.attr('action'), form.serializeArray(), function(data) {
|
||||
if (data.ok) {
|
||||
|
||||
// mark "feedback sent" flag, for popupafterclose
|
||||
popup.data('feedback-sent', true);
|
||||
popup.popup('close');
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
$(document).on('click', '#feedback-form-buttons .cancel', function() {
|
||||
|
||||
// close 'feedback' popup when user clicks Cancel
|
||||
var popup = $('.ui-page-active #feedback-popup');
|
||||
popup.popup('close');
|
||||
});
|
||||
|
||||
|
||||
$(document).on('popupafterclose', '#feedback-popup', function() {
|
||||
|
||||
// thank the user for their feedback, after msg is sent
|
||||
if ($(this).data('feedback-sent')) {
|
||||
var popup = $('.ui-page-active #feedback-thanks');
|
||||
popup.popup('open');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
$(document).on('pagecreate', function() {
|
||||
|
||||
// setup any autocomplete fields
|
||||
$('.field.autocomplete').mobileautocomplete();
|
||||
|
||||
});
|
||||
|
||||
|
||||
// submit "quick row" form upon autocomplete selection
|
||||
$(document).on('autocompleteitemselected', function(event, uuid) {
|
||||
var field = $(event.target);
|
||||
if (field.hasClass('quick-row')) {
|
||||
var form = field.parents('form:first');
|
||||
form.find('[name="quick_entry"]').val(uuid);
|
||||
form.submit();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* Automatically set focus to certain fields, on various pages
|
||||
* TODO: should be letting the form declare a "focus spec" instead, to avoid
|
||||
* hard-coding these field names below!
|
||||
*/
|
||||
function setfocus() {
|
||||
var el = null;
|
||||
var queries = [
|
||||
'#username',
|
||||
'#new-purchasing-batch-vendor-text',
|
||||
'#new-receiving-batch-vendor-text',
|
||||
];
|
||||
$.each(queries, function(i, query) {
|
||||
el = $(query);
|
||||
if (el.is(':visible')) {
|
||||
el.focus();
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
$(document).on('pageshow', function() {
|
||||
|
||||
setfocus();
|
||||
|
||||
// if current page has form, which has declared a "focus spec", then try to
|
||||
// set focus accordingly
|
||||
var form = $('.ui-page-active form');
|
||||
if (form) {
|
||||
var spec = form.data('focus');
|
||||
if (spec) {
|
||||
var input = $(spec);
|
||||
if (input) {
|
||||
if (input.is(':visible')) {
|
||||
input.focus();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
// handle radio button value change for "simple" grid filter
|
||||
$(document).on('change', '.simple-filter .ui-radio', function() {
|
||||
$(this).parents('form:first').submit();
|
||||
});
|
||||
|
||||
|
||||
// vendor validation for new purchasing batch
|
||||
$(document).on('click', 'form[name="new-purchasing-batch"] input[type="submit"]', function() {
|
||||
var $form = $(this).parents('form');
|
||||
if (! $form.find('[name="vendor"]').val()) {
|
||||
alert("Please select a vendor");
|
||||
$form.find('[name="new-purchasing-batch-vendor-text"]').focus();
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// disable datasync restart button when clicked
|
||||
$(document).on('click', '#datasync-restart', function() {
|
||||
$(this).button('disable');
|
||||
});
|
||||
|
||||
|
||||
// TODO: this should go away in favor of quick_row approach
|
||||
// handle global keypress on product batch "row" page, for sake of scanner wedge
|
||||
var product_batch_routes = [
|
||||
'mobile.batch.inventory.view',
|
||||
];
|
||||
$(document).on('keypress', function(event) {
|
||||
var current_route = $('.ui-page-active [role="main"]').data('route');
|
||||
for (var route of product_batch_routes) {
|
||||
if (current_route == route) {
|
||||
var upc = $('.ui-page-active #upc-search');
|
||||
if (upc.length) {
|
||||
if (upc.is(':focus')) {
|
||||
if (event.which == 13) {
|
||||
if (upc.val()) {
|
||||
$.mobile.navigate(upc.data('url') + '?upc=' + upc.val());
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (event.which >= 48 && event.which <= 57) { // numeric (qwerty)
|
||||
upc.val(upc.val() + event.key);
|
||||
// TODO: these codes are correct for 'keydown' but apparently not 'keypress' ?
|
||||
// } else if (event.which >= 96 && event.which <= 105) { // numeric (10-key)
|
||||
// upc.val(upc.val() + event.key);
|
||||
} else if (event.which == 13) {
|
||||
if (upc.val()) {
|
||||
$.mobile.navigate(upc.data('url') + '?upc=' + upc.val());
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// handle various keypress events for quick entry forms
|
||||
$(document).on('keypress', function(event) {
|
||||
var quick_entry = $('.ui-page-active #quick_entry');
|
||||
if (quick_entry.length) {
|
||||
|
||||
// if user hits enter with quick row input focused, submit form
|
||||
if (quick_entry.is(':focus')) {
|
||||
if (event.which == 13) { // ENTER
|
||||
if (quick_entry.val()) {
|
||||
var form = quick_entry.parents('form:first');
|
||||
form.submit();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
} else { // quick row input not focused
|
||||
|
||||
// mimic keyboard wedge if we're so instructed
|
||||
if (quick_entry.data('wedge')) {
|
||||
|
||||
if (event.which >= 48 && event.which <= 57) { // numeric (qwerty)
|
||||
if (!event.altKey && !event.ctrlKey && !event.metaKey) {
|
||||
quick_entry.val(quick_entry.val() + event.key);
|
||||
return false;
|
||||
}
|
||||
|
||||
// TODO: these codes are correct for 'keydown' but apparently not 'keypress' ?
|
||||
// } else if (event.which >= 96 && event.which <= 105) { // numeric (10-key)
|
||||
// upc.val(upc.val() + event.key);
|
||||
|
||||
} else if (event.which == 13) { // ENTER
|
||||
// submit form when ENTER is received via keyboard "wedge"
|
||||
if (quick_entry.val()) {
|
||||
var form = quick_entry.parents('form:first');
|
||||
form.submit();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// when numeric keypad button is clicked, update quantity accordingly
|
||||
$(document).on('click', '.quantity-keypad-thingy .keypad-button', function() {
|
||||
var keypad = $(this).parents('.quantity-keypad-thingy');
|
||||
var quantity = keypad.find('.keypad-quantity');
|
||||
var value = quantity.text();
|
||||
var key = $(this).text();
|
||||
var changed = keypad.data('changed');
|
||||
if (key == 'Del') {
|
||||
if (value.length == 1) {
|
||||
quantity.text('0');
|
||||
} else {
|
||||
quantity.text(value.substring(0, value.length - 1));
|
||||
}
|
||||
changed = true;
|
||||
} else if (key == '.') {
|
||||
if (value.indexOf('.') == -1) {
|
||||
if (changed) {
|
||||
quantity.text(value + '.');
|
||||
} else {
|
||||
quantity.text('0.');
|
||||
changed = true;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (value == '0') {
|
||||
quantity.text(key);
|
||||
changed = true;
|
||||
} else if (changed) {
|
||||
quantity.text(value + key);
|
||||
} else {
|
||||
quantity.text(key);
|
||||
changed = true;
|
||||
}
|
||||
}
|
||||
if (changed) {
|
||||
keypad.data('changed', true);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// show/hide expiration date per receiving mode selection
|
||||
$(document).on('change', 'fieldset.receiving-mode input[name="mode"]', function() {
|
||||
var mode = $(this).val();
|
||||
if (mode == 'expired') {
|
||||
$('#expiration-row').show();
|
||||
} else {
|
||||
$('#expiration-row').hide();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// handle inventory save button
|
||||
$(document).on('click', '.inventory-actions button.save', function() {
|
||||
var form = $(this).parents('form:first');
|
||||
var uom = form.find('[name="keypad-uom"]:checked').val();
|
||||
var qty = form.find('.keypad-quantity').text();
|
||||
if (uom == 'CS') {
|
||||
form.find('input[name="cases"]').val(qty);
|
||||
} else { // units
|
||||
form.find('input[name="units"]').val(qty);
|
||||
}
|
||||
form.submit();
|
||||
});
|
||||
|
|
@ -1,92 +0,0 @@
|
|||
|
||||
/************************************************************
|
||||
*
|
||||
* tailbone.mobile.receiving.js
|
||||
*
|
||||
* Global logic for mobile receiving feature
|
||||
*
|
||||
************************************************************/
|
||||
|
||||
|
||||
// toggle visibility of "Receive" type buttons based on whether vendor is set
|
||||
$(document).on('autocompleteitemselected', 'form[name="new-receiving-batch"] .vendor', function(event, uuid) {
|
||||
$('#new-receiving-types').show();
|
||||
});
|
||||
$(document).on('autocompleteitemcleared', 'form[name="new-receiving-batch"] .vendor', function(event) {
|
||||
$('#new-receiving-types').hide();
|
||||
});
|
||||
$(document).on('change', 'form[name="new-receiving-batch"] select[name="vendor"]', function(event) {
|
||||
if ($(this).val()) {
|
||||
$('#new-receiving-types').show();
|
||||
} else {
|
||||
$('#new-receiving-types').hide();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// submit new receiving batch form when user clicks "Receive" type button
|
||||
$(document).on('click', 'form[name="new-receiving-batch"] .start-receiving', function() {
|
||||
var form = $(this).parents('form');
|
||||
form.find('input[name="workflow"]').val($(this).data('workflow'));
|
||||
form.submit();
|
||||
});
|
||||
|
||||
|
||||
// submit new receiving batch form when user clicks Purchase Order option
|
||||
$(document).on('click', 'form[name="new-receiving-batch"] [data-role="listview"] a', function() {
|
||||
var form = $(this).parents('form');
|
||||
var key = $(this).parents('li').data('key');
|
||||
form.find('[name="workflow"]').val('from_po');
|
||||
form.find('.purchase-order-field').val(key);
|
||||
form.submit();
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
// handle receiving action buttons
|
||||
$(document).on('click', 'form.receiving-update .receiving-actions button', function() {
|
||||
var action = $(this).data('action');
|
||||
var form = $(this).parents('form:first');
|
||||
var uom = form.find('[name="keypad-uom"]:checked').val();
|
||||
var mode = form.find('[name="mode"]:checked').val();
|
||||
var qty = form.find('.keypad-quantity').text();
|
||||
if (action == 'add' || action == 'subtract') {
|
||||
if (qty != '0') {
|
||||
if (action == 'subtract') {
|
||||
qty = '-' + qty;
|
||||
}
|
||||
|
||||
if (uom == 'CS') {
|
||||
form.find('[name="cases"]').val(qty);
|
||||
} else { // units
|
||||
form.find('[name="units"]').val(qty);
|
||||
}
|
||||
|
||||
if (action == 'add' && mode == 'expired') {
|
||||
var expiry = form.find('input[name="expiration_date"]');
|
||||
if (! /^\d{4}-\d{2}-\d{2}$/.test(expiry.val())) {
|
||||
alert("Please enter a valid expiration date.");
|
||||
expiry.focus();
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
form.submit();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// quick-receive (1 case or unit)
|
||||
$(document).on('click', 'form.receiving-update .quick-receive', function() {
|
||||
var form = $(this).parents('form:first');
|
||||
form.find('[name="mode"]').val('received');
|
||||
var quantity = $(this).data('quantity');
|
||||
if ($(this).data('uom') == 'CS') {
|
||||
form.find('[name="cases"]').val(quantity);
|
||||
} else {
|
||||
form.find('[name="units"]').val(quantity);
|
||||
}
|
||||
form.find('input[name="quick_receive"]').val('true');
|
||||
form.submit();
|
||||
});
|
||||
|
|
@ -1,114 +0,0 @@
|
|||
|
||||
/* /\****************************** */
|
||||
/* * General */
|
||||
/* ******************************\/ */
|
||||
|
||||
/* * { */
|
||||
/* margin: 0px; */
|
||||
/* } */
|
||||
|
||||
/* body { */
|
||||
/* font-family: Verdana, Arial, sans-serif; */
|
||||
/* font-size: 11pt; */
|
||||
/* } */
|
||||
|
||||
/* a { */
|
||||
/* color: #0972a5; */
|
||||
/* text-decoration: none; */
|
||||
/* } */
|
||||
|
||||
/* a:hover { */
|
||||
/* text-decoration: underline; */
|
||||
/* } */
|
||||
|
||||
/* h1 { */
|
||||
/* margin-bottom: 15px; */
|
||||
/* } */
|
||||
|
||||
/* h2 { */
|
||||
/* font-size: 12pt; */
|
||||
/* margin: 20px auto 10px auto; */
|
||||
/* } */
|
||||
|
||||
/* li { */
|
||||
/* line-height: 2em; */
|
||||
/* } */
|
||||
|
||||
/* p { */
|
||||
/* margin-bottom: 5px; */
|
||||
/* } */
|
||||
|
||||
/* .left { */
|
||||
/* float: left; */
|
||||
/* text-align: left; */
|
||||
/* } */
|
||||
|
||||
/* .right { */
|
||||
/* text-align: right; */
|
||||
/* } */
|
||||
|
||||
/* .wrapper { */
|
||||
/* overflow: auto; */
|
||||
/* } */
|
||||
|
||||
/* div.buttons { */
|
||||
/* clear: both; */
|
||||
/* margin-top: 10px; */
|
||||
/* } */
|
||||
|
||||
/* div.dialog { */
|
||||
/* display: none; */
|
||||
/* } */
|
||||
|
||||
/* div.flash-message { */
|
||||
/* background-color: #dddddd; */
|
||||
/* margin-bottom: 8px; */
|
||||
/* padding: 3px; */
|
||||
/* } */
|
||||
|
||||
/* div.flash-messages div.ui-state-highlight { */
|
||||
/* padding: .3em; */
|
||||
/* margin-bottom: 8px; */
|
||||
/* } */
|
||||
|
||||
/* div.error-messages div.ui-state-error { */
|
||||
/* padding: .3em; */
|
||||
/* margin-bottom: 8px; */
|
||||
/* } */
|
||||
|
||||
/* .flash-messages, */
|
||||
/* .error-messages { */
|
||||
/* margin: 0.5em 0 0 0; */
|
||||
/* } */
|
||||
|
||||
/* ul.error { */
|
||||
/* color: #dd6666; */
|
||||
/* font-weight: bold; */
|
||||
/* padding: 0px; */
|
||||
/* } */
|
||||
|
||||
/* ul.error li { */
|
||||
/* list-style-type: none; */
|
||||
/* } */
|
||||
|
||||
/* /\****************************** */
|
||||
/* * jQuery UI tweaks */
|
||||
/* ******************************\/ */
|
||||
|
||||
/* ul.ui-menu { */
|
||||
/* max-height: 30em; */
|
||||
/* } */
|
||||
|
||||
/******************************
|
||||
* tweaks for root user
|
||||
******************************/
|
||||
|
||||
.navbar .navbar-end .navbar-link.root-user,
|
||||
.navbar .navbar-end .navbar-link.root-user:hover,
|
||||
.navbar .navbar-end .navbar-link.root-user.is_active,
|
||||
.navbar .navbar-end .navbar-item.root-user,
|
||||
.navbar .navbar-end .navbar-item.root-user:hover,
|
||||
.navbar .navbar-end .navbar-item.root-user.is_active {
|
||||
background-color: red;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
|
@ -1,141 +0,0 @@
|
|||
|
||||
/* /\****************************** */
|
||||
/* * Form Wrapper */
|
||||
/* ******************************\/ */
|
||||
|
||||
/* div.form-wrapper { */
|
||||
/* overflow: auto; */
|
||||
/* } */
|
||||
|
||||
|
||||
/******************************
|
||||
* context menu
|
||||
******************************/
|
||||
|
||||
/* #context-menu { */
|
||||
/* /\* background-color: #ddcccc; *\/ */
|
||||
/* /\* background-color: green; *\/ */
|
||||
/* float: right; */
|
||||
/* /\* list-style-type: none; *\/ */
|
||||
/* /\* margin: 0px; *\/ */
|
||||
/* text-align: right; */
|
||||
/* } */
|
||||
|
||||
/* div.form-wrapper ul.context-menu li { */
|
||||
/* line-height: 2em; */
|
||||
/* } */
|
||||
|
||||
|
||||
/* /\****************************** */
|
||||
/* * "object helper" panel */
|
||||
/* ******************************\/ */
|
||||
|
||||
/* .object-helper { */
|
||||
/* border: 1px solid black; */
|
||||
/* float: right; */
|
||||
/* margin-top: 1em; */
|
||||
/* padding: 1em; */
|
||||
/* width: 20em; */
|
||||
/* } */
|
||||
|
||||
/* .object-helper-content { */
|
||||
/* margin-top: 1em; */
|
||||
/* } */
|
||||
|
||||
|
||||
/******************************
|
||||
* forms
|
||||
******************************/
|
||||
|
||||
/* div.form, */
|
||||
/* div.fieldset-form, */
|
||||
/* div.fieldset { */
|
||||
/* clear: left; */
|
||||
/* float: left; */
|
||||
/* margin-top: 10px; */
|
||||
/* } */
|
||||
|
||||
/* TODO: replace this with bulma equivalent */
|
||||
.form {
|
||||
padding-left: 5em;
|
||||
}
|
||||
|
||||
|
||||
/******************************
|
||||
* fieldsets
|
||||
******************************/
|
||||
|
||||
/* TODO: replace this with bulma equivalent */
|
||||
.field-wrapper {
|
||||
clear: both;
|
||||
min-height: 30px;
|
||||
overflow: auto;
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
/* .field-wrapper.with-error { */
|
||||
/* background-color: #ddcccc; */
|
||||
/* border: 2px solid #dd6666; */
|
||||
/* padding-bottom: 1em; */
|
||||
/* } */
|
||||
|
||||
/* TODO: replace this with bulma equivalent */
|
||||
.field-wrapper .field-row {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
/* TODO: replace this with bulma equivalent */
|
||||
.field-wrapper label {
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
width: 18em;
|
||||
font-weight: bold;
|
||||
padding-top: 2px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* .field-wrapper.with-error label { */
|
||||
/* padding-left: 1em; */
|
||||
/* } */
|
||||
|
||||
/* .field-wrapper .field-error { */
|
||||
/* padding: 1em 0 0.5em 1em; */
|
||||
/* } */
|
||||
|
||||
/* .field-wrapper .field-error .error-msg { */
|
||||
/* color: #dd6666; */
|
||||
/* font-weight: bold; */
|
||||
/* } */
|
||||
|
||||
/* TODO: replace this with bulma equivalent */
|
||||
.field-wrapper .field {
|
||||
display: table-cell;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
/* .field-wrapper .field input[type=text], */
|
||||
/* .field-wrapper .field input[type=password], */
|
||||
/* .field-wrapper .field select, */
|
||||
/* .field-wrapper .field textarea { */
|
||||
/* width: 320px; */
|
||||
/* } */
|
||||
|
||||
/* label input[type="checkbox"], */
|
||||
/* label input[type="radio"] { */
|
||||
/* margin-right: 0.5em; */
|
||||
/* } */
|
||||
|
||||
/* .field ul { */
|
||||
/* margin: 0px; */
|
||||
/* padding-left: 15px; */
|
||||
/* } */
|
||||
|
||||
|
||||
/* /\****************************** */
|
||||
/* * Buttons */
|
||||
/* ******************************\/ */
|
||||
|
||||
/* div.buttons { */
|
||||
/* clear: both; */
|
||||
/* margin: 10px 0px; */
|
||||
/* } */
|
||||
|
|
@ -1,208 +0,0 @@
|
|||
|
||||
/******************************
|
||||
* main layout
|
||||
******************************/
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.content-wrapper {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
|
||||
/******************************
|
||||
* header
|
||||
******************************/
|
||||
|
||||
header .level {
|
||||
/* height: 60px; */
|
||||
line-height: 60px;
|
||||
padding-left: 0.5em;
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
|
||||
header .level #header-logo {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
header .level .global-title,
|
||||
header .level-left .global-title {
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
header .level #current-context,
|
||||
header .level-left #current-context {
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
header .level #current-context span,
|
||||
header .level-left #current-context span {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
header .level .theme-picker {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
/* header .global .grid-nav { */
|
||||
/* display: inline-block; */
|
||||
/* font-size: 16px; */
|
||||
/* font-weight: bold; */
|
||||
/* line-height: 60px; */
|
||||
/* margin-left: 5em; */
|
||||
/* } */
|
||||
|
||||
/* header .global .grid-nav .ui-button, */
|
||||
/* header .global .grid-nav span.viewing { */
|
||||
/* margin-left: 1em; */
|
||||
/* } */
|
||||
|
||||
#content-title h1 {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
/* /\****************************** */
|
||||
/* * Logo */
|
||||
/* ******************************\/ */
|
||||
|
||||
/* #logo { */
|
||||
/* display: block; */
|
||||
/* margin: 40px auto; */
|
||||
/* } */
|
||||
|
||||
|
||||
/******************************
|
||||
* content
|
||||
******************************/
|
||||
|
||||
#page-body {
|
||||
padding: 0.4em;
|
||||
}
|
||||
|
||||
/* body > #body-wrapper { */
|
||||
/* margin: 0px; */
|
||||
/* position: relative; */
|
||||
/* } */
|
||||
|
||||
/* .content-wrapper { */
|
||||
/* height: 100%; */
|
||||
/* padding-bottom: 30px; */
|
||||
/* } */
|
||||
|
||||
/* #scrollpane { */
|
||||
/* height: 100%; */
|
||||
/* } */
|
||||
|
||||
/* #scrollpane .inner-content { */
|
||||
/* padding: 0 0.5em 0.5em 0.5em; */
|
||||
/* } */
|
||||
|
||||
|
||||
/******************************
|
||||
* context menu
|
||||
******************************/
|
||||
|
||||
#context-menu {
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/******************************
|
||||
* "object helper" panel
|
||||
******************************/
|
||||
|
||||
.object-helper {
|
||||
border: 1px solid black;
|
||||
margin: 1em;
|
||||
padding: 1em;
|
||||
min-width: 20em;
|
||||
}
|
||||
|
||||
.object-helper-content {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
/* /\****************************** */
|
||||
/* * Panels */
|
||||
/* ******************************\/ */
|
||||
|
||||
/* .panel-wrapper { */
|
||||
/* float: left; */
|
||||
/* margin-right: 15px; */
|
||||
/* width: 40%; */
|
||||
/* } */
|
||||
|
||||
/* .panel, */
|
||||
/* .panel-grid { */
|
||||
/* border-left: 1px solid Black; */
|
||||
/* margin-bottom: 15px; */
|
||||
/* } */
|
||||
|
||||
/* .panel { */
|
||||
/* border-bottom: 1px solid Black; */
|
||||
/* border-right: 1px solid Black; */
|
||||
/* padding: 0px; */
|
||||
/* } */
|
||||
|
||||
/* .panel h2, */
|
||||
/* .panel-grid h2 { */
|
||||
/* border-bottom: 1px solid Black; */
|
||||
/* border-top: 1px solid Black; */
|
||||
/* padding: 5px; */
|
||||
/* margin: 0px; */
|
||||
/* } */
|
||||
|
||||
/* .panel-grid h2 { */
|
||||
/* border-right: 1px solid Black; */
|
||||
/* } */
|
||||
|
||||
/* .panel-body { */
|
||||
/* overflow: auto; */
|
||||
/* padding: 5px; */
|
||||
/* } */
|
||||
|
||||
/******************************
|
||||
* feedback
|
||||
******************************/
|
||||
|
||||
#feedback-dialog {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#feedback-dialog p {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
#feedback-dialog .red {
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#feedback-dialog .field-wrapper {
|
||||
margin-top: 1em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#feedback-dialog .field {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
#feedback-dialog .referrer .field {
|
||||
clear: both;
|
||||
float: none;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
#feedback-dialog textarea {
|
||||
width: auto;
|
||||
}
|
||||
|
|
@ -1,84 +0,0 @@
|
|||
/* copied from https://github.com/dansup/bulma-templates/blob/master/css/admin.css */
|
||||
|
||||
html, body {
|
||||
font-family: 'Open Sans', serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
height: 100%;
|
||||
background: #ECF0F3;
|
||||
}
|
||||
nav.navbar {
|
||||
border-top: 4px solid #276cda;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.navbar-item.brand-text {
|
||||
font-weight: 300;
|
||||
}
|
||||
.navbar-item, .navbar-link {
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.columns {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.menu-label {
|
||||
color: #8F99A3;
|
||||
letter-spacing: 1.3;
|
||||
font-weight: 700;
|
||||
}
|
||||
.menu-list a {
|
||||
color: #0F1D38;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.menu-list a:hover {
|
||||
background-color: transparent;
|
||||
color: #276cda;
|
||||
}
|
||||
.menu-list a.is-active {
|
||||
background-color: transparent;
|
||||
color: #276cda;
|
||||
font-weight: 700;
|
||||
}
|
||||
.card {
|
||||
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.card-header-title {
|
||||
color: #8F99A3;
|
||||
font-weight: 400;
|
||||
}
|
||||
.info-tiles {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
.info-tiles .subtitle {
|
||||
font-weight: 300;
|
||||
color: #8F99A3;
|
||||
}
|
||||
.hero.welcome.is-info {
|
||||
background: #36D1DC;
|
||||
background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);
|
||||
background: linear-gradient(to right, #5B86E5, #36D1DC);
|
||||
}
|
||||
.hero.welcome .title, .hero.welcome .subtitle {
|
||||
color: hsl(192, 17%, 99%);
|
||||
}
|
||||
.card .content {
|
||||
font-size: 14px;
|
||||
}
|
||||
.card-footer-item {
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: #8F99A3;
|
||||
}
|
||||
.card-footer-item:hover {
|
||||
}
|
||||
.card-table .table {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.events-card .card-table {
|
||||
max-height: 250px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
|
||||
/******************************
|
||||
* tweaks for root user
|
||||
******************************/
|
||||
|
||||
.navbar .navbar-menu .navbar-link.root-user,
|
||||
.navbar .navbar-menu .navbar-item.root-user,
|
||||
.navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link.root-user,
|
||||
.navbar.is-white .navbar-item.has-dropdown:hover .navbar-link.root-user {
|
||||
background-color: red;
|
||||
}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
// copied from https://github.com/dansup/bulma-templates/blob/master/js/bulma.js
|
||||
|
||||
// The following code is based off a toggle menu by @Bradcomp
|
||||
// source: https://gist.github.com/Bradcomp/a9ef2ef322a8e8017443b626208999c1
|
||||
(function() {
|
||||
var burger = document.querySelector('.burger');
|
||||
var menu = document.querySelector('#'+burger.dataset.target);
|
||||
burger.addEventListener('click', function() {
|
||||
burger.classList.toggle('is-active');
|
||||
menu.classList.toggle('is-active');
|
||||
});
|
||||
})();
|
||||
|
|
@ -26,3 +26,36 @@
|
|||
.form-wrapper .form .field.is-horizontal .field-body .select select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/******************************
|
||||
* field-wrappers
|
||||
******************************/
|
||||
|
||||
/* TODO: replace this with bulma equivalent */
|
||||
.field-wrapper {
|
||||
clear: both;
|
||||
min-height: 30px;
|
||||
overflow: auto;
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
/* TODO: replace this with bulma equivalent */
|
||||
.field-wrapper .field-row {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
/* TODO: replace this with bulma equivalent */
|
||||
.field-wrapper label {
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
width: 18em;
|
||||
font-weight: bold;
|
||||
padding-top: 2px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* TODO: replace this with bulma equivalent */
|
||||
.field-wrapper .field {
|
||||
display: table-cell;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue