+var AtlanticDL = {
+ popupID: 'AtlanticDownloadPopup',
+ currentProduct: '',
+ data: [],
+ languages: [],
+ currentLanguage: '',
+
+ init: function() {
+ var self = AtlanticDL;
+
+ $(document).on('click', '[data-atlanticdownload-ref]', function (e) {
+ self.filterData($(this).data('atlanticdownload-ref'));
+ self.openPopup();
+ return false;
+ });
+
+ $(document).on('click touchend', '#' + self.popupID + ' .close', function () {
+ $(this).closest('#' + self.popupID).remove();
+ return false;
+ });
+
+ $(document).on('click', '.language-link', function () {
+
+ self.currentLanguage = $(this).data('language');
+ $('#AtlanticDownloads').html(self.generateRows());
+
+ return false;
+ });
+ },
+
+ filterData: function(product) {
+
+ // Normalise reference
+ product = String(product).toLowerCase();
+ //fb('Current Product: ' + product);
+
+ // Reset data each time
+ AtlanticDL.data = [];
+ AtlanticDL.languages = [];
+ AtlanticDL.currentProduct = product;
+
+ $.each(DATAS.basketReferences.Feuil1, function (k, v) {
+ if (product === $.trim(String(v[0])).toLowerCase()) {
+ AtlanticDL.data.push({
+ 'product': v[0],
+ 'title': v[1],
+ 'reference': v[2],
+ 'language': v[3],
+ 'download_low': v[4],
+ 'download_high': v[5]
+ });
+
+ AtlanticDL.languages.addUnique(v[3]);
+ }
+ });
+
+ //console.info('DATA: ' + AtlanticDL.data.length + ' items');
+ //console.table(AtlanticDL.data);
+
+ // //var languages = data.map(function(el) { return el.language; });
+ // console.info('LANGUAGES: ' + AtlanticDL.languages.length);
+ // console.info(AtlanticDL.languages.map(function(l) {
+ // return AtlanticDL.getLanguage(l);
+ // }));
+ },
+
+ openPopup: function() {
+
+ var self = this,
+ html = '';
+
+ // Close icon
+ html += '<a class="close" href="#"></a>';
+
+ html += '<div class="language-wrapper">';
+ html += '<h3 class="language-heading">Language</h3>';
+ html += '<ul class="language-list">';
+ html += this.languages.map(function(l) {
+ var active = (l === self.getCurrentLanguage()) ? ' active' : '';
+ return '<li><a href="#" data-language="'+ l +'" class="language-link'+ active +'">'+ self.getLanguage(l) +'</a></li>';
+ }).join('');
+ html += '</ul>';
+ html += '</div>';
+
+ html += '<div class="atlantic-downloads">';
+ html += '<table cellspacing="0">';
+ html += '<thead>';
+ html += '<tr class="main-heading">';
+ html += '<th rowspan="2">File Explorer</th>';
+ html += '<th rowspan="2">References</th>';
+ html += '<th colspan="2">Download</th>';
+ html += '</tr>';
+ html += '<tr class="sub-heading">';
+ html += '<th>Low</th>';
+ html += '<th>High</th>';
+ html += '</tr>';
+ html += '</thead>';
+ html += '<tbody id="AtlanticDownloads">';
+ html += this.generateRows();
+ html += '</tbody>';
+ html += '</table>';
+ html += '</div>'; // .atlantic-downloads
+
+ // Remove any existing popup
+ $('#' + this.popupID).remove();
+
+ $('body').append('<div id="' + this.popupID + '">' + html + '</div>');
+ },
+
+ generateRows: function(language) {
+
+ language = language || this.getCurrentLanguage();
+
+ // Highlight current language in the menu
+ $('.language-link')
+ .removeClass('active')
+ .filter('[data-language="'+ language +'"]')
+ .addClass('active');
+
+ // console.info('Generating rows for language: ' + language);
+
+ return this.data.filter(function(d) {
+ return d.language === language;
+ }).map(function(d) {
+
+ var res = '',
+ dl_low = '-',
+ dl_high = '-',
+ reference = d.reference || '-';
+
+ if (d.download_low) dl_low = '<a href="'+ d.download_low +'" class="atlantic-download-icon" target="_blank" rel="noopener"></a>';
+ if (d.download_high) dl_high = '<a href="'+ d.download_high +'" class="atlantic-download-icon" target="_blank" rel="noopener"></a>';
+
+ res += '<tr>';
+ res += '<td>'+ d.title +'</td>';
+ res += '<td>'+ reference +'</td>';
+ res += '<td class="atlantic-download">'+ dl_low +'</td>';
+ res += '<td class="atlantic-download">'+ dl_high +'</td>';
+ res += '</tr>';
+
+ return res;
+
+ }).join('');
+
+ },
+
+ getLanguage: function(code) {
+
+ // Language lookup map
+ var languages = {
+ 'EN': 'English',
+ 'ES': 'Spanish',
+ 'FR': 'French',
+ 'RU': 'Russian',
+ 'GE': 'German',
+ 'BG': 'Bulgarian',
+ 'UK': 'Ukrainian',
+ 'SL': 'Slovenian',
+ 'HR': 'Croatian',
+ 'LT': 'Lithuanian',
+ 'ET': 'Estonian',
+ 'MK': 'Macedonian',
+ 'EE': 'Greek'
+ }
+
+ return languages[code] || code; // Return the original code if it's not found in the lookup
+ },
+
+ getCurrentLanguage: function() {
+ // Ensure that we have a valid current language (must exist in the current data list)
+ if (this.languages.indexOf(this.currentLanguage) == -1) {
+ this.currentLanguage = this.languages[0];
+ }
+ return this.currentLanguage;
+ }
+};
+
+//console.table(DATAS.basketReferences.Feuil1);
+
+$(function () {
+ $(fluidbook).on('fluidbookready', AtlanticDL.init);
+ // $(window).on('fluidbookresize', AtlanticDL.resize);
+});
+
+// Allow adding of elements to an array without duplicate values
+Array.prototype.addUnique = function(elem) {
+ if (this.indexOf(elem) == -1) {
+ this.push(elem);
+ }
+}
\ No newline at end of file
+#AtlanticDownloadPopup {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 80%;
+ max-width: 1000px;
+ max-height: 70%;
+ transform: translateX(-50%) translateY(-50%);
+ z-index: 1000;
+ background: #bab4a7;
+ box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
+ font-family: 'Open Sans', sans-serif;
+ font-size: 15px;
+ font-weight: 300;
+ color: #5d5c58;
+}
+#AtlanticDownloadPopup .close {
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ position: absolute;
+ top: 5px;
+ right: 5px;
+}
+#AtlanticDownloadPopup .close:hover {
+ opacity: 0.7;
+}
+#AtlanticDownloadPopup .close:before,
+#AtlanticDownloadPopup .close:after {
+ content: '';
+ position: absolute;
+ height: 1px;
+ width: 100%;
+ top: 50%;
+ left: 0;
+ margin-top: -1px;
+ background: #fff;
+}
+#AtlanticDownloadPopup .close:before {
+ transform: rotate(45deg);
+}
+#AtlanticDownloadPopup .close:after {
+ transform: rotate(-45deg);
+}
+.language-wrapper {
+ width: 210px;
+ float: left;
+ padding-bottom: 10px;
+}
+.language-heading {
+ text-transform: uppercase;
+ color: #fff;
+ font-size: 14px;
+ padding-left: 20px;
+ line-height: 89px;
+}
+.language-list {
+ list-style-type: none;
+}
+.language-link {
+ display: block;
+ line-height: 40px;
+ padding-left: 20px;
+}
+.language-link.active {
+ position: relative;
+}
+.language-link.active:after {
+ content: '';
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ border-width: 1px 1px 0 0;
+ border-style: solid;
+ border-color: #5d5c58;
+ transform: rotate(45deg) translateY(-50%);
+ position: absolute;
+ right: 18px;
+ top: 50%;
+ margin-top: -1px;
+}
+.language-link:hover,
+.language-link.active {
+ background-color: #dddad3;
+}
+.atlantic-downloads {
+ overflow: hidden;
+}
+.atlantic-downloads table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ border: none;
+ width: 100%;
+}
+.atlantic-downloads tr.main-heading th {
+ vertical-align: top;
+ padding-top: 35px;
+ padding-bottom: 5px;
+ background: #a9a191;
+ font-size: 14px;
+ text-align: left;
+}
+.atlantic-downloads tr.sub-heading th {
+ font-weight: 300;
+ font-size: 11px;
+ padding-top: 5px;
+ padding-bottom: 10px;
+}
+.atlantic-downloads tr th:last-of-type,
+.atlantic-downloads tr.sub-heading th {
+ background-color: #7d776b;
+ text-align: center;
+}
+.atlantic-downloads th {
+ color: #fff;
+ text-transform: uppercase;
+ padding-left: 15px;
+ padding-right: 15px;
+}
+.atlantic-downloads tbody tr {
+ background-color: #fff;
+}
+.atlantic-downloads tbody tr:nth-of-type(odd) {
+ background-color: #f2f1ef;
+}
+.atlantic-downloads tbody td {
+ padding: 10px;
+}
+.atlantic-download {
+ text-align: center;
+}
+.atlantic-download-icon {
+ display: inline-block;
+ width: 18px;
+ height: 17px;
+ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTggMTYuNyI+PHN0eWxlPi5zdDB7ZmlsbDojNUQ1QzU4O308L3N0eWxlPjxnIGlkPSJYTUxJRF81OV8iPjxnIGlkPSJYTUxJRF82M18iPjxwYXRoIGlkPSJYTUxJRF82NF8iIGNsYXNzPSJzdDAiIGQ9Ik0xNy41IDguMWMtLjMgMC0uNS4yLS41LjV2NC43YzAgMS4zLTEgMi4zLTIuMyAyLjNIMy4zYy0xLjMgMC0yLjMtMS0yLjMtMi4zVjguNmMwLS4zLS4yLS41LS41LS41cy0uNS4yLS41LjV2NC44YzAgMS44IDEuNSAzLjMgMy4zIDMuM2gxMS4zYzEuOCAwIDMuMy0xLjUgMy4zLTMuM1Y4LjZjLjEtLjItLjEtLjUtLjQtLjV6bTAgMCIvPjwvZz48cGF0aCBpZD0iWE1MSURfNjBfIiBjbGFzcz0ic3QwIiBkPSJNOC42IDEyLjZjLjEuMS4yLjIuNC4yLjEgMCAuMyAwIC40LS4ybDMuMy0zLjNjLjItLjIuMi0uNSAwLS43LS4yLS4yLS41LS4yLS43IDBMOS41IDExVi41QzkuNS4yIDkuMyAwIDkgMHMtLjUuMi0uNS41VjExTDYuMSA4LjZjLS4yLS4yLS41LS4yLS43IDAtLjIuMi0uMi41IDAgLjdsMy4yIDMuM3ptMCAwIi8+PC9nPjwvc3ZnPg==') center no-repeat;
+ background-size: contain;
+}
+#AtlanticDownloadPopup {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 80%;
+ max-width: 1000px;
+ max-height: 70%;
+ transform: translateX(-50%) translateY(-50%);
+ z-index: 1000;
+ background: #bab4a7;
+ box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
+ font-family: 'Open Sans', sans-serif;
+ font-size: 15px;
+ font-weight: 300;
+ color: #5d5c58;
+
+ .close {
+ display: inline-block;
+ width: 16px; // Width and height must be an even number or X doesn't align properly
+ height: 16px;
+ position: absolute;
+ top: 5px;
+ right: 5px;
+
+ &:hover {
+ opacity: 0.7;
+ }
+
+ &:before, &:after {
+ content: '';
+ position: absolute;
+ height: 1px;
+ width: 100%;
+ top: 50%;
+ left: 0;
+ margin-top: -1px;
+ background: #fff;
+ }
+ &:before {
+ transform: rotate(45deg);
+ }
+ &:after {
+ transform: rotate(-45deg);
+ }
+ }
+}
+
+.language {
+ &-wrapper {
+ width: 210px;
+ float: left;
+ padding-bottom: 10px;
+ }
+
+ &-heading {
+ text-transform: uppercase;
+ color: #fff;
+ font-size: 14px;
+ padding-left: 20px;
+ line-height: 89px; // Needs to match height of <thead> in table
+ }
+
+ &-list {
+ list-style-type: none;
+ }
+
+ &-link {
+ display: block;
+ line-height: 40px; // Needs to match row height of table
+ padding-left: 20px;
+
+ &.active {
+ position: relative;
+
+ // Right > arrow. Just an invisible square with top and right borders, rotated 45deg
+ &:after {
+ content: '';
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ border-width: 1px 1px 0 0;
+ border-style: solid;
+ border-color: #5d5c58;
+ transform: rotate(45deg) translateY(-50%);
+ position: absolute;
+ right: 18px;
+ top: 50%;
+ margin-top: -1px; // Slightly better centering visually
+ }
+ }
+
+ &:hover, &.active {
+ background-color: #dddad3;
+ }
+ }
+}
+
+.atlantic-downloads {
+ overflow: hidden;
+
+ table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ border: none;
+ width: 100%;
+ }
+
+ tr {
+ &.main-heading th {
+ vertical-align: top;
+ padding-top: 35px;
+ padding-bottom: 5px;
+ background: #a9a191;
+ font-size: 14px;
+ text-align: left;
+ }
+
+ &.sub-heading th {
+ font-weight: 300;
+ font-size: 11px;
+ padding-top: 5px;
+ padding-bottom: 10px;
+ }
+
+ th:last-of-type, &.sub-heading th {
+ background-color: #7d776b;
+ text-align: center;
+ }
+ }
+
+ th {
+ color: #fff;
+ text-transform: uppercase;
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ tbody {
+ tr {
+ background-color: #fff;
+
+ &:nth-of-type(odd) {
+ background-color: #f2f1ef;
+ }
+ }
+
+ td {
+ padding: 10px;
+ }
+ }
+
+}
+
+.atlantic-download {
+ text-align: center;
+}
+
+.atlantic-download-icon {
+ display: inline-block;
+ width: 18px;
+ height: 17px;
+ background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTggMTYuNyI+PHN0eWxlPi5zdDB7ZmlsbDojNUQ1QzU4O308L3N0eWxlPjxnIGlkPSJYTUxJRF81OV8iPjxnIGlkPSJYTUxJRF82M18iPjxwYXRoIGlkPSJYTUxJRF82NF8iIGNsYXNzPSJzdDAiIGQ9Ik0xNy41IDguMWMtLjMgMC0uNS4yLS41LjV2NC43YzAgMS4zLTEgMi4zLTIuMyAyLjNIMy4zYy0xLjMgMC0yLjMtMS0yLjMtMi4zVjguNmMwLS4zLS4yLS41LS41LS41cy0uNS4yLS41LjV2NC44YzAgMS44IDEuNSAzLjMgMy4zIDMuM2gxMS4zYzEuOCAwIDMuMy0xLjUgMy4zLTMuM1Y4LjZjLjEtLjItLjEtLjUtLjQtLjV6bTAgMCIvPjwvZz48cGF0aCBpZD0iWE1MSURfNjBfIiBjbGFzcz0ic3QwIiBkPSJNOC42IDEyLjZjLjEuMS4yLjIuNC4yLjEgMCAuMyAwIC40LS4ybDMuMy0zLjNjLjItLjIuMi0uNSAwLS43LS4yLS4yLS41LS4yLS43IDBMOS41IDExVi41QzkuNS4yIDkuMyAwIDkgMHMtLjUuMi0uNS41VjExTDYuMSA4LjZjLS4yLS4yLS41LS4yLS43IDAtLjIuMi0uMi41IDAgLjdsMy4yIDMuM3ptMCAwIi8+PC9nPjwvc3ZnPg==') center no-repeat;
+ background-size: contain;
+}
\ No newline at end of file
projects / fluidbook-html5.git / commitdiff