Float/FloatBackOfffice
1
0
Fork 0
Code Issues Pull Requests Releases Activity

first commit

Browse Source
This commit is contained in:
dev-chiefworks
2022-05-31 16:21:53 -04:00
commit f76abffdcd
5978 changed files with 1078901 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
application/views/cards/common/card_form.php
+237
View File
@@ -0,0 +1,237 @@
<form method="POST" action="?" id="frm_update_card">
<?php if (isset($card_id) && $card_id > 0) { ?>
<input type="hidden" name="id" value="<?= $card_id ?>" />
<?php } ?>
<input type="hidden" name="card_logic" value="" />
<div class="row">
<div class="col col-lg-4">
<div class="form-group">
<label for="categoryLabel">Template</label>
<?= $card_template ?>
</div>
<div class="form-group">
<label for="categoryLabel">Category <span class="required">*</span></label>
<?= $card_category ?>
</div>
<div class="form-group">
<label for="categoryLabel">Category Type</label>
<?= $card_type ?>
</div>
<div class="form-group">
<label for="categoryLabel">Card Time</label>
<?= $card_time ?>
</div>
<div class="form-group">
<label for="cansaveLabel">Can user save ?</label>
<?= $card_can_save ?>
</div>
<div class="form-group">
<label for="cardPictureslabel">Picture</label>
<?= $card_pictures ?>
</div>
<div class="form-group">
<label for="cardName">Card Id <span class="required">*</span></label>
<input type="text" class="form-control" id="cardName" name="card_name" maxlength="100" placeholder="Card Unique" value="<?= $card_name ?>" />
</div>
<div class="form-group">
<label for="showTitleInput">Show Short Title</label>
<?= $use_short_title_combo ?>
</div>
<div class="form-group">
<label for="cardShortTitle">Card Short Title</label>
<input type="text" class="form-control" id="cardShortTitle" name="short_title" maxlength="35" placeholder="Card Short Title" value="<?= $short_title ?>" />
</div>
<div class="form-group">
<label for="showTitleInput">Show Title</label>
<?= $card_titleshow ?>
</div>
<div class="form-group">
<label for="showDynamicKeyInput">Dynamic Card key</label>
<h3> <?= isset($dynamic_key)?$dynamic_key:'' ?></h3>
</div>
<div class="form-group">
<label for="activity_screen">Activity Screen</label>
<?= $activity_screen??'' ?>
</div>
</div>
<div class="col col-lg-4">
<div class="form-group">
<label for="cardTitle">Card Title <span class="required">*</span></label>
<input type="text" class="form-control" id="cardTitle" name="card_title" maxlength="100" placeholder="Card Title" value="<?= $card_title ?>" />
</div>
<div class="form-group">
<label for="categoryLabel">Can Expire</label>
<?= $card_canexpire ?>
<br>
<label for="categoryLabel">Expiration date</label>
<input type="text" class="form-control" name="card_expiration" value="<?= $card_expiration ?>" />
</div>
<div class="form-group">
<label for="cansaveLabel">Notification</label>
<?= $card_notify ?>
</div>
<div class="form-group">
<label for="description" id="description_label">Description <strong class="required">*</strong> <span>[250]</span></label>
<textarea class="form-control" name="description" id="description" rows="3" maxlength="250" placeholder="Description"><?= $description ?></textarea>
</div>
<div class="form-group">
<label for="long_description" id="long_description_label">Long Description <span>[400]</span></label>
<textarea class="form-control" name="long_description" id="long_description" rows="6" maxlength="400" placeholder="Long Description"><?= $long_description ?></textarea>
</div>
<div class="form-group">
<label for="button1">1st Button <span class="required">*</span></label>
<input type="text" class="form-control" name="button1" id="button1" maxlength="35" placeholder="Button 1" value="<?= $button1 ?>" />
</div>
<div class="form-group">
<label for="button1_text">1st Button Text <span class="required">*</span></label>
<input type="text" class="form-control" name="button1_text" id="button1_text" maxlength="35" placeholder="Button 1 Text" value="<?= $button1_text ?>" />
</div>
<div class="form-group">
<label for="behaveLabel">Blog Article Id <span class="required">*</span></label>
<?= $card_blog_id ?>
</div>
<div class="form-group">
<label for="show_area">Show Area</label>
<?= $show_area??'' ?>
</div>
</div>
<div class="col col-lg-4">
<div style="background-color: lightsteelblue; padding 3px;">
<div class="form-group">
<label for="cansaveLabel">Card Target</label>
<?= $target_key ?>
</div>
<div class="form-group">
<label for="cansaveLabel">Target Text[Used in pop up messages]</label>
<textarea class="form-control" name="target_text" id="targetTextCardlab" rows="3" maxlength="250" placeholder="Target Text"><?= $target_text ?></textarea>
</div>
</div>
<div class="form-group">
<label for="cansaveLabel">Status</label>
<?= $card_status ?>
</div>
<div class="form-group">
<label for="behaveLabel">Behavior <span class="required">*</span></label>
<?= $card_behavior ?>
</div>
<?php include("card_part_location.php"); ?>
<?php include("card_part_points.php"); ?>
<div class="form-group">
<label for="exampleFormControlTextarea1">Card List Order</label>
<input type="text" class="form-control" name="card_order" id="IDcard_order" maxlength="3" placeholder="List order 1-100" value="<?= $card_order ?>" />
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Card Background Color</label>
<input type="text" class="form-control" name="background_color" id="IDbackground_color" maxlength="6" placeholder="Color Code no #" value="<?= $background_color ?>" />
</div>
<div class="form-group">
<label for="expiration">Expiration</label>
<?= $expiration??'' ?>
</div>
<div class="form-group">
<button type="submit" name="go" class="btn btn-info btn-block btn-sm"><?= $form_button ?></button>
</div>
</div>
</div>
<div class="card" style="width: 100%; background-color:honeydew;">
<div class="card-body">
<?php if (isset($card_id) && $card_id > 0) { ?>
<button type="button" class="btn btn-danger btn-block btn-sm" data-toggle="modal" data-target="#exampleModalScrollable">More Setting</button>
<p class="card-text">We are ready to go on here.</p>
<?php } ?>
</div>
</div>
</form>
<script>
window.TEMPLATE_ACTIVE_TIP = <?=$TEMPLATE_ACTIVE_TIP??-1?>;
$(function () {
const $frm_update_card = $("#frm_update_card");
$frm_update_card.on('submit', function() {
// check validation
const template_selected_id = $("select[name=card_template]").val();
const background_color = $("input[name=background_color]").val().trim();
const picture_select_value = $("select[name=card_pictures]").val().trim();
if(window.TEMPLATE_ACTIVE_TIP == template_selected_id){
if(background_color.length === 0){
alert('Invalid input - select Card Background Color for Active Tip template');
return false;
}
}else if(background_color.length === 0 && picture_select_value.length === 0){
alert('Invalid input - Please Select Card Background Picture');
return false;
}
// validate for "Blog Card" category require title
if($("#card_category").val() === "BLOGCARD" && $("#card_titleshow").val() != 1){
alert('Invalid input - Please select Show Title for Blog Card!');
return false;
}
return true;
});
$('input[name="card_expiration"]').daterangepicker({
singleDatePicker: true,
showDropdowns: true,
minYear: <?= date("Y") ?>,
maxYear: <?= date("Y") + 10 ?>, /*parseInt(moment().format('YYYY'),10),*/
locale: {
format: 'YYYY-MM-DD'
}
}, function (start, end, label) {
var years = moment().diff(start, 'years');
});
$("#long_description").keyup(function (){
let cur_length = $(this).val().length;
let max_length = $(this).attr("maxlength");
$("#long_description_label").find("span").html("["+cur_length+"/"+max_length+"]");
}).trigger('keyup');
$("#description").keyup(function (){
let cur_length = $(this).val().length;
let max_length = $(this).attr("maxlength");
$("#description_label").find("span").html("["+cur_length+"/"+max_length+"]");
}).trigger('keyup');
//reset errors
$frm_update_card.find('input').on('change', function(){
$(this).removeClass('error');
});
$frm_update_card.find('select').on('change', function(){
$(this).removeClass('error');
});
$frm_update_card.find('textarea').on('change', function(){
$(this).removeClass('error');
});
});
</script>
application/views/cards/common/card_part_location.php
+9
View File
@@ -0,0 +1,9 @@
<div class="form-group">
<label for="card_country">Card Country</label>
<?= $card_country ?>
</div>
<div class="form-group">
<label for="card_location">Card Location</label>
<?=$card_location?>
</div>
application/views/cards/common/card_part_points.php
+9
View File
@@ -0,0 +1,9 @@
<div class="form-group">
<label for="card_receipt">Card Reciept</label>
<?= $card_reciept ?>
</div>
<div class="form-group">
<label for="categoryLabel">Card Points</label>
<?=$card_points?>
</div>
application/views/cards/common/card_surveyform.php
+173
View File
@@ -0,0 +1,173 @@
<form method="POST" action="?">
<?php if (isset($card_id) && $card_id>0) { ?>
<input type="hidden" name="id" value="<?= $card_id ?>" />
<input type="hidden" name="card_category" value="<?= $card_category_value ?>" />
<input type="hidden" name="card_can_save" value="<?= $card_can_save_value?>" />
<input type="hidden" name="long_description" value="<?= $long_description?>" />
<?php } ?>
<div class="row">
<div class="col col-lg-4">
<div class="form-group">
<label for="categoryLabel">Template</label>
<?= $card_template ?>
</div>
<div class="form-group">
<label for="categoryLabel">Category</label>
<?= $card_category ?>
</div>
<div class="form-group">
<label for="categoryLabel">Category Type</label>
<?= $card_type ?>
</div>
<div class="form-group">
<label for="cardName">Card Id</label>
<input type="text" class="form-control" id="cardName" name="card_name" maxlength="100" placeholder="Card Unique" value="<?= $card_name ?>" />
</div>
<div class="form-group">
<label for="showTitleInput">Show Short Title</label>
<?= $use_short_title_combo ?>
</div>
<div class="form-group">
<label for="cardShortTitle">Card Short Title</label>
<input type="text" class="form-control" id="cardShortTitle" name="short_title" maxlength="35" placeholder="Card Short Title" value="<?= $short_title ?>" />
</div>
<div class="form-group">
<label for="showTitleInput">Show Title</label>
<?= $card_titleshow ?>
</div>
<div class="form-group">
<label for="cardTitle">Card Title</label>
<input type="text" class="form-control" id="cardTitle" name="card_title" maxlength="100" placeholder="Card Title" value="<?= $card_title ?>" />
</div>
<div clas s="form-group">
<label for="categoryLabel">Card Time</label>
<?= $card_time ?>
</div>
<div class="form-group">
<label for="cansaveLabel">Multiple Answer ?</label>
<?= $multiple_answer ?>
</div>
<div class="form-group">
<label for="surveyLogic">Survey Logic</label>
<input type="text" class="form-control" id="surveyLogic" name="card_logic" maxlength="10" placeholder="Survey Logic" value="<?= $card_logic ?>" />
</div>
<div class="form-group">
<label for="behaveLabel">Blog Article Id</label>
<?= $card_blog_id ?>
</div>
</div>
<div class="col col-lg-4">
<div class="form-group">
<label for="cardPictureslabel">Picture</label>
<?= $card_pictures ?>
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Card Background Color</label>
<input type="text" class="form-control" name="background_color" id="IDbackground_color" maxlength="6" placeholder="Color Code no #" value="<?= $background_color ?>" />
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">1st Button </label>
<input type="text" class="form-control" name="button1" id="exampleFormControlTextarea1" maxlength="35" placeholder="Button 1" value="<?= $button1 ?>" />
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">1st Button Text</label>
<input type="text" class="form-control" name="button1_text" id="descriptionCardlab" maxlength="35" placeholder="Button 1 Text" value="<?= $button1_text ?>" />
</div>
<?php include("card_part_location.php"); ?>
<?php include("card_part_points.php"); ?>
<div class="form-group">
<label for="activity_screen">Activity Screen</label>
<?= $activity_screen ?? '' ?>
</div>
<div class="form-group">
<label for="show_area">Show Area</label>
<?= $show_area ?? '' ?>
</div>
</div>
<div class="col col-lg-4">
<div class="form-group">
<label for="descriptionCardlab">Survey Answer Options [comma delimited]</label>
<textarea class="form-control" name="description" id="descriptionCardlab" rows="5" maxlength="250" placeholder="Survey Options(s)"><?= $description ?></textarea>
</div>
<div class="form-group">
<label for="categoryLabel">Can Expire</label>
<?= $card_canexpire ?>
<br>
<label for="categoryLabel">Expiration date</label>
<input type="text" class="form-control" name="card_expiration" value="<?=$card_expiration?>" />
</div>
<div class="form-group">
<label for="cansaveLabel">Status</label>
<?= $card_status ?>
</div>
<div class="form-group">
<label for="cansaveLabel">Notification</label>
<?= $card_notify ?>
</div>
<div class="form-group">
<label for="behaveLabel">Behavior</label>
<?= $card_behavior ?>
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Card List Order</label>
<input type="text" class="form-control" name="card_order" id="IDcard_order" maxlength="3" placeholder="List order 1-100" value="<?= $card_order ?>" />
</div>
<div class="form-group">
<button type="submit" name="go" class="btn btn-info btn-block btn-sm"><?= $form_button ?></button>
</div>
</div>
</div>
</form>
<?php /* http://www.daterangepicker.com/ */ ?>
<script>
$(function() {
$('input[name="card_expiration"]').daterangepicker({
singleDatePicker: true,
showDropdowns: true,
minYear: <?=date("Y")?>,
maxYear: <?=date("Y")+10?>, /*parseInt(moment().format('YYYY'),10),*/
locale: {
format: 'YYYY-MM-DD'
}
}, function(start, end, label) {
var years = moment().diff(start, 'years');
});
});
</script>
application/views/cards/common/lightbox.php
+291
View File
@@ -0,0 +1,291 @@
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
<style>
#wrapper {
width:600px;
margin:0 auto;
border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
background:#fff;
border:1px solid #ccc;
padding:25px;
border-top:none;
box-shadow:0 0 5px #ccc;
-moz-box-shadow:0 0 5px #ccc;
-webkit-box-shadow:0 0 5px #ccc;
text-align:left;
}
#lightbox {
z-index: 3;
position:fixed; /* keeps the lightbox window in the current viewport */
top:0;
left:0;
width:100%;
height:100%;
background:url(/assets/images/overlay.png) repeat;
text-align:center;
}
#lightbox p {
text-align:right;
color:#fff;
margin-right:20px;
font-size:12px;
}
#lightbox img {
box-shadow:0 0 25px #111;
-webkit-box-shadow:0 0 25px #111;
-moz-box-shadow:0 0 25px #111;
max-width:940px;
}
#lightbox_container {
/* background:red; */
position:fixed;
top:45%;
left:50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
}
.card-bg {
width: 600px;
height: 600px;
border-radius: 18px;
background-size: cover;
background-position: center;
}
.card-bg-gradient-sub {
width: 100%;
height: 100%;
border-radius: 18px;
background: linear-gradient(159.4deg, rgba(0, 0, 0, 0.4) -3.74%, rgba(0, 0, 0, 0) 47.17%);
}
.card-bg-gradient-main {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 40px;
border-radius: 18px;
background: linear-gradient(182.6deg, rgba(0, 0, 0, 0) 20.15%, rgba(0, 0, 0, 0.4) 97.96%);
}
.card-header-wrapper {
display: flex;
justify-content: flex-end;
}
.card-header-wrapper img {
box-shadow: none !important;
}
.nav-right-icon {
position: absolute;
bottom: 0;
right: 0;
}
.card-body-wrapper {
position: relative;
}
.card-body-wrapper img {
box-shadow: none !important;
}
.card-body-wrapper p {
text-align: left !important;
}
.card-body-wrapper .slogan {
margin-bottom: 18px;
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 35px !important;
line-height: 110%;
letter-spacing: 0.03em;
color: #FFFFFF !important;
}
.card-body-wrapper .description {
margin-bottom: 0;
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 25px !important;
line-height: 34px;
letter-spacing: 0.03em;
color: #FFFFFF !important;
}
.card-body-wrapper .relative{
position: relative;
}
/* for template: "upper title 600x600 text + image"*/
.card-template-8 .card-body-wrapper{
position: unset !important;
}
.card-template-8 .slogan{
position: absolute;
top: 30px;
left: 30px;
font-family: 'Open Sans', sans-serif;
}
.nav-right-icon-rocket{
display: none;
}
/* active tip template */
.card-template-7 .nav-right-icon-rocket{
display: block;
position: absolute;
top: 50%;
margin-top: -30px;
right: -30px;
}
.card-template-7 .nav-right-icon{
display: none;
}
.card-bg.card-template-7{
height: auto;
}
.card-template-7 .card-header-wrapper{
display: none;
}
/* Tall layout 600 x 750 = 9 */
.card-template-wrap-9{
width: 600px;
height: auto;
border-radius: 22px;
background-color: white;
}
.card-template-wrap-9 .relative{
display: none !important;
}
.card-template-wrap-9 .relative-bottom{
position: absolute;
padding: 10px 14px;
display: block !important;
margin-top: -18px;
background-color: white;
border-radius: 0 0 18px 18px;
width: 100%;
}
.card-template-wrap-9 .card-body-wrapper .slogan{
display: none !important;
}
.card-template-wrap-9 .relative-bottom .slogan{
color: #000 !important;
font-size: 1.8em !important;
text-align: left !important;
font-weight: bold !important;
font-family: 'Open Sans', sans-serif;
}
.card-template-wrap-9 .relative-bottom p.description{
font-size: 1.5em !important;
color: #000 !important;
width: 94% !important;
text-align: justify !important;
font-family: 'Open Sans', sans-serif;
}
.card-template-wrap-9 .relative-bottom .nav-right-icon{
position: absolute;
top: 30%;
right: 14px;
box-shadow: none !important;
}
/* Tall Layout upper title 600x800 text + image = 10 */
.card-template-wrap-10{
width: 600px;
height: auto;
border-radius: 22px;
background-color: white;
}
.card-template-wrap-10 .relative{
display: none !important;
}
.card-template-wrap-10 .relative-bottom{
position: absolute;
padding: 10px 14px;
display: block !important;
margin-top: -18px;
background-color: white;
border-radius: 0 0 18px 18px;
width: 100%;
}
.card-template-wrap-10 .relative-bottom .slogan{
display: none;
}
.card-template-wrap-10 .relative-bottom p.description{
font-size: 1.5em !important;
color: #000 !important;
width: 94% !important;
text-align: justify !important;
font-family: 'Open Sans', sans-serif;
}
.card-template-wrap-10 .relative-bottom .nav-right-icon{
position: absolute;
top: 30px;
right: 14px;
box-shadow: none !important;
}
/*1. short layout 600X300 text+image -> title top*/
.card-template-wrap-1 .card-body-wrapper{
position: unset !important;
}
.card-template-wrap-1 .slogan{
position: absolute !important;
top: 20px !important;
}
/*2. image only*/
.card-template-wrap-2 .card-body-wrapper{
visibility: hidden !important;
}
/*3. tall layout image only*/
.card-template-wrap-3 .card-body-wrapper {
visibility: hidden !important;
}
/*6. default layout image only*/
.card-template-wrap-6 .card-body-wrapper {
visibility: hidden !important;
}
/* Short Layout 600x300 Solid Color 1 */
.card-template-wrap-4 .card-bg{
width: 600px !important;
height: 300px !important;
}
</style>
<script type="text/javascript">
function show_light_box(id) {
/*
If the lightbox window HTML already exists in document,
change the img src to to match the href of whatever link was clicked
If the lightbox window HTML doesn't exists, create it and insert it.
(This will only happen the first time around)
*/
if ($('#lightbox').length > 0) { // #lightbox exists
//place href as img src value
$('#lightbox_container').html($('#'+id).html());
//show lightbox window - you could use .show('fast') for a transition
$('#lightbox').show();
}
else { //#lightbox does not exist - create and insert (runs 1st time only)
//create HTML markup for lightbox window
var lightbox =
'<div id="lightbox">' +
'<p>Click to close</p>' +
'<div id="lightbox_container">' + //insert clicked link's href into img src
$('#'+id).html()
'</div>' +
'</div>';
//insert lightbox HTML into page
$('body').append(lightbox);
//Click anywhere on the page to get rid of lightbox window
$('#lightbox').on('click', function(){ //must use live, as the lightbox element is inserted into the DOM
$('#lightbox').hide();
});
}
}
</script>