urban-filehub/public/js/home.js

/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/
/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId]) {
/******/ 			return installedModules[moduleId].exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			i: moduleId,
/******/ 			l: false,
/******/ 			exports: {}
/******/ 		};
/******/
/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ 		// Flag the module as loaded
/******/ 		module.l = true;
/******/
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/
/******/
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;
/******/
/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;
/******/
/******/ 	// define getter function for harmony exports
/******/ 	__webpack_require__.d = function(exports, name, getter) {
/******/ 		if(!__webpack_require__.o(exports, name)) {
/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ 		}
/******/ 	};
/******/
/******/ 	// define __esModule on exports
/******/ 	__webpack_require__.r = function(exports) {
/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 		}
/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
/******/ 	};
/******/
/******/ 	// create a fake namespace object
/******/ 	// mode & 1: value is a module id, require it
/******/ 	// mode & 2: merge all properties of value into the ns
/******/ 	// mode & 4: return value when already ns object
/******/ 	// mode & 8|1: behave like require
/******/ 	__webpack_require__.t = function(value, mode) {
/******/ 		if(mode & 1) value = __webpack_require__(value);
/******/ 		if(mode & 8) return value;
/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ 		var ns = Object.create(null);
/******/ 		__webpack_require__.r(ns);
/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ 		return ns;
/******/ 	};
/******/
/******/ 	// getDefaultExport function for compatibility with non-harmony modules
/******/ 	__webpack_require__.n = function(module) {
/******/ 		var getter = module && module.__esModule ?
/******/ 			function getDefault() { return module['default']; } :
/******/ 			function getModuleExports() { return module; };
/******/ 		__webpack_require__.d(getter, 'a', getter);
/******/ 		return getter;
/******/ 	};
/******/
/******/ 	// Object.prototype.hasOwnProperty.call
/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "/";
/******/
/******/
/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(__webpack_require__.s = 1);
/******/ })
/************************************************************************/
/******/ ({

/***/ "./resources/js/components/accordion.riot":
/*!************************************************!*\
  !*** ./resources/js/components/accordion.riot ***!
  \************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = ({
  'css': null,

  'exports': {
    state: {
        items: [],
        index: 0
    },

    /**
     *  getting innerHTML and remove it
     *
     */
    onBeforeMount()
    {
        this.content = this.root.innerHTML
        this.root.innerHTML = ''
    },

    /**
     *  create wrapper for
     *
     *  @param  {object} props
     *  @param  {object} state
     *
     */
    onMounted(props, state) {
        const header = this.$('.tabs')

        state.wrapper = document.createElement('div')

        state.wrapper.innerHTML = this.content
        header.after(state.wrapper)

        // run through all items and add a css-class and current class to first element
        for (let i = 0; i < state.wrapper.children.length; i++) {
            state.items.push(state.wrapper.children[i].title)
            state.wrapper.children[i].classList.add('accordion__item')

            if (i === 0) {
                state.wrapper.children[i].classList.add('accordion__item--active')
            }
        }

        this.update()
    },

    /**
     *  remove all active classes and add active-classes to clicked
     *
     *  @param  {object} event
     *  @param  {object} index
     *
     */
    handleClick(event, index) {
        for (let i = 0; i < this.state.wrapper.children.length; i++) {
            this.state.wrapper.children[i].classList.remove('accordion__item--active')

            if (i === index) {
                this.state.wrapper.children[i].classList.add('accordion__item--active')
                this.state.index = i
            }
        }

        this.update()
    },

    /**
     *  getting class for active accordion in header
     *
     */
    getCurrentClass(index)
    {
        let classes = []

        if (index === this.state.index) {
            classes.push('is-active')
        }

        return classes.join(' ')
    }
  },

  'template': function(
    template,
    expressionTypes,
    bindingTypes,
    getComponent
  ) {
    return template(
      '<div class="accordion"><div class="tabs mb-3"><ul><li expr6="expr6"></li></ul></div></div>',
      [
        {
          'type': bindingTypes.EACH,
          'getKey': null,
          'condition': null,

          'template': template(
            '<a expr7="expr7"> </a>',
            [
              {
                'expressions': [
                  {
                    'type': expressionTypes.ATTRIBUTE,
                    'name': 'class',

                    'evaluate': function(
                      scope
                    ) {
                      return scope.getCurrentClass(scope.index);
                    }
                  },
                  {
                    'type': expressionTypes.EVENT,
                    'name': 'onclick',

                    'evaluate': function(
                      scope
                    ) {
                      return () => scope.handleClick(scope.event, scope.index);
                    }
                  }
                ]
              },
              {
                'redundantAttribute': 'expr7',
                'selector': '[expr7]',

                'expressions': [
                  {
                    'type': expressionTypes.TEXT,
                    'childNodeIndex': 0,

                    'evaluate': function(
                      scope
                    ) {
                      return scope.item;
                    }
                  }
                ]
              }
            ]
          ),

          'redundantAttribute': 'expr6',
          'selector': '[expr6]',
          'itemName': 'item',
          'indexName': 'index',

          'evaluate': function(
            scope
          ) {
            return scope.state.items;
          }
        }
      ]
    );
  },

  'name': 'urban-accordion'
});

/***/ }),

/***/ "./resources/js/components/buckets.riot":
/*!**********************************************!*\
  !*** ./resources/js/components/buckets.riot ***!
  \**********************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = ({
  'css': null,

  'exports': {
    handleClick() {

    }
  },

  'template': function(
    template,
    expressionTypes,
    bindingTypes,
    getComponent
  ) {
    return template(
      '<div class="buckets"><div class="tile is-ancestor"><div expr0="expr0" class="tile is-3 is-parent"></div></div><div class="buckets__more"><button expr5="expr5" type="button" class="button">\n                More\n                <span class="icon is-small is-left"><svg aria-hidden="true"><use xlink:href="/symbol-defs.svg#icon-add-circle"/></svg></span></button></div></div>',
      [
        {
          'type': bindingTypes.EACH,
          'getKey': null,
          'condition': null,

          'template': template(
            '<div class="tile is-child"><a expr1="expr1" class="buckets__item"><div class="content"><p expr2="expr2" class="title is-4"> </p><div expr3="expr3" class="tags are-medium"></div></div></a></div>',
            [
              {
                'redundantAttribute': 'expr1',
                'selector': '[expr1]',

                'expressions': [
                  {
                    'type': expressionTypes.ATTRIBUTE,
                    'name': 'href',

                    'evaluate': function(
                      scope
                    ) {
                      return [
                        '/bucket/',
                        scope.bucket.id
                      ].join(
                        ''
                      );
                    }
                  }
                ]
              },
              {
                'redundantAttribute': 'expr2',
                'selector': '[expr2]',

                'expressions': [
                  {
                    'type': expressionTypes.TEXT,
                    'childNodeIndex': 0,

                    'evaluate': function(
                      scope
                    ) {
                      return [
                        scope.bucket.name
                      ].join(
                        ''
                      );
                    }
                  }
                ]
              },
              {
                'type': bindingTypes.IF,

                'evaluate': function(
                  scope
                ) {
                  return scope.bucket.tags && scope.bucket.tags.length > 0;
                },

                'redundantAttribute': 'expr3',
                'selector': '[expr3]',

                'template': template(
                  '<span expr4="expr4" class="tag is-white"></span>',
                  [
                    {
                      'type': bindingTypes.EACH,
                      'getKey': null,
                      'condition': null,

                      'template': template(
                        ' ',
                        [
                          {
                            'expressions': [
                              {
                                'type': expressionTypes.TEXT,
                                'childNodeIndex': 0,

                                'evaluate': function(
                                  scope
                                ) {
                                  return scope.tag;
                                }
                              }
                            ]
                          }
                        ]
                      ),

                      'redundantAttribute': 'expr4',
                      'selector': '[expr4]',
                      'itemName': 'tag',
                      'indexName': null,

                      'evaluate': function(
                        scope
                      ) {
                        return scope.bucket.tags;
                      }
                    }
                  ]
                )
              }
            ]
          ),

          'redundantAttribute': 'expr0',
          'selector': '[expr0]',
          'itemName': 'bucket',
          'indexName': null,

          'evaluate': function(
            scope
          ) {
            return scope.props.buckets;
          }
        },
        {
          'redundantAttribute': 'expr5',
          'selector': '[expr5]',

          'expressions': [
            {
              'type': expressionTypes.EVENT,
              'name': 'onclick',

              'evaluate': function(
                scope
              ) {
                return scope.handleClick;
              }
            }
          ]
        }
      ]
    );
  },

  'name': 'buckets'
});

/***/ }),

/***/ "./resources/js/components/login-email.riot":
/*!**************************************************!*\
  !*** ./resources/js/components/login-email.riot ***!
  \**************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = ({
  'css': null,
  'exports': {},

  'template': function(
    template,
    expressionTypes,
    bindingTypes,
    getComponent
  ) {
    return template(
      '<div class="login"><form><div class="field is-horizontal"><div class="field-body"><div class="field"><div class="control has-icons-left"><input class="input" type="text" placeholder="E-Mail"/><span class="icon is-small is-left"><svg aria-hidden="true"><use xlink:href="/symbol-defs.svg#icon-email"/></svg></span></div></div><div class="field"><div class="control"><button class="button is-primary" type="submit">\n                                Send me a Link\n                            </button></div></div></div></div></form></div>',
      []
    );
  },

  'name': 'urban-login-email'
});

/***/ }),

/***/ "./resources/js/components/login-password.riot":
/*!*****************************************************!*\
  !*** ./resources/js/components/login-password.riot ***!
  \*****************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = ({
  'css': null,
  'exports': {},

  'template': function(
    template,
    expressionTypes,
    bindingTypes,
    getComponent
  ) {
    return template(
      '<div class="login"><form><div class="field is-horizontal"><div class="field-body"><div class="field"><div class="control has-icons-left"><input class="input" type="text" placeholder="E-Mail"/><span class="icon is-small is-left"><svg aria-hidden="true"><use xlink:href="symbol-defs.svg#icon-email"/></svg></span></div></div><div class="field"><div class="control has-icons-left"><input class="input" type="text" placeholder="Password"/><span class="icon is-small is-left"><svg aria-hidden="true"><use xlink:href="symbol-defs.svg#icon-secret"/></svg></span></div></div><div class="field"><div class="control"><button class="button is-primary" type="submit">\n                                Login\n                            </button></div></div></div></div></form></div>',
      []
    );
  },

  'name': 'urban-login-password'
});

/***/ }),

/***/ "./resources/js/views/home.js":
/*!************************************!*\
  !*** ./resources/js/views/home.js ***!
  \************************************/
/*! no exports provided */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _components_buckets_riot__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../components/buckets.riot */ "./resources/js/components/buckets.riot");
/* harmony import */ var _components_login_email_riot__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../components/login-email.riot */ "./resources/js/components/login-email.riot");
/* harmony import */ var _components_login_password_riot__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../components/login-password.riot */ "./resources/js/components/login-password.riot");
/* harmony import */ var _components_accordion_riot__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../components/accordion.riot */ "./resources/js/components/accordion.riot");




/**
 *  Home
 *
 *
 */
// register components

riot.register('buckets', _components_buckets_riot__WEBPACK_IMPORTED_MODULE_0__["default"]);
riot.register('urban-login-email', _components_login_email_riot__WEBPACK_IMPORTED_MODULE_1__["default"]);
riot.register('urban-login-password', _components_login_password_riot__WEBPACK_IMPORTED_MODULE_2__["default"]);
riot.register('urban-accordion', _components_accordion_riot__WEBPACK_IMPORTED_MODULE_3__["default"]); // mount

riot.mount('urban-accordion');
riot.mount('urban-login-email');
riot.mount('urban-login-password');
riot.mount('urban-form-validator');

/***/ }),

/***/ 1:
/*!******************************************!*\
  !*** multi ./resources/js/views/home.js ***!
  \******************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__(/*! /home/herrhase/Workspace/herrhase/urban-filehub/resources/js/views/home.js */"./resources/js/views/home.js");


/***/ })

/******/ });