Commit 6903f24e authored by Aria Givi's avatar Aria Givi
Browse files

Seite sieht fast heile aus

parent 5a16b41b
function checkFormBeforePrinting () {
var requiredElements = document.querySelectorAll("[required]");
var passed = true;
for (i = 0; i < requiredElements.length; i++) {
for (var i = 0; i < requiredElements.length; i++) {
if(requiredElements[i].value == "") {
passed = false;
requiredElements[i].style.backgroundColor = "#ff9999";
......
/* Style für die Druckversion des Beitrittsformulars */
#donation-form {
.beitritt-inputs {
display: flex;
flex-wrap: wrap;
>div {
width: 50%;
padding: 10px;
}
@media print {
padding: 0px;
flex-direction: column;
flex-wrap: nowrap;
}
}
label {
font-weight: normal;
}
.signature {
border-top: 1px dashed black;
width: 50%;
margin-top: 50px;
.beitritt-inputs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
> div {
width: 50%;
padding: 10px;
@media screen and (max-width: 600px) {
width: 100%;
}
}
}
label {
font-weight: normal;
}
.signature {
border-top: 1px dashed black;
width: 50%;
margin-top: 50px;
}
@media print {
.card-heavy {
border: none !important;
box-shadow: none !important;
.card-heavy {
border: none !important;
margin: 0px 0px 8px 0px !important;
padding: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
webkit-box-shadow: none !important;
}
.beitritt-inputs {
margin: 0px !important;
padding: 0px !important;
margin-bottom: 0px !important;
}
h1 {
margin-top: 0 !important;
padding-top: 0 !important;
}
* {
font-size: 12px !important;
}
header {
display: none !important;
}
footer {
display: none !important;
}
hr {
display: none !important;
}
.help-block {
text-decoration: none;
}
input[type="text"],
input[type="email"] {
margin: 0px !important;
padding: 0px !important;
height: initial !important;
border: 0;
}
/* Passt die Größe der Radio-Buttons an
* Skalierung für Firefox, absolut für die anderen Browser
*/
input[type="radio"] {
-webkit-transform: scale(0.5);
transform: scale(0.5);
width: 20px !important;
height: 20px !important;
margin-top: 0px !important;
padding-top: 0px !important;
}
/* Blendet die Placeholder aus */
input::-webkit-input-placeholder {
/* WebKit browsers */
color: transparent !important;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: transparent !important;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: transparent !important;
}
input:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: transparent !important;
}
.container {
width: auto !important;
margin: 0px;
padding: 0px;
}
.wrapper {
padding-top: 0 !important;
}
.sign {
margin-top: 10px;
}
.donation-amount-input {
padding-top: 5px;
}
.pagebreak {
page-break-before: always;
}
#spendenaufruf {
display: none !important;
}
.beitritt-formular-info {
* {
font-size: 7pt !important;
}
#donation-form {
* {
font-size: 14px !important;
}
header {
display: none !important;
}
footer {
display: none !important;
}
h1 {
margin-top: 0 !important;
padding-top: 0 !important;
font-size: 18px !important;
}
hr {
display: none !important;
}
label {
text-decoration: underline;
}
.help-block {
text-decoration: none;
}
input[type=text],
input[type=email] {
margin: 0px !important;
padding: 0px !important;
height: initial !important;
border: 0;
}
/* Passt die Größe der Radio-Buttons an
* Skalierung für Firefox, absolut für die anderen Browser
*/
input[type=radio] {
transform: scale(0.5);
width: 20px !important;
height: 20px !important;
margin-top: 0px !important;
padding-top: 0px !important;
}
/* Blendet die Placeholder aus */
input::-webkit-input-placeholder {
/* WebKit browsers */
color: transparent !important;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: transparent !important;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: transparent !important;
}
input:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: transparent !important;
}
.container {
width: auto !important;
margin: 0px;
padding: 0px;
}
.wrapper {
padding-top: 0 !important;
}
* {
font-size: 12px!important;
}
.sign {
margin-top: 10px;
}
.donation-amount-input {
padding-top: 5px;
}
.pagebreak {
page-break-before: always;
}
#spendenaufruf {
display: none !important;
}
.beitritt-formular-info {
margin-top: 50px;
* {
font-size: 7pt !important;
}
}
}
}
\ No newline at end of file
}
}
......@@ -5,91 +5,90 @@
@section('navbarFocus.donate', 'class="dropdown active"')
@section('content')
<link type="text/css" rel="stylesheet" href="{{ mix('/css/beitritt.css') }}" />
<link type="text/css" rel="stylesheet" href="{{ mix('/css/beitritt.css') }}" />
<script src="{{ mix('js/scriptJoinPage.js') }}"></script>
<form id="donation-form">
<div class="card-heavy">
<h1>{{ trans('beitritt.heading.1') }}</h1>
<form id="donation-form">
<div class="beitritt-inputs">
<div>
<label for="name">{{ trans('beitritt.beitritt.1') }}</label>
<input type="text" class="form-control beitritt-input" name="name" placeholder="{{trans('beitritt.placeholder.1')}}" required>
</div>
<div>
<label for="firma">{{ trans('beitritt.beitritt.2') }}</label>
<input type="text" class="form-control beitritt-input" name="firma" placeholder="{{trans('beitritt.placeholder.2')}}">
</div>
<div>
<label for="funktion">{{ trans('beitritt.beitritt.3') }}</label>
<input type="text" class="form-control beitritt-input" name="funktion" placeholder="{{trans('beitritt.placeholder.3')}}">
</div>
<div>
<label for="adresse">{{ trans('beitritt.beitritt.4') }}</label>
<input type="text" class="form-control beitritt-input" name="adresse" placeholder="{{trans('beitritt.placeholder.4')}}" required>
</div>
<div>
<label for="email">{{ trans('beitritt.beitritt.5') }}</label>
<input type="email" class="form-control beitritt-input" name="email" placeholder="">
</div>
<div>
<label for="homepage">{{ trans('beitritt.beitritt.6') }}</label>
<input type="text" class="form-control beitritt-input" name="homepage" placeholder="http://">
</div>
<div>
<label for="telefon">{{ trans('beitritt.beitritt.7') }}</label>
<input type="text" class="form-control beitritt-input" name="telefon" placeholder="{{trans('beitritt.placeholder.7')}}">
</div>
<div class="beitritt-inputs">
<div>
<label for="name">{{ trans('beitritt.beitritt.1') }}</label>
<input type="text" class="form-control beitritt-input" name="name" placeholder="{{trans('beitritt.placeholder.1')}}" required>
</div>
<div>
<label for="firma">{{ trans('beitritt.beitritt.2') }}</label>
<input type="text" class="form-control beitritt-input" name="firma" placeholder="{{trans('beitritt.placeholder.2')}}">
</div>
<div>
<label for="funktion">{{ trans('beitritt.beitritt.3') }}</label>
<input type="text" class="form-control beitritt-input" name="funktion" placeholder="{{trans('beitritt.placeholder.3')}}">
</div>
<div>
<p>{{ trans('beitritt.beitritt.8') }}</p>
<input type="text" class="form-control" name="betrag" required>
<p> {{ trans('beitritt.beitritt.9') }}</p>
<label for="adresse">{{ trans('beitritt.beitritt.4') }}</label>
<input type="text" class="form-control beitritt-input" name="adresse" placeholder="{{trans('beitritt.placeholder.4')}}" required>
</div>
<div>
<p>{{ trans('beitritt.beitritt.10') }}</p>
<p>{{ trans('beitritt.beitritt.11') }}</p>
<label for="email">{{ trans('beitritt.beitritt.5') }}</label>
<input type="email" class="form-control beitritt-input" name="email" placeholder="">
</div>
<div>
<input type="radio" name="veröffentlichung" checked> {{ trans('beitritt.beitritt.12') }}
<input type="radio" name="veröffentlichung"> {{ trans('beitritt.beitritt.13') }}
<label for="homepage">{{ trans('beitritt.beitritt.6') }}</label>
<input type="text" class="form-control beitritt-input" name="homepage" placeholder="http://">
</div>
<div>
<div>
<label for="ort">{{ trans('beitritt.beitritt.14') }}</label>
<input type="text" class="form-control beitritt-input" id="ort" placeholder="">
</div>
<p class="signature">{{ trans('beitritt.unterschrift') }}</p>
<label for="telefon">{{ trans('beitritt.beitritt.7') }}</label>
<input type="text" class="form-control beitritt-input" name="telefon" placeholder="{{trans('beitritt.placeholder.7')}}">
</div>
</div>
<div>
<p>{{ trans('beitritt.beitritt.8') }}</p>
<input type="text" class="form-control beitritt-input" name="betrag" required>
<p> {{ trans('beitritt.beitritt.9') }}</p>
</div>
<div>
<p>{{ trans('beitritt.beitritt.10') }}</p>
<p>{{ trans('beitritt.beitritt.11') }}</p>
</div>
<div>
<input type="radio" name="veröffentlichung" checked> {{ trans('beitritt.beitritt.12') }}
<input type="radio" name="veröffentlichung"> {{ trans('beitritt.beitritt.13') }}
</div>
<div>
<div>
<label for="ort">{{ trans('beitritt.beitritt.14') }}</label>
<input type="text" class="form-control beitritt-input" id="ort" placeholder="">
</div>
<p class="signature">{{ trans('beitritt.unterschrift') }}</p>
</div>
<div class="card-heavy">
<div class="newpage"></div>
<h1>{{ trans('beitritt.abbuchung.2') }}</h1>
<p>{{ trans('beitritt.abbuchung.3') }}</p>
<div class="beitritt-inputs">
<div>
<label for="kontoname">{{ trans('beitritt.abbuchung.4') }}</label>
<input type="text" class="form-control" name="kontoname" placeholder="">
</div>
<div>
<label for="bankverbindung">{{ trans('beitritt.abbuchung.5') }}</label>
<input type="text" class="form-control" name="bankverbindung" placeholder="">
</div>
<div>
<label for="iban">{{ trans('beitritt.abbuchung.6') }}</label>
<input type="text" class="form-control" name="iban" maxlength="22" placeholder="">
</div>
<div>
<label for="bic">{{ trans('beitritt.abbuchung.7') }}</label>
<input type="text" class="form-control" name="bic" placeholder="">
</div>
</div>
<div class="card-heavy">
<div class="newpage"></div>
<h1>{{ trans('beitritt.abbuchung.2') }}</h1>
<p>{{ trans('beitritt.abbuchung.3') }}</p>
<div class="beitritt-inputs">
<div>
<label for="kontoname">{{ trans('beitritt.abbuchung.4') }}</label>
<input type="text" class="form-control beitritt-input" name="kontoname" placeholder="">
</div>
<div>
<label for="bankverbindung">{{ trans('beitritt.abbuchung.5') }}</label>
<input type="text" class="form-control beitritt-input" name="bankverbindung" placeholder="">
</div>
<div>
<label for="iban">{{ trans('beitritt.abbuchung.6') }}</label>
<input type="text" class="form-control beitritt-input" name="iban" maxlength="22" placeholder="">
</div>
<div>
<div>
<label for="ort2">{{ trans('beitritt.abbuchung.8') }}</label>
<input type="text" class="form-control beitritt-input" id="ort2" placeholder="">
</div>
<p class="signature">{{ trans('beitritt.unterschrift') }}</p>
<label for="bic">{{ trans('beitritt.abbuchung.7') }}</label>
<input type="text" class="form-control beitritt-input" name="bic" placeholder="">
</div>
</form>
</div>
<div>
<label for="ort2">{{ trans('beitritt.abbuchung.8') }}</label>
<input type="text" class="form-control beitritt-input" id="ort2" placeholder="">
<p class="signature">{{ trans('beitritt.unterschrift') }}</p>
</div>
<hr>
<div class="beitritt-formular-info">
<p>{{ trans('beitritt.anweisung.1') }}</p>
<ul class="dotlist">
......@@ -101,6 +100,6 @@
<p>{{ trans('beitritt.anweisung.6') }}</p>
</div>
</div>
</form>
<button type="button" class="noprint js-only btn btn-lg btn-primary" onclick="window.print();">{{ trans('beitritt.anweisung.7') }}</button>
<!-- <script src="{{ mix('js/scriptJoinPage.js') }}"></script> -->
@endsection
......@@ -26,5 +26,6 @@ mix
.babel('resources/assets/js/focus-creator.js', 'public/js/focus-creator.js')
// utility
.babel(['resources/assets/js/utility.js', 'resources/assets/js/translations.js'], 'public/js/utility.js')
.babel('resources/assets/js/scriptJoinPage.js', 'public/js/scriptJoinPage.js')
.sourceMaps(false, 'inline-source-map')
.version();
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment