card-mod-format 0.14.1 → 0.15.0

data/assets/script/jquery/jquery.autosize.js

@@ -0,0 +1,274 @@
+/*!
+	Autosize 1.18.13
+	license: MIT
+	http://www.jacklmoore.com/autosize
+*/
+(function ($) {
+	var
+	defaults = {
+		className: 'autosizejs',
+		id: 'autosizejs',
+		append: '\n',
+		callback: false,
+		resizeDelay: 10,
+		placeholder: true
+	},
+
+	// border:0 is unnecessary, but avoids a bug in Firefox on OSX
+	copy = '<textarea tabindex="-1" style="position:absolute; top:-999px; left:0; right:auto; bottom:auto; border:0; padding: 0; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; word-wrap:break-word; height:0 !important; min-height:0 !important; overflow:hidden; transition:none; -webkit-transition:none; -moz-transition:none;"/>',
+
+	// line-height is conditionally included because IE7/IE8/old Opera do not return the correct value.
+	typographyStyles = [
+		'fontFamily',
+		'fontSize',
+		'fontWeight',
+		'fontStyle',
+		'letterSpacing',
+		'textTransform',
+		'wordSpacing',
+		'textIndent',
+		'whiteSpace'
+	],
+
+	// to keep track which textarea is being mirrored when adjust() is called.
+	mirrored,
+
+	// the mirror element, which is used to calculate what size the mirrored element should be.
+	mirror = $(copy).data('autosize', true)[0];
+
+	// test that line-height can be accurately copied.
+	mirror.style.lineHeight = '99px';
+	if ($(mirror).css('lineHeight') === '99px') {
+		typographyStyles.push('lineHeight');
+	}
+	mirror.style.lineHeight = '';
+
+	$.fn.autosize = function (options) {
+		if (!this.length) {
+			return this;
+		}
+
+		options = $.extend({}, defaults, options || {});
+
+		if (mirror.parentNode !== document.body) {
+			$(document.body).append(mirror);
+		}
+
+		return this.each(function () {
+			var
+			ta = this,
+			$ta = $(ta),
+			maxHeight,
+			minHeight,
+			boxOffset = 0,
+			callback = $.isFunction(options.callback),
+			originalStyles = {
+				height: ta.style.height,
+				overflow: ta.style.overflow,
+				overflowY: ta.style.overflowY,
+				wordWrap: ta.style.wordWrap,
+				resize: ta.style.resize
+			},
+			timeout,
+			width = $ta.width(),
+			taResize = $ta.css('resize');
+
+			if ($ta.data('autosize')) {
+				// exit if autosize has already been applied, or if the textarea is the mirror element.
+				return;
+			}
+			$ta.data('autosize', true);
+
+			if ($ta.css('box-sizing') === 'border-box' || $ta.css('-moz-box-sizing') === 'border-box' || $ta.css('-webkit-box-sizing') === 'border-box'){
+				boxOffset = $ta.outerHeight() - $ta.height();
+			}
+
+			// IE8 and lower return 'auto', which parses to NaN, if no min-height is set.
+			minHeight = Math.max(parseInt($ta.css('minHeight'), 10) - boxOffset || 0, $ta.height());
+
+			$ta.css({
+				overflow: 'hidden',
+				overflowY: 'hidden',
+				wordWrap: 'break-word' // horizontal overflow is hidden, so break-word is necessary for handling words longer than the textarea width
+			});
+
+			if (taResize === 'vertical') {
+				$ta.css('resize','none');
+			} else if (taResize === 'both') {
+				$ta.css('resize', 'horizontal');
+			}
+
+			// The mirror width must exactly match the textarea width, so using getBoundingClientRect because it doesn't round the sub-pixel value.
+			// window.getComputedStyle, getBoundingClientRect returning a width are unsupported, but also unneeded in IE8 and lower.
+			function setWidth() {
+				var width;
+				var style = window.getComputedStyle ? window.getComputedStyle(ta, null) : false;
+				
+				if (style) {
+
+					width = ta.getBoundingClientRect().width;
+
+					if (width === 0 || typeof width !== 'number') {
+						width = parseInt(style.width,10);
+					}
+
+					$.each(['paddingLeft', 'paddingRight', 'borderLeftWidth', 'borderRightWidth'], function(i,val){
+						width -= parseInt(style[val],10);
+					});
+				} else {
+					width = $ta.width();
+				}
+
+				mirror.style.width = Math.max(width,0) + 'px';
+			}
+
+			function initMirror() {
+				var styles = {};
+
+				mirrored = ta;
+				mirror.className = options.className;
+				mirror.id = options.id;
+				maxHeight = parseInt($ta.css('maxHeight'), 10);
+
+				// mirror is a duplicate textarea located off-screen that
+				// is automatically updated to contain the same text as the
+				// original textarea.  mirror always has a height of 0.
+				// This gives a cross-browser supported way getting the actual
+				// height of the text, through the scrollTop property.
+				$.each(typographyStyles, function(i,val){
+					styles[val] = $ta.css(val);
+				});
+				
+				$(mirror).css(styles).attr('wrap', $ta.attr('wrap'));
+
+				setWidth();
+
+				// Chrome-specific fix:
+				// When the textarea y-overflow is hidden, Chrome doesn't reflow the text to account for the space
+				// made available by removing the scrollbar. This workaround triggers the reflow for Chrome.
+				if (window.chrome) {
+					var width = ta.style.width;
+					ta.style.width = '0px';
+					var ignore = ta.offsetWidth;
+					ta.style.width = width;
+				}
+			}
+
+			// Using mainly bare JS in this function because it is going
+			// to fire very often while typing, and needs to very efficient.
+			function adjust() {
+				var height, original;
+
+				if (mirrored !== ta) {
+					initMirror();
+				} else {
+					setWidth();
+				}
+
+				if (!ta.value && options.placeholder) {
+					// If the textarea is empty, copy the placeholder text into 
+					// the mirror control and use that for sizing so that we 
+					// don't end up with placeholder getting trimmed.
+					mirror.value = ($ta.attr("placeholder") || '');
+				} else {
+					mirror.value = ta.value;
+				}
+
+				mirror.value += options.append || '';
+				mirror.style.overflowY = ta.style.overflowY;
+				original = parseInt(ta.style.height,10);
+
+				// Setting scrollTop to zero is needed in IE8 and lower for the next step to be accurately applied
+				mirror.scrollTop = 0;
+
+				mirror.scrollTop = 9e4;
+
+				// Using scrollTop rather than scrollHeight because scrollHeight is non-standard and includes padding.
+				height = mirror.scrollTop;
+
+				if (maxHeight && height > maxHeight) {
+					ta.style.overflowY = 'scroll';
+					height = maxHeight;
+				} else {
+					ta.style.overflowY = 'hidden';
+					if (height < minHeight) {
+						height = minHeight;
+					}
+				}
+
+				height += boxOffset;
+
+				if (original !== height) {
+					ta.style.height = height + 'px';
+					if (callback) {
+						options.callback.call(ta,ta);
+					}
+					$ta.trigger('autosize.resized');
+				}
+			}
+
+			function resize () {
+				clearTimeout(timeout);
+				timeout = setTimeout(function(){
+					var newWidth = $ta.width();
+
+					if (newWidth !== width) {
+						width = newWidth;
+						adjust();
+					}
+				}, parseInt(options.resizeDelay,10));
+			}
+
+			if ('onpropertychange' in ta) {
+				if ('oninput' in ta) {
+					// Detects IE9.  IE9 does not fire onpropertychange or oninput for deletions,
+					// so binding to onkeyup to catch most of those occasions.  There is no way that I
+					// know of to detect something like 'cut' in IE9.
+					$ta.on('input.autosize keyup.autosize', adjust);
+				} else {
+					// IE7 / IE8
+					$ta.on('propertychange.autosize', function(){
+						if(event.propertyName === 'value'){
+							adjust();
+						}
+					});
+				}
+			} else {
+				// Modern Browsers
+				$ta.on('input.autosize', adjust);
+			}
+
+			// Set options.resizeDelay to false if using fixed-width textarea elements.
+			// Uses a timeout and width check to reduce the amount of times adjust needs to be called after window resize.
+
+			if (options.resizeDelay !== false) {
+				$(window).on('resize.autosize', resize);
+			}
+
+			// Event for manual triggering if needed.
+			// Should only be needed when the value of the textarea is changed through JavaScript rather than user input.
+			$ta.on('autosize.resize', adjust);
+
+			// Event for manual triggering that also forces the styles to update as well.
+			// Should only be needed if one of typography styles of the textarea change, and the textarea is already the target of the adjust method.
+			$ta.on('autosize.resizeIncludeStyle', function() {
+				mirrored = null;
+				adjust();
+			});
+
+			$ta.on('autosize.destroy', function(){
+				mirrored = null;
+				clearTimeout(timeout);
+				$(window).off('resize', resize);
+				$ta
+					.off('autosize')
+					.off('.autosize')
+					.css(originalStyles)
+					.removeData('autosize');
+			});
+
+			// Call adjust in case the textarea already contains text.
+			adjust();
+		});
+	};
+}(jQuery || $)); // jQuery or jQuery-like library, such as Zepto

data/assets/script/jquery/jquery.ui.autocomplete.html.js

@@ -0,0 +1,41 @@
+
+/*
+ * jQuery UI Autocomplete HTML Extension
+ *
+ * Copyright 2010, Scott González (http://scottgonzalez.com)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ *
+ * http://github.com/scottgonzalez/jquery-ui-extensions
+ */
+(function( $ ) {
+
+    var proto = $.ui.autocomplete.prototype,
+        initSource = proto._initSource;
+
+    function filter( array, term ) {
+        var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );
+        return $.grep( array, function(value) {
+            return matcher.test( $( "<div>" ).html( value.label || value.value || value ).text() );
+        });
+    }
+
+    $.extend( proto, {
+        _initSource: function() {
+            if ( this.options.html && $.isArray(this.options.source) ) {
+                this.source = function( request, response ) {
+                    response( filter( this.options.source, request.term ) );
+                };
+            } else {
+                initSource.call( this );
+            }
+        },
+
+        _renderItem: function( ul, item) {
+            return $( "<li></li>" )
+                .data( "item.autocomplete", item )
+                .append( $( "<a></a>" )[ this.options.html ? "html" : "text" ]( item.label ) )
+                .appendTo( ul );
+        }
+    });
+
+})( jQuery );

data/assets/script/manifest.yml

@@ -0,0 +1,38 @@
+remote:
+  items:
+    # NOTE: jQuery 3.6.0 made it so we couldn't set the focus in the search box
+    # Please test that use case when upgrading!
+    - src: https://code.jquery.com/jquery-3.5.1.min.js
+      integrity: sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=
+      crossorigin: "anonymous"
+
+    - src: https://cdnjs.cloudflare.com/ajax/libs/jquery-ujs/1.2.3/rails.min.js
+      integrity: sha512-yDJWVxuRSkQa1u9/Zif6Gh93Gk0Urboz98JLEPcERMQ+pTHz/c27d0Xz08G+lgutFyKklB9UILtnhG6bth6B4A==
+      crossorigin: anonymous
+      referrerpolicy: no-referrer
+
+jquery:
+  items:
+    # jquery-ui includes all interaction components, the dialog and the autocomplete widget
+    # and all dependencies for those
+    # decko depends on autocomplete, sortable, jquery.autosize and jquery.fileupload
+    # the dialog widget is not used in decko but in wikirate
+    # don't know if iframe-transport is needed but it used to be there
+
+    - jquery/jquery-ui.min.js
+    - jquery/jquery.ui.autocomplete.html.js
+    - jquery/jquery.autosize.js
+
+    - ../../vendor/jquery_file_upload/js/jquery.fileupload.js
+    - ../../vendor/jquery_file_upload/js/jquery.iframe-transport.js
+
+decko:
+  items:
+    - decko/decko.js.coffee
+    - decko/decko_jquery.js.coffee
+
+    - decko/slot.js.coffee
+    - decko/slotter.js.coffee
+
+    - decko/slot_ready.js.coffee
+    - decko/clicks_and_hovers.js.coffee

data/assets/style/common.scss

@@ -0,0 +1,73 @@
+form {
+  margin: 0;
+  padding: 0;
+}
+
+a, a:visited {
+  text-decoration: none;
+}
+a:focus, a:hover {
+  text-decoration: underline;
+}
+
+.card-slot {
+  position: relative;
+}
+
+// resets
+.d0-card-frame,
+.d0-card-body,
+.ALL {
+  overflow: inherit;
+  white-space: normal;
+}
+
+.d0-card-frame {
+  text-align: left;
+  font-weight: normal;
+  font-style: normal;
+
+  .d0-card-frame-title {
+    // display: inline-block;
+    overflow: hidden;
+    span.header-icon {
+      margin: 0 5px;
+    }
+  }
+  .type-info {
+    margin-right: 10px;
+  }
+}
+
+
+.d0-card-header {
+  display: flex;
+  justify-content: space-between;
+}
+
+//.d0-card-content {
+//  .d0-card-header > .d0-card-header-title > .card-title {
+//    font-size: $h2-font-size;
+//    color: $headings-color;
+//  }
+//  .bar-bottom .d0-card-header > .d0-card-header-title > .card-title {
+//    font-size: $h3-font-size;
+//    color: $headings-color;
+//  }
+//}
+
+.titled-view > .d0-card-header {
+  min-height: 1.5em;
+}
+
+/* links to create missing cards */
+
+a.unknown-link {
+  color: $text-muted;
+  font-variant: small-caps;
+  &:hover {
+    color: $primary;
+  }
+}
+
+

data/assets/style/logo_and_credit.scss

@@ -0,0 +1,24 @@
+$credit_color: $primary !default;
+
+.SELF-Xlogo.content_panel-view,
+.SELF-Xcredit.content_panel-view {
+  text-align: center;
+  background: $white;
+  img {
+    max-width: 100%;
+  }
+  a {
+    color: $credit_color;
+  }
+}
+
+// TODO: make classes clearer (reference logo)
+
+[id^='svg-card-'] use{ // all cards
+  fill: $primary;
+}
+
+[id^='svg-card-']:nth-child(even) use { // even cards
+  fill: $secondary;
+}
+

data/assets/style/menu.scss

@@ -0,0 +1,43 @@
+
+
+/*---------- Card menu ------------*/
+
+.card-menu {
+  position: absolute;
+  right: 8px;
+  top: 5px;
+}
+
+.d0-card-content, .titled-view > .d0-card-header {
+  > .card-menu {
+    top: 0;
+  }
+}
+
+
+@include media-breakpoint-up(xs) {
+  // Hover over these, and only the card menus that are immediate children will appear
+  .card-slot > .d0-card-frame > .d0-card-header,
+  .card-slot > .d0-card-header,
+  .card-slot.labeled-view > .labeled-content > .d0-card-body,
+  .card-slot,
+  .card > .card-body,
+  .card > .card-header {
+    > .card-menu._show-on-hover > a {
+      display: none;
+    }
+    &:hover > .card-menu._show-on-hover > a {
+      display: inline-block;
+    }
+  }
+
+  // Hover over this one, and ANY card-menu inside will appear
+  .card-menu-hoverspace {
+    .card-menu._show-on-hover > a {
+      display: none;
+    }
+    &:hover .card-menu._show-on-hover > a {
+      display: inline-block;
+    }
+  }
+}

data/assets/style/messaging.scss

@@ -0,0 +1,59 @@
+/*-------------------- */
+/*- ERRORS / NOTICES - */
+/*-------------------- */
+
+/* TODO: following should be consolidated / simplified */
+
+.card-notice,
+.new-current-revision-id,
+.confirm_update_all-view,
+._template,
+.admin-error-message {
+  display: none
+}
+
+.exception p {
+  margin: 15px;
+}
+
+.card-notice {
+  background: $white;
+  font-weight: bold;
+  font-style: italic;
+  text-align: center;
+  margin: 0 0 4px 0;
+
+  .card-error-msg {
+    text-align: left;
+  }
+}
+
+.conflict-view {
+  text-align: left;
+  border: 1px solid $gray-400;
+  padding: 10px;
+  margin-top: 12px;
+}
+
+.name-editor.known-name input {
+  border: 3px solid $danger;
+}
+.name-messages {
+  font-style: italic;
+  background: $info;
+}
+
+.alert {
+  &.guide {
+    margin-left: 20px;
+    width: 40%;
+  }
+}
+.alert-heading.error {
+  margin-bottom: 30px;
+}
+
+/*-------- Help Texts --------*/
+.alert-info p:last-child {
+  margin-bottom: 0;
+}

data/assets/style/misc.scss

@@ -0,0 +1,90 @@
+/*-- misc --*/
+
+.TYPE-toggle.d0-card-content {
+  font-style: italic;
+}
+
+// TODO: use mixin
+pre,
+.TYPE-plain_text.d0-card-content,
+.SELF-Xhead.d0-card-content {
+  white-space: pre-wrap;       /* css-3 */
+  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
+  white-space: -pre-wrap;      /* Opera 4-6 */
+  white-space: -o-pre-wrap;    /* Opera 7 */
+  word-wrap: break-word;       /* Internet Explorer 5.5+ */
+}
+.unknown-view a {
+  display: inline;
+}
+
+.VIEW-type {
+  font-style: italic;
+  font-size: .85em;
+}
+
+
+.one-line {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow-x: hidden;
+}
+
+.labeled-view:hover .card-menu {
+  display: inline-block;
+}
+
+
+.labeled-view {
+  padding: 5px 0;
+  max-width: 100%;
+  .label {
+    font-weight: bold;
+  }
+  .labeled-content {
+    .pointer-list,
+    .pointer-item,
+    .search-result-list,
+    .search-result-item {
+      font-size: 1em;
+      padding: 0;
+      text-indent: 0;
+    }
+  }
+}
+
+.btn-reduced-padding {
+  padding: 0.1rem 0.2rem;
+}
+
+/*-------- Icon Helpers --------*/
+
+/* Material icon placement */
+.material-icons {
+  vertical-align: sub;
+  font-size: medium;
+}
+
+.material-icons.md-24 { font-size: 24px; }
+
+
+//a.external-link {
+//  // color: $warning;
+//  &:after {
+//    content: "\f360";
+//    font-weight: 900;
+//    right: -2px;
+//    position: relative;
+//    bottom: 4px;
+//    font-family: fontAwesome;
+//    font-size: 8px;
+//    text-decoration: none !important;
+//    display: inline;
+//  }
+//}
+//
+//a.external-link,
+//.closed-content a.external-link {
+//  padding-right: 2px !important;
+//}
+

data/assets/style/open_and_closed.scss

@@ -0,0 +1,68 @@
+.d0-card-frame .toggler {
+  display: inline-block;
+  position: relative;
+}
+
+.closed-view {
+  position: relative;
+  > .d0-card-frame {
+    white-space: nowrap;
+    //padding-right: 30px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    position: static;
+    width:100%;
+    > .d0-card-header{
+      // float: left;
+    }
+  }
+
+  .d0-card-frame {
+    display: inline-block;
+  }
+}
+.closed-content {
+  margin-top: 2px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding: 10px;
+
+  table, thead, tbody, tr, th, td, p, h1, h2, h3, h4, h5, h6, ul, li, pre, ol, div, span, a, blockquote, img, label, i {
+    display: inline;
+    white-space: nowrap;
+    float: none;
+  }
+  br, hr, input, textarea, object, :after, :before {
+    display: none;
+  }
+}
+
+
+.closed-view.panel {
+  margin: 0;
+  width: 100%;
+}
+.closed-content {
+  table, tbody, tr, th, td, p, h1, h2, h3, h4, h5, h6, ul, li, pre, ol, div, span, a, blockquote, img {
+    font-size: 1em;
+    margin: 0 6px 0 0;
+    padding: 0;
+    border:  0;
+  }
+  a {
+    margin: 0;
+  }
+  img {
+    max-height: 1em;
+    width: auto;
+  }
+}
+
+.toggler > i.material-icons{
+  color: $black;
+  font-size: 15px;
+  font-weight: bolder!important;
+  border: 2px solid $black;
+  border-radius: 3px;
+  margin-right: 3px;
+}