may/1KA_F2F
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Redizajn 1KA] - Onboarding screen

Browse Source
This commit is contained in:
tejagerjovic 2022-06-17 00:30:16 +02:00
parent 1541a219cd
commit 79ddf509c1
8 changed files with 1674 additions and 1475 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

110
admin/survey/classes/class.NewSurvey.php
View File

@ -689,6 +689,7 @@ class NewSurvey{
global $lang;
global $site_url;
global $site_path;
global $global_user_id;
echo '<div class="noSurvey_sequence">';
@ -747,18 +748,94 @@ class NewSurvey{
else {
echo '<div class="main_holder main">';
echo '<div id="no_survey">';
// Leva stran
echo '<div class="left_holder">';
echo '<span class="title">' . $lang['noSurvey_sequence_title'] . '</span>';
echo $lang['noSurvey_sequence_main'];
$sql = sisplet_query("SELECT * FROM users WHERE id='$global_user_id'");
$row = mysqli_fetch_array($sql);
$text = $row['name'] . ' ' . $row['surname'];
$text = (strlen($text) > 25) ? substr($text, 0, 25) . '...' : $text;
$text = trim($text);
echo '<div class="no_survey_title">';
echo $lang['noSurvey_sequence_1'] . $text .'!';
echo '</div>';
// Desna stran
echo '<div class="right_holder">';
echo '<img src="/public/img/images/first_survey.jpg">';
// Ustvari anketo
echo '<div class="no_survey_box">';
echo '<div class="feature">';
echo '<div class="icon">';
echo '<span class="faicon fa-newspaper empty"></span>';
echo '</div>';
echo '<div class="name">';
echo $lang['noSurvey_sequence_button_create'];
echo '</div>';
echo '</div>';
echo $lang['noSurvey_sequence_2'];
$anketa_url = "'".$site_url.'/admin/survey/index.php?b=new_survey'."'";
echo '<div class="button_holder">';
echo '<button class="medium blue" onClick="window.location='.$anketa_url.';return false;">'.$lang['noSurvey_sequence_button_create'].'</button>';
echo '</div>';
echo '</div>';
// Videovodic
if($_GET['b'] != 'video'){
echo '<div class="no_survey_box">';
echo '<div class="feature">';
echo '<div class="icon">';
echo '<span class="faicon fa-play"></span>';
echo '</div>';
echo '<div class="name">';
echo $lang['noSurvey_sequence_3'];
echo '</div>';
echo '</div>';
echo $lang['noSurvey_sequence_4'];
$video_url = "'".$site_url.'/admin/survey/index.php?b=video'."'";
echo '<div class="button_holder">';
echo '<button class="medium white-blue" onClick="window.location='.$video_url.';return false;">'.$lang['noSurvey_sequence_button_video'].'</button>';
echo '</div>';
echo '</div>';
}
// Ogled funkcionalnosti
if($_GET['b'] != 'features'){
echo '<div class="no_survey_box">';
echo '<div class="feature">';
echo '<div class="icon">';
echo '<span class="faicon fa-wrench"></span>';
echo '</div>';
echo '<div class="name">';
echo $lang['noSurvey_sequence_5'];
echo '</div>';
echo '</div>';
echo $lang['noSurvey_sequence_6'];
$features_url = "'".$site_url.'/admin/survey/index.php?b=features'."'";
echo '<div class="button_holder">';
echo '<button class="medium white-blue" onClick="window.location='.$features_url.';return false;">'.$lang['noSurvey_sequence_button_advanced'].'</button>';
echo '</div>';
echo '</div>';
}
echo '</div>';
echo '</div>';
}
@ -766,25 +843,6 @@ class NewSurvey{
// Gumbi na dnu
echo '<div class="buttons_holder">';
// Gumb ustvari anketo
echo '<a href="'.$site_url.'/admin/survey/index.php?b=new_survey">';
echo ' <div class="button">'.$lang['noSurvey_sequence_button_create'].'</div>';
echo '</a>';
// Gumb videovodic
if($_GET['b'] != 'video'){
echo '<a href="'.$site_url.'/admin/survey/index.php?b=video">';
echo ' <div class="button button_gray">'.$lang['noSurvey_sequence_button_video'].'</div>';
echo '</a>';
}
// Gumb ogled funkcionalnosti
if($_GET['b'] != 'features'){
echo '<a href="'.$site_url.'/admin/survey/index.php?b=features">';
echo ' <div class="button button_gray">'.$lang['noSurvey_sequence_button_advanced'].'</div>';
echo '</a>';
}
// Gumb ogled cenika
if($_GET['b'] == 'features'){
$cenik_link = ($lang['id'] == '1') ? 'https://www.1ka.si/d/sl/cenik' : 'https://www.1ka.si/d/en/services/';

2
admin/survey/classes/tracking/CrossRoad.php
View File

@ -586,7 +586,7 @@ class CrossRoad {
default:
$layout_width = 'wide';
if ($_GET['a'] == 'ustvari_anketo') {
if ($_GET['a'] == 'ustvari_anketo' || $_GET['b'] == 'new_survey') {
$layout_width = 'fullwidth';
$layout_menu = 'menu_left';
$hide_header = 'hide_header';

6
lang/1.php
View File

@ -7060,6 +7060,12 @@ $lang = array (
'noSurvey_sequence_main' => "<p>Vabimo vas, da si pred kreiranjem prve ankete v orodju 1KA <b>ogledate nekajminutni video vodič</b> uporabe orodja 1KA</p>
<p>Izkušenim uporabnikom priporočamo pregled spiska <b>osnovnih funkcionalnosti</b> 1KA, kjer lahko izberete tudi katero izmed plačljivih naročnin, ki omogočajo uporabo <b>naprednih funkcionalnosti.</b></p>
<p>Če želite anketo kreirati takoj, brez ogleda videovodiča in pregleda funkcionalnosti, kliknite gumb <b>Ustvari anketo</b>.</p>",
'noSurvey_sequence_1' => "Dobrodošli v spletnem orodju 1KA, ",
'noSurvey_sequence_2' => "Začnite takoj in se z orodjem 1KA spoznajte kar med uporabo.",
'noSurvey_sequence_3' => "Kako uporabljati 1ka?",
'noSurvey_sequence_4' => "Pred kreiranjem prve ankete si poglejte kratek video vodič.",
'noSurvey_sequence_5' => "Bogat nabor funkcionalnosti",
'noSurvey_sequence_6' => "Kaj vse ponuja 1KA? Spisek funkcionalnosti bo odgovoril na vaša vprašanja.",
'noSurvey_sequence_button_create' => "Ustvari anketo",
'noSurvey_sequence_button_video' => "Ogled videovodiča",
'noSurvey_sequence_button_advanced' => "Ogled funkcionalnosti",

10
lang/2.php
View File

@ -6945,8 +6945,14 @@ $lang = array (
<p>We recommend experienced users to review the list of <b>basic 1KA functionalities</b>, where you can also choose one of the paid subscriptions that enables you to use <b>advanced functionalities</b>.</p>
<p>To create a survey immediately, without viewing the video guide and reviewing the functionalities, click the <b>Create survey button</b>.</p>",
'noSurvey_sequence_button_create' => "Create survey",
'noSurvey_sequence_button_video' => "View video",
'noSurvey_sequence_button_advanced' => "View functionalities",
'noSurvey_sequence_button_video' => "View video",
'noSurvey_sequence_button_video' => "View video",
'noSurvey_sequence_1' => "Welcome to the 1KA online tool, ",
'noSurvey_sequence_2' => "Get started right away and get to know the 1KA tool as you use it.",
'noSurvey_sequence_3' => "How to use 1ka?",
'noSurvey_sequence_4' => "Before creating your first survey, watch this short video tutorial.",
'noSurvey_sequence_5' => "Wide range of functionalities",
'noSurvey_sequence_6' => "What does 1KA offer? The list of functionalities will answer your questions.",
'noSurvey_sequence_button_cenik' => "View pricelist",
'noSurvey_sequence_main_li11' => "<span class=\"new_survey_text\">For users that do not have any experience with online surveys, we recommend that you view our introductory video. This will allow you to utilize all the advantages of the 1KA tool and will also help you avoid unnecessary problems and questions.</span>",
'noSurvey_sequence_main_li12' => "I would like to view a short video on how to use the 1KA tool",

2944
public/css/admin_new.css
View File

File diff suppressed because it is too large Load Diff

7
resources/sass/admin_new/basic/icons/standard.scss
View File

@ -700,3 +700,10 @@ span.faicon.fa-1::before{
span.faicon.phone::before{
content: "\f095";
}
//Orodja
span.faicon.screwdriver::before{
content: "\f7d9";
font-weight: 600 !important;
}

1
resources/sass/admin_new/pages/new_survey_page/new_survey_page.scss
View File

@ -20,3 +20,4 @@ div#main.hide_header {
@import "left_menu";
@import "right_content";
@import "no_survey";

63
resources/sass/admin_new/pages/new_survey_page/no_survey.scss Normal file
View File

@ -0,0 +1,63 @@
div#no_survey {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
width: 100vw;
div.no_survey_title {
font-size: 32px;
font-weight: $light;
padding-bottom: 16px;
border-bottom: 1px solid $gray;
width: 800px;
margin-bottom: 25px;
box-sizing: border-box;
}
div.no_survey_box {
width: 800px;
padding: 16px;
border: 1px solid $gray;
margin-bottom: 16px;
box-sizing: border-box;
div.feature {
margin-bottom: 8px;
display: flex;
flex-direction: row;
align-items: center;
div.icon {
border-radius: 2px;
background-color: $light-blue;
color: $blue;
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
}
div.name {
margin-left: 8px;
text-transform: uppercase;
font-weight: $semi-bold;
}
}
div.button_holder {
margin: 16px 0 0 0;
}
}
}
div.page_ustvari_anketo {
margin: 0!important;
padding: 0!important;
}