Beginning design overhaul
This commit is contained in:
Frank Schubert
@@ -23,7 +23,7 @@
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h4 class="header-title mb-2"><?=($order->id) ? "Bestellung bearbeiten" : "Neue Bestellung"?></h4>
|
||||
<h4 class="mb-2"><?=($order->id) ? "Bestellung bearbeiten" : "Neue Bestellung"?></h4>
|
||||
|
||||
<form class="form-horizontal" method="post" action="<?=self::getUrl("Order", "save")?>" name="orderForm" id="orderForm" enctype="multipart/form-data">
|
||||
<div class="card">
|
||||
@@ -261,9 +261,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h4 class="header-title">Verzögerte Herstellung</h4>
|
||||
<h5 class="mt-3">Verzögerte Herstellung:</h5>
|
||||
|
||||
<div class="form-group row">
|
||||
<label class="col-lg-2 col-form-label" for="finish_after">Herstellbar ab</label>
|
||||
<div class="col-lg-4">
|
||||
@@ -278,14 +277,13 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<h4 class="header-title">Verrechnung</h4>
|
||||
<h4>Verrechnung</h4>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
||||
@@ -330,7 +328,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4 class="header-title">Einwilligungen</h4>
|
||||
<h4>Einwilligungen</h4>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
@@ -613,7 +611,7 @@
|
||||
<div class="form-group row">
|
||||
<label class="col-lg-2"></label>
|
||||
<div class="col-lg-10 mb-2">
|
||||
<button type="button" id="savetoivt-button" class="btn btn-info">Kunde an IVT übertragen</button>
|
||||
<button type="button" id="savetoivt-button" class="btn btn-pink">Kunde an IVT übertragen</button>
|
||||
<span id="savetoivt-info"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -108,7 +108,7 @@
|
||||
<table class="table">
|
||||
<tr>
|
||||
<th></th>
|
||||
<th></th>
|
||||
<th></th>
|
||||
<th>Kunde</th>
|
||||
<th>Adresse</th>
|
||||
<th>Bestelldatum</th>
|
||||
@@ -119,7 +119,7 @@
|
||||
<?php $order_count = 0; ?>
|
||||
<?php foreach($lonelyOrders as $order): ?>
|
||||
<tr class="order-list-tr pb-0 <?=($order_count % 2 == 0) ? "table-bg-even" : ""?>" id="order-<?=$order->id?>">
|
||||
<td onclick="toggleOrder(<?=$order->id?>)"><?=$order->id?></td>
|
||||
<td onclick="toggleOrder(<?=$order->id?>)"><?=$order->id?></td>
|
||||
<td>
|
||||
<?php
|
||||
$voip = false;
|
||||
@@ -193,7 +193,7 @@
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="order-detail-<?=$order->id?>" class="hidden" style="background-color:#fff">
|
||||
<td colspan="9">
|
||||
<td colspan="8">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
@@ -389,65 +389,137 @@
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="order-detail-<?=$order->id?>" class="hidden" style="background-color:#fff">
|
||||
<tr id="order-detail-<?=$order->id?>" class="hidden top-no-border" style="background-color:#cddef7">
|
||||
<td colspan="9">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row justify-content-center mt-2">
|
||||
<div class="col-xl-8 col-lg-12">
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-2">Tiefbau: <input type="text" class="form-control" name="bautermin" placeholder="--.--.----" value="<?=$order->terminations[0]->workflowitems["bautermin"]->value->value_string?>" readonly="readonly" /></div>
|
||||
<div class="col-md-2">Leitungsbau Backbone: <input type="text" class="form-control" name="leitungsbautermin_backbone" placeholder="--.--.----" value="<?=$order->terminations[0]->workflowitems["backbone_setup_date"]->value->value_string?>" readonly="readonly" /></div>
|
||||
<div class="col-md-2">Leitungsbau Kunde: <input type="text" class="form-control" name="leitungsbautermin_kunde" placeholder="--.--.----" value="<?=$order->terminations[0]->workflowitems["customer_setup_date"]->value->value_string?>" readonly="readonly" /></div>
|
||||
<div class="col-md-2">Versandtermin: <input type="text" class="form-control" name="versandtermin" placeholder="--.--.----" value="" readonly="readonly" /></div>
|
||||
<div class="col-md-2">
|
||||
Vorortinstallation:
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control datepicker" id="vororttermin-<?=$order->id?>" name="vororttermin" value="<?=($order->install_date) ? date("d.m.Y",$order->install_date) : ""?>" placeholder="--.--.----" />
|
||||
<div class="input-group-append">
|
||||
<button class="btn btn-outline-primary" id="vororttermin-button-<?=$order->id?>" type="button" title="Vororttermin speichern" onclick="saveVororttermin(<?=$order->id?>)"><i class="fas fa-save"></i></button>
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="nav-item"><a class="nav-link active" href="#order-detail-<?=$order->id?>-journal" data-toggle="tab" aria-expanded="false">Journal</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#order-detail-<?=$order->id?>-details" data-toggle="tab" aria-expanded="false">Details</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tab-content">
|
||||
<div id="order-detail-<?=$order->id?>-journal" class="tab-pane show active">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-8 col-lg-12">
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="card-body">
|
||||
<div class="card-header bg-info text-white pl-2 pr-2 pt-1 pb-1">Bestelljournal</div>
|
||||
<div class="card mb-3">
|
||||
<div class="card-header bg-light"><button type="button" class="btn btn-sm btn-info" onclick="$('#new-journal-<?=$order->id?>').toggle()"><i class="fas fa-plus"></i> Neuer Eintrag</button></div>
|
||||
<div id="new-journal-<?=$order->id?>" class="card-body hidden">
|
||||
<form method="post" action="<?=self::getUrl("OrderJournal", "save")?>">
|
||||
<input type="hidden" name="order_id" value="<?=$order->id?>" />
|
||||
<textarea name="text" class="form-control mb-2" style="height:120px;"></textarea>
|
||||
<button class="btn btn-sm btn-primary" type="submit"><i class="fas fa-save"></i> Speichern</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if(is_array($order->journals) && count($order->journals)): ?>
|
||||
<?php foreach($order->journals as $journal): ?>
|
||||
<div class="card mb-1" style="border: 1px solid #ddd">
|
||||
<div class="card-header bg-light text-monospace text-muted pl-2 pr-2 pt-1 pb-1"><span class="font-weight-bold" style="float: right"><i class="fas fa-clock"></i> <?=date("d.m.Y H:i:s",$journal->create)?></span> Eingetragen von <strong><?=$journal->creator->name?></strong></div>
|
||||
<div class="card-body pl-2 pr-2 pt-1 pb-1">
|
||||
<?=nl2br($journal->text)?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div class="card-header bg-primary text-white pl-2 pr-2 pt-1 pb-1">Bestelljournal</div>
|
||||
<div class="card mb-1" style="border: 1px solid #ddd">
|
||||
<div class="card-header bg-light"><button type="button" class="btn btn-sm btn-info" onclick="$('#new-journal-<?=$order->id?>').toggle()"><i class="fas fa-plus"></i> Neuer Eintrag</button></div>
|
||||
<div id="new-journal-<?=$order->id?>" class="card-body hidden">
|
||||
<form method="post" action="<?=self::getUrl("OrderJournal", "save")?>">
|
||||
<input type="hidden" name="order_id" value="<?=$order->id?>" />
|
||||
<textarea name="text" class="form-control mb-2" style="height:120px;"></textarea>
|
||||
<button class="btn btn-sm btn-primary" type="submit"><i class="fas fa-save"></i> Speichern</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if(is_array($order->journals) && count($order->journals)): ?>
|
||||
<?php foreach($order->journals as $journal): ?>
|
||||
<div class="card mb-1" style="border: 1px solid #ddd">
|
||||
<div class="card-header bg-light text-monospace text-muted pl-2 pr-2 pt-1 pb-1"><span class="font-weight-bold" style="float: right"><i class="fas fa-clock"></i> <?=date("d.m.Y H:i:s",$journal->create)?></span> Eingetragen von <strong><?=$journal->creator->name?></strong></div>
|
||||
<div class="card-body pl-2 pr-2 pt-1 pb-1">
|
||||
<?=nl2br($journal->text)?>
|
||||
|
||||
<div id="order-detail-<?=$order->id?>-details" class="tab-pane">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-8 col-lg-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
||||
<table class="table table-sm table-bordered">
|
||||
<tr>
|
||||
<th class="bg-light">Bestelldatum:</th>
|
||||
<td><?=date("d.m.Y",$order->order_date)?></td>
|
||||
|
||||
<th class="bg-light">Herstellbar ab:</th>
|
||||
<td><?=date("d.m.Y",$order->finish_after)?></td>
|
||||
|
||||
<th class="bg-light">Rechnungsart:</th>
|
||||
<td><?=($order->billing_type == "sepa") ? "order-date-pillSEPA" : "Rechnung"?></td>
|
||||
|
||||
<th class="bg-light">Einwilligungen:</th>
|
||||
<td><?=($order->allow_contact) ? "<span class='order-date-pill active'><i class='fas fa-check text-success'></i> Info</span>" : ""?> <?=($order->allow_spin) ? "<span class='order-date-pill active ml-1'><i class='fas fa-check text-success'></i> SPIN</span>" : ""?></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="form-group col-lg-4 col-md-6 col-sm-8">
|
||||
<label>Vorortinstallation:</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control datepicker" id="vororttermin-<?=$order->id?>" name="vororttermin" value="<?=($order->install_date) ? date("d.m.Y",$order->install_date) : ""?>" placeholder="--.--.----" />
|
||||
<div class="input-group-append">
|
||||
<button class="btn btn-outline-primary" id="vororttermin-button-<?=$order->id?>" type="button" title="Vororttermin speichern" onclick="saveVororttermin(<?=$order->id?>)"><i class="fas fa-save"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if(is_array($order->products) && count($order->products)): ?>
|
||||
<h4>Produkte</h4>
|
||||
<table class="table table-sm table-striped">
|
||||
<tr>
|
||||
<th class="text-right">Pos</th>
|
||||
<th class="text-right">Anzahl</th>
|
||||
<th>Produkt</th>
|
||||
<th>Rechn.Periode</th>
|
||||
<th class="text-right">Preis p. P</th>
|
||||
<th class="text-right">Preis Setup</th>
|
||||
<th>Rechn.verz.</th>
|
||||
</tr>
|
||||
<?php foreach($order->products as $product): ?>
|
||||
<tr>
|
||||
<td class="text-right"><?=$product->pos?></td>
|
||||
<td class="text-right"><?=$product->formatAmount()?></td>
|
||||
<td>
|
||||
<?=$product->product->name?>
|
||||
<?php
|
||||
if(
|
||||
(is_array($product->product->attributes) && count($product->product->attributes))
|
||||
&& (array_key_exists(TT_ATTRIB_TERMINATION_REQUIRED_NAME, $product->product->attributes)
|
||||
&& $product->product->attributes[TT_ATTRIB_TERMINATION_REQUIRED_NAME]->value == 1)
|
||||
|| $product->termination_id
|
||||
):
|
||||
?>
|
||||
<br /><small class="text-pink"><?=$product->termination->code?> - <?= str_replace("\n", " - ", $product->termination->getAddress())?></small>
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
<td><?=($product->billing_period == 12) ? "Jährlich" : "Monatlich"?></td>
|
||||
<td class="text-monospace text-right"><?=number_format($product->price, 4, ",", ".")?></td>
|
||||
<td class="text-monospace text-right"><?=number_format($product->price_setup, 4, ",", ".")?></td>
|
||||
<td><?=($product->billing_delay) ? $product->billing_delay : ""?></td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</table>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="display:none;">
|
||||
@@ -520,13 +592,9 @@
|
||||
$('#order-detail-' + id).toggle();
|
||||
if($('#order-detail-' + id).is(":hidden")) {
|
||||
$('#order-' + id).removeClass("table-info");
|
||||
$('#order-' + id).removeClass("text-info");
|
||||
$('#order-dates-' + id).removeClass("table-info");
|
||||
$('#order-dates-' + id).removeClass("text-info");
|
||||
} else {
|
||||
$('#order-' + id).addClass("text-info");
|
||||
$('#order-' + id).addClass("table-info");
|
||||
$('#order-dates-' + id).addClass("text-info");
|
||||
$('#order-dates-' + id).addClass("table-info");
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,9 +10,9 @@
|
||||
|
||||
<!-- App css -->
|
||||
<link href="<?=self::getResourcePath()?>fontawesome/css/all.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?=self::getResourcePath()?>assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?=self::getResourcePath()?>assets/css/bootstrap.min.css?<?=date('U')?>" rel="stylesheet" type="text/css" />
|
||||
<link href="<?=self::getResourcePath()?>assets/css/icons.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?=self::getResourcePath()?>assets/css/app.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?=self::getResourcePath()?>assets/css/app.css?<?=date('U')?>" rel="stylesheet" type="text/css" />
|
||||
<link href="<?=self::getResourcePath()?>assets/css/leaflet.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?=self::getResourcePath()?>assets/css/thetool.css?<?=date('U')?>" rel="stylesheet" type="text/css" />
|
||||
<link href="<?=self::getResourcePath()?>assets/libs/select2/select2.min.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
@@ -16,9 +16,24 @@ class CpeshippingController extends mfBaseController {
|
||||
|
||||
protected function indexAction() {
|
||||
$this->layout()->setTemplate("Cpeshipping/Index");
|
||||
$provisions = CpeprovisioningModel::search(["shipping" => 1, "shipped" => 0]);
|
||||
|
||||
// pagination defaults
|
||||
$pagination = [];
|
||||
$pagination['start'] = 0;
|
||||
$pagination['count'] = 25;
|
||||
$pagination['maxItems'] = 0;
|
||||
|
||||
if(is_numeric($this->request->s)) {
|
||||
$pagination['start'] = intval($this->request->s);
|
||||
}
|
||||
|
||||
$provisions_search = ["shipping" => 1, "shipped" => 0];
|
||||
|
||||
$pagination['maxItems'] = CpeprovisioningModel::count($provisions_search);
|
||||
$provisions = CpeprovisioningModel::search($provisions_search, $pagination);
|
||||
|
||||
$this->layout()->set("cpeprovisionings", $provisions);
|
||||
$this->layout()->set("pagination", $pagination);
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -240,7 +240,7 @@ body {
|
||||
#topnav .has-submenu.active > a {
|
||||
color: #fff; }
|
||||
#topnav .has-submenu.active .submenu li.active > a {
|
||||
color: #00acc1; }
|
||||
color: #007bff; }
|
||||
#topnav .topbar-menu {
|
||||
margin-top: 70px; }
|
||||
|
||||
@@ -286,7 +286,7 @@ Responsive Menu
|
||||
margin-left: 0;
|
||||
margin-right: 10px; }
|
||||
.navigation-menu > li > ul > li.has-submenu:active > a, .navigation-menu > li > ul > li.has-submenu:hover > a {
|
||||
color: #00acc1; }
|
||||
color: #007bff; }
|
||||
.navigation-menu > li .submenu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
@@ -330,7 +330,7 @@ Responsive Menu
|
||||
white-space: nowrap;
|
||||
color: #323a46; }
|
||||
.navigation-menu > li .submenu li a:hover {
|
||||
color: #00acc1; }
|
||||
color: #007bff; }
|
||||
.navigation-menu > li .submenu li.has-submenu > a .arrow-down:after {
|
||||
right: 20px !important;
|
||||
-webkit-transform: rotate(-135deg) translateY(-50%) !important;
|
||||
@@ -406,7 +406,7 @@ Responsive Menu
|
||||
padding: 7px 20px;
|
||||
color: #323a46; }
|
||||
#topnav .navigation-menu > li .submenu li a:hover {
|
||||
color: #00acc1; }
|
||||
color: #007bff; }
|
||||
#topnav .navigation-menu > li .submenu.open {
|
||||
display: block; }
|
||||
#topnav .navigation-menu > li .submenu .submenu {
|
||||
@@ -418,11 +418,11 @@ Responsive Menu
|
||||
list-style: none;
|
||||
padding-left: 0; }
|
||||
#topnav .navigation-menu > li.has-submenu.open > a {
|
||||
color: #00acc1; }
|
||||
color: #007bff; }
|
||||
#topnav .has-submenu.active a {
|
||||
color: #00acc1; }
|
||||
color: #007bff; }
|
||||
#topnav .has-submenu.active .submenu li.active > a {
|
||||
color: #00acc1; }
|
||||
color: #007bff; }
|
||||
#topnav .arrow-down:after {
|
||||
right: 15px;
|
||||
position: absolute; }
|
||||
@@ -453,9 +453,9 @@ Responsive Menu
|
||||
-webkit-box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
|
||||
box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15); }
|
||||
.menubar-light #topnav .has-submenu.active > a {
|
||||
color: #00acc1; }
|
||||
color: #007bff; }
|
||||
.menubar-light #topnav .has-submenu.active .submenu li.active > a {
|
||||
color: #00acc1; }
|
||||
color: #007bff; }
|
||||
|
||||
.menubar-light .navigation-menu > li > a {
|
||||
color: rgba(50, 58, 70, 0.7); }
|
||||
@@ -547,7 +547,7 @@ Responsive Menu
|
||||
top: 0;
|
||||
bottom: 0; }
|
||||
.right-bar .rightbar-title {
|
||||
background-color: #00acc1;
|
||||
background-color: #007bff;
|
||||
padding: 27px 25px;
|
||||
color: #fff; }
|
||||
.right-bar .right-bar-toggle {
|
||||
@@ -830,8 +830,8 @@ Responsive Menu
|
||||
margin-left: 0; }
|
||||
|
||||
.checkbox-primary input[type="checkbox"]:checked + label::before {
|
||||
background-color: #00acc1;
|
||||
border-color: #00acc1; }
|
||||
background-color: #007bff;
|
||||
border-color: #007bff; }
|
||||
|
||||
.checkbox-primary input[type="checkbox"]:checked + label::after {
|
||||
border-color: #fff; }
|
||||
@@ -969,13 +969,13 @@ Responsive Menu
|
||||
height: 17px; }
|
||||
|
||||
.radio-primary input[type="radio"] + label::after {
|
||||
background-color: #00acc1; }
|
||||
background-color: #007bff; }
|
||||
|
||||
.radio-primary input[type="radio"]:checked + label::before {
|
||||
border-color: #00acc1; }
|
||||
border-color: #007bff; }
|
||||
|
||||
.radio-primary input[type="radio"]:checked + label::after {
|
||||
background-color: #00acc1; }
|
||||
background-color: #007bff; }
|
||||
|
||||
.radio-secondary input[type="radio"] + label::after {
|
||||
background-color: #6c757d; }
|
||||
@@ -1100,7 +1100,7 @@ Responsive Menu
|
||||
.ribbon-box .ribbon-content {
|
||||
clear: both; }
|
||||
.ribbon-box .ribbon-primary {
|
||||
background: #00acc1; }
|
||||
background: #007bff; }
|
||||
.ribbon-box .ribbon-primary:before {
|
||||
border-color: #007f8e transparent transparent; }
|
||||
.ribbon-box .ribbon-secondary {
|
||||
@@ -1180,7 +1180,7 @@ Responsive Menu
|
||||
border-left: 3px solid transparent;
|
||||
border-bottom: 3px solid transparent; }
|
||||
.ribbon-box .ribbon-two-primary span {
|
||||
background: #00acc1; }
|
||||
background: #007bff; }
|
||||
.ribbon-box .ribbon-two-primary span:before {
|
||||
border-left: 3px solid #006875;
|
||||
border-top: 3px solid #006875; }
|
||||
@@ -1439,8 +1439,8 @@ Responsive Menu
|
||||
box-shadow: none !important; }
|
||||
|
||||
.swal2-icon.swal2-question {
|
||||
color: #00acc1;
|
||||
border-color: #00acc1; }
|
||||
color: #007bff;
|
||||
border-color: #007bff; }
|
||||
|
||||
.swal2-icon.swal2-warning {
|
||||
color: #f7b84b;
|
||||
@@ -1459,16 +1459,16 @@ Responsive Menu
|
||||
|
||||
.swal2-modal .swal2-file:focus, .swal2-modal .swal2-input:focus, .swal2-modal .swal2-textarea:focus {
|
||||
outline: 0;
|
||||
border: 2px solid #00acc1; }
|
||||
border: 2px solid #007bff; }
|
||||
|
||||
.swal2-container.swal2-shown {
|
||||
background-color: rgba(50, 58, 70, 0.9); }
|
||||
|
||||
.irs--modern .irs-bar, .irs--modern .irs-to, .irs--modern .irs-from, .irs--modern .irs-single {
|
||||
background: #00acc1 !important; }
|
||||
background: #007bff !important; }
|
||||
|
||||
.irs--modern .irs-to:before, .irs--modern .irs-from:before, .irs--modern .irs-single:before {
|
||||
border-top-color: #00acc1; }
|
||||
border-top-color: #007bff; }
|
||||
|
||||
.irs--modern .irs-min, .irs--modern .irs-max {
|
||||
color: #98a6ad; }
|
||||
@@ -1481,7 +1481,7 @@ Responsive Menu
|
||||
height: 8px; }
|
||||
|
||||
.irs--modern .irs-handle > i:first-child {
|
||||
background-color: #00acc1 !important; }
|
||||
background-color: #007bff !important; }
|
||||
|
||||
.calendar {
|
||||
float: left;
|
||||
@@ -1555,7 +1555,7 @@ Responsive Menu
|
||||
.fc-state-down,
|
||||
.fc-state-active,
|
||||
.fc-state-disabled {
|
||||
background-color: #00acc1;
|
||||
background-color: #007bff;
|
||||
color: #fff;
|
||||
text-shadow: none; }
|
||||
|
||||
@@ -1672,13 +1672,13 @@ Responsive Menu
|
||||
font-weight: 500; }
|
||||
|
||||
.select2-container--default .select2-results__option--highlighted[aria-selected] {
|
||||
background-color: #00acc1; }
|
||||
background-color: #007bff; }
|
||||
|
||||
.select2-container--default .select2-results__option[aria-selected=true] {
|
||||
background-color: #f7f7f7;
|
||||
color: #323a46; }
|
||||
.select2-container--default .select2-results__option[aria-selected=true]:hover {
|
||||
background-color: #00acc1;
|
||||
background-color: #007bff;
|
||||
color: #fff; }
|
||||
|
||||
.select2-container .select2-selection--multiple {
|
||||
@@ -1689,7 +1689,7 @@ Responsive Menu
|
||||
.select2-container .select2-selection--multiple .select2-search__field {
|
||||
border: 0; }
|
||||
.select2-container .select2-selection--multiple .select2-selection__choice {
|
||||
background-color: #00acc1;
|
||||
background-color: #007bff;
|
||||
border: none;
|
||||
color: #fff;
|
||||
border-radius: 3px;
|
||||
@@ -1704,7 +1704,7 @@ Responsive Menu
|
||||
.daterangepicker {
|
||||
font-family: "Rubik", sans-serif; }
|
||||
.daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker .ranges li.active {
|
||||
background-color: #00acc1; }
|
||||
background-color: #007bff; }
|
||||
.daterangepicker .drp-buttons .btn {
|
||||
font-weight: 500; }
|
||||
|
||||
@@ -1755,16 +1755,16 @@ table.dataTable {
|
||||
border-collapse: collapse !important;
|
||||
margin-bottom: 15px !important; }
|
||||
table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
|
||||
background-color: #00acc1; }
|
||||
background-color: #007bff; }
|
||||
table.dataTable tbody > tr.selected td, table.dataTable tbody > tr > .selected td {
|
||||
border-color: #00acc1; }
|
||||
border-color: #007bff; }
|
||||
table.dataTable tbody td:focus {
|
||||
outline: none !important; }
|
||||
table.dataTable tbody th.focus, table.dataTable tbody td.focus {
|
||||
outline: 2px solid #00acc1 !important;
|
||||
outline: 2px solid #007bff !important;
|
||||
outline-offset: -1px;
|
||||
color: #00acc1;
|
||||
background-color: rgba(0, 172, 193, 0.15); }
|
||||
color: #007bff;
|
||||
background-color: rgba(0, 123, 255, 0.15); }
|
||||
|
||||
.dataTables_info {
|
||||
font-weight: 500; }
|
||||
@@ -1780,7 +1780,7 @@ table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before
|
||||
top: 0.85rem; }
|
||||
|
||||
div.dt-button-info {
|
||||
background-color: #00acc1;
|
||||
background-color: #007bff;
|
||||
border: none;
|
||||
color: #fff;
|
||||
-webkit-box-shadow: none;
|
||||
@@ -1821,7 +1821,7 @@ div.dt-button-info {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
line-height: 40px;
|
||||
background: #00acc1;
|
||||
background: #007bff;
|
||||
border-radius: 4px;
|
||||
padding: 10px 20px; }
|
||||
|
||||
@@ -1835,12 +1835,12 @@ div.dt-button-info {
|
||||
bottom: -15px;
|
||||
border-left: 16px solid transparent;
|
||||
border-right: 16px solid transparent;
|
||||
border-top: 16px solid #00acc1; }
|
||||
border-top: 16px solid #007bff; }
|
||||
.gmaps-overlay_arrow.below {
|
||||
top: -15px;
|
||||
border-left: 16px solid transparent;
|
||||
border-right: 16px solid transparent;
|
||||
border-bottom: 16px solid #00acc1; }
|
||||
border-bottom: 16px solid #007bff; }
|
||||
|
||||
.jvectormap-label {
|
||||
border: none;
|
||||
@@ -1890,7 +1890,7 @@ div.dt-button-info {
|
||||
margin-top: 10px; }
|
||||
.icons-list-demo .col-lg-4:hover,
|
||||
.icons-list-demo .col-lg-4:hover i {
|
||||
color: #00acc1; }
|
||||
color: #007bff; }
|
||||
|
||||
.grid-structure .grid-container {
|
||||
background-color: #f1f5f7;
|
||||
@@ -1926,7 +1926,7 @@ body.authentication-bg {
|
||||
margin-top: 30px;
|
||||
position: relative; }
|
||||
.timeline:before {
|
||||
background-color: #00acc1;
|
||||
background-color: #007bff;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
left: 70px;
|
||||
@@ -1936,7 +1936,7 @@ body.authentication-bg {
|
||||
z-index: 0; }
|
||||
.timeline .timeline-icon {
|
||||
-webkit-border-radius: 50%;
|
||||
background-color: #00acc1;
|
||||
background-color: #007bff;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
height: 20px;
|
||||
|
||||
1984
public/assets/css/app.css_orig
Normal file
1984
public/assets/css/app.css_orig
Normal file
File diff suppressed because it is too large
Load Diff
2
public/assets/css/bootstrap.min.css
vendored
2
public/assets/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
7
public/assets/css/bootstrap.min.css_orig
Normal file
7
public/assets/css/bootstrap.min.css_orig
Normal file
File diff suppressed because one or more lines are too long
@@ -1,3 +1,83 @@
|
||||
/* Overrides */
|
||||
|
||||
.body {
|
||||
color: #323a36;
|
||||
}
|
||||
.table,
|
||||
.table-hover tbody tr:hover{
|
||||
color: #323a36;
|
||||
}
|
||||
|
||||
.table-striped tbody tr:nth-of-type(odd) {
|
||||
background-color: rgba(0,0,0,.05);
|
||||
}
|
||||
|
||||
.table-hover tbody tr:hover {
|
||||
color: #212529;
|
||||
background-color: rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
color: #fff;
|
||||
background-color: #0d6efd;
|
||||
border-color: #0d6efd;
|
||||
}
|
||||
.btn-primary:hover {
|
||||
color: #fff;
|
||||
background-color: #0b5ed7;
|
||||
border-color: #0a58ca;
|
||||
}
|
||||
.btn-check:focus + .btn-primary, .btn-primary:focus {
|
||||
color: #fff;
|
||||
background-color: #0b5ed7;
|
||||
border-color: #0a58ca;
|
||||
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
|
||||
}
|
||||
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #0a58ca;
|
||||
border-color: #0a53be;
|
||||
}
|
||||
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
|
||||
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
|
||||
}
|
||||
.btn-primary:disabled, .btn-primary.disabled {
|
||||
color: #fff;
|
||||
background-color: #0d6efd;
|
||||
border-color: #0d6efd;
|
||||
}
|
||||
|
||||
|
||||
.h1, .h2, .h3, .h4, .h5, .h6,
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: #323a36;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
color: #323a36;
|
||||
}
|
||||
|
||||
.card {
|
||||
border-color: #f0f0f0;
|
||||
box-shadow: 3px 3px 2px #a0a0a0;
|
||||
}
|
||||
|
||||
#topnav {
|
||||
box-shadow: 2px 2px 1px #a0a0a0;
|
||||
}
|
||||
|
||||
.nav-tabs > li > a {
|
||||
color: #0d6efd;
|
||||
}
|
||||
|
||||
|
||||
/**************************
|
||||
* custom styles
|
||||
*************************/
|
||||
|
||||
|
||||
|
||||
|
||||
.container-fluid {
|
||||
max-width:98%;
|
||||
}
|
||||
@@ -15,7 +95,7 @@
|
||||
}
|
||||
|
||||
.select2-container .select2-selection--multiple .select2-selection__choice {
|
||||
background-color: #00acc1 !important;
|
||||
background-color: #007bff !important;
|
||||
color: #fff !important;
|
||||
border: none !important;
|
||||
}
|
||||
@@ -47,11 +127,13 @@
|
||||
}
|
||||
|
||||
.table-bg-even {
|
||||
background-color: #f1f5f7;
|
||||
/*background-color: #f1f5f7;*/
|
||||
background-color: rgba(0,0,0,.05);
|
||||
}
|
||||
|
||||
.table-bg-odd {
|
||||
background-color: #eceff5;
|
||||
/*background-color: #eceff5;*/
|
||||
background-color: rgba(255,171,0,.05);
|
||||
}
|
||||
|
||||
.workflow-table {
|
||||
@@ -127,7 +209,7 @@
|
||||
|
||||
|
||||
.pagination a {
|
||||
color: #00acc1;
|
||||
color: #007bff;
|
||||
}
|
||||
|
||||
|
||||
@@ -151,12 +233,20 @@ td.controls {
|
||||
border-top: 2px solid #dee2e6;
|
||||
}
|
||||
|
||||
.product-container:hover {
|
||||
background-color: rgba(0,0,0,.075);
|
||||
}
|
||||
|
||||
.product-container:last-child {
|
||||
border-bottom: 2px solid #dee2e6;
|
||||
}
|
||||
|
||||
.product-container:nth-child(even) {
|
||||
background-color: #f1f5f7;
|
||||
background-color: rgba(0,0,0,.05);
|
||||
}
|
||||
|
||||
.product-container:nth-child(even):hover {
|
||||
background-color: rgba(0,0,0,.075);
|
||||
}
|
||||
|
||||
.status {
|
||||
|
||||
297
public/assets/css/thetool.css_orig
Normal file
297
public/assets/css/thetool.css_orig
Normal file
@@ -0,0 +1,297 @@
|
||||
.container-fluid {
|
||||
max-width:98%;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.has-sub-submenu {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.sub-submenu {
|
||||
padding-left: 12px !important;
|
||||
}
|
||||
|
||||
.select2-container .select2-selection--multiple .select2-selection__choice {
|
||||
background-color: #00acc1 !important;
|
||||
color: #fff !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
|
||||
color: #fff !important;
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
|
||||
.network-list-tr {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.network-list-tr .controls {
|
||||
|
||||
}
|
||||
|
||||
.building-list-tr {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.order-list-tr {
|
||||
cursor: pointer;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.order-list-tr td {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.table-bg-even {
|
||||
background-color: #f1f5f7;
|
||||
}
|
||||
|
||||
.table-bg-odd {
|
||||
background-color: #eceff5;
|
||||
}
|
||||
|
||||
.workflow-table {
|
||||
margin-bottom:4px;
|
||||
max-width: 100% !important;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.workflow-table label {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.workflow-table .workflow-item {
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
border-top: none;
|
||||
min-width: 138px;
|
||||
max-width: 138px;
|
||||
}
|
||||
|
||||
.workflow-table tr {
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
.workflow-table .workflow-item.wfitem-width-2 {
|
||||
max-width: 276px;
|
||||
}
|
||||
.workflow-table .workflow-item.wfitem-width-2 {
|
||||
max-width: 414px;
|
||||
}
|
||||
.workflow-table .workflow-item.wfitem-width-2 {
|
||||
max-width: 552px;
|
||||
}
|
||||
.workflow-header {
|
||||
|
||||
}
|
||||
|
||||
.workflow-header th {
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
|
||||
}
|
||||
|
||||
.workflow-table .workflow-item select {
|
||||
padding-left: 4px;
|
||||
min-width: 138px;
|
||||
max-width: 138px;
|
||||
}
|
||||
|
||||
.workflow-item input[type=text] {
|
||||
width: 138px;
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 2560px) {
|
||||
.workflow-table .workflow-item {
|
||||
min-width: 138px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.workflow-table .workflow-item select {
|
||||
min-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.workflow-item input[type=text] {
|
||||
min-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.pagination a {
|
||||
color: #00acc1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.padding-left-2 {
|
||||
padding-left: 2px;
|
||||
}
|
||||
|
||||
.padding-right-2 {
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
td.controls {
|
||||
cursor: default;
|
||||
text-align: left; letter-spacing: 4px; font-size: 1.1em;
|
||||
}
|
||||
|
||||
.product-container {
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
border-top: 2px solid #dee2e6;
|
||||
}
|
||||
|
||||
.product-container:last-child {
|
||||
border-bottom: 2px solid #dee2e6;
|
||||
}
|
||||
|
||||
.product-container:nth-child(even) {
|
||||
background-color: #f1f5f7;
|
||||
}
|
||||
|
||||
.status {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.status.not-connected {
|
||||
background-color: red;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.status.building-connected {
|
||||
background-color: orange;
|
||||
color: orange;
|
||||
}
|
||||
|
||||
.status.connected {
|
||||
background-color: limegreen;
|
||||
color: limegreen;
|
||||
}
|
||||
|
||||
.invalid {
|
||||
border-color: red !important;
|
||||
}
|
||||
|
||||
.invalid:focus {
|
||||
border-color: red !important;
|
||||
}
|
||||
|
||||
|
||||
#iban_error {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.flash-bg {
|
||||
background-color: yellow !important;
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
.btn-outline-rot {
|
||||
color: #FF0000;
|
||||
border-color: #FF0000;
|
||||
}
|
||||
|
||||
.btn-outline-gruen {
|
||||
color: #00FF00;
|
||||
border-color: #00FF00;
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
.btn-outline-blau {
|
||||
color: #0000FF;
|
||||
border-color: #0000FF;
|
||||
}
|
||||
|
||||
.btn-outline-gelb {
|
||||
color: #FFFF00;
|
||||
border-color: #FFFF00;
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
.btn-outline-weiss {
|
||||
color: #FFFFFF;
|
||||
border-color: #FFFFFF;
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
.btn-outline-grau {
|
||||
color: #888888;
|
||||
border-color: #888888;
|
||||
}
|
||||
|
||||
.btn-outline-braun {
|
||||
color: #A52A2A;
|
||||
border-color: #A52A2A;
|
||||
}
|
||||
|
||||
.btn-outline-violett {
|
||||
color: #8800FF;
|
||||
border-color: #8800FF;
|
||||
}
|
||||
|
||||
.btn-outline-tuerkis {
|
||||
color: #00FFFF;
|
||||
border-color: #00FFFF;
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
.btn-outline-schwarz {
|
||||
color: #000000;
|
||||
border-color: #000000;
|
||||
}
|
||||
|
||||
.btn-outline-orange {
|
||||
color: #FF8800;
|
||||
border-color: #FF8800;
|
||||
}
|
||||
|
||||
.btn-outline-rosa {
|
||||
color: #FF0088;
|
||||
border-color: #FF0088;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.order-date-pill {
|
||||
border: 1px dashed #999;
|
||||
border-radius: 4px;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.order-date-pill.active {
|
||||
border-color: #25b343;
|
||||
background-color: #f0fff0;
|
||||
}
|
||||
|
||||
.top-no-border td,
|
||||
.top-no-border th {
|
||||
border-top: none;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
.bottom-no-border td,
|
||||
.bottom-no-border th {
|
||||
border-bottom: none;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
Reference in New Issue
Block a user