bachir/edlp_d8
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

studio chutier is updating when documents added or removed, also added remove link in document list

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2018-03-12 18:33:48 +01:00
parent 119f89abca
commit 76dd9ddbc9
11 changed files with 253 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/custom/edlptheme/assets/dist/scripts/main.min.js
Vendored
+10
View File
@@ -46,9 +46,17 @@ edlp_vars = {
}
initScrollbars();
initEvents();
};
function initEvents(){
$('body').on('on-studio-chutier-updated', function(e){
initAjaxLinks();
});
}
// _ _ _
// /_\ _ _ __| (_)___
// / _ \ || / _` | / _ \
@@ -368,6 +376,8 @@ edlp_vars = {
initAjaxLinks();
_$body.trigger({'type':'new-content-ajax-loaded'});
};
// ___
sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css
Vendored
+78 -61
View File
@@ -1503,71 +1503,88 @@ body.ajax-loading main[role="main"]:before {
height: 100%; }
#studio-ui .chutier_ui {
height: 50%;
border-bottom: 1px solid red; }
border-bottom: 1px solid red;
position: relative; }
#studio-ui .chutier_ui > h2 {
margin: 0.5em 0;
z-index: 10;
position: absolute;
width: calc(100% - 20px);
margin: 0;
padding: 0.5em 0;
font-size: 1em;
font-weight: 500;
text-transform: uppercase; }
#studio-ui .chutier_ui .documents ul, #studio-ui .chutier_ui .documents li {
margin: 0;
padding: 0;
line-height: 1.2; }
#studio-ui .chutier_ui .documents li {
display: inline-block;
vertical-align: top;
width: 49%;
margin-bottom: 0.5em; }
#studio-ui .chutier_ui .documents li .entrees {
line-height: 0;
display: inline-block; }
#studio-ui .chutier_ui .documents li .entrees span {
text-transform: uppercase;
background-color: white; }
#studio-ui .chutier_ui .documents {
padding-top: 35px;
height: calc(100% - 35px);
overflow-y: auto; }
#studio-ui .chutier_ui .documents ul, #studio-ui .chutier_ui .documents li {
margin: 0;
padding: 0;
line-height: 1.2; }
#studio-ui .chutier_ui .documents li {
display: inline-block;
vertical-align: top;
width: 49%;
margin-bottom: 0.5em;
white-space: nowrap; }
#studio-ui .chutier_ui .documents li .entrees {
line-height: 0; }
#studio-ui .chutier_ui .documents li .entrees span {
display: inline-block;
width: 8px;
height: 8px;
background-color: black;
margin-right: 3px; }
#studio-ui .chutier_ui .documents li .entrees span[tid='134'] {
background-color: #2b8f2f; }
#studio-ui .chutier_ui .documents li .entrees span[tid='121'] {
background-color: #3a33b6; }
#studio-ui .chutier_ui .documents li .entrees span[tid='125'] {
background-color: #2c9f57; }
#studio-ui .chutier_ui .documents li .entrees span[tid='119'] {
background-color: #c48978; }
#studio-ui .chutier_ui .documents li .entrees span[tid='132'] {
background-color: #5270bb; }
#studio-ui .chutier_ui .documents li .entrees span[tid='122'] {
background-color: #fb54d3; }
#studio-ui .chutier_ui .documents li .entrees span[tid='129'] {
background-color: #e07483; }
#studio-ui .chutier_ui .documents li .entrees span[tid='120'] {
background-color: #655845; }
#studio-ui .chutier_ui .documents li .entrees span[tid='130'] {
background-color: #7e0868; }
#studio-ui .chutier_ui .documents li .entrees span[tid='118'] {
background-color: #0e7121; }
#studio-ui .chutier_ui .documents li .entrees span[tid='127'] {
background-color: #dabd42; }
#studio-ui .chutier_ui .documents li .entrees span[tid='133'] {
background-color: #0399bb; }
#studio-ui .chutier_ui .documents li .entrees span[tid='128'] {
background-color: #399a1c; }
#studio-ui .chutier_ui .documents li .entrees span[tid='124'] {
background-color: #708540; }
#studio-ui .chutier_ui .documents li .entrees span[tid='116'] {
background-color: #191bff; }
#studio-ui .chutier_ui .documents li .entrees span[tid='117'] {
background-color: #279d84; }
#studio-ui .chutier_ui .documents li .entrees span[tid='131'] {
background-color: #5219ab; }
#studio-ui .chutier_ui .documents li .entrees span[tid='126'] {
background-color: #d49cb6; }
#studio-ui .chutier_ui .documents li .entrees span[tid='123'] {
background-color: #497715; }
#studio-ui .chutier_ui .documents li a.audio-link {
text-transform: capitalize;
font-size: 0.756em;
margin-right: 0.5em;
white-space: normal; }
#studio-ui .chutier_ui .documents li .chutier-icon {
display: inline-block;
width: 8px;
height: 8px;
background-color: black;
margin-right: 3px; }
#studio-ui .chutier_ui .documents li .entrees span[tid='134'] {
background-color: #2b8f2f; }
#studio-ui .chutier_ui .documents li .entrees span[tid='121'] {
background-color: #3a33b6; }
#studio-ui .chutier_ui .documents li .entrees span[tid='125'] {
background-color: #2c9f57; }
#studio-ui .chutier_ui .documents li .entrees span[tid='119'] {
background-color: #c48978; }
#studio-ui .chutier_ui .documents li .entrees span[tid='132'] {
background-color: #5270bb; }
#studio-ui .chutier_ui .documents li .entrees span[tid='122'] {
background-color: #fb54d3; }
#studio-ui .chutier_ui .documents li .entrees span[tid='129'] {
background-color: #e07483; }
#studio-ui .chutier_ui .documents li .entrees span[tid='120'] {
background-color: #655845; }
#studio-ui .chutier_ui .documents li .entrees span[tid='130'] {
background-color: #7e0868; }
#studio-ui .chutier_ui .documents li .entrees span[tid='118'] {
background-color: #0e7121; }
#studio-ui .chutier_ui .documents li .entrees span[tid='127'] {
background-color: #dabd42; }
#studio-ui .chutier_ui .documents li .entrees span[tid='133'] {
background-color: #0399bb; }
#studio-ui .chutier_ui .documents li .entrees span[tid='128'] {
background-color: #399a1c; }
#studio-ui .chutier_ui .documents li .entrees span[tid='124'] {
background-color: #708540; }
#studio-ui .chutier_ui .documents li .entrees span[tid='116'] {
background-color: #191bff; }
#studio-ui .chutier_ui .documents li .entrees span[tid='117'] {
background-color: #279d84; }
#studio-ui .chutier_ui .documents li .entrees span[tid='131'] {
background-color: #5219ab; }
#studio-ui .chutier_ui .documents li .entrees span[tid='126'] {
background-color: #d49cb6; }
#studio-ui .chutier_ui .documents li .entrees span[tid='123'] {
background-color: #497715; }
#studio-ui .chutier_ui .documents li a {
text-transform: capitalize;
font-size: 1em; }
width: 0.7em;
height: 0.7em;
opacity: 0.8; }
#studio-ui .composition_ui {
height: 50%; }
sites/all/themes/custom/edlptheme/assets/scripts/main.js
+10
View File
@@ -23,9 +23,17 @@
}
initScrollbars();
initEvents();
};
function initEvents(){
$('body').on('on-studio-chutier-updated', function(e){
initAjaxLinks();
});
}
// _ _ _
// /_\ _ _ __| (_)___
// / _ \ || / _` | / _ \
@@ -345,6 +353,8 @@
initAjaxLinks();
_$body.trigger({'type':'new-content-ajax-loaded'});
};
// ___
sites/all/themes/custom/edlptheme/assets/styles/app.scss
+23 -4
View File
@@ -434,13 +434,25 @@ main[role="main"]{
.chutier_ui{
height: 50%;
border-bottom: 1px solid red;
position: relative;
&>h2{
margin:0.5em 0;
z-index: 10;
position: absolute;
width: calc(100% - 20px);
margin: 0;
padding:0.5em 0;
font-size: 1em;
font-weight: 500;
text-transform: uppercase;
// outline: 1px solid orange;
background-color: white;
}
.documents{
padding-top: 35px;
height:calc(100% - 35px);
overflow-y: auto;
// box-sizing: content-box;
// outline: 1px solid green;
ul,li{
margin:0; padding:0;
line-height: 1.2;
@@ -448,16 +460,23 @@ main[role="main"]{
li{
display: inline-block; vertical-align: top;
width:49%; margin-bottom: 0.5em;
white-space: nowrap;
.entrees{
line-height: 0;
display:inline-block;
span{
@include entrie-micro-square;
}
}
a{
a.audio-link{
text-transform: capitalize;
font-size: 1em;
font-size: 0.756em;
margin-right: 0.5em;
white-space: normal;
}
.chutier-icon{
display: inline-block;
width:0.7em; height:0.7em;
opacity: 0.8;
}
}
sites/all/themes/custom/edlptheme/templates/content/edlp-studio-ui.html.twig
+1 -1
View File
@@ -1,5 +1,5 @@
<div class="row">
<div class="col small-col-12 med-col-6 large-col-6">
<div class="col small-col-12 med-col-12 large-col-6">
<div class="wrapper studio-ui-wrapper">
<div id="studio-ui">
{{ chutier_ui }}