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

Chutier link from audio player cartel is working git add .

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2018-03-11 18:44:32 +01:00
parent 12a4b7c6a9
commit c0d185bb6d
23 changed files with 667 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/custom/edlptheme/assets/dist/img/favori-off.svg
Vendored
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3.1749999 3.1750001" height="12" width="12"><path d="M0 0h3.175v3.175H0z" style="isolation:auto;mix-blend-mode:normal" color="#000" overflow="visible" fill="none"/><path style="line-height:20px;-inkscape-font-specification:'Crimson, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;text-align:start" d="M2.553.402H.622v2.343l.798-.766.168-.16.167.16.798.766zm.023-.241q.043 0 .083.017.062.024.098.077.038.053.038.117v2.431q0 .064-.038.117-.036.053-.098.077-.036.016-.083.016-.09 0-.157-.06l-.831-.8-.832.8q-.068.061-.157.061-.043 0-.083-.017-.062-.024-.1-.077Q.38 2.867.38 2.803V.372q0-.064.036-.117.038-.053.1-.077Q.556.16.6.16z" font-weight="400" font-family="#dc143c" letter-spacing="0" word-spacing="0"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 809 B

sites/all/themes/custom/edlptheme/assets/dist/img/favori-on.svg
Vendored
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 3.1749999 3.1750001"><path style="isolation:auto;mix-blend-mode:normal" d="M0 0h3.175v3.175H0z" color="#000" overflow="visible" fill="none"/><path d="M2.576.16c.029 0 .057.007.083.018a.207.207 0 0 1 .098.077.197.197 0 0 1 .038.117v2.431a.197.197 0 0 1-.038.117.207.207 0 0 1-.098.077.212.212 0 0 1-.083.016.224.224 0 0 1-.157-.06l-.831-.8-.832.8a.225.225 0 0 1-.34-.033.203.203 0 0 1-.036-.117V.372A.204.204 0 0 1 .516.178.209.209 0 0 1 .6.16z" style="line-height:20px;-inkscape-font-specification:'Crimson, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;text-align:start" font-weight="400" font-family="#dc143c" letter-spacing="0" word-spacing="0"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 776 B

sites/all/themes/custom/edlptheme/assets/dist/scripts/main.min.js
Vendored
+1
View File
@@ -131,6 +131,7 @@ edlp_vars = {
console.log('AudioPlayer node loaded', data);
this.$cartel.html(data.rendered);
this.$cartel.removeClass('loading');
_$body.trigger({'type':'new-audio-cartel-loaded'});
initAjaxLinks();
},
onNodeLoadFail(jqxhr, textStatus, error){
sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css
Vendored
+55 -29
View File
@@ -1365,67 +1365,75 @@ body.ajax-loading main[role="main"]:before {
height: 100%; }
#audio-player .cartel {
position: relative;
max-width: 400px;
max-width: 350px;
margin-left: 1em;
background-color: white;
opacity: 1;
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out; }
transition: opacity 0.5s ease-in-out;
white-space: nowrap; }
#audio-player .cartel.loading {
opacity: 0; }
#audio-player .cartel .first-cartel .entrees {
#audio-player .cartel .actions, #audio-player .cartel .cartels {
display: inline-block;
vertical-align: top;
white-space: normal;
position: relative; }
#audio-player .cartel .actions {
width: 1.5em; }
#audio-player .cartel .cartels .first-cartel .entrees {
line-height: 0; }
#audio-player .cartel .first-cartel .entrees span {
#audio-player .cartel .cartels .first-cartel .entrees span {
display: inline-block;
width: 8px;
height: 8px;
background-color: black;
margin-right: 3px; }
#audio-player .cartel .first-cartel .entrees span[tid='134'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='134'] {
background-color: #2b8f2f; }
#audio-player .cartel .first-cartel .entrees span[tid='121'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='121'] {
background-color: #3a33b6; }
#audio-player .cartel .first-cartel .entrees span[tid='125'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='125'] {
background-color: #2c9f57; }
#audio-player .cartel .first-cartel .entrees span[tid='119'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='119'] {
background-color: #c48978; }
#audio-player .cartel .first-cartel .entrees span[tid='132'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='132'] {
background-color: #5270bb; }
#audio-player .cartel .first-cartel .entrees span[tid='122'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='122'] {
background-color: #fb54d3; }
#audio-player .cartel .first-cartel .entrees span[tid='129'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='129'] {
background-color: #e07483; }
#audio-player .cartel .first-cartel .entrees span[tid='120'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='120'] {
background-color: #655845; }
#audio-player .cartel .first-cartel .entrees span[tid='130'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='130'] {
background-color: #7e0868; }
#audio-player .cartel .first-cartel .entrees span[tid='118'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='118'] {
background-color: #0e7121; }
#audio-player .cartel .first-cartel .entrees span[tid='127'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='127'] {
background-color: #dabd42; }
#audio-player .cartel .first-cartel .entrees span[tid='133'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='133'] {
background-color: #0399bb; }
#audio-player .cartel .first-cartel .entrees span[tid='128'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='128'] {
background-color: #399a1c; }
#audio-player .cartel .first-cartel .entrees span[tid='124'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='124'] {
background-color: #708540; }
#audio-player .cartel .first-cartel .entrees span[tid='116'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='116'] {
background-color: #191bff; }
#audio-player .cartel .first-cartel .entrees span[tid='117'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='117'] {
background-color: #279d84; }
#audio-player .cartel .first-cartel .entrees span[tid='131'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='131'] {
background-color: #5219ab; }
#audio-player .cartel .first-cartel .entrees span[tid='126'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='126'] {
background-color: #d49cb6; }
#audio-player .cartel .first-cartel .entrees span[tid='123'] {
#audio-player .cartel .cartels .first-cartel .entrees span[tid='123'] {
background-color: #497715; }
#audio-player .cartel .first-cartel h2.node-title {
#audio-player .cartel .cartels .first-cartel h2.node-title {
margin: 0.2em 0 0;
font-size: 1em; }
#audio-player .cartel .first-cartel p {
#audio-player .cartel .cartels .first-cartel p {
margin: 0;
font-size: 0.75em; }
#audio-player .cartel .second-cartel {
#audio-player .cartel .cartels .second-cartel {
position: absolute;
top: 0;
left: 0;
@@ -1435,20 +1443,37 @@ body.ajax-loading main[role="main"]:before {
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; }
#audio-player .cartel .second-cartel > * {
#audio-player .cartel .cartels .second-cartel > * {
display: inline-block;
vertical-align: top; }
#audio-player .cartel .second-cartel .col-left a {
#audio-player .cartel .cartels .second-cartel .col-left a {
display: block;
font-size: 0.90em;
font-weight: 600; }
#audio-player .cartel .second-cartel .col-right {
#audio-player .cartel .cartels .second-cartel .col-right {
font-size: 0.75em; }
#audio-player .cartel:hover .second-cartel {
opacity: 1; }
#audio-player.is-playing .btns .play-pause {
background-image: url(../img/audio-player-pause.svg); }
a.chutier-link {
display: block;
width: 1em;
height: 1em;
overflow: hidden;
text-indent: 50em;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(../img/favori-off.svg);
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; }
a.chutier-link[action="remove"] {
background-image: url(../img/favori-on.svg); }
a.chutier-link.ajax-loading {
opacity: 0.2; }
body.path-agenda main .col > .wrapper {
height: 100%; }
@@ -1767,6 +1792,7 @@ footer {
width: 350px;
opacity: 1; }
footer #block-userlogin {
pointer-events: all;
position: relative;
width: 20px;
height: 20px; }