harry
/
space
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add content to sub unit

This commit is contained in:
chiu 2020-10-01 14:27:54 +08:00
parent caba7bc721
commit b7d4f2a74e
5 changed files with 161 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/space-frontend.scss
View File

@ -27,7 +27,7 @@
top: 50%;
height: 100%;
margin: auto;
width: 100%;
// overflow: hidden;
transform: translate(-50%, -50%);
}

2
app/models/floor_sub_unit.rb
View File

@ -4,7 +4,7 @@ class FloorSubUnit
include Slug
field :title, as: :slug_title, localize: true
field :content, localize: true
has_many :floor_sub_unit_images, :autosave => true, :dependent => :destroy
belongs_to :floor_unit

13
app/views/admin/spaces/_sub_unit_form.html.erb
View File

@ -28,7 +28,7 @@
<% @site_in_use_locales.each do |locale| %>
<%= f.fields_for :title_translations do |f| %>
<div class="control-group">
<%= f.label :title.to_s + " (" + locale.to_s + ")", :class => "control-label muted" %>
<%= f.label t(:title) + " (" + t(locale) + ")", :class => "control-label muted" %>
<div class="controls">
<%= f.text_field locale, placeholder: t("space.sub_unit_name"), data: {"fv-validation" => "required;", "fv-messages" => "Cannot be empty;"}, :value => @sub_unit.title_translations[locale.to_s] %>
</div>
@ -69,6 +69,17 @@
</div>
</div>
<% @site_in_use_locales.each do |locale| %>
<%= f.fields_for :content_translations do |f| %>
<div class="control-group">
<%= f.label t(:content) + " (" + t(locale) + ")", :class => "control-label muted" %>
<div class="controls">
<%= f.text_area locale, placeholder: t(:content), :value => @sub_unit.content_translations[locale.to_s], :class=> 'ckeditor' %>
</div>
</div>
<% end %>
<% end %>
</div>
</div>
</div>

163
modules/space/show.html.erb
View File

@ -16,7 +16,7 @@
<a href="{{building-back-link}}" class="s-space__back-btn btn btn-primary"><i class="fa fa-arrow-left"></i></a>
</div>
</article>
<div id="space-for-ad-banner"></div>
<script>
(function() {
var canvas = $("#full-layout-canvas");
@ -28,16 +28,15 @@
var tmpImg = new Image();
var $box = $('.selection-box');
var $pin = $('<a class="s-space__pin-link" href="#"><div class="pin"></div><div class="pulse"></div></a>');
var $slideshow = null;
var $closeBtn = $('<div class="s-space__close-btn btn-close"><i class="fa fa-times"></i></div>');
var floorId = "{{floor-id}}";
var pageId = "{{page-id}}";
var id = '';
var obj = null;
var temp = null;
var $imgToggle = $('.s-space__floor-img-small');
var $imgLarge = $('.s-space__floor-img-large');
var $lightbox = $('<div class="s-space__light-box"></div>');
var $closeBtn = $('<div class="s-space__close-btn"><i class="fa fa-times"></i></div>');
var body = document.body;
var spaceForAdBanner = $("#space-for-ad-banner");
var loading = $("div.loading-cover");
var $controlBtn = null;
var $controlIcon = null;
var $collapse = null;
canvas.height(windowHeight);
cover.height(coverImageHeight);
@ -48,46 +47,156 @@
cover.width(layoutImage.width());
};
// get rid of these buttons since we're not using them on frontend page
$('.selection-box-btn-holder').remove();
// get URLs for each link
$.ajax({
url: "/xhr/spaces/get_floor_units",
data: {floor_id : floorId, page_id : pageId },
dataType: 'JSON'
}).done(function(data) {
$box.each(function(i) {
id = $(this).data('unit-id');
obj = data.units.filter(function(x) {
var id = $(this).data('unit-id');
var obj = data.units.filter(function(x) {
return x.id == id;
});
temp = $pin.clone();
var temp = $pin.clone();
temp.attr('href', obj[0].url);
if (obj[0].url == "#") {
temp.find('.pulse').remove();
}
var text = $(this).find('.selection-box-label.absolute-center')
temp.prepend('<img src="/assets/space-p1.png">')
temp.on('focus',function(){
$(this).parents('.selection-box.overlay').find('.selection-box-label.absolute-center').addClass('active')
$(this).find('img').attr('src','/assets/space-p2.png')
})
temp.on('mouseover',function(){
$(this).parents('.selection-box.overlay').find('.selection-box-label.absolute-center').addClass('active')
$(this).find('img').attr('src','/assets/space-p2.png')
})
temp.on('blur',function(){
$(this).parents('.selection-box.overlay').find('.selection-box-label.absolute-center').removeClass('active')
$(this).find('img').attr('src','/assets/space-p1.png')
})
temp.on('mouseleave',function(){
if (!$(this).is(':focus')){
$(this).parents('.selection-box.overlay').find('.selection-box-label.absolute-center').removeClass('active')
$(this).find('img').attr('src','/assets/space-p1.png')
}
})
//temp.prepend($(this).find('.selection-box-label.absolute-center'))
$(this).append(temp);
});
canvas.find(".s-space__pin-link").on("click",pinLinkClickHandler);
});
$imgToggle.on('click', function(e) {
if (!$(body).children('.light-box').length) {
$lightbox.append($closeBtn);
$(body).append($lightbox);
var pinLinkClickHandler = function(){
var el = $(this);
if(el.attr("href") != "#"){
loading.removeClass("loading-hide");
$.ajax({
url : el.attr("href"),
dataType : "html",
type : "get"
}).done(function(data){
var template = $(data).find('#main-content')
template.find('.s-space__back-btn-wrap').hide()
createAdbanner(template);
$("#space-for-ad-banner").show()
$closeBtn
.on('click', destroyAdbanner)
.prependTo(template);
});
}
else{
destroyAdbanner()
}
return false;
};
$(body).toggleClass('has-lightbox');
$closeBtn.on('click', function(e) {
$(body).removeClass('has-lightbox');
function createAdbanner(data) {
spaceForAdBanner.html(data);
$closeBtn.removeClass('active');
imageLoad(function(){
setTimeout(function(){
loading.addClass("loading-hide");
},1000);
});
});
$slideshow = data.find('.cycle-slideshow');
$slideshow.cycle();
$controlBtn = data.find('.w-ad-banner__btn');
$controlIcon = $controlBtn.find('i');
$collapse = data.find('.w-ad-banner__collpase');
$('html').keyup(function(e) {
if (e.keyCode === 27) {
$(body).removeClass('has-lightbox');
$(document).on('keyup.adbanner', function(e) {
if (e.keyCode === 37) {
$slideshow.cycle('prev');
} else if (e.keyCode === 39) {
$slideshow.cycle('next');
} else if (e.keyCode === 27) {
destroyAdbanner();
}
});
$controlBtn.on('click', function(e) {
if ($slideshow.hasClass('cycle-paused')) {
$slideshow.cycle('resume');
$controlIcon.attr('class', 'fa fa-pause');
} else {
$slideshow.cycle('pause');
$controlIcon.attr('class', 'fa fa-play');
}
});
// collapse cycle pager and close button
$collapse.on('click', function(e) {
var $this = $(this);
console.log($this.parents('.w-ad-banner.s-showcase').find('.w-ad-banner__wrap.cycle-slideshow'))
if ($this.hasClass('active')) {
$this
.removeClass('active')
.find('.fa')
.removeClass('fa-chevron-up')
.addClass('fa-chevron-down');
$this.parents('.w-ad-banner.s-showcase').find('.w-ad-banner__wrap.cycle-slideshow').show();
} else {
$this
.addClass('active')
.find('.fa')
.removeClass('fa-chevron-down')
.addClass('fa-chevron-up');
$this.parents('.w-ad-banner.s-showcase').find('.w-ad-banner__wrap.cycle-slideshow').hide();
}
$this.parents('.w-ad-banner__pager-wrap.w-ad-banner__page--active').toggleClass('active');
});
}
var imageLoad = function(fn){
var images = spaceForAdBanner.find("img.w-ad-banner__image");
images_loaded = 0;
images.each(function(){
var img = new Image();
img.src = $(this).attr("src");
img.onload = function(){
images_loaded++;
if(typeof fn == "function" && images_loaded == images.length){
fn.call();
}
};
});
};
function destroyAdbanner() {
$slideshow.cycle('destroy');
$closeBtn.remove();
$('#space-for-ad-banner')
.children()
.remove()
.end()
.hide();
$(document).off('keyup.adbanner');
}
}());
</script>

14
modules/space/unit.html.erb
View File

@ -34,14 +34,13 @@
var $controlIcon = null;
var $collapse = null;
canvas.height(windowHeight);
cover.height(coverImageHeight);
layoutImage.height(coverImageHeight);
canvas.css('height','');
cover.css('height','')
layoutImage.css('height','');
layoutImage.css('width','100%');
tmpImg.src = layoutImage.attr('src') ;
tmpImg.onload = function() {
cover.width(layoutImage.width());
};
cover.css('width','');
$('.selection-box-btn-holder').remove();
@ -55,6 +54,9 @@
var obj = data.sub_units.filter(function(x) {
return x.id == id;
});
if (obj.length==0){
return;
}
var temp = $pin.clone();
temp.attr('href', obj[0].url);
if (obj[0].url == "#") {