dolibarr 21.0.0-beta
info-box.inc.php
1<?php
2if (!defined('ISLOADEDBYSTEELSHEET')) {
3 die('Must be call by steelsheet');
4} ?>
5/* <style type="text/css" > */
6
7
8/*
9 * Component: Info Box
10 * -------------------
11 */
12
13<?php
14include_once DOL_DOCUMENT_ROOT.'/core/lib/functions2.lib.php';
15
16$prefix = '';
17if (getDolGlobalString('THEME_INFOBOX_COLOR_ON_BACKGROUND')) {
18 $prefix = 'background-';
19}
20
21if (!isset($conf->global->THEME_SATURATE_RATIO)) {
22 $conf->global->THEME_SATURATE_RATIO = 0.7;
23}
24if (GETPOSTISSET('THEME_SATURATE_RATIO')) {
25 $conf->global->THEME_SATURATE_RATIO = GETPOSTINT('THEME_SATURATE_RATIO');
26}
27
28?>
29
30.nonature-back {
31 background-color: #EEE;
32 padding: 2px;
33 margin: 2px;
34 border-radius: 3px;
35}
36.prospect-back {
37 background-color: #a7c5b0 !important;
38 color: #FFF !important;
39 padding: 2px;
40 margin: 2px;
41 border-radius: 3px;
42}
43.customer-back {
44 background-color: #65953d !important;
45 color: #FFF !important;
46 padding: 2px;
47 margin: 2px;
48 border-radius: 3px;
49}
50.vendor-back {
51 background-color: #599caf !important;
52 color: #FFF !important;
53 padding: 2px;
54 margin: 2px;
55 border-radius: 3px;
56}
57.user-back {
58 background-color: #79633f !important;
59 color: #FFF !important;
60 padding: 2px;
61 margin: 2px;
62 border-radius: 3px;
63}
64.member-company-back {
65 padding: 2px;
66 margin: 2px;
67 background-color: #e4e4e4;
68 color: #666;
69 border-radius: 3px;
70 white-space: nowrap;
71}
72.member-individual-back {
73 padding: 2px;
74 margin: 2px;
75 background-color: #e4e4e4;
76 color: #666;
77 border-radius: 3px;
78 white-space: nowrap;
79}
80
81.bg-infobox-project{
82 <?php echo $prefix; ?>color: #6c6aa8 !important;
83}
84.bg-infobox-action{
85 <?php echo $prefix; ?>color: #a47080 !important;
86}
87.bg-infobox-propal, .bg-infobox-facture, .bg-infobox-commande {
88 <?php echo $prefix; ?>color: #65953d !important;
89}
90.bg-infobox-supplier_proposal, .bg-infobox-invoice_supplier, .bg-infobox-order_supplier {
91 <?php echo $prefix; ?>color: #599caf !important;
92}
93.bg-infobox-contrat, .bg-infobox-ticket{
94 <?php echo $prefix; ?>color: #46a676 !important;
95}
96.bg-infobox-bank_account{
97 <?php echo $prefix; ?>color: #b0a53e !important;
98}
99.bg-infobox-adherent, .bg-infobox-member{
100 <?php echo $prefix; ?>color: #79633f !important;
101}
102.bg-infobox-expensereport{
103 <?php echo $prefix; ?>color: #79633f !important;
104}
105.bg-infobox-holiday{
106 <?php echo $prefix; ?>color: #755114 !important;
107}
108
109/* Disable colors on left vmenu */
110a.vmenu span, span.vmenu, span.vmenu span {
111 /* To force no color on picto in left menu */
112 /* color: var(--colortextbackvmenu) !important; */
113}
114div.login_block_other a {
115 color: var(--colortextbackvmenu);
116}
117
118.infobox-adherent, .infobox-member {
119 color: #79633f;
120}
121.infobox-project{
122 color: #6c6aa8;
123}
124.infobox-action{
125 color: #a47080;
126}
127/* Color for customer object */
128.infobox-propal:not(.pictotitle):not(.error),
129.infobox-facture:not(.pictotitle):not(.error),
130.infobox-commande:not(.pictotitle):not(.error) {
131 color: #65953d;
132}
133/* Color for vendor object */
134.infobox-supplier_proposal:not(.pictotitle):not(.error),
135.infobox-invoice_supplier:not(.pictotitle):not(.error),
136.infobox-order_supplier:not(.pictotitle):not(.error) {
137 color: #599caf;
138}
139.infobox-order_supplier::before {
140 margin-left: 3px;
141}
142
143.infobox-contrat, .infobox-ticket{
144 color: #46a676;
145}
146.infobox-bank_account{
147 color: #b0a53e;
148}
149.infobox-adherent, .infobox-member {
150 color: #79633f;
151}
152.infobox-expensereport{
153 color: #79633f;
154}
155.infobox-holiday{
156 color: #755114;
157}
158
159
160.info-box-module.--external span.info-box-icon-version {
161 background: #bbb;
162}
163
164a.info-box-text.info-box-text-a {
165 /* display: table-cell; */
166 display: contents;
167}
168a.info-box-text-a i.fa.fa-exclamation-triangle {
169 font-size: 0.9em;
170}
171
172.info-box {
173 display: block;
174 position: relative;
175 min-height: 94px;
176 background: var(--colorbacklineimpair2);
177 width: 100%;
178 /* box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); */
179 border-radius: 2px;
180 margin-bottom: 15px;
181 border: 1px solid #e9e9e9;
182}
183.info-box.info-box-sm {
184 min-height: 80px;
185 margin-bottom: 10px;
186}
187.info-box-more {
188 float: right;
189 top: 4px;
190 position: absolute;
191 right: 10px;
192}
193
194.info-box small {
195 font-size: 14px;
196}
197.info-box:not(.info-box-kanban) .progress {
198 background: rgba(0, 0, 0, 0.2);
199 margin: 5px -10px 5px -10px;
200 height: 2px;
201}
202.info-box .progress,
203.info-box .progress .progress-bar {
204 border-radius: 0;
205}
206
207.info-box:not(.info-box-kanban) .progress .progress-bar {
208 float: left;
209 width: 0;
210 height: 100%;
211 font-size: 12px;
212 line-height: 20px;
213 color: #fff;
214 text-align: center;
215 background-color: #337ab7;
216 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
217 box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
218 -webkit-transition: width .6s ease;
219 -o-transition: width .6s ease;
220 transition: width .6s ease;
221}
222.info-box-icon {
223 display: block;
224 overflow: hidden;
225 float: left;
226 text-align: center;
227 font-size: 45px;
228 line-height: 94px;; /* must be same height as min-height of .info-box */
229 height: 94px;; /* must be same height as min-height of .info-box */
230 width: 86px;
231 background: var(--colorbacktitle1) !important;
232 <?php if (isset($conf->global->THEME_SATURATE_RATIO)) { ?>
233 filter: saturate(<?php echo $conf->global->THEME_SATURATE_RATIO; ?>);
234 <?php } ?>
235}
236
237.info-box-module .info-box-icon {
238 padding-top: 4px;
239 padding-bottom: 4px;
240}
241.info-box-sm .info-box-icon, .info-box-sm .info-box-img {
242 height: 96px !important; /* must match height of info-box-sm .info-box-content */
243 width: 80px;
244 font-size: 25px;
245 line-height: 92px;
246}
247.info-box-order {
248 border-top-left-radius: 2px;
249 border-top-right-radius: 0;
250 border-bottom-right-radius: 0;
251 border-bottom-left-radius: 2px;
252 display: block;
253 overflow: hidden;
254 float: left;
255 height: 115px;
256 width: 88px;
257 text-align: center;
258 font-size: 2.3em;
259 line-height: 115px;
260 margin-right: 10px;
261 background: var(--colorbacktitle1) !important;
262}
263.opened-dash-board-wrap .info-box .info-box-icon {
264 font-size: 2em;
265}
266.opened-dash-board-wrap .info-box-sm .info-box-icon {
267 line-height: 80px;
268}
269.info-box-module .info-box-icon {
270 height: 98px;
271}
272.info-box-icon > img {
273 max-width: 85%;
274}
275.info-box-module .info-box-icon > img {
276 max-width: 55%;
277}
278
279.info-box-line {
280 line-height: 1.2em;
281}
282.info-box-line-text {
283 overflow: hidden;
284 width: calc(100% - 76px);
285 text-overflow: ellipsis;
286}
287
288.info-box-icon-text {
289 box-sizing: border-box;
290 display: block;
291 position: absolute;
292 width: 90px;
293 bottom: 0px;
294 color: #ffffff;
295 background-color: rgba(0,0,0,0.1);
296 cursor: default;
297
298 font-size: 10px;
299 line-height: 15px;
300 padding: 0px 3px;
301 text-align: center;
302 opacity: 0;
303 -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
304 transition: opacity 0.5s, visibility 0s 0.5s;
305}
306
307.info-box-icon-version {
308 box-sizing: border-box;
309 display: block;
310 position: absolute;
311 width: 90px;
312 bottom: 0px;
313 color: #ffffff;
314 background-color: rgba(0,0,0,0.1);
315 cursor: default;
316
317 font-size: 10px;
318 line-height: 1.5em;
319 padding: 4px 3px;
320 text-align: center;
321 opacity: 1;
322 -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
323 transition: opacity 0.5s, visibility 0s 0.5s;
324}
325
326.box-flex-item.info-box-module.--disabled {
327 /* opacity: 0.6; */
328}
329
330.info-box-actions {
331 position: absolute;
332 right: 0;
333 bottom: 0;
334}
335
336/* customize section img box on list of products */
337.info-box-img {
338 height: 105px !important;
339 width: 88px;
340 border-top-left-radius: 2px;
341 border-top-right-radius: 0;
342 border-bottom-right-radius: 0;
343 border-bottom-left-radius: 2px;
344 display: block;
345 overflow: hidden;
346 float: left;
347 text-align: center;
348 font-size: 2.8em;
349 line-height: 90px;
350 margin-right: 5px;
351 background: var(--colorbacktitle1) !important;
352}
353.info-box-img > img {
354 width: 90%;
355 position: relative;
356 top: 50%;
357 left: 50%;
358 transform: translate(-50%, -50%);
359}
360
361
362<?php if (!getDolGlobalString('MAIN_DISABLE_GLOBAL_BOXSTATS') && getDolGlobalString('MAIN_INCLUDE_GLOBAL_STATS_IN_OPENED_DASHBOARD')) { ?>
363.info-box-icon-text{
364 opacity: 1;
365}
366<?php } ?>
367
368.info-box-sm .info-box-icon-text, .info-box-sm .info-box-icon-version{
369 overflow: hidden;
370 width: 80px;
371}
372.info-box:hover .info-box-icon-text{
373 opacity: 1;
374}
375
376.info-box-content {
377 padding-top: 5px;
378 padding-bottom: 5px;
379 padding-left: 10px;
380 padding-right: 5px;
381 margin-left: 84px;
382}
383.info-box-sm .info-box-content {
384 margin-left: 80px;
385 height: 86px; /* 96 - margins of .info-box-sm .info-box-content */
386}
387.info-box-sm .info-box-module-enabled {
388 /* background: linear-gradient(0.35turn, #fff, #fff, #f6faf8, #e4efe8) */
389 background: var(--infoboxmoduleenabledbgcolor);
390}
391.info-box-content-warning span.font-status4 {
392 color: #bc9526 !important;
393}
394
395.info-box-number {
396 display: block;
397 font-weight: bold;
398 font-size: 18px;
399}
400.progress-description,
401.info-box-text,
402.info-box-title{
403 display: block;
404 font-size: 12px;
405 white-space: nowrap;
406 overflow: hidden;
407 text-overflow: ellipsis;
408}
409.info-box-title{
410 text-transform: uppercase;
411 font-weight: bold;
412 margin-bottom: 6px;
413}
414.info-box-title {
415 width: calc(100% - 20px);
416}
417.info-box-text{
418 font-size: 0.90em;
419}
420/* Force values for small screen 480 */
421@media only screen and (max-width: 480px)
422{
423 .info-box-text {
424 font-size: 0.85em;
425 }
426}
427.info-box-text:first-letter{text-transform: uppercase}
428a.info-box-text{ text-decoration: none;}
429
430
431.info-box-more {
432 display: block;
433}
434.progress-description {
435 margin: 0;
436}
437
438
439
440/* ICONS INFO BOX */
441<?php
442include_once DOL_DOCUMENT_ROOT.'/core/lib/functions2.lib.php';
443
444$prefix = '';
445if (getDolGlobalString('THEME_INFOBOX_COLOR_ON_BACKGROUND')) {
446 $prefix = 'background-';
447}
448
449if (!isset($conf->global->THEME_SATURATE_RATIO)) {
450 $conf->global->THEME_SATURATE_RATIO = 0.7;
451}
452if (GETPOSTISSET('THEME_SATURATE_RATIO')) {
453 $conf->global->THEME_SATURATE_RATIO = GETPOSTINT('THEME_SATURATE_RATIO');
454}
455?>
456.bg-infobox-project i.fa{
457 color: #605ca8 !important;
458}
459.bg-infobox-action i.fa{
460 color: #d84b80 !important;
461}
462.bg-infobox-propal i.fa,
463.bg-infobox-facture i.fa,
464.bg-infobox-commande i.fa{
465 color: #abb87b !important;
466}
467.bg-infobox-supplier_proposal i.fa,
468.bg-infobox-invoice_supplier i.fa,
469.bg-infobox-order_supplier i.fa{
470 color: #40b0cf !important;
471}
472.bg-infobox-contrat i.fa, .bg-infobox-ticket i.fa{
473 color: #20a68a !important;
474}
475.bg-infobox-bank_account i.fa{
476 color: #b0a53e !important;
477}
478.bg-infobox-adherent i.fa, .bg-infobox-member i.fa{
479 color: #755114 !important;
480}
481.bg-infobox-expensereport i.fa{
482 color: #755114 !important;
483}
484.bg-infobox-holiday i.fa{
485 color: #755114 !important;
486}
487
488
489.fa-dol-action:before {
490 content: "\f073";
491}
492.fa-dol-propal:before,
493.fa-dol-supplier_proposal:before {
494 content: "\f573";
495}
496.fa-dol-facture:before,
497.fa-dol-invoice_supplier:before {
498 content: "\f571";
499}
500.fa-dol-project:before {
501 content: "\f542";
502}
503.fa-dol-commande:before,
504.fa-dol-order_supplier:before {
505 content: "\f570";
506}
507.fa-dol-contrat:before {
508 content: "\f1e6";
509}
510.fa-dol-ticket:before {
511 content: "\f3ff";
512}
513.fa-dol-bank_account:before {
514 content: "\f19c";
515}
516.fa-dol-member:before {
517 content: "\f0c0";
518}
519.fa-dol-expensereport:before {
520 content: "\f555";
521}
522.fa-dol-holiday:before {
523 content: "\f5ca";
524}
525
526
527/* USING FONTAWESOME FOR WEATHER */
528.info-box-weather .info-box-icon{
529 background: var(--colorbacktitle1) !important;
530}
531.fa-weather-level0:before{
532 content: "\f185";
533 color : #cfbf00;
534}
535.fa-weather-level1:before{
536 content: "\f6c4";
537 color : #bc9526;
538}
539.fa-weather-level2:before{
540 content: "\f743";
541 color : #b16000;
542}
543.fa-weather-level3:before{
544 content: "\f740";
545 color : #b04000;
546}
547.fa-weather-level4:before{
548 content: "\f0e7";
549 color : #b01000;
550}
551
552
553
554
555
556.box-flex-container{
557 display: flex; /* or inline-flex */
558 flex-direction: row;
559 flex-wrap: wrap;
560 width: 100%;
561 margin: 0 0 0 -10px;
562 /* justify-content: space-between; Do not use this: If there is 3 elements on last line and previous has 4, then the 3 are centered */
563}
564.box-flex-container-columns {
565 display: flex; /* or inline-flex */
566 flex-direction: row;
567 flex-wrap: nowrap;
568 justify-content: space-between;
569}
570.box-flex-container-column {
571 flex-grow: 1;
572}
573.box-flex-container-column:not(:last-of-type) {
574 border-right: 1px solid #AAA;
575}
576
577.box-flex-container-column.kanban {
578 flex: 1;
579}
580.kanban.kanbancollapsed {
581 flex: unset;
582 width: 80px;
583}
584.kanban.kanbancollapsed .kanbanlabel, .text-vertical {
585 writing-mode: vertical-rl;
586}
587
588.box-flex-grow-zero{
589 flex-grow: 0 !important;
590}
591
592.box-flex-item {
593 flex-grow : 1;
594 flex-shrink: 1;
595 flex-basis: auto;
596 width: 300px;
597}
598.box-flex-item.filler{
599 height: 0;
600}
601.box-flex-item, .kanbanlabel {
602 margin-top: 5px;
603 margin-<?php echo $right; ?>: 10px;
604 margin-bottom: 0px;
605 margin-<?php echo $left; ?>: 10px;
606}
607.kanbanlabel {
608 background: var(--colorbacktitle1);
609 padding: 5px;
610 margin-bottom: 10px;
611 border-radius: 5px;
612}
613.kanban .box-flex-item {
614 line-height: 1.4em;
615}
616.kanban .box-flex-item-5lines {
617 line-height: 1.18em;
618}
619
620/* css for small kanban */
621.box-flex-item-small {
622 width: 200px !important;
623}
624.box-flex-item-small .info-box-sm .info-box-content {
625 margin-left: 0;
626}
627.box-flex-item-small .info-box-icon.bg-infobox-action {
628 display: none;
629}
630
631
632@media only screen and (max-width: 767px)
633{
634 .box-flex-container {
635 margin: 0 0 0 -8px !important;
636 }
637}
638
639.info-box-title {
640 width: calc(100% - 20px);
641}
642.info-box-module {
643 min-width: 350px;
644 max-width: 350px;
645}
646.info-box-module .info-box-content {
647 height: 6.3em;
648}
649.fright {
650 float:right;
651}
652
653@media only screen and (max-width: 1740px) {
654 .info-box-module {
655 min-width: 315px;
656 max-width: 315px;
657 }
658}
659@media only screen and (max-width: 768px) {
660 .info-box-module {
661 min-width: 260px;
662 }
663 .info-box-sm .info-box-icon {
664 width: 60px;
665 }
666 .info-box-sm .info-box-content {
667 margin-left: 60px;
668 }
669 .info-box-content {
670 padding-top: 5px;
671 padding-bottom: 5px;
672 padding-left: 10px;
673 padding-right: 2px;
674 }
675 .info-box-line-text {
676 width: calc(100% - 92px);
677 max-width: calc(100% - 82px);
678 }
679}
680
681@media only screen and (max-width: 480px) {
682 .info-box-module {
683 min-width: 250px;
684 }
685 .box-flex-item {
686 width: 250px;
687 }
688}
print $object position
Definition edit.php:204
print $script_file $mode $langs defaultlang(is_numeric($duration_value) ? " delay=". $duration_value :"").(is_numeric($duration_value2) ? " after cd cd cd description as description
Only used if Module[ID]Desc translation string is not found.
GETPOSTINT($paramname, $method=0)
Return the value of a $_GET or $_POST supervariable, converted into integer.
getDolGlobalString($key, $default='')
Return a Dolibarr global constant string value.
a disabled
global $conf
The following vars must be defined: $type2label $form $conf, $lang, The following vars may also be de...
Definition member.php:79
if(preg_match('/crypted:/i', $dolibarr_main_db_pass)||!empty($dolibarr_main_db_encrypted_pass)) $conf db type
Definition repair.php:149