[Redizajn 1KA] - Onboarding screen
This commit is contained in:
tejagerjovic
parent
1541a219cd
commit
79ddf509c1
@ -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/';
|
||||
|
||||
@ -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';
|
||||
|
||||
@ -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",
|
||||
|
||||
@ -6946,7 +6946,13 @@ $lang = array (
|
||||
<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_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",
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -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;
|
||||
|
||||
}
|
||||
@ -20,3 +20,4 @@ div#main.hide_header {
|
||||
|
||||
@import "left_menu";
|
||||
@import "right_content";
|
||||
@import "no_survey";
|
||||
@ -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;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user