modified a lot of things
This commit is contained in:
parent
564711f174
commit
a1e7d76ddd
76 changed files with 865 additions and 52 deletions
40
app/assets/stylesheets/experiment/global/buttons.css
Normal file
40
app/assets/stylesheets/experiment/global/buttons.css
Normal file
|
@ -0,0 +1,40 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
.btn,
|
||||
button {
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: var(--blue);
|
||||
color: var(--blue);
|
||||
background: white;
|
||||
transition: color 100ms ease, background 100ms ease, border-color 100ms ease;
|
||||
padding: .25em .5em;
|
||||
}
|
||||
|
||||
.btn-main,
|
||||
.btn:hover,
|
||||
button:hover {
|
||||
color: white;
|
||||
background: var(--blue);
|
||||
}
|
||||
|
||||
[data-ff-confirmation-button="yes"],
|
||||
.btn-danger {
|
||||
border-color: var(--red);
|
||||
color: var(--red);
|
||||
}
|
||||
|
||||
[data-ff-confirmation-button="yes"]:hover,
|
||||
.btn-danger:hover {
|
||||
background: var(--red);
|
||||
}
|
||||
|
||||
.btn-main:hover {
|
||||
border-color: color(var(--blue) l(40%));
|
||||
background-color: color(var(--blue) l(40%));
|
||||
}
|
||||
|
||||
.buttons [class*=btn]:last-of-type,
|
||||
.buttons button:last-of-type {
|
||||
border-radius: 0 3px 3px 0;
|
||||
border-right-width: 2px;
|
||||
}
|
45
app/assets/stylesheets/experiment/global/colors.css
Normal file
45
app/assets/stylesheets/experiment/global/colors.css
Normal file
|
@ -0,0 +1,45 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
:root {
|
||||
--grey-05: color(black l(99.4%));
|
||||
--grey-1: color(black l(98%));
|
||||
--grey-2: color(black l(96%));
|
||||
--grey-3: color(black l(92%));
|
||||
--grey-4: color(black l(86%));
|
||||
--grey-5: color(black l(65%));
|
||||
--grey-6: color(black l(50%));
|
||||
--black: #2f2f2f;
|
||||
|
||||
--scrim: rgba(0,0,0,.5);
|
||||
|
||||
--blue: #0176f5;
|
||||
--blue-light: #78b6ff;
|
||||
--blue-lighter: #d2e6ff;
|
||||
--green: #82c13e;
|
||||
--red: #ff0f0f;
|
||||
}
|
||||
|
||||
.bg-grey-1 { background: var(--grey-1)}
|
||||
.bg-grey-2 { background: var(--grey-2)}
|
||||
.bg-grey-3 { background: var(--grey-3)}
|
||||
.bg-grey-4 { background: var(--grey-4)}
|
||||
.bg-grey-5 { background: var(--grey-5)}
|
||||
.bg-scrim { background: var(--scrim)}
|
||||
.bg-black { background: var(--black)}
|
||||
.bg-blue { background: var(--blue)}
|
||||
.bg-blue-light { background: var(--blue-light)}
|
||||
.bg-blue-lighter { background: var(--blue-lighter)}
|
||||
.bg-red { background: var(--red)}
|
||||
.bg-green { background: var(--green)}
|
||||
|
||||
.color-white { color: white}
|
||||
.color-grey { color: var(--grey-6)}
|
||||
.color-black { color: var(--black)}
|
||||
.color-red { color: var(--red)}
|
||||
.color-green { color: var(--green)}
|
||||
.color-blue { color: var(--blue)}
|
||||
|
||||
.border-color-grey { border-color: var(--grey-4)}
|
||||
.border-color-red { border-color: var(--red)}
|
||||
.border-color-green { border-color: var(--green)}
|
||||
.border-color-blue { border-color: var(--blue-light)}
|
||||
|
14
app/assets/stylesheets/experiment/global/confirmation.css
Normal file
14
app/assets/stylesheets/experiment/global/confirmation.css
Normal file
|
@ -0,0 +1,14 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
[data-ff-confirmation-prompt] {
|
||||
font-weight: 500;
|
||||
margin-top: 0;
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 2rem;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
[data-ff-confirmation-button="yes"] {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
|
10
app/assets/stylesheets/experiment/global/containers.css
Normal file
10
app/assets/stylesheets/experiment/global/containers.css
Normal file
|
@ -0,0 +1,10 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
/*[class*="container"] {*/
|
||||
/*margin-left: auto;*/
|
||||
/*margin-right: auto;*/
|
||||
/*}*/
|
||||
|
||||
/*.container { max-width: 60rem; }*/
|
||||
/*.container--medium { max-width: 50rem; }*/
|
||||
/*.container--narrow { max-width: 40rem; }*/
|
||||
|
31
app/assets/stylesheets/experiment/global/dashboard.css
Normal file
31
app/assets/stylesheets/experiment/global/dashboard.css
Normal file
|
@ -0,0 +1,31 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
@import 'ff-dashboard';
|
||||
@import './colors.css';
|
||||
|
||||
[data-ff-dashboard-header] {
|
||||
background: white;
|
||||
padding: .5rem 1rem;
|
||||
border-bottom: 2px solid var(--grey-4);
|
||||
}
|
||||
|
||||
[data-ff-dashboard-main-panel] {
|
||||
background: var(--grey-05);
|
||||
}
|
||||
|
||||
[data-ff-dashboard-left-panel],
|
||||
[data-ff-dashboard-right-panel] {
|
||||
background: white;
|
||||
}
|
||||
|
||||
[data-ff-dashboard-left-panel] {
|
||||
border-right: 2px solid var(--grey-4);
|
||||
}
|
||||
|
||||
[data-ff-dashboard-right-panel] {
|
||||
border-left: 2px solid var(--grey-4);
|
||||
}
|
||||
|
||||
[data-ff-dashboard-panel-body] {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
29
app/assets/stylesheets/experiment/global/decorative.css
Normal file
29
app/assets/stylesheets/experiment/global/decorative.css
Normal file
|
@ -0,0 +1,29 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
ul.tabs--v li.is-selected,
|
||||
ul.tabs--h li.is-selected {
|
||||
border-color: var(--green);
|
||||
}
|
||||
|
||||
ul.tabs--h li,
|
||||
ul.tabs--v li {
|
||||
color: var(--black);
|
||||
}
|
||||
|
||||
.border,
|
||||
.border-top,
|
||||
.border-bottom,
|
||||
.border-left,
|
||||
.border-right {
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-bottom-width: 2px;
|
||||
border-color: var(--grey-4);
|
||||
}
|
||||
|
||||
::selection {
|
||||
color: white;
|
||||
background: var(--black);
|
||||
}
|
||||
|
84
app/assets/stylesheets/experiment/global/form-elements.css
Normal file
84
app/assets/stylesheets/experiment/global/form-elements.css
Normal file
|
@ -0,0 +1,84 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
input[type='checkbox'] + label:before,
|
||||
input[type='radio'] + label:before,
|
||||
select,
|
||||
textarea,
|
||||
input {
|
||||
border: 2px solid var(--grey-5);
|
||||
}
|
||||
|
||||
label {
|
||||
margin-bottom: .25em;
|
||||
}
|
||||
|
||||
select,
|
||||
textarea,
|
||||
input {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
textarea,
|
||||
select,
|
||||
input {
|
||||
padding: .25em .5em;
|
||||
}
|
||||
|
||||
select:focus,
|
||||
input:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--green);
|
||||
}
|
||||
|
||||
input[type='radio'] + label,
|
||||
input[type='checkbox'] + label {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
input[type='radio'] + label:before,
|
||||
input[type='checkbox'] + label:before {
|
||||
display: inline-block;
|
||||
content: "\E876";
|
||||
margin: 0;
|
||||
font-family: 'Material Icons';
|
||||
padding: 0;
|
||||
font-size: .85rem;
|
||||
width: 1.1rem;
|
||||
line-height: 1.1rem;
|
||||
}
|
||||
|
||||
input[type='radio'] + label:before {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
input[type='checkbox']:checked + label:before,
|
||||
input[type='radio']:checked + label:before {
|
||||
border-color: var(--blue);
|
||||
background: var(--blue-light);
|
||||
}
|
||||
|
||||
input[type='checkbox']:checked + label:before,
|
||||
input[type='radio']:checked + label:before {
|
||||
color: white;
|
||||
}
|
||||
|
||||
select,
|
||||
.dollar-input {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
select {
|
||||
-moz-appearance: none !important;
|
||||
width: initial;
|
||||
background-image: url('/svgs/dropdown.svg');
|
||||
background-position-x: calc(100% - .25rem);
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
.dollar-input {
|
||||
background-image: url('/svgs/dollar.svg');
|
||||
background-size: 1.1rem;
|
||||
background-position-x: .25rem;
|
||||
padding-left: 1.5rem;
|
||||
}
|
||||
|
83
app/assets/stylesheets/experiment/global/icons.css
Normal file
83
app/assets/stylesheets/experiment/global/icons.css
Normal file
|
@ -0,0 +1,83 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
@font-face {
|
||||
font-family: 'Material Icons';
|
||||
font-style: normal;
|
||||
src: local('/fonts/material/MaterialIcons-Regular'),
|
||||
url('/fonts/material/MaterialIcons-Regular.woff2') format('woff2'),
|
||||
url('/fonts/material/MaterialIcons-Regular.woff') format('woff'),
|
||||
url('/fonts/material/MaterialIcons-Regular.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Social Icons';
|
||||
src: url('/fonts/social/fontello.eot?34099374');
|
||||
src: url('/fonts/social/fontello.eot?34099374#iefix') format('embedded-opentype'),
|
||||
url('/fonts/social/fontello.woff2?34099374') format('woff2'),
|
||||
url('/fonts/social/fontello.woff?34099374') format('woff'),
|
||||
url('/fonts/social/fontello.ttf?34099374') format('truetype'),
|
||||
url('/fonts/social/fontello.svg?34099374#fontello') format('svg');
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class*="social-icon-"]:before,
|
||||
.m-icon {
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: normal;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-rendering: optimizeLegibility;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
font-feature-settings: 'liga';
|
||||
}
|
||||
|
||||
/* reference: https://material.io/icons/ */
|
||||
.m-icon {
|
||||
font-family: 'Material Icons';
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
[class*=".social-icon-"] {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* social icons include logos for the following platforms */
|
||||
/* tumbler */
|
||||
/* twitter */
|
||||
/* facebook */
|
||||
/* github */
|
||||
/* linkedin */
|
||||
/* youtube */
|
||||
/* instagram */
|
||||
/* flickr */
|
||||
/* google */
|
||||
/* vine */
|
||||
/* pinterest */
|
||||
/* whatsapp */
|
||||
/* vimeo */
|
||||
/* reddit */
|
||||
/* snapchat */
|
||||
/* quora */
|
||||
|
||||
[class*="social-icon-"]:before { font-family: "Social Icons"; }
|
||||
|
||||
.social-icon-tumbler:before { content: '\e800'; }
|
||||
.social-icon-twitter:before { content: '\f099'; }
|
||||
.social-icon-facebook:before { content: '\f09a'; }
|
||||
.social-icon-github:before { content: '\f09b'; }
|
||||
.social-icon-linkedin:before { content: '\f0e1'; }
|
||||
.social-icon-youtube:before { content: '\f16a'; }
|
||||
.social-icon-instagram:before { content: '\f16d'; }
|
||||
.social-icon-flickr:before { content: '\f16e'; }
|
||||
.social-icon-google:before { content: '\f1a0'; }
|
||||
.social-icon-vine:before { content: '\f1ca'; }
|
||||
.social-icon-pinterest:before { content: '\f231';}
|
||||
.social-icon-whatsapp:before { content: '\f232'; }
|
||||
.social-icon-vimeo:before { content: '\f27d'; }
|
||||
.social-icon-reddit:before { content: '\f281'; }
|
||||
.social-icon-snapchat:before { content: '\f2ac'; }
|
||||
.social-icon-quora:before { content: '\f2c4'; }
|
24
app/assets/stylesheets/experiment/global/loader.css
Normal file
24
app/assets/stylesheets/experiment/global/loader.css
Normal file
|
@ -0,0 +1,24 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
.loader {
|
||||
height: 2px;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.loader:before{
|
||||
transform: translateZ(0);
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 100%;
|
||||
background: var(--green);
|
||||
animation: loader 1s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes loader {
|
||||
from {left: -10%; width: 10%}
|
||||
50% {width: 60%; left: 40%;}
|
||||
to {left: 130%; width: 10%}
|
||||
}
|
92
app/assets/stylesheets/experiment/global/modal.css
Normal file
92
app/assets/stylesheets/experiment/global/modal.css
Normal file
|
@ -0,0 +1,92 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
@import 'flimflam/ui/modal/index.css'; /* npm */
|
||||
|
||||
[data-ff-modal-backdrop] {
|
||||
z-index: 2;
|
||||
transform: translateZ(0);
|
||||
transition: opacity 200ms ease-out, visibility 200ms ease-out;
|
||||
background: var(--scrim);
|
||||
}
|
||||
|
||||
[data-ff-modal-backdrop=hidden] {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
[data-ff-modal-backdrop=shown] {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
[data-ff-modal] {
|
||||
box-shadow: var(--sh-2);
|
||||
}
|
||||
|
||||
[data-ff-modal-header] { padding: 1rem 3rem 1rem 1rem; }
|
||||
|
||||
[data-ff-modal-body],
|
||||
[data-ff-modal-footer] {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
[data-ff-modal-header] ,
|
||||
[data-ff-modal-footer] {
|
||||
background: var(--grey-1);
|
||||
}
|
||||
|
||||
[data-ff-modal-header] h4 { margin: 0; }
|
||||
|
||||
[data-ff-modal-close-button] {
|
||||
top: 1rem;
|
||||
right: 1rem;
|
||||
}
|
||||
|
||||
[data-ff-modal-close-button]:after {
|
||||
line-height: 1;
|
||||
font-size: 1.75rem;
|
||||
color: var(--grey-6);
|
||||
content: '×';
|
||||
}
|
||||
|
||||
.modal-medium [data-ff-modal] {
|
||||
width: 40rem;
|
||||
margin-left: -20rem;
|
||||
}
|
||||
[data-ff-confirmation] [data-ff-modal],
|
||||
.modal-small [data-ff-modal] {
|
||||
width: 30rem;
|
||||
margin-left: -15rem;
|
||||
}
|
||||
|
||||
.modal-large [data-ff-modal] {
|
||||
width: 50rem;
|
||||
margin-left: -25rem;
|
||||
}
|
||||
|
||||
@media (max-width: 40rem) {
|
||||
.modal-medium [data-ff-modal] {
|
||||
width: calc(100% - 1rem);
|
||||
margin-left: -0.5rem;
|
||||
left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 50rem) {
|
||||
.modal-large [data-ff-modal] {
|
||||
width: calc(100% - 1rem);
|
||||
margin-left: -0.5rem;
|
||||
left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 30rem) {
|
||||
[data-ff-confirmation] [data-ff-modal],
|
||||
.modal-small [data-ff-modal] {
|
||||
width: calc(100% - 1rem);
|
||||
margin-left: -0.5rem;
|
||||
left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
25
app/assets/stylesheets/experiment/global/notification.css
Normal file
25
app/assets/stylesheets/experiment/global/notification.css
Normal file
|
@ -0,0 +1,25 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
[data-ff-notification] {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
box-shadow: var(--sh-2);
|
||||
background: var(--black);
|
||||
color: white;
|
||||
font-weight: 500;
|
||||
padding: 1rem;
|
||||
z-index: 1;
|
||||
left: 0;
|
||||
bottom: -50%;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translateZ(0);
|
||||
transition: 200ms ease;
|
||||
}
|
||||
|
||||
[data-ff-notification=shown] {
|
||||
opacity: 0.9;
|
||||
visibility: visible;
|
||||
bottom: 0;
|
||||
}
|
||||
|
25
app/assets/stylesheets/experiment/global/page.css
Normal file
25
app/assets/stylesheets/experiment/global/page.css
Normal file
|
@ -0,0 +1,25 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
@import 'commons.css'; /* npm */
|
||||
@import 'colors.css'; /* contains variables */
|
||||
@import 'shadows.css'; /* contains variables */
|
||||
/*@import 'typography.css';*/
|
||||
@import 'icons.css';
|
||||
@import 'containers.css';
|
||||
@import 'buttons.css';
|
||||
@import 'decorative.css';
|
||||
@import 'form-elements.css';
|
||||
@import 'modal.css';
|
||||
@import 'notification.css';
|
||||
@import 'confirmation.css';
|
||||
@import 'wizard.css';
|
||||
@import 'tooltip.css';
|
||||
@import 'tabswap.css';
|
||||
@import 'utils.css';
|
||||
@import 'loader.css';
|
||||
@import 'pre.css';
|
||||
|
||||
/* add to commons */
|
||||
@media (max-width: 30rem) {
|
||||
.sm-left { float: left; }
|
||||
}
|
||||
|
10
app/assets/stylesheets/experiment/global/pre.css
Normal file
10
app/assets/stylesheets/experiment/global/pre.css
Normal file
|
@ -0,0 +1,10 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
font-size: .8rem;
|
||||
background: var(--grey-1);
|
||||
padding: 1rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
12
app/assets/stylesheets/experiment/global/shadows.css
Normal file
12
app/assets/stylesheets/experiment/global/shadows.css
Normal file
|
@ -0,0 +1,12 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
:root {
|
||||
--sh-1: 0 1px 3px 1px rgba(0,0,0,.1);
|
||||
--sh-2: 0 1.5px 6px 1px rgba(0,0,0,.2);
|
||||
--sh-3: 0 2px 10px 1px rgba(0,0,0,.3);
|
||||
--sh-4: 0 3px 12px 1px rgba(0,0,0,.4);
|
||||
}
|
||||
|
||||
/* these box-shadow variables correspond with the */
|
||||
/* shadow classes in commons.css (http://yutakahoulette.com/commons.css/#shadow) */
|
||||
|
||||
|
49
app/assets/stylesheets/experiment/global/tabswap.css
Normal file
49
app/assets/stylesheets/experiment/global/tabswap.css
Normal file
|
@ -0,0 +1,49 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
@import 'flimflam/ui/tabswap/index.css'; /* npm */
|
||||
|
||||
[data-ff-tabswap-labels] {
|
||||
border-bottom: 2px solid var(--grey-4);
|
||||
}
|
||||
|
||||
[data-ff-tabswap-label] {
|
||||
border: 2px solid var(--grey-4);
|
||||
}
|
||||
|
||||
[data-ff-tabswap-label],
|
||||
[data-ff-tabswap-label-wrapper] {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
[data-ff-tabswap-label-wrapper]:first-of-type {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
[data-ff-tabswap-label-wrapper] {
|
||||
margin-right: .5rem;
|
||||
}
|
||||
|
||||
[data-ff-tabswap-label] {
|
||||
background: var(--grey-2);
|
||||
padding: .25rem 1rem;
|
||||
border-radius: 3px 3px 0 0;
|
||||
transform: translateY(2px);
|
||||
position: relative;
|
||||
color: var(--grey-6);
|
||||
}
|
||||
|
||||
[data-ff-tabswap-label="active"] {
|
||||
font-weight: 400;
|
||||
background: white;
|
||||
color: var(--blue);
|
||||
}
|
||||
|
||||
[data-ff-tabswap-label="active"]:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
bottom: -2px;
|
||||
background: white;
|
||||
}
|
||||
|
51
app/assets/stylesheets/experiment/global/tooltip.css
Normal file
51
app/assets/stylesheets/experiment/global/tooltip.css
Normal file
|
@ -0,0 +1,51 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
@import 'data-tooltip'; /* npm */
|
||||
|
||||
[data-ff-field] { position: relative; }
|
||||
|
||||
[data-ff-field]:before,
|
||||
[data-ff-field]:after {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
pointer-events: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
[data-ff-field='invalid']:before,
|
||||
[data-ff-field='invalid']:after {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
[data-ff-field]:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
background: transparent;
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
border: 6px solid transparent;
|
||||
border-top-color: #383838;
|
||||
bottom: calc(100% - 6px);
|
||||
left: 12px;
|
||||
}
|
||||
|
||||
[data-ff-field]:after {
|
||||
background: #383838;
|
||||
font-weight: normal;
|
||||
color: white;
|
||||
padding: 6px 8px;
|
||||
line-height: 1.4;
|
||||
white-space: nowrap;
|
||||
border-radius: 3px;
|
||||
text-align: left;
|
||||
content: attr(data-ff-field-error);
|
||||
bottom: calc(100% + 6px);
|
||||
left: 0;
|
||||
}
|
||||
|
||||
[data-ff-field]:after,
|
||||
[class*=tooltip--]:after {
|
||||
font-size: .75rem;
|
||||
letter-spacing: 1px;
|
||||
box-shadow: 1px 1px 4px 1px rgba(0,0,0,.1);
|
||||
}
|
||||
|
58
app/assets/stylesheets/experiment/global/typography.css
Normal file
58
app/assets/stylesheets/experiment/global/typography.css
Normal file
|
@ -0,0 +1,58 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('/fonts/Open_Sans/opensans-regular-webfont.ttf') format('truetype');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('/fonts/Open_Sans/OpenSans-Semibold.ttf') format('truetype');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
src: url('/fonts/Open_Sans/opensans-bold-webfont.ttf') format('truetype');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family:
|
||||
OpenSans,
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Helvetica Neue,
|
||||
Helvetica,
|
||||
sans-serif;
|
||||
line-height: 1.5;
|
||||
color: var(--black);
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
p a {
|
||||
background-image: linear-gradient(to right, var(--grey-5), var(--grey-5));
|
||||
background-repeat: no-repeat,no-repeat,repeat-x;
|
||||
background-position: 0 100%;
|
||||
background-size: 100% 1px;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.jumbo { font-size: 4rem; }
|
||||
.bump { font-size: 1.2rem; }
|
||||
.sub { font-size: .9rem; }
|
||||
|
||||
label { font-weight: 500; }
|
||||
|
||||
strong, .bold, h1, h2, h3, h4, h5, h6 { font-weight: 600; }
|
||||
|
||||
.font-weight-1 { font-weight: 400; }
|
||||
.font-weight-2 { font-weight: 500; }
|
||||
.font-weight-3 { font-weight: 600; }
|
||||
|
5
app/assets/stylesheets/experiment/global/utils.css
Normal file
5
app/assets/stylesheets/experiment/global/utils.css
Normal file
|
@ -0,0 +1,5 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
.transition-slow {
|
||||
transition: 300ms ease;
|
||||
}
|
||||
|
91
app/assets/stylesheets/experiment/global/wizard.css
Normal file
91
app/assets/stylesheets/experiment/global/wizard.css
Normal file
|
@ -0,0 +1,91 @@
|
|||
/* License: LGPL-3.0-or-later */
|
||||
[data-ff-wizard-label]:first-of-type:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[data-ff-wizard-label] {
|
||||
opacity: 1;
|
||||
transition: color 200ms ease;
|
||||
}
|
||||
|
||||
|
||||
|
||||
[data-ff-wizard-label='accessible'] { cursor: pointer; }
|
||||
|
||||
[data-ff-wizard-label='inaccessible'] { cursor: default; }
|
||||
|
||||
[data-ff-wizard-label] {
|
||||
text-align: center;
|
||||
font-size: .8rem;
|
||||
padding: 1rem .25rem 0 .25rem;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
[data-ff-wizard-label]:after,
|
||||
[data-ff-wizard-label]:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
transition: background 200ms ease;
|
||||
}
|
||||
|
||||
[data-ff-wizard-label]:after {
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
right: 50%;
|
||||
transform: translateX(.5rem);
|
||||
height: .8rem;
|
||||
width: .8rem;
|
||||
border-radius: 2rem;
|
||||
}
|
||||
|
||||
[data-ff-wizard-label]:before {
|
||||
height: .2rem;
|
||||
width: 100%;
|
||||
top: .35rem;
|
||||
right: 50%;
|
||||
}
|
||||
|
||||
[data-ff-wizard-label-wrapper='complete'] [data-ff-wizard-label] {
|
||||
color: var(--grey-5);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
[data-ff-wizard-label] {
|
||||
color: var(--grey-5);
|
||||
}
|
||||
|
||||
[data-ff-wizard-label-wrapper='complete'] [data-ff-wizard-label]:after,
|
||||
[data-ff-wizard-label]:after {
|
||||
background: var(--grey-5);
|
||||
}
|
||||
|
||||
[data-ff-wizard-label-wrapper='complete'] [data-ff-wizard-label]:before,
|
||||
[data-ff-wizard-label]:before {
|
||||
background: var(--grey-4);
|
||||
}
|
||||
|
||||
[data-ff-wizard-label='accessible']:after,
|
||||
[data-ff-wizard-label='current']:after {
|
||||
background: var(--blue);
|
||||
}
|
||||
|
||||
[data-ff-wizard-label='accessible']:before,
|
||||
[data-ff-wizard-label='current']:before {
|
||||
background: var(--blue-light);
|
||||
}
|
||||
|
||||
[data-ff-wizard-label-wrapper] {
|
||||
width: 100%;
|
||||
padding: 1rem 1rem .5rem 1rem;
|
||||
background: var(--grey-1);
|
||||
}
|
||||
|
||||
[data-ff-wizard-label='accessible'],
|
||||
[data-ff-wizard-label='current'] {
|
||||
font-weight: 500;
|
||||
color: var(--blue);
|
||||
}
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
// License: LGPL-3.0-or-later
|
||||
import nonprofitBranding from '../../../../javascripts/src/lib/nonprofitBranding';
|
||||
|
||||
module.exports = nonprofitBranding(app.nonprofit.brand_color)
|
||||
export default nonprofitBranding(app.nonprofit.brand_color)
|
||||
|
||||
|
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/bank_accounts/confirm/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/campaigns/index/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/campaigns/peer_to_peer/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/campaigns/show/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/campaigns/supporters/index/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/events/index/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/events/show/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/events/stats/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/nonprofits/btn/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/nonprofits/button/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/nonprofits/cards/edit/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/nonprofits/dashboard/page.js')
|
|
@ -1 +1,2 @@
|
|||
require('../legacy/page.js')
|
||||
require('../legacy/nonprofits/donate/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/nonprofits/edit/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/nonprofits/payments/index/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/nonprofits/payouts/index/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/nonprofits/recurring_donations/index/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/nonprofits/show/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/nonprofits/supporter_form/page.js')
|
|
@ -1 +1,2 @@
|
|||
require('../legacy/page.js')
|
||||
require('../legacy/nonprofits/supporters/index/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/nonprofits/supporters/new/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/recurring_donations/edit/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/settings/index/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/super-admin/page.js')
|
|
@ -1 +1,3 @@
|
|||
require('../../../client/css/global/page.css')
|
||||
require('../legacy/page.js')
|
||||
require('../legacy/tickets/index/page.js')
|
|
@ -1,5 +1,4 @@
|
|||
// License: LGPL-3.0-or-later
|
||||
require('../../../client/css/global/page.css')
|
||||
require('bootstrap-loader');
|
||||
require('../../../javascripts/app/registration_page')
|
||||
|
||||
|
|
|
@ -65,10 +65,11 @@ class Nonprofit < ApplicationRecord
|
|||
has_many :campaigns, dependent: :destroy
|
||||
has_many :events, dependent: :destroy
|
||||
has_many :tickets, through: :events
|
||||
has_many :roles, as: :host, dependent: :destroy
|
||||
has_many :users, through: :roles
|
||||
has_many :tag_masters, dependent: :destroy
|
||||
has_many :custom_field_masters, dependent: :destroy
|
||||
has_many :roles, as: :host, dependent: :destroy
|
||||
|
||||
has_many :activities, as: :host, dependent: :destroy
|
||||
has_many :imports
|
||||
has_many :email_settings
|
||||
|
|
|
@ -6,10 +6,10 @@
|
|||
<% end %>
|
||||
|
||||
<%= content_for :javascripts do %>
|
||||
<%= javascript_packs_with_chunks_tag 'page__', 'page__campaigns__index' %>
|
||||
<script>
|
||||
app.current_nonprofit_user = <%= current_nonprofit_user? %>
|
||||
</script>
|
||||
<%= javascript_packs_with_chunks_tag 'page__', 'page__campaigns__index' %>
|
||||
<% end %>
|
||||
|
||||
<%= render 'components/header',
|
||||
|
|
|
@ -35,7 +35,7 @@
|
|||
})
|
||||
<% end %>
|
||||
</script>
|
||||
<%= IncludeAsset.js '/client/js/campaigns/peer_to_peer/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__peer_to_peer' %>
|
||||
<% end %>
|
||||
|
||||
<% if @parent_campaign && @parent_campaign.banner_image_url %>
|
||||
|
|
|
@ -25,7 +25,7 @@
|
|||
|
||||
<%= render 'schema', campaign: @campaign, url: @url %>
|
||||
<%= render 'common/froala' if current_campaign_editor? %>
|
||||
<%= IncludeAsset.js '/client/js/campaigns/show/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__campaigns' %>
|
||||
<% end %>
|
||||
|
||||
<%= content_for :stylesheets do %>
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
<%= content_for :javascripts do %>
|
||||
<script>ENV.campaignID = <%= @campaign.id %></script>
|
||||
<%= IncludeAsset.js '/client/js/campaigns/supporters/index/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__campaigns__supporters' %>
|
||||
<% end %>
|
||||
|
||||
<% content_for :head do %>
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<%- # License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later -%>
|
||||
<% content_for :title, t("login.header") %>
|
||||
<% content_for :javascripts do %>
|
||||
<%= IncludeAsset.js '/app/session_login_pagex.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'session_login_page' %>
|
||||
<% end %>
|
||||
<% content_for :stylesheets do %>
|
||||
<%= stylesheet_link_tag 'users/page' %>
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
<script>
|
||||
app.current_nonprofit_user = <%= current_nonprofit_user? %>
|
||||
</script>
|
||||
<%= IncludeAsset.js '/client/js/events/index/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__events__index' %>
|
||||
<% end %>
|
||||
|
||||
<%= render 'components/header',
|
||||
|
|
|
@ -31,7 +31,7 @@
|
|||
|
||||
<%= render 'common/froala' if current_event_editor? %>
|
||||
<%= render 'schema', event: @event, url: @url %>
|
||||
<%= IncludeAsset.js '/client/js/events/show/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__events__show' %>
|
||||
<% end %>
|
||||
|
||||
<%= content_for :head do %>
|
||||
|
|
|
@ -23,7 +23,7 @@
|
|||
app.hide_activities = <%= @event.hide_activity_feed %>
|
||||
app.event_background_image = '<%= @event_background_image %>'
|
||||
</script>
|
||||
<%= IncludeAsset.js '/client/js/events/stats/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__events__stats' %>
|
||||
<% end %>
|
||||
|
||||
<%= content_for :head do %>
|
||||
|
|
|
@ -8,10 +8,6 @@
|
|||
<%= render 'users/login_modal' %>
|
||||
<% end %>
|
||||
|
||||
<div id='ff-render-onboard'>
|
||||
<!-- This div will get replaced with the script found in common/onboard.js -->
|
||||
</div>
|
||||
|
||||
<%= render 'common/confirmation' %>
|
||||
|
||||
<div id='js-notification' if-branded='background-color, lightest'></div>
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<% if Settings.payment_provider.stripe_proprietary_v2_js %>
|
||||
<script type="text/javascript" src="https://js.stripe.com/v2/"></script>
|
||||
<% else %>
|
||||
<%= IncludeAsset.js "/client/js/stripe_wrapper/page.js" %>
|
||||
<%= javascript_pack_tag "page__stripe_wrapper" %>
|
||||
<% end %>
|
||||
|
||||
<script>
|
||||
|
@ -14,16 +14,16 @@ Stripe.setPublishableKey("<%= Settings.payment_provider.stripe_public_key %>");
|
|||
window._csrf = "<%= form_authenticity_token %>";
|
||||
</script>
|
||||
|
||||
<%= IncludeAsset.js '/client/js/i18n.js' %>
|
||||
<script>
|
||||
I18n.defaultLocale = "<%= I18n.default_locale %>"
|
||||
I18n.locale = "<%= I18n.locale %>"
|
||||
</script>
|
||||
|
||||
|
||||
<%= yield :javascripts %>
|
||||
|
||||
|
||||
<script>
|
||||
I18n = I18n || {}
|
||||
I18n.defaultLocale = "<%= I18n.default_locale %>"
|
||||
I18n.locale = "<%= I18n.locale %>"
|
||||
</script>
|
||||
|
||||
<span data-parsley-namespace='parsley-'></span>
|
||||
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<head>
|
||||
<%= render 'layouts/meta_tags' %>
|
||||
<%= yield :head %>
|
||||
<%= IncludeAsset.css '/client/css/global/page.css' %>
|
||||
<%= stylesheet_link_tag 'experiment/global/page' %>
|
||||
<%= yield :stylesheets %>
|
||||
</head>
|
||||
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
}
|
||||
</script>
|
||||
|
||||
<%= IncludeAsset.js '/client/js/bank_accounts/confirm/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__bank_accounts__confirm' %>
|
||||
<% end %>
|
||||
|
||||
<div class='backgroundColor'>
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
<% end %>
|
||||
|
||||
<% content_for :javascripts do %>
|
||||
<%= IncludeAsset.js '/client/js/nonprofits/btn/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__nonprofits__btn' %>
|
||||
<% end %>
|
||||
|
||||
<div class='u-centered'>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<% content_for(:footer_hidden) {'hidden'} %>
|
||||
|
||||
<% content_for :javascripts do %>
|
||||
<%= IncludeAsset.js '/client/js/nonprofits/button/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__nonprofits__button' %>
|
||||
<% end %>
|
||||
|
||||
<header class='header'>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<% content_for(:footer_hidden) {'hidden'} %>
|
||||
|
||||
<% content_for :javascripts do %>
|
||||
<%= IncludeAsset.js '/client/js/nonprofits/button/page.js' %>
|
||||
<%= <%= javascript_pack_tag 'i18n', 'page__nonprofits__button' %>
|
||||
<% end %>
|
||||
|
||||
<header class='header'>
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
, subscription: <%= raw(@nonprofit.billing_subscription.to_json) %>
|
||||
}
|
||||
</script>
|
||||
<%= IncludeAsset.js '/client/js/nonprofits/cards/edit/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__nonprofits__cards__edit' %>
|
||||
<% end %>
|
||||
|
||||
<div id='js-main'></div>
|
||||
|
|
|
@ -4,10 +4,12 @@
|
|||
<% end %>
|
||||
|
||||
<%= content_for :javascripts do %>
|
||||
|
||||
<%= javascript_pack_tag 'i18n', 'page__nonprofits__dashboard'%>
|
||||
<script>
|
||||
appl.def('nonprofit_path', '<%= nonprofit_path(@nonprofit) %>')
|
||||
</script>
|
||||
<%= IncludeAsset.js '/client/js/nonprofits/dashboard/page.js' %>
|
||||
|
||||
<% end %>
|
||||
|
||||
<%= render 'components/header',
|
||||
|
|
|
@ -4,20 +4,15 @@
|
|||
|
||||
<% content_for :stylesheets do %>
|
||||
<%= stylesheet_link_tag 'nonprofits/payments/index/page' %>
|
||||
<%= IncludeAsset.css '/client/css/bootstrap.css' %>
|
||||
<% end %>
|
||||
|
||||
<% content_for :javascripts do %>
|
||||
|
||||
|
||||
<%= javascript_pack_tag 'i18n', 'page__nonprofits__payments__index', 'edit_payment_pane' %>
|
||||
<script>
|
||||
appl.def('has_bank', <%= !!@nonprofit.bank_account %>)
|
||||
</script>
|
||||
<%= IncludeAsset.js '/client/js/nonprofits/payments/index/page.js' %>
|
||||
<%= IncludeAsset.js '/app/react.js' %>
|
||||
<%= IncludeAsset.js '/app/react-dom.js' %>
|
||||
<%= IncludeAsset.js '/app/vendor.js' %>
|
||||
<%= IncludeAsset.js '/app/edit_payment_panex.js' %>
|
||||
|
||||
<script>
|
||||
appl.def('open_donation_modal', function(payment_details) {
|
||||
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<% content_for(:footer_hidden) {'hidden'} %>
|
||||
|
||||
<%= content_for :javascripts do %>
|
||||
<%= IncludeAsset.js '/client/js/nonprofits/payouts/index/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__nonprofits__payouts__index' %>
|
||||
<script>
|
||||
appl.def('has_bank', <%= !!@nonprofit.bank_account %>)
|
||||
</script>
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<% content_for(:footer_hidden) {'hidden'} %>
|
||||
|
||||
<%= content_for :javascripts do %>
|
||||
<%= IncludeAsset.js '/client/js/nonprofits/recurring_donations/index/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__nonprofits__recurring_donations__index' %>
|
||||
<% end %>
|
||||
|
||||
<%= render 'nonprofits/transaction_title',
|
||||
|
|
|
@ -40,8 +40,7 @@
|
|||
<%= render 'schema', npo: @nonprofit %>
|
||||
<%= render 'common/froala' if current_nonprofit_user? %>
|
||||
|
||||
<%= IncludeAsset.js '/client/js/nonprofits/show/page.js' %>
|
||||
<%= IncludeAsset.js '/client/js/nonprofits/edit/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__nonprofits__show', 'page__nonprofits__edit' %>
|
||||
<% # needs to be after the page load because that's when I18n is included %>
|
||||
<script>
|
||||
var I18n = I18n || {}
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
<% end %>
|
||||
|
||||
<% content_for :javascripts do %>
|
||||
<%= IncludeAsset.js '/client/js/nonprofits/supporter_form/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__nonprofits__supporter_form' %>
|
||||
<% end %>
|
||||
|
||||
<div class='u-centered'>
|
||||
|
|
|
@ -4,15 +4,10 @@
|
|||
|
||||
<% content_for(:stylesheets) do %>
|
||||
<%= stylesheet_link_tag 'nonprofits/supporters/index/page' %>
|
||||
<%= IncludeAsset.css '/client/css/bootstrap.css' %>
|
||||
<% end %>
|
||||
<%= content_for :javascripts do %>
|
||||
<%= IncludeAsset.js '/client/js/nonprofits/supporters/index/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__nonprofits__supporters__index', 'create_new_offsite_payment_pane' %>
|
||||
<%= render 'common/froala' %>
|
||||
<%= IncludeAsset.js '/app/react.js' %>
|
||||
<%= IncludeAsset.js '/app/react-dom.js' %>
|
||||
<%= IncludeAsset.js '/app/vendor.js' %>
|
||||
<%= IncludeAsset.js '/app/create_new_offsite_payment_panex.js' %>
|
||||
|
||||
<script>
|
||||
appl.def('open_donation_modal', function(supporter_id, donation_finish_successful_state_fn) {
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<%- # License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later -%>
|
||||
<%= content_for :javascripts do %>
|
||||
<%= IncludeAsset.js '/client/js/nonprofits/supporters/new/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__nonprofits__supporters__new' %>
|
||||
<% end %>
|
||||
|
||||
<div class='container'>
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<script>
|
||||
app.pageLoadData = <%= raw @data.to_json %>
|
||||
</script>
|
||||
<%= IncludeAsset.js '/client/js/recurring_donations/edit/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__recurring_donations__edit' %>
|
||||
<% end %>
|
||||
|
||||
<% content_for :stylesheets do %>
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
app.current_user_id = <%= @user.id %>
|
||||
</script>
|
||||
<%= render 'common/froala' if current_nonprofit_user? %>
|
||||
<%= IncludeAsset.js '/client/js/settings/index/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__settings__index' %>
|
||||
<% end %>
|
||||
|
||||
<header class='header stripe--mosaic'>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<%- # License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later -%>
|
||||
<%= content_for :javascripts do %>
|
||||
<%= IncludeAsset.js '/client/js/super-admin/page.js' %>
|
||||
<%= <%= javascript_pack_tag 'i18n', 'page__super-admin' %>
|
||||
<% end %>
|
||||
|
||||
<% content_for(:hide_nav_beacon) {'true'} %>
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
appl.def("event_name", '<%= @event.name %>')
|
||||
</script>
|
||||
|
||||
<%= IncludeAsset.js '/client/js/tickets/index/page.js' %>
|
||||
<%= javascript_pack_tag 'i18n', 'page__tickets__index' %>
|
||||
<% end %>
|
||||
|
||||
<% content_for :head do %>
|
||||
|
|
|
@ -34,7 +34,7 @@ payment_provider:
|
|||
stripe_proprietary_v2_js: true
|
||||
|
||||
default_bp:
|
||||
id: 40
|
||||
id: 1
|
||||
percentage_fee: 0.020
|
||||
|
||||
devise:
|
||||
|
|
Loading…
Reference in a new issue