adapt-authoring-ui 0.0.1

package/app/core/less/fonts.less

@@ -0,0 +1,30 @@
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:@{font-weight},@{font-weight-bold}|Raleway:@{font-weight},@{font-weight-bold}');
+
+@font-title: 'Raleway', sans-serif;
+@font-family: 'Open Sans', sans-serif;
+
+@font-size:13px;
+@font-weight: 400;
+@font-weight-bold: 700;
+
+// Fonts sizes
+
+body {
+  font-family: @font-family;
+  font-size: @font-size;
+  font-weight: @font-weight;
+}
+
+h1 {
+  font-size:15px;
+  font-family: @font-title;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-weight: @font-weight-bold;
+}
+
+button, input, textarea {
+  font-family: @font-family;
+  font-size: @font-size;
+}

package/app/core/less/forms.less

@@ -0,0 +1,77 @@
+form label {
+    display:block;
+    font-size:15px;
+    margin-bottom:4px;
+}
+
+.form-group {
+    margin-bottom:20px;
+    padding-bottom:20px;
+    border-bottom:1px solid #e3e3e3;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="url"],
+input[type="phone"],
+input[type="tel"],
+input[type="number"],
+input[type="datetime"],
+input[type="date"],
+input[type="search"],
+input[type="datetime-local"],
+textarea,
+select[multiple="multiple"] {
+    padding: 11px 10px;
+    border-radius: 2px;
+    border: solid 1px #ccc;
+    font-size: 13px;
+    width:90%;
+    /*max-width:700px;*/
+    &:focus {
+        outline:none;
+        border-color:#666;
+        box-shadow:none;
+    }
+}
+
+input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
+input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-results-button,
+input[type="search"]::-webkit-search-results-decoration { display: none; }
+
+select {
+    padding: 10px;
+    min-width: 100px;
+}
+
+input:disabled, textarea:disabled {
+    background-color:#e2e2e2;
+}
+
+.form-list {
+    li {
+        margin-bottom:20px;
+        list-style: none;
+        input, label {
+            margin-bottom:0px;
+            display:inline-block;
+        }
+        label {
+            margin-left:10px;
+        }
+    }
+}
+
+.field-help {
+    margin-bottom:4px;
+    color: #666;
+}
+
+.max-fileupload-size {
+  margin-top: 1rem;
+  display: block;
+}

package/app/core/less/sharedStyles.less

@@ -0,0 +1,73 @@
+.display-none {
+  display: none !important;
+}
+
+.visibility-hidden {
+  visibility: hidden !important;
+}
+
+.no-select {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  cursor: default;
+}
+
+.no-wrap {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  width: 90%;
+}
+
+.no-scroll {
+  overflow-x: hidden !important;
+  overflow-y: hidden !important;
+}
+
+.no-ui {
+  background: url(assets/login_bg.jpg) no-repeat center center fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+  .sidebar, .appHeader, .contentHeader {
+    display: none;
+  }
+}
+
+.truncate {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+// Page-style form background
+.form-container-style {
+  max-width: 1000px;
+  margin: 20px;
+  border: 1px solid darken(@ui-content-color, 10%);
+  background-color: @white;
+  > .inner {
+    padding: 30px;
+    form .form-group {
+      padding-bottom: 0;
+      border-bottom: none;
+    }
+  }
+}
+
+.feedback {
+  margin: 10px 0;
+  padding: 10px;
+  width: 89%;
+  background-color: @info-color;
+  font-weight: bold;
+  color: white;
+  border: 1px solid darken(@info-color, 20%);
+  border-radius: 3px;
+  border-left: 8px solid darken(@info-color, 20%);
+}

package/app/core/less/tables.less

@@ -0,0 +1,29 @@
+@import 'colours';
+
+.tb-title {
+    background-color: #9cabc4;
+    color: @white;
+    text-align: center;
+    border-bottom: 1px gray solid;
+    padding: 24px 30px!important;
+    border-top: 1px solid gray;
+}
+
+.tb-row {
+  padding:20px 30px;
+  border-bottom: 1px solid #efefef;
+
+  .tb-col-inner {
+    padding-right:10px;
+    :not(.tb-heading)& {
+      font-weight: @font-weight;
+    }
+  }
+}
+
+.tb-heading {
+  padding: 35px 30px;
+  h1, h2, h3, h4, h5, h6 {
+    color: @primary-color;
+  }
+}

package/app/core/less/tags.less

@@ -0,0 +1,194 @@
+@import 'colours';
+
+div.tagsinput {
+  border:1px solid #CCC;
+  background: @white;
+  padding:5px;
+  overflow-y: auto;
+  border-radius: @button-radius;
+
+  span.tag {
+    border: 1px solid @tag-title-color;
+    -moz-border-radius:2px;
+    -webkit-border-radius:2px;
+    display: block;
+    float: left;
+    padding: 5px;
+    text-decoration:none;
+    background: @tag-background-color;
+    color: @tag-title-color;
+    margin-right: 5px;
+    margin-bottom:5px;
+
+    a {
+      color: @tag-title-color;
+      font-weight: @font-weight-bold;
+      text-decoration:none;
+    }
+  }
+
+  input {
+    width: 80px;
+    margin:0px;
+    border:1px solid transparent;
+    padding:5px;
+    background: transparent;
+    color: #000;
+    outline:0px;
+    margin-right:5px;
+    margin-bottom:5px;
+  }
+
+  div {
+    display:block;
+    float: left;
+  }
+}
+
+.tags_clear {
+  clear: both;
+  width: 100%;
+  height: 0px;
+}
+
+.ui-autocomplete {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  float: left;
+  display: none;
+  min-width: 160px;
+  padding: 4px 0 4px 0;
+  margin: 2px 0 0 0;
+  list-style: none;
+  background-color: @white;
+  border-color: #ccc;
+  border-color: rgba(0, 0, 0, 0.2);
+  border-style: solid;
+  border-width: 1px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -webkit-background-clip: padding-box;
+  -moz-background-clip: padding;
+  background-clip: padding-box;
+  *border-right-width: 2px;
+  *border-bottom-width: 2px;
+}
+
+.ui-helper-hidden {
+  display: none;
+}
+.ui-helper-hidden-accessible {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+.ui-helper-reset {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  line-height: 1.3;
+  text-decoration: none;
+  font-size: 100%;
+  list-style: none;
+}
+.ui-helper-clearfix:before,
+.ui-helper-clearfix:after {
+  content: "";
+  display: table;
+  border-collapse: collapse;
+}
+.ui-helper-clearfix:after {
+  clear: both;
+}
+.ui-helper-clearfix {
+  min-height: 0; /* support: IE7 */
+}
+.ui-helper-zfix {
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  position: absolute;
+  opacity: 0;
+  filter:Alpha(Opacity=0); /* support: IE8 */
+}
+
+.ui-front {
+  z-index: 100;
+}
+
+.ui-menu {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: block;
+  outline: none;
+}
+.ui-menu .ui-menu {
+  position: absolute;
+}
+.ui-menu .ui-menu-item {
+  position: relative;
+  margin: 0;
+  padding: 3px 1em 3px .4em;
+  cursor: pointer;
+  min-height: 0; /* support: IE7 */
+  /* support: IE10, see #8844 */
+  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+}
+.ui-menu .ui-menu-divider {
+  margin: 5px 0;
+  height: 0;
+  font-size: 0;
+  line-height: 0;
+  border-width: 1px 0 0 0;
+}
+.ui-menu .ui-state-focus,
+.ui-menu .ui-state-active {
+  margin: -1px;
+}
+
+/* icon support */
+.ui-menu-icons {
+  position: relative;
+}
+.ui-menu-icons .ui-menu-item {
+  padding-left: 2em;
+}
+
+/* left-aligned */
+.ui-menu .ui-icon {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: .2em;
+  margin: auto 0;
+}
+
+/* right-aligned */
+.ui-menu .ui-menu-icon {
+  left: auto;
+  right: 0;
+}
+
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus {
+  background: #15a4fa;
+  font-weight: @font-weight-bold;
+  color: @white;
+}

package/app/core/loading.hbs

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>{{productName}}</title>
+    <link rel="icon" type="image/png" href="css/assets/favicon.png"/>
+    <link rel="stylesheet" href="css/adapt.css"/>
+    <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="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>
+  </body>
+</html>

package/app/core/models/articleModel.js

@@ -0,0 +1,19 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(function(require) {
+  var ContentModel = require('./contentModel');
+
+  var ArticleModel = ContentModel.extend({
+    _type: 'article',
+    _parentType: 'contentobject',
+    _siblingTypes: 'article',
+    _childTypes: 'block',
+
+    defaults: {
+      _isCollapsible: true,
+      _isCollapsed: false
+    }
+
+  });
+
+  return ArticleModel;
+});

package/app/core/models/blockModel.js

@@ -0,0 +1,25 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(function(require) {
+  var ContentModel = require('./contentModel');
+
+  var BlockModel = ContentModel.extend({
+    _type: 'block',
+    _parentType: 'article',
+    _siblingTypes: 'block',
+    _childTypes: 'component',
+    // Block specific properties
+    layoutOptions:  null,
+    dragLayoutOptions: null,
+    attributeBlacklist: [
+      '_isDeleted',
+      '_tenantId',
+      '_trackingId',
+      'createdBy',
+      'createdAt',
+      'layoutOptions',
+      'updatedAt'
+    ]
+  });
+
+  return BlockModel;
+});

package/app/core/models/clipboardModel.js

@@ -0,0 +1,10 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(function(require) {
+  var ContentModel = require('./contentModel');
+
+  var ClipboardModel = ContentModel.extend({
+    urlRoot: 'api/content/clipboard',
+  });
+
+  return ClipboardModel;
+});

package/app/core/models/componentModel.js

@@ -0,0 +1,18 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(function(require) {
+  var ContentModel = require('./contentModel');
+
+  var ComponentModel = ContentModel.extend({
+    _type: 'component',
+    _parentType: 'block',
+    _siblingTypes: 'component',
+    attributeBlacklist: [
+      '_isDeleted',
+      'createdBy',
+      'createdAt',
+      'updatedAt'
+    ]
+  });
+
+  return ComponentModel;
+});

package/app/core/models/configModel.js

@@ -0,0 +1,22 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(function(require) {
+  var ContentModel = require('./contentModel');
+
+  var ConfigModel = ContentModel.extend({
+    _type: 'config',
+    _parent: 'course',
+    // Custom sync to allow a _courseId to be specified instead of an _id
+    sync: function(method, model, options) {
+      options = options || {};
+
+      var _id = this.get('_id');
+      var query = `?_type=config&_courseId=${this.get('_courseId')}`;
+
+      options.url = `api/content/${_id ? _id : query}`;
+
+      return Backbone.sync.apply(this, arguments);
+    }
+  });
+
+  return ConfigModel;
+});

package/app/core/models/contentModel.js

@@ -0,0 +1,26 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(function(require) {
+  var Backbone = require('backbone');
+
+  var ContentModel = Backbone.Model.extend({
+    idAttribute: '_id',
+    attributeBlacklist: null,
+    urlRoot: 'api/content',
+
+    initialize: function() {
+      if(!this.get('_type')) this.set('_type', this._type);
+      if(this.get('_type') === 'article') {
+        this.set('_isCollapsible', true);
+      }
+    },
+
+    serialize: function() {
+      return JSON.stringify(this);
+    },
+    pruneAttributes: function() {
+      if(this.attributeBlacklist) this.attributeBlacklist.forEach(this.unset, this);
+    }
+  });
+
+  return ContentModel;
+});

package/app/core/models/contentObjectModel.js

@@ -0,0 +1,19 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(function(require) {
+  var Origin = require('core/origin');
+  var ContentModel = require('./contentModel');
+
+  var ContentObjectModel = ContentModel.extend({
+    _type: 'contentobject',
+    _parentType: 'contentobject',
+    _siblingTypes: 'contentobject',
+    _childTypes: ['contentobject', 'article'],
+
+    defaults: {
+      _isSelected: false,
+      _isExpanded: false
+    }
+  });
+
+  return ContentObjectModel;
+});

package/app/core/models/contentPluginModel.js

@@ -0,0 +1,10 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(function(require) {
+  var Backbone = require('backbone');
+
+  var ContentPluginModel = Backbone.Model.extend({
+    idAttribute: '_id',
+    urlRoot: 'api/contentplugins',
+  });
+  return ContentPluginModel;
+});

package/app/core/models/courseModel.js

@@ -0,0 +1,24 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(function(require) {
+  var Origin = require('core/origin');
+  var Helpers = require('core/helpers');
+  var ContentModel = require('./contentModel');
+
+  var CourseModel = ContentModel.extend({
+    _type: 'course',
+    _childTypes: 'contentobject',
+
+    getHeroImageURI: function () {
+      if(Helpers.isAssetExternal(this.get('heroImage'))) {
+        return this.get('heroImage');
+      }
+      return `api/assets/serve/${this.get('heroImage')}?thumb=true`;
+    },
+
+    isEditable: function () {
+      return this.get('_isShared') || this.get('createdBy') == Origin.sessionModel.get('id');
+    }
+  });
+
+  return CourseModel;
+});

package/app/core/models/sessionModel.js

@@ -0,0 +1,86 @@
+// LICENCE https://github.com/adaptlearning/adapt_authoring/blob/master/LICENSE
+define(['require', 'backbone'], function(require, Backbone) {
+  var SessionModel = Backbone.Model.extend({
+    url: "api/auth/check",
+
+    initialize: function(Origin) {
+      this.Origin = Origin;
+
+      this.on('sync', () => this.set('isAuthenticated', true));
+      this.on('error', (model, jqXhr) => {
+        const error = jqXhr.responseJSON && jqXhr.responseJSON.message;
+        this.set({ isAuthenticated: false, error });
+      });
+      Origin.on('window:active', this.checkAuthStatus, this);
+    },
+
+    hasScopes: function(scopes) {
+      if(!scopes) {
+        return false;
+      }
+      var assignedScopes = this.get('scopes');
+      if(this.get('isSuper')) {
+        return true;
+      }
+      if(!assignedScopes || !assignedScopes.length) {
+        return false;
+      }
+      if(!Array.isArray(scopes)) {
+        return assignedScopes.includes(scopes);
+      }
+      return scopes.every(s => assignedScopes.includes(s));
+    },
+
+    checkAuthStatus: async function() {
+      if(this.Origin.location && this.Origin.location.module === 'user' && this.Origin.location.route1 !== 'profile') {
+        return;
+      }
+      try {
+        await this.fetch({ silent: false });
+      } catch(e) {
+        if(this.Origin.modal) this.Origin.modal.show(false);
+        if(this.Origin.Notify) this.Origin.Notify.toast({ type: 'info', text: this.Origin.l10n.t('app.loggedout') });
+        if(this.Origin.router) this.Origin.router.navigateToLogin();
+      }
+    },
+
+    login: function (email, password, persistSession, cb) {
+      const onError = ({ responseJSON }) => {
+        this.clear();
+        cb(responseJSON);
+      };
+      $.ajax({ 
+        url: 'api/auth/local',
+        method: 'POST',
+        data: JSON.stringify({ email, password, persistSession }),
+        contentType: "application/json",
+        dataType: "json"
+      })
+        .done(() => {
+          this.fetch({ 
+            success: () => {
+              this.once('sync', () => {
+                cb();
+                this.Origin.trigger('login:changed');
+              });
+            },
+            error: onError
+          });
+        })
+        .fail(onError);
+    },
+    
+    logout: async function() {
+      try {
+        if(this.get('isAuthenticated')) await $.post('api/auth/disavow');
+      } catch(e) {
+        console.error(e);
+      }
+      this.clear();
+      this.Origin.trigger('login:changed');
+      this.Origin.router.navigateToLogin();
+    }
+  });
+
+  return SessionModel;
+});