diff --git a/resources/views/pdf/dossierCyberSecurite/measure_circle.blade.php b/resources/views/pdf/dossierCyberSecurite/measure_circle.blade.php index 4fe423e6bc316880e14741c763c3657dcb666f23..b645a6049c149d39901b39aef1ab6ea2e4498c7c 100644 --- a/resources/views/pdf/dossierCyberSecurite/measure_circle.blade.php +++ b/resources/views/pdf/dossierCyberSecurite/measure_circle.blade.php @@ -43,28 +43,32 @@ function getProgressFromLevel ($level) } $expectedDashOffset = (new \App\Helpers\SVG(getProgressFromLevel($action->expected_level), 100))->dashArray(); $actualDashOffset = (new \App\Helpers\SVG(getProgressFromLevel($action->actual_level), 100))->dashArray();; +$svgSize = isset($size) ? $size : 150; +$globalSize = isset($size) ? $size+$size/8 : 190; ?> -<div style="height: 180px;position:relative"> +<div style="height: {{$globalSize}}px;position:relative"> <p style="text-align: center;z-index: 1;position: absolute;top: 25%;left: 0;right: 0;" class="@if($action->actual_level === 3) custom-crown @endif"> @if ($action->actual_level === 3) <i class="fas fa-crown"></i> @endif + @if($svgSize >= 150) <span class="@if($action->actual_level === 3) text-white @else text-muted @endif text-uppercase small">Niveau</span> <br/> - <span class="h1">{{$action->actual_level}}</span> + @endif + <span class="h1" @if($svgSize < 150) style="margin-top: 0; padding-top: 0;line-height:1em" @endif>{{$action->actual_level}}</span> </p> @if($action->actual_level === 3) {{-- Show crown for level 3--}} <div style="position: relative"> - <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" fill="#468355" viewBox="0 0 16 16"> + <svg xmlns="http://www.w3.org/2000/svg" width="{{$svgSize}}" height="{{$svgSize}}" fill="#468355" viewBox="0 0 16 16"> <path d="m8 1.288 6.842 5.56L12.267 15H3.733L1.158 6.847 8 1.288zM16 6.5 8 0 0 6.5 3 16h10l3-9.5z"/> </svg> <svg - xmlns="http://www.w3.org/2000/svg" width="110" - height="110" fill="#468355" + xmlns="http://www.w3.org/2000/svg" width="{{$svgSize-40}}" + height="{{$svgSize-40}}" fill="#468355" viewBox="0 0 16 16" style="top: 23px"> <path d="m8 0 8 6.5-3 9.5H3L0 6.5 8 0z"/> @@ -72,16 +76,16 @@ function getProgressFromLevel ($level) </div> @else {{-- Show circle for other levels--}} - <div style="position: relative;width:160px;height:160px;margin: 0 auto;"> + <div style="position: relative;width:{{$svgSize+10}}px;height:{{$svgSize+10}}px;margin: 0 auto;"> <!-- BASE CIRCLE --> - <svg data-v-4d45322b="" height="160" width="160"> + <svg data-v-4d45322b="" height="{{$svgSize+10}}" width="{{$svgSize+10}}"> <circle data-v-4d45322b="" stroke="lightgray" stroke-dasharray="414.6902302738527 414.6902302738527" - stroke-width="7" fill="transparent" r="66" cx="80" cy="80" style="stroke-dashoffset: 0px;"></circle> + stroke-width="7" fill="transparent" r="{{($svgSize-18) / 2}}" cx="{{($svgSize+10) / 2}}" cy="{{($svgSize+10) / 2}}" style="stroke-dashoffset: 0px;"></circle> </svg> <!-- ACTUAL LEVEL --> <svg - height="160" - width="160" + height="{{$svgSize+10}}" + width="{{$svgSize+10}}" > <circle stroke="{{$actualColor}}" @@ -89,9 +93,9 @@ function getProgressFromLevel ($level) {{-- style="stroke-dashoffset: {{$actualDashOffset}};"--}} stroke-width="7" fill="transparent" - r="66" - cx="80" - cy="80" + r="{{($svgSize-18) / 2}}" + cx="{{($svgSize+10) / 2}}" + cy="{{($svgSize+10) / 2}}" /> </svg> </div>