bettysteger

<template>
  <div class="editorjs" ref="htmlelement"></div>
</template>
<script setup>
import EditorJS from '@editorjs/editorjs';
import EmbedTool from '@editorjs/embed';
import ListTool from '@editorjs/list';
import ImageTool from '@editorjs/image';
import VideoTool from './editorjs/video.js';
import { onMounted, onUnmounted, ref, watch } from 'vue';

bettysteger

import mentionsService from 'mentionsService.js'
import InlineMention from 'inlineMention.js'

/**
 * this is just a code snippet on how to use the Mentions Service and Inline Tool
 */
const editor = new EditorJS({
  holder: 'editorjs',
  inlineToolbar: ['bold', 'italic', 'link', 'inlineMention'],
  tools: {

bettysteger

// Overwrite Embed Block Tool
import EmbedTool from '@editorjs/embed';

export default class Embed extends EmbedTool {
  static get toolbox() {
    return {
      title: 'YouTube',
      icon: '<i class="fab fa-youtube"></i>'
    };
  }

bettysteger

# Need to overwrite controller to make a devise-two-factor work with devise_token_auth
# @see https://github.com/lynndylanhurley/devise_token_auth/blob/master/app/controllers/devise_token_auth/sessions_controller.rb
class SessionsController < DeviseTokenAuth::SessionsController

  def create
    # Check
    field = (resource_params.keys.map(&:to_sym) & resource_class.authentication_keys).first

    @resource = nil
    if field

bettysteger

# lib/strategies/fusionauth.rb
require 'omniauth-oauth2'

module OmniAuth
  module Strategies
    class Fusionauth < OmniAuth::Strategies::OAuth2
      # Give your strategy a name.
      option :name, "fusionauth"

      # This is where you pass the options you would pass when

bettysteger

image: node:8.7.0

pipelines:
  default:
    - step:
        caches:
          - node
        script: 
          - npm install
          - npm install yarn grunt -g

bettysteger

/**
 * Modal provider. Adds state which will open a modal.
 * Opens or closes modal on URL change.
 */
app.provider('modalState', function($stateProvider) {
  var provider = this;
  var modalResult;
  this.$get = function() {
    return provider;
  };

bettysteger

/**
 * Show preview of cropped image
 */
uploader.onAfterAddingFile = function(item) {
  $scope.cropped = {image: ''};
  var reader = new FileReader();
  reader.onload = function(event) {
    $scope.$apply(function(){
      $scope.cropped.image = event.target.result;
    });

bettysteger

/**
 * Classes and Inheritance
 * Code Example from http://www.es6fiddle.net/
 */
class Polygon {
  constructor(height, width) { //class constructor
    this.name = 'Polygon';
    this.height = height;
    this.width = width;
  }

bettysteger

/**
 * redirect javascript bookmarklet
 */
// javascript:location.href='http://example.com/?uri='+encodeURIComponent(location.href)

/**
 * bookmarklet loaded on site
 */
(function(){