adapt-authoring-ui 0.0.1

package/app/core/helpers.js

@@ -0,0 +1,375 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(['handlebars', 'moment', 'core/origin'], function(Handlebars, Moment, Origin) {
+  var helpers = {
+    console: function(context) {
+      return console.log(context);
+    },
+
+    lowerCase: function(text) {
+      return text.toLowerCase();
+    },
+
+    numbers: function(index) {
+      return index+1;
+    },
+
+    capitalise:  function(text) {
+      return text.charAt(0).toUpperCase() + text.slice(1);
+    },
+
+    odd: function (index) {
+      return (index +1) % 2 === 0  ? 'even' : 'odd';
+    },
+
+    stringToClassName: function(text) {
+      if (!text) return;
+      // Check if first character is an underscore and remove
+      // Normally used for attribute with '_'s
+      if (text.slice(1) === '_') {
+        text = text.slice(1);
+      }
+      // Remove _ and spaces with dashes
+      return text.replace(/_| /g, "-").toLowerCase();
+    },
+
+    keyToTitleString: function(key) {
+      if (!key) return;
+      // check translatable strings first
+      var l10nKey = 'app.scaffold.' + key;
+      if(Origin.l10n.has(l10nKey)) {
+        return Origin.l10n.t(l10nKey);
+      }
+      // fall-back: remove all _ and capitalise
+      var string = key.replace(/_/g, '').replace(/[A-Z]/g, ' $&').toLowerCase();
+      return this.capitalise(string);
+    },
+
+    momentFormat: function(date, format) {
+      if (typeof date == 'undefined') {
+        return '-';
+      }
+      return Moment(date).format(format);
+    },
+
+    timestring: function(date) {
+      return new Date(date).getTime();
+    },
+
+    formatDuration: function(duration) {
+      var zero = '0', hh, mm, ss;
+      var time = new Date(0, 0, 0, 0, 0, Math.floor(duration), 0);
+
+      hh = time.getHours();
+      mm = time.getMinutes();
+      ss = time.getSeconds();
+
+      // Pad zero values to 00
+      hh = (zero+hh).slice(-2);
+      mm = (zero+mm).slice(-2);
+      ss = (zero+ss).slice(-2);
+
+      return `${hh}:${mm}:${ss}`;
+    },
+
+    // checks for http/https and www. prefix
+    isAssetExternal: function(url) {
+      if (!url || !url.length) {
+        return true;
+      }
+      var urlRegEx = new RegExp(/^(https?:\/\/)|^(www\.)/);
+      return url.match(urlRegEx) !== null;
+    },
+
+    ifValueEquals: function(value, text, block) {
+      return (value === text) ? block.fn(this) : block.inverse(this);
+    },
+    
+    ifArrayIncludes: function(value, text, block) {
+      return value.includes(text) ? block.fn(this) : block.inverse(this);
+    },
+
+    ifUserIsMe: function(userId, block) {
+      var isMe = userId === Origin.sessionModel.get('id');
+      return isMe ? block.fn(this) : block.inverse(this);
+    },
+
+    selected: function(option, value){
+      return (option === value) ? ' selected' : '';
+    },
+
+    counterFromZero: function(n, block) {
+      var sum = '';
+      for (var i = 0; i <= n; ++i) sum += block.fn(i);
+      return sum;
+    },
+
+    counterFromOne: function(n, block) {
+      var sum = '';
+      for (var i = 1; i <= n; ++i) sum += block.fn(i);
+      return sum;
+    },
+
+    t: function(str, options) {
+      for (var placeholder in options.hash) {
+        options[placeholder] = options.hash[placeholder];
+      }
+      return Origin.l10n.t(str, options);
+    },
+
+    stripHtml: function(html) {
+      return new Handlebars.SafeString(html);
+    },
+
+    escapeText: function(text) {
+      var div = document.createElement('div');
+      div.appendChild(document.createTextNode(text));
+      return div.innerHTML;
+    },
+
+    bytesToSize: function(bytes) {
+      if (bytes === 0) return '0 B';
+
+      var k = 1000;
+      var sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+      var i = Math.floor(Math.log(bytes) / Math.log(k));
+
+      return (bytes / Math.pow(k, i)).toPrecision(3) + ' ' + sizes[i];
+    },
+
+    renderBooleanOptions: function(selectedValue) {
+      const html = val => `<option value="${val}"${selectedValue === val ? ' selected' : ''}>${val}</option>`;
+      return `${html(true)}${html(false)}`;
+    },
+
+    pickCSV: function(list, key, separator) {
+      if (!list || !list.length) {
+        return '';
+      }
+      if (!separator || !separator.length) {
+        separator = ',';
+      }
+      var vals = list.map(l => (key && val[key] )|| val);
+      return vals.join(separator);
+    },
+
+    renderTags: function(list, key) {
+      if (!list || !list.length) {
+        return '';
+      }
+      var html = '<ul class="tag-container">';
+      for (var i = 0; i < list.length; ++i) {
+        var item = list[i];
+        var tag = Handlebars.Utils.escapeExpression(key && item[key] || item);
+        html += `<li class="tag-item" title="${tag}"><span class="tag-value">${tag}</span></li>`;
+      }
+      return new Handlebars.SafeString(`${html}</ul>`);
+    },
+
+    ifHasScopes: function(scopes, block) {
+      return Origin.sessionModel.hasScopes(scopes.split(',')) ? block.fn(this) : block.inverse(this);
+    },
+
+    ifMailEnabled: function(block) {
+      return Origin.constants['adapt-authoring-mailer.isEnabled'] === true ? block.fn(this) : block.inverse(this);
+    },
+
+    ifAssetIsExternal: function(url, block) {
+      var isExternal = Handlebars.helpers.isAssetExternal(url);
+      return isExternal ? block.fn(this) : block.inverse(this);
+    },
+
+    ifAssetIsHeroImage: function(url, block) {
+      var isMultiPart = url.split('/').length === 1;
+      return isMultiPart ? block.fn(this) : block.inverse(this);
+    },
+
+    copyStringToClipboard: function(data) {
+      var textArea = document.createElement("textarea");
+
+      textArea.value = data;
+      // Place in top-left corner of screen regardless of scroll position.
+      textArea.style.position = 'fixed';
+      textArea.style.top = 0;
+      textArea.style.left = 0;
+      // Ensure it has a small width and height. Setting to 1px / 1em
+      // doesn't work as this gives a negative w/h on some browsers.
+      textArea.style.width = '2em';
+      textArea.style.height = '2em';
+      // We don't need padding, reducing the size if it does flash render.
+      textArea.style.padding = 0;
+      // Clean up any borders.
+      textArea.style.border = 'none';
+      textArea.style.outline = 'none';
+      textArea.style.boxShadow = 'none';
+      // Avoid flash of white box if rendered for any reason.
+      textArea.style.background = 'transparent';
+
+      document.body.appendChild(textArea);
+
+      textArea.select();
+
+      var success = document.execCommand('copy');
+
+      document.body.removeChild(textArea);
+
+      return success;
+    },
+
+    isValidEmail: function(value) {
+      var regEx = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+      return value.length > 0 && regEx.test(value);
+    },
+
+    contentModelMap: function(type) {
+      var contentModels = {
+        course: 'core/models/courseModel',
+        contentobject: 'core/models/contentObjectModel',
+        article: 'core/models/articleModel',
+        block: 'core/models/blockModel',
+        component: 'core/models/componentModel'
+      };
+      if(contentModels.hasOwnProperty(type)) {
+        return require(contentModels[type]);
+      }
+    },
+
+    // Ensures list is iterated (doesn't guarantee order), even if using async iterator
+    // @param list Array or Backbone.Collection
+    // @param func Function to use as iterator. Will be passed item, index and callback function
+    // @param callback Function to be called on completion
+    forParallelAsync: function(list, func, callback) {
+      if(!list.hasOwnProperty('length') || list.length === 0) {
+        if(typeof callback === 'function') callback();
+        return;
+      }
+      // make a copy in case func modifies the original
+      var listCopy = list.models ? list.models.slice() : list.slice();
+      var doneCount = 0;
+      var _checkCompletion = function() {
+        if((++doneCount === listCopy.length) && typeof callback === 'function') {
+          callback();
+        }
+      };
+      for(var i = 0, count = listCopy.length; i < count; i++) {
+        func(listCopy[i], i, _checkCompletion);
+      }
+    },
+
+    // Does a fetch for model in models, and returns the latest data in the
+    // passed callback
+    // @param models {Array of Backbone.Models}
+    // @param callback {Function to call when complete}
+    multiModelFetch: function(models, callback) {
+      var collatedData = {};
+      helpers.forParallelAsync(models, function(model, index, done) {
+        model.fetch({
+          success: function(data) {
+            collatedData[index] = data;
+            done();
+          },
+          error: function(data) {
+            console.error('Failed to fetch data for', model.get('_id'), + data.responseText);
+            done();
+          }
+        });
+      }, function doneAll() {
+        var orderedKeys = Object.keys(collatedData).sort();
+        var returnArr = [];
+        for(var i = 0, count = orderedKeys.length; i < count; i++) {
+          returnArr.push(collatedData[orderedKeys[i]]);
+        }
+        callback(returnArr);
+      });
+    },
+
+    maxUploadSize: function(options) {
+      const sizeInB = Origin.constants['adapt-authoring-middleware.fileUploadMaxFileSize'];
+      const multiplier = 0.00000095367432;
+      return new Handlebars.SafeString([
+        '<span class="max-fileupload-size">',
+        Origin.l10n.t('app.maxfileuploadsize', { size: `${Math.round(sizeInB*multiplier)}MB` }),
+        '</span>'].join(''))
+    },
+
+    flattenNestedProperties: function(properties) {
+      if (!properties) return {};
+      var flatProperties = {};
+      for (var key in properties) {
+        // Check for nested properties
+        if (typeof properties[key] === 'object') {
+          for (var innerKey in properties[key]) {
+            // Check if key already exists
+            if (flatProperties[innerKey]) {
+              flatProperties[key+'.'+innerKey] = properties[key][innerKey];
+            } else {
+              flatProperties[innerKey] = properties[key][innerKey];
+            }
+          }
+        } else {
+          flatProperties[key] = properties[key];
+        }
+      }
+      return flatProperties;
+    },
+
+    importConstants: function() {
+      this.constants = Origin.constants;
+      return '';
+    },
+    // Comparison operator (ifValueEquals left for compatibility)
+    when: (a, operator, b, block) => {
+      console.log(a, operator, b);
+      const ops = {
+        eq: (l,r) => l === r,
+        noteq: (l,r) => l !== r,
+        gt: (l,r) => Number(l) > Number(r),
+        or: (l,r) => l || r,
+        and: (l,r) => l && r
+      };
+      return ops[operator](a, b) ? block.fn(this) : block.inverse(this);
+    },
+
+    sortContentObjects: (a, b) => {
+      const soA = a._sortOrder || a.get('_sortOrder');
+      const soB = b._sortOrder || b.get('_sortOrder');
+      return soA > soB ? 1 : -1;
+    },
+
+    submitForm($form, options = {}) {
+      return new Promise(async (resolve, reject) => {
+        const body = new FormData($form[0]);
+        if(options.extendedData) Object.entries(options.extendedData).forEach(([attr, val]) => body.append(attr, val));
+        const res = await fetch($form.attr('action'), { method: $form.attr('method'), body });
+        if(res.status === 204) {
+          return resolve();
+        }
+        const data = await res.json();
+        if(res.status > 299) {
+          return reject(data);
+        }
+        resolve(data);
+      });
+    },
+
+    parseLinksHeader(res) {
+      const header = res.xhr.getResponseHeader('Link');
+      const links = {};
+      if(header) {
+        header.split(',').forEach(l => {
+          const [url, name] = l.split(';');
+          if (!url || !name) return console.error(`Could not parse links: ${l}`);
+          links[name.replace(/rel="(.*)"/, '$1').trim()] = url.replace(/<(.*)>/, '$1').trim();
+        });
+      }
+      return links;
+    }
+  }
+
+  for(var name in helpers) {
+    if(helpers.hasOwnProperty(name)) {
+      Handlebars.registerHelper(name, helpers[name]);
+    }
+  }
+
+  return helpers;
+});

package/app/core/index.hbs

@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="en" data-adapt-framework-version="{{versions.adapt_framework}}" data-adapt-authoring-version="{{versions.adapt-authoring}}" data-adapt-authoring-branch="{{git.adapt-authoring.branch}}" data-adapt-authoring-commit="{{git.adapt-authoring.commit}}">
+  <head>
+    <title>{{productName}}</title>
+    <link rel="icon" type="image/png" href="/css/assets/favicon.png" />
+    <link rel="stylesheet" href="/css/adapt.css" />
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="https://cdn.ckeditor.com/ckeditor5/42.0.0/ckeditor5.css">
+    {{#if isProduction}}
+      <script type="text/javascript" src="/require.js" data-main="/js/adapt.js"></script>
+    {{else}}
+    <script src="/require.js"></script>
+    <script src="/js/requireJsConfig.js"></script>
+    <script src="/core/app.js"></script>
+    {{/if}}
+    <script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.9.5/ace.js"></script>
+    <meta http-equiv="cache-control" content="no-store, no-cache, must-revalidate" />
+    <meta http-equiv="Pragma" content="no-store, no-cache" />
+    <meta http-equiv="Expires" content="0" />
+  </head>
+  <body>
+    <div id="app" class="app container">
+      <div class="app-inner">
+      </div>
+      <div class="loading">
+        <div class="loading-inner">
+          <div class="loading-logo">
+              <img src="/css/assets/adapt-learning-logo-outline.png">
+          </div>
+          <div class="loading-anim">
+            <div class="circle1"></div>
+            <div class="circle2"></div>
+            <div class="circle3"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <script type="importmap">
+			{
+				"imports": {
+					"ckeditor5": "https://cdn.ckeditor.com/ckeditor5/42.0.0/ckeditor5.js",
+					"ckeditor5/": "https://cdn.ckeditor.com/ckeditor5/42.0.0/"
+				}
+			}
+		</script>
+    <script type="module">
+      import {
+        AccessibilityHelp,
+        Alignment,
+        Autoformat,
+        AutoImage,
+        AutoLink,
+        Autosave,
+        BalloonToolbar,
+        BlockQuote,
+        BlockToolbar,
+        Bold,
+        CKBox,
+        CKBoxImageEdit,
+        ClassicEditor,
+        Clipboard,
+        CloudServices,
+        Code,
+        CodeBlock,
+        Essentials,
+        FindAndReplace,
+        Font,
+        GeneralHtmlSupport,
+        Heading,
+        Highlight,
+        HorizontalLine,
+        HtmlEmbed,
+        ImageBlock,
+        ImageCaption,
+        ImageInline,
+        ImageInsert,
+        ImageInsertViaUrl,
+        ImageResize,
+        ImageStyle,
+        ImageTextAlternative,
+        ImageToolbar,
+        ImageUpload,
+        Indent,
+        IndentBlock,
+        Italic,
+        Link,
+        LinkImage,
+        List,
+        ListProperties,
+        MediaEmbed,
+        Mention,
+        Paragraph,
+        PasteFromOffice,
+        PictureEditing,
+        RemoveFormat,
+        SelectAll,
+        ShowBlocks,
+        SourceEditing,
+        SpecialCharacters,
+        SpecialCharactersArrows,
+        SpecialCharactersCurrency,
+        SpecialCharactersEssentials,
+        SpecialCharactersLatin,
+        SpecialCharactersMathematical,
+        SpecialCharactersText,
+        Strikethrough,
+        Subscript,
+        Superscript,
+        Table,
+        TableCellProperties,
+        TableProperties,
+        TableToolbar,
+        TextTransformation,
+        TodoList,
+        Underline,
+        Undo
+      } from 'ckeditor5';
+      
+      window.CKEDITOR = ClassicEditor
+      window.CKEDITOR.pluginsConfig = [
+        AccessibilityHelp,
+        Alignment,
+        Autoformat,
+        AutoImage,
+        AutoLink,
+        Autosave,
+        BalloonToolbar,
+        BlockQuote,
+        BlockToolbar,
+        Bold,
+        CKBox,
+        CKBoxImageEdit,
+        Clipboard,
+        CloudServices,
+        Code,
+        CodeBlock,
+        Essentials,
+        FindAndReplace,
+        Font,
+        GeneralHtmlSupport,
+        Heading,
+        Highlight,
+        HorizontalLine,
+        HtmlEmbed,
+        ImageBlock,
+        ImageCaption,
+        ImageInline,
+        ImageInsert,
+        ImageInsertViaUrl,
+        ImageResize,
+        ImageStyle,
+        ImageTextAlternative,
+        ImageToolbar,
+        ImageUpload,
+        Indent,
+        IndentBlock,
+        Italic,
+        Link,
+        LinkImage,
+        List,
+        ListProperties,
+        MediaEmbed,
+        Mention,
+        Paragraph,
+        PasteFromOffice,
+        PictureEditing,
+        RemoveFormat,
+        SelectAll,
+        ShowBlocks,
+        SourceEditing,
+        SpecialCharacters,
+        SpecialCharactersArrows,
+        SpecialCharactersCurrency,
+        SpecialCharactersEssentials,
+        SpecialCharactersLatin,
+        SpecialCharactersMathematical,
+        SpecialCharactersText,
+        Strikethrough,
+        Subscript,
+        Superscript,
+        Table,
+        TableCellProperties,
+        TableProperties,
+        TableToolbar,
+        TextTransformation,
+        TodoList,
+        Underline,
+        Undo
+      ];
+    </script>
+  </body>
+</html>

package/app/core/l10n.js

@@ -0,0 +1,33 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(['polyglot'], function(Polyglot) {
+  return function l10n(Origin) {
+    let polyglot;
+    return {
+      load: async function() {
+        try {
+          const locale = localStorage.getItem('lang') || 'en';
+          polyglot = new Polyglot({
+            locale: locale,
+            phrases: await $.get(`/api/lang/${locale}`),
+            interpolation: { prefix: '${', suffix: '}' },
+            warn: message => Origin.debug && console.warn('l10n:', message)
+          });
+        } catch(e) {
+          console.error(e.message);
+        }
+      },
+      t: function(string, data) {
+        if(!polyglot || !polyglot.t) {
+          return string;
+        }
+        return polyglot.t.apply(polyglot, arguments);
+      },
+      has: function() {
+        if(!polyglot || !polyglot.has) {
+          return false;
+        }
+        return polyglot.has.apply(polyglot, arguments);
+      }
+    };
+  };
+});

package/app/core/less/_reset.less

@@ -0,0 +1,43 @@
+html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, 
+blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, 
+kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, 
+li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, 
+tr, th, td, article, aside, figure, footer, header, hgroup, menu, 
+nav, section, time, mark, audio, video {margin: 0; padding: 0; border: 0; 
+outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}									
+article, aside, figure, footer, header, hgroup, nav, section {display: block;}
+img, object, embed {max-width: 100%;}
+html {overflow-y: auto;}
+ul li {margin-left:20px;}
+blockquote, q {quotes: none;}
+blockquote:before, blockquote:after, q:before, 
+q:after {content: ''; content: none;}
+a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
+del {text-decoration: line-through;}
+abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
+table {border-collapse: collapse; border-spacing: 0;}
+th {font-weight: bold; vertical-align: bottom;}
+td {font-weight: normal; vertical-align: top;}
+hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
+input, select {vertical-align: middle;}
+pre {white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;}
+input[type="radio"] {vertical-align: text-bottom;}
+input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
+select, input, textarea {font: 99% sans-serif;}
+table {font-size: inherit; font: 100%;}
+a:hover, a:active {outline: none;}
+small {font-size: 85%;}
+strong, th {font-weight: bold;}
+td, td img {vertical-align: top;} 
+sub, sup {font-size: 75%; line-height: 0; position: relative;}
+sup {top: -0.5em;}
+sub {bottom: -0.25em;}
+pre, code, kbd, samp {font-family: monospace, sans-serif;}
+.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}
+.disabled .clickable, .disabled label, .disabled input[type=button], .disabled input[type=submit], .disabled button {cursor: default;}
+button, input, select, textarea {margin: 0;}
+button {width: auto; overflow: visible;}
+.ie7 img {-ms-interpolation-mode: bicubic;}
+.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
+.clearfix:after { clear: both; }  
+.clearfix { zoom: 1; }