diff --git a/core/tpl/digiquali_answers.tpl.php b/core/tpl/digiquali_answers.tpl.php index 703a2ca5..359b2a2e 100644 --- a/core/tpl/digiquali_answers.tpl.php +++ b/core/tpl/digiquali_answers.tpl.php @@ -59,9 +59,11 @@ } ?> type == 'Text') : ?> -
- -
+
"> + ' . $langs->trans('Answer') . ' : '; + $object->status > $object::STATUS_DRAFT ? print $questionAnswer : + print 'status > $object::STATUS_DRAFT ? ' disabled' : '') . ' name="answer' . $question->id . '" id="answer' . $question->id . '"class="question-textarea input-answer ' . ($object->status > 0 ? 'disable' : '') . '" value="' . $questionAnswer . '">'; ?> enter_comment > 0) : ?> trans('Comment') . ' : '; ?> @@ -153,7 +155,7 @@ type == 'Percentage') : ?>
" data-questionId="id; ?>"> status > 0 ? 'disable' : '') . ' ' . ($questionAnswer == $answerLinked->position ? 'active' : '') . '" name="answer' . $question->id . '" id="answer' . $question->id . '" min="0" max="100" step="25" value="' . $questionAnswer . '"' . ($object->status > $object::STATUS_DRAFT ? ' disabled' : '') . '>'; print img_picto('', 'fontawesome_fa-grin_fas_#57AD39_3em', 'class="range-image"'); ?> diff --git a/css/digiquali.min.css b/css/digiquali.min.css index 6abf1ae0..389cf8ca 100644 --- a/css/digiquali.min.css +++ b/css/digiquali.min.css @@ -1 +1 @@ -.question-answer-container *{box-sizing:border-box}.question-answer-container.multiselect{margin-top:-60px}.question-answer-container.multiselect>.wpeo-table{background:none !important}.question-answer-container.multiselect .table-cell{padding-top:0}.question-answer-container .wpeo-table.table-flex .table-row:not(.table-header):nth-of-type(odd){background:none}.question-answer-container .table-cell{margin-top:0 !important}.question-answer-container>.wpeo-table .cell-photo-check{text-align:right}@media(max-width: 600px){.question-answer-container>.wpeo-table .cell-photo-check{text-align:center}}.question-answer-container>.wpeo-table .question-photo-check{margin:0 4px;display:inline-block;position:relative}.question-answer-container>.wpeo-table .question-photo-check img{display:block;margin:0;width:200px;height:200px;background-size:cover}.question-answer-container>.wpeo-table .question-photo-check i{position:absolute;bottom:10px;right:10px;font-size:35px}.question-answer-container>.wpeo-table .question-photo-check.ko i{color:#e05353}.question-answer-container>.wpeo-table .question-photo-check.ok i{color:#47e58e}.question-answer-container>.wpeo-table .photo{margin:0 4px}.question-answer-container>.wpeo-table .photo.photo-ok{border:5px solid #47e58e}.question-answer-container>.wpeo-table .photo.photo-ko{border:5px solid #e05353}.question-answer-container>.wpeo-table .linked-medias{display:flex;gap:0 10px;flex-wrap:wrap}.question-answer-container>.wpeo-table .answer{display:inline-block;width:50px;height:50px;line-height:50px;font-size:18px;margin:0 4px;text-align:center;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.4);transition:all .2s ease-out}@media(max-width: 600px){.question-answer-container>.wpeo-table .answer{width:60px;height:60px;line-height:60px;font-size:25px}}.question-answer-container>.wpeo-table .answer.square{border-radius:10%}.question-answer-container>.wpeo-table .answer:hover{cursor:pointer}.question-answer-container>.wpeo-table .answer.active{color:#fff !important}.question-answer-container>.wpeo-table .question-comment-container{margin-top:10px}.question-answer-container>.wpeo-table .question-comment-container .question-ref{font-size:13px;font-weight:700}.question-answer-container>.wpeo-table .question-comment-container .question-textarea{width:100%;background:#fff;border:1px solid rgba(0,0,0,.2);padding:1em 1.4em}.confirmquestions .answer{display:inline-block;width:30px;height:30px;line-height:30px;margin:0 4px;text-align:center;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.4);-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.confirmquestions .answer:hover{cursor:pointer}.confirmquestions .answer[value="1"]{color:#47e58e}.confirmquestions .answer[value="2"]{color:#e05353}.confirmquestions .answer[value="3"]{color:#e9ad4f}.confirmquestions .answer[value="4"]{color:rgba(0,0,0,.7);font-weight:700}.confirmquestions input[readonly]{border:0;width:100%;pointer-events:none}.confirmquestions input[readonly]:hover{cursor:default}.element-list-medias .question-section{display:block;margin-bottom:20px}.element-list-medias .question-section::after{display:block;content:"";clear:both}.element-list-medias .question-ref{font-weight:800;display:block;clear:both}.element-list-medias .media-container{display:block;float:left;margin-right:10px;margin-bottom:10px}.element-list-medias .media-container a{transition:all .2s ease-out}.element-list-medias .media-container a:hover{opacity:.8}.element-list-medias .media-container .photo{width:100%;height:100%;object-fit:cover}.question-table .linked-medias-list{display:flex;gap:10px;height:auto !important}@media(max-width: 500px){.question-table .linked-medias-list{flex-wrap:wrap}}@media(max-width: 500px){div.tabBar table.border.question-table tr.linked-medias,div.tabBar table.border.question-table tr.linked-medias .linked-medias-list{height:auto !important}}.question-answer-container .description{text-align:center;color:#4b4f5a;font-size:24px;margin-top:20px}.question-answer-container .label{text-align:center;color:#0d8aff;font-size:25px;margin:10px 0 10px 0}.question-answer-container .percentage-cell{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row}.question-answer-container .percentage-cell .range-image{padding:0 .5em 0 .5em}.question-answer-container input[type=range]{width:100%;cursor:pointer;margin-bottom:0}.question-answer-container input[type=range]::-webkit-slider-thumb{width:3em;height:3em;border:solid #f5f5f5;background:#0d8aff}.question-answer-container input[type=range]::-webkit-slider-runnable-track{border-radius:50px;height:35px;background:linear-gradient(90deg, #D53C3D 0%, #ED911D 25%, #F2C32E 50%, #92D444 75%, #57AD39 100%)}.question-answer-container input[type=range]::-moz-range-thumb{width:3em;height:3em;border:solid #f5f5f5;background:#0d8aff}.question-answer-container input[type=range]::-moz-range-track{border-radius:50px;height:35px;background:linear-gradient(90deg, #D53C3D 0%, #ED911D 25%, #F2C32E 50%, #92D444 75%, #57AD39 100%)}:root{background:none}input,textarea{background-color:#ebf0f8;color:#0d8aff;--form-element-placeholder-color: #0d8aff}div.mainmenu.digiquali{background-image:none}div.mainmenu.digiquali::before{content:""}@media(max-width: 600px){div.tabsAction>span.butAction,div.tabsAction>span.butActionRefused,div.tabsAction>a.butAction,div.tabsAction>a.butActionDelete{padding:14px}}.dashboard-control{width:40px;height:40px;border-radius:6px;text-align:center;color:#fff;font-weight:900;font-size:14px;line-height:.9;padding:7px 2px;pointer-events:none}.progress-info{display:flex;align-items:center}.progress-info .progress-bar{width:100%;height:20px;background-color:#ddd;border-radius:5px}.progress-info .progress{width:50%;height:100%;border-radius:5px;transition:width .3s}.sheet-images-container .sheet-grid-images{display:flex;flex-wrap:wrap;gap:.8em}.sheet-images-container .sheet-grid-images img{object-fit:cover;border:3px solid #fff;transition:all .2s ease-out}.sheet-images-container .sheet-grid-images img:hover{cursor:pointer;opacity:.6}.preview-photo{z-index:2100 !important}.dropdown-toggle::after{display:none}.favorite-photo{border:5px solid #0d8aff} \ No newline at end of file +.question-answer-container *{box-sizing:border-box}.question-answer-container.multiselect{margin-top:-60px}.question-answer-container.multiselect>.wpeo-table{background:none !important}.question-answer-container.multiselect .table-cell{padding-top:0}.question-answer-container .wpeo-table.table-flex .table-row:not(.table-header):nth-of-type(odd){background:none}.question-answer-container .table-cell{margin-top:0 !important}.question-answer-container>.wpeo-table .cell-photo-check{text-align:right}@media(max-width: 600px){.question-answer-container>.wpeo-table .cell-photo-check{text-align:center}}.question-answer-container>.wpeo-table .question-photo-check{margin:0 4px;display:inline-block;position:relative}.question-answer-container>.wpeo-table .question-photo-check img{display:block;margin:0;width:200px;height:200px;background-size:cover}.question-answer-container>.wpeo-table .question-photo-check i{position:absolute;bottom:10px;right:10px;font-size:35px}.question-answer-container>.wpeo-table .question-photo-check.ko i{color:#e05353}.question-answer-container>.wpeo-table .question-photo-check.ok i{color:#47e58e}.question-answer-container>.wpeo-table .photo{margin:0 4px}.question-answer-container>.wpeo-table .photo.photo-ok{border:5px solid #47e58e}.question-answer-container>.wpeo-table .photo.photo-ko{border:5px solid #e05353}.question-answer-container>.wpeo-table .linked-medias{display:flex;gap:0 10px;flex-wrap:wrap}.question-answer-container>.wpeo-table .answer{display:inline-block;width:50px;height:50px;line-height:50px;font-size:18px;margin:0 4px;text-align:center;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.4);transition:all .2s ease-out}@media(max-width: 600px){.question-answer-container>.wpeo-table .answer{width:60px;height:60px;line-height:60px;font-size:25px}}.question-answer-container>.wpeo-table .answer.square{border-radius:10%}.question-answer-container>.wpeo-table .answer:hover{cursor:pointer}.question-answer-container>.wpeo-table .answer.active{color:#fff !important}.question-answer-container>.wpeo-table .question-comment-container{margin-top:10px}.question-answer-container>.wpeo-table .question-comment-container .question-ref{font-size:13px;font-weight:700}.question-answer-container>.wpeo-table .question-comment-container .question-textarea{width:100%;background:#fff;border:1px solid rgba(0,0,0,.2);padding:1em 1.4em}.confirmquestions .answer{display:inline-block;width:30px;height:30px;line-height:30px;margin:0 4px;text-align:center;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.4);-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.confirmquestions .answer:hover{cursor:pointer}.confirmquestions .answer[value="1"]{color:#47e58e}.confirmquestions .answer[value="2"]{color:#e05353}.confirmquestions .answer[value="3"]{color:#e9ad4f}.confirmquestions .answer[value="4"]{color:rgba(0,0,0,.7);font-weight:700}.confirmquestions input[readonly]{border:0;width:100%;pointer-events:none}.confirmquestions input[readonly]:hover{cursor:default}.element-list-medias .question-section{display:block;margin-bottom:20px}.element-list-medias .question-section::after{display:block;content:"";clear:both}.element-list-medias .question-ref{font-weight:800;display:block;clear:both}.element-list-medias .media-container{display:block;float:left;margin-right:10px;margin-bottom:10px}.element-list-medias .media-container a{transition:all .2s ease-out}.element-list-medias .media-container a:hover{opacity:.8}.element-list-medias .media-container .photo{width:100%;height:100%;object-fit:cover}.question-table .linked-medias-list{display:flex;gap:10px;height:auto !important}@media(max-width: 500px){.question-table .linked-medias-list{flex-wrap:wrap}}@media(max-width: 500px){div.tabBar table.border.question-table tr.linked-medias,div.tabBar table.border.question-table tr.linked-medias .linked-medias-list{height:auto !important}}.question-answer-container-pwa .description{text-align:center;color:#4b4f5a;font-size:24px;margin-top:20px}.question-answer-container-pwa .label{text-align:center;color:#0d8aff;font-size:25px;margin:10px 0 10px 0}.question-answer-container-pwa .percentage-cell{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row}.question-answer-container-pwa .percentage-cell .range-image{padding:0 .5em 0 .5em}.question-answer-container-pwa input[type=range]{width:100%;appearance:none;cursor:pointer;padding:0;border:0;outline:none}.question-answer-container-pwa input[type=range]:disabled{background:0}.question-answer-container-pwa input[type=range]::-webkit-slider-thumb{appearance:none;width:60px;height:60px;margin-top:-10px;border:solid #f5f5f5;border-radius:50%;background:#0d8aff;transition:transform .3s ease-in-out}.question-answer-container-pwa input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.question-answer-container-pwa input[type=range]::-webkit-slider-runnable-track{border-radius:50px;height:35px;background:linear-gradient(90deg, #D53C3D 0%, #ED911D 25%, #F2C32E 50%, #92D444 75%, #57AD39 100%);transition:transform .3s ease-in-out}.question-answer-container-pwa input[type=range]::-moz-range-thumb{appearance:none;width:60px;height:60px;margin-top:-10px;border:solid #f5f5f5;border-radius:50%;background:#0d8aff;transition:transform .3s ease-in-out}.question-answer-container-pwa input[type=range]::-moz-range-thumb:hover{transform:scale(1.15)}.question-answer-container-pwa input[type=range]::-moz-range-track{border-radius:50px;height:35px;background:linear-gradient(90deg, #D53C3D 0%, #ED911D 25%, #F2C32E 50%, #92D444 75%, #57AD39 100%)}div.mainmenu.digiquali{background-image:none}div.mainmenu.digiquali::before{content:""}@media(max-width: 600px){div.tabsAction>span.butAction,div.tabsAction>span.butActionRefused,div.tabsAction>a.butAction,div.tabsAction>a.butActionDelete{padding:14px}}.dashboard-control{width:40px;height:40px;border-radius:6px;text-align:center;color:#fff;font-weight:900;font-size:14px;line-height:.9;padding:7px 2px;pointer-events:none}.progress-info{display:flex;align-items:center}.progress-info .progress-bar{width:100%;height:20px;background-color:#ddd;border-radius:5px}.progress-info .progress{width:50%;height:100%;border-radius:5px;transition:width .3s}.sheet-images-container .sheet-grid-images{display:flex;flex-wrap:wrap;gap:.8em}.sheet-images-container .sheet-grid-images img{object-fit:cover;border:3px solid #fff;transition:all .2s ease-out}.sheet-images-container .sheet-grid-images img:hover{cursor:pointer;opacity:.6}.preview-photo{z-index:2100 !important}.dropdown-toggle::after{display:none}.favorite-photo{border:5px solid #0d8aff} \ No newline at end of file diff --git a/css/scss/page/_question-answer.scss b/css/scss/page/_question-answer.scss index 1c61aadc..036e307d 100644 --- a/css/scss/page/_question-answer.scss +++ b/css/scss/page/_question-answer.scss @@ -1,4 +1,4 @@ -.question-answer-container { + .question-answer-container-pwa { .description { text-align: center; color: #4B4F5A; @@ -27,40 +27,57 @@ input[type=range] { width: 100%; + appearance: none; cursor: pointer; - margin-bottom: 0; + padding: 0; + border: 0; + outline: none; + + &:disabled { + background: 0; + } } + input[type=range]::-webkit-slider-thumb { - width: 3em; - height: 3em; + appearance: none; + width: 60px; + height: 60px; + margin-top: -10px; border: solid #F5F5F5; + border-radius: 50%; background: #0d8aff; + transition: transform 0.3s ease-in-out; + + &:hover { + transform: scale(1.15); + } } + input[type=range]::-webkit-slider-runnable-track { border-radius: 50px; height: 35px; background: linear-gradient(90deg, #D53C3D 0%, #ED911D 25%, #F2C32E 50%, #92D444 75%, #57AD39 100%); + transition: transform 0.3s ease-in-out; } input[type=range]::-moz-range-thumb { - width: 3em; - height: 3em; + appearance: none; + width: 60px; + height: 60px; + margin-top: -10px; border: solid #F5F5F5; + border-radius: 50%; background: #0d8aff; + transition: transform 0.3s ease-in-out; + + &:hover { + transform: scale(1.15); + } } + input[type=range]::-moz-range-track { border-radius: 50px; height: 35px; background: linear-gradient(90deg, #D53C3D 0%, #ED911D 25%, #F2C32E 50%, #92D444 75%, #57AD39 100%); } } - -:root { - background: none; -} - -input, textarea { - background-color: #ebf0f8; - color: #0d8aff; - --form-element-placeholder-color: #0d8aff; -} diff --git a/public/public_answer.php b/public/public_answer.php index 5d5c509b..ff3d22f7 100644 --- a/public/public_answer.php +++ b/public/public_answer.php @@ -142,21 +142,20 @@ * View */ -$title = $langs->trans('PublicAnswer'); -$moreJS = ['/saturne/js/includes/signature-pad.min.js']; -$moreCSS = ['/saturne/css/pico.min.css']; +$title = $langs->trans('PublicAnswer'); +$moreJS = ['/saturne/js/includes/signature-pad.min.js']; $conf->dol_hide_topmenu = 1; $conf->dol_hide_leftmenu = 1; -saturne_header(1,'', $title, '', '', 0, 0, $moreJS, $moreCSS, '', 'page-public-card page-signature'); +saturne_header(1,'', $title, '', '', 0, 0, $moreJS, [], '', 'page-public-card page-signature'); print '
'; print ''; print ''; print ''; -print '
'; +print '
'; $substitutionArray = getCommonSubstitutionArray($langs, 0, null, $object); complete_substitutions_array($substitutionArray, $langs, $object); $answerPublicInterfaceTitle = make_substitutions($langs->transnoentities($conf->global->DIGIQUALI_ANSWER_PUBLIC_INTERFACE_TITLE), $substitutionArray);