jclic 2.2.0 → 2.3.0

package/src/skins/OrangeSkin.js

@@ -1,78 +0,0 @@
-/**
- *  File    : skins/OrangeSkin.js
- *  Created : 04/07/2016
- *  By      : Francesc Busquets <francesc@gmail.com>
- *
- *  JClic.js
- *  An HTML5 player of JClic activities
- *  https://projectestac.github.io/jclic.js
- *
- *  @source https://github.com/projectestac/jclic.js
- *
- *  @license EUPL-1.2
- *  @licstart
- *  (c) 2000-2020 Educational Telematic Network of Catalonia (XTEC)
- *
- *  Licensed under the EUPL, Version 1.1 or -as soon they will be approved by
- *  the European Commission- subsequent versions of the EUPL (the "Licence");
- *  You may not use this work except in compliance with the Licence.
- *
- *  You may obtain a copy of the Licence at:
- *  https://joinup.ec.europa.eu/software/page/eupl
- *
- *  Unless required by applicable law or agreed to in writing, software
- *  distributed under the Licence is distributed on an "AS IS" basis, WITHOUT
- *  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
- *  Licence for the specific language governing permissions and limitations
- *  under the Licence.
- *  @licend
- *  @module
- */
-
-import Skin from './Skin.js';
-import DefaultSkin from './DefaultSkin.js';
-
-/**
- * This is a variant of the default {@link module:skins/Skin.Skin Skin} used by JClic.js
- * It differs from {@link module:skins/DefaultSkin.DefaultSkin DefaultSkin} only in some colors
- * @extends module:skins/DefaultSkin.DefaultSkin
- */
-export class OrangeSkin extends DefaultSkin {
-  /**
-   * OrangeSkin constructor
-   * @param {module:JClicPlayer.JClicPlayer} ps - The PlayStation (currently a {@link module:JClicPlayer.JClicPlayer JClicPlayer}) used to load and
-   * realize the media objects meeded tot build the Skin.
-   * @param {string} [name] - The skin class name
-   * @param {object} [options] - Optional parameter with additional options
-   */
-  constructor(ps, name = null, options = {}) {
-    // OrangeSkin extends [DefaultSkin](DefaultSkin.html)
-    super(ps, name, options);
-  }
-
-  /**
-   * Returns the CSS styles used by this skin. This method should be called only from
-   * the `Skin` constructor, and overridded by subclasses if needed.
-   * @param {string} media - A specific media size. Possible values are: 'default', 'half' and 'twoThirds'
-   * @returns {string}
-   */
-  _getStyleSheets(media = 'default') {
-    return super._getStyleSheets(media) + (media === 'default' ? this.skinCSS : '');
-  }
-}
-
-Object.assign(OrangeSkin.prototype, {
-  /**
-   * Class name of this skin. It will be used as a base selector in the definition of all CSS styles.
-   * @name module:skins/OrangeSkin.OrangeSkin#skinId
-   * @override
-   * @type {string} */
-  skinId: 'JClicOrangeSkin',
-  /**
-   * Styles used in this skin
-   * @name module:skins/OrangeSkin.OrangeSkin#skinCSS
-   * @type {string} */
-  skinCSS: '.ID {background-color:#FF8B19;}'
-});
-
-export default Skin.registerClass('orange', OrangeSkin);

package/src/skins/SimpleSkin.js

@@ -1,92 +0,0 @@
-/**
- *  File    : skins/SimpleSkin.js
- *  Created : 04/07/2016
- *  By      : Francesc Busquets <francesc@gmail.com>
- *
- *  JClic.js
- *  An HTML5 player of JClic activities
- *  https://projectestac.github.io/jclic.js
- *
- *  @source https://github.com/projectestac/jclic.js
- *
- *  @license EUPL-1.2
- *  @licstart
- *  (c) 2000-2020 Educational Telematic Network of Catalonia (XTEC)
- *
- *  Licensed under the EUPL, Version 1.1 or -as soon they will be approved by
- *  the European Commission- subsequent versions of the EUPL (the "Licence");
- *  You may not use this work except in compliance with the Licence.
- *
- *  You may obtain a copy of the Licence at:
- *  https://joinup.ec.europa.eu/software/page/eupl
- *
- *  Unless required by applicable law or agreed to in writing, software
- *  distributed under the Licence is distributed on an "AS IS" basis, WITHOUT
- *  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
- *  Licence for the specific language governing permissions and limitations
- *  under the Licence.
- *  @licend
- *  @module
- */
-
-import $ from 'jquery';
-import Skin from './Skin.js';
-import DefaultSkin from './DefaultSkin.js';
-
-// Use Webpack to import CSS and SVG files
-import skinCSS from './assets/simple.css';
-import skinCSSHalf from './assets/simpleHalf.css';
-import skinCSSTwoThirds from './assets/simpleTwoThirds.css';
-
-/**
- * This is a variant of the default {@link module:skins/Skin.Skin Skin} used by JClic.js
- * It has the buttons at top, and don't has counters.
- * @extends module:skins/DefaultSkin.DefaultSkin
- */
-export class SimpleSkin extends DefaultSkin {
-  /**
-   * SimpleSkin constructor
-   * @param {module:JClicPlayer.JClicPlayer} ps - The PlayStation (currently a {@link module:JClicPlayer.JClicPlayer JClicPlayer}) used to load and
-   * realize the media objects meeded tot build the Skin.
-   * @param {string} [name] - The skin class name
-   * @param {object} [options] - Optional parameter with additional options
-   */
-  constructor(ps, name = null, options = {}) {
-    // OrangeSkin extends [DefaultSkin](DefaultSkin.html)
-    super(ps, name, Object.assign({}, options, { counters: false, reportsBtn: true }));
-
-    this.$ctrlCnt.detach().prependTo(this.$div);
-    this.$msgBoxDiv.detach().appendTo(this.$div);
-    // Add a spacing div in substitution of msgBox
-    $('<div/>').css({ 'flex-grow': 1 }).insertAfter(this.$ctrlCnt.children(':nth-child(2)'));
-  }
-
-  /**
-   * Returns the CSS styles used by this skin. This method should be called only from
-   * the `Skin` constructor, and overridded by subclasses if needed.
-   * @param {string} media - A specific media size. Possible values are: 'default', 'half' and 'twoThirds'
-   * @returns {string}
-   */
-  _getStyleSheets(media = 'default') {
-    return `${super._getStyleSheets(media)}${media === 'default' ? this.skinCSS : media === 'half' ? this.skinCSSHalf : media === 'twoThirds' ? this.skinCSSTwoThirds : ''}`;
-  }
-}
-
-Object.assign(SimpleSkin.prototype, {
-  /**
-   * Class name of this skin. It will be used as a base selector in the definition of all CSS styles.
-   * @name module:skins/SimpleSkin.SimpleSkin#skinId
-   * @override
-   * @type {string} */
-  skinId: 'JClicSimpleSkin',
-  /**
-   * Styles used in this skin
-   * @name module:skins/SimpleSkin.SimpleSkin#skinCSS
-   * @type {string} */
-  skinCSS,
-  skinCSSHalf,
-  skinCSSTwoThirds,
-});
-
-// Register this class in the list of available skins
-export default Skin.registerClass('simple', SimpleSkin);