mirror of
https://gh.llkk.cc/https://github.com/CaptainCore/captaincore-manager.git
synced 2025-10-03 14:04:44 +08:00
13884 lines
No EOL
557 KiB
PHP
13884 lines
No EOL
557 KiB
PHP
<?php
|
|
if ( ! function_exists('is_plugin_active') ) {
|
|
include_once(ABSPATH . 'wp-admin/includes/plugin.php');
|
|
}
|
|
?><!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title><?php echo ( ! empty( get_option( 'options_business_name' ) ) ? get_option( 'options_business_name' ) . ' - ' : "" ); ?>Account</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
|
|
<meta charset="utf-8">
|
|
<?php
|
|
$plugin_url = plugin_dir_url( __DIR__ );
|
|
|
|
// Load favicons and wpApiSettings from normal WordPress header
|
|
captaincore_header_content_extracted();
|
|
|
|
// Fetch current user details
|
|
$user = ( new CaptainCore\User )->profile();
|
|
|
|
if ( is_plugin_active( 'arve-pro/arve-pro.php' ) ) { ?>
|
|
<link rel='stylesheet' id='arve-main-css' href='/wp-content/plugins/advanced-responsive-video-embedder/build/main.css' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='arve-pro-css' href='/wp-content/plugins/arve-pro/build/main.css' type='text/css' media='all' />
|
|
<?php } ?>
|
|
<link href="<?php echo home_url(); ?>/account/" rel="canonical">
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
|
|
<?php if ( substr( $_SERVER['SERVER_NAME'], -10) == '.localhost' ) { ?>
|
|
<link href="<?php echo $plugin_url; ?>public/css/vuetify.min.css" rel="stylesheet">
|
|
<link href="<?php echo $plugin_url; ?>public/css/materialdesignicons.min.css" rel="stylesheet">
|
|
<link href="<?php echo $plugin_url; ?>public/css/frappe-charts.min.css" rel="stylesheet">
|
|
<?php } else { ?>
|
|
<link href="https://cdn.jsdelivr.net/npm/vuetify@2.7.1/dist/vuetify.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@6.5.95/css/materialdesignicons.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/frappe-charts@1.6.1/dist/frappe-charts.min.css" rel="stylesheet">
|
|
<?php } ?>
|
|
<link href="<?php echo $plugin_url; ?>public/css/captaincore-public-2023-11-16.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div id="app" v-cloak>
|
|
<v-app :style="{backgroundColor: $vuetify.theme.themes.light.accent}">
|
|
<v-app-bar color="accent" dense app flat style="left:0px;min-height:64px" class="pt-2 pr-2">
|
|
<v-app-bar-nav-icon @click.stop="drawer = !drawer" class="d-md-none d-lg-none d-xl-none" v-show="route != 'login' || route != 'welcome' || route != 'connect'"></v-app-bar-nav-icon>
|
|
<v-list flat color="accent">
|
|
<v-list-item :href="configurations.path" @click.prevent="goToPath( '/' )" flat class="not-active pl-0">
|
|
<v-img :src="configurations.logo" contain :max-width="configurations.logo_width == '' ? 32 : configurations.logo_width" v-if="configurations.logo" class="mr-4"></v-img>
|
|
{{ configurations.name }}
|
|
</v-list-item>
|
|
</v-list>
|
|
<div class="flex" style="opacity:0;"><textarea id="clipboard" style="height:1px;width:10px;display:flex;cursor:default"></textarea></div>
|
|
<v-spacer></v-spacer>
|
|
<v-menu v-model="notifications" :close-on-content-click="false" offset-y>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn icon v-bind="attrs" v-on="on">
|
|
<v-badge dot color="error" :value="provider_actions.length">
|
|
<v-icon>mdi-bell-ring</v-icon>
|
|
</v-badge>
|
|
</v-btn>
|
|
</template>
|
|
<v-card width="600">
|
|
<v-list>
|
|
<v-list-item>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Provider Activity</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-list>
|
|
<v-divider></v-divider>
|
|
<v-card flat v-show="provider_actions.length == 0">
|
|
<v-card-text>
|
|
<v-alert type="info" text>There are no background activities.</v-alert>
|
|
</v-card-text>
|
|
</v-card>
|
|
<v-list subheader three-line>
|
|
<v-list-item v-for="item in provider_actions">
|
|
<v-list-item-content>
|
|
<v-list-item-title>{{ item.created_at | pretty_timestamp }}</v-list-item-title>
|
|
<v-list-item-subtitle>{{ item.action.message }}</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-card>
|
|
</v-menu>
|
|
</v-app-bar>
|
|
<v-navigation-drawer v-model="drawer" app mobile-breakpoint="960" clipped v-if="route != 'login' && route != 'connect'" color="accent pt-5">
|
|
<v-list nav dense>
|
|
<v-list-item-group mandatory v-model="selected_nav" color="primary">
|
|
<v-list-item style="display:none"></v-list-item>
|
|
<v-list-item link :href=`${configurations.path}sites` @click.prevent="goToPath( '/sites' )">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-wrench</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Sites</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item link :href=`${configurations.path}domains` @click.prevent="goToPath( '/domains' )">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-text-box-multiple</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Domains</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item link :href=`${configurations.path}accounts` @click.prevent="goToPath( '/accounts' )">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-card-account-details</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Accounts</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item link :href=`${configurations.path}billing` @click.prevent="goToPath( '/billing' )" v-show="modules.billing">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-currency-usd</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Billing</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-list>
|
|
<template v-slot:append>
|
|
<v-menu offset-y top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-list>
|
|
<v-list-item link v-on="on">
|
|
<v-list-item-avatar rounded>
|
|
<v-img :src="gravatar"></v-img>
|
|
</v-list-item-avatar>
|
|
<v-list-item-content>
|
|
<v-list-item-title>{{ current_user_display_name }}</v-list-item-title>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-chevron-up</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
</v-list>
|
|
</template>
|
|
<v-list dense>
|
|
<v-subheader>Developers</v-subheader>
|
|
<v-list-item link :href=`${configurations.path}cookbook` @click.prevent="goToPath( '/cookbook' )">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-code-tags</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Cookbook</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item link :href=`${configurations.path}health` @click.prevent="goToPath( '/health' )">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-ladybug</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Health</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-subheader v-show="role == 'administrator'">Administrator</v-subheader>
|
|
<v-list-item link :href=`${configurations.path}configurations` @click.prevent="goToPath( '/configurations' )" v-show="role == 'administrator'">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-cogs</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Configurations</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item link :href=`${configurations.path}handbook` @click.prevent="goToPath( '/handbook' )" v-show="role == 'administrator'">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-map</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Handbook</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item link :href=`${configurations.path}defaults` @click.prevent="goToPath( '/defaults' )" v-show="role == 'administrator'">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-application</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Site Defaults</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item link :href=`${configurations.path}keys` @click.prevent="goToPath( '/keys' )" v-show="role == 'administrator'">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-key</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>SSH Keys</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-list-item-group>
|
|
<v-list-item link :href=`${configurations.path}subscriptions` @click.prevent="goToPath( '/subscriptions' )" v-show="role == 'administrator'">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-repeat</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Subscriptions</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item link :href=`${configurations.path}users` @click.prevent="goToPath( '/users' )" v-show="role == 'administrator'">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-account-multiple</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Users</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-subheader>User</v-subheader>
|
|
<v-list-item link :href=`${configurations.path}profile` @click.prevent="goToPath( '/profile' )">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-account-box</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Profile</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item link v-if="footer.switch_to_link" :href="footer.switch_to_link">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-logout</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>{{ footer.switch_to_text }}</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item link @click="signOut()">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-logout</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Log Out</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-menu>
|
|
</template>
|
|
</v-navigation-drawer>
|
|
<v-main>
|
|
<v-container fluid class="px-0 pt-0 pb-15">
|
|
<v-dialog v-model="new_plugin.show" max-width="900px">
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="new_plugin.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Add plugin to {{ new_plugin.site_name }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-toolbar dense light flat>
|
|
<v-tabs v-model="new_plugin.tabs" mandatory>
|
|
<v-tab>From your computer</v-tab>
|
|
<v-tab>From WordPress.org</v-tab>
|
|
<v-tab>From Envato</v-tab>
|
|
</v-tabs>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-tabs-items v-model="new_plugin.tabs">
|
|
<v-tab-item key="0" :transition="false">
|
|
<div class="upload-drag pt-4">
|
|
<div class="upload">
|
|
<div v-if="upload.length" class="mx-3">
|
|
<div v-for="(file, index) in upload" :key="file.id">
|
|
<span>{{ file.name }}</span> -
|
|
<span>{{ file.size | formatSize }}</span> -
|
|
<span v-if="file.error">{{file.error}}</span>
|
|
<span v-else-if="file.success">success</span>
|
|
<span v-else-if="file.active">active
|
|
<v-progress-linear v-model="file.progress"></v-progress-linear>
|
|
</span>
|
|
<span v-else></span>
|
|
</div>
|
|
</div>
|
|
<div v-else>
|
|
<div class="text-center">
|
|
<h4>Drop files anywhere to upload<br/>or</h4>
|
|
<label for="file" class="btn btn-lg btn-primary" style="padding: 0px 8px;">Select Files</label>
|
|
</div>
|
|
</div>
|
|
<div v-show="$refs.upload && $refs.upload.dropActive" class="drop-active">
|
|
<h3>Drop files to upload</h3>
|
|
</div>
|
|
<div class="upload-drag-btn">
|
|
<file-upload class="btn btn-primary" @input-file="inputFile" post-action="<?php echo $plugin_url; ?>upload.php" :drop="true" v-model="upload" ref="upload"></file-upload>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</v-tab-item>
|
|
<v-tab-item key="1" :transition="false">
|
|
<v-layout justify-center class="pa-3">
|
|
<v-flex xs12 sm9 pt-3>
|
|
<v-pagination v-if="new_plugin.api.info && new_plugin.api.info.pages > 1" :length="new_plugin.api.info.pages - 1" v-model="new_plugin.page" :total-visible="7" color="primary" @input="fetchPlugins"></v-pagination>
|
|
</v-flex>
|
|
<v-flex xs12 sm3>
|
|
<v-text-field label="Search plugins" light @click:append="new_plugin.search = $event.target.offsetParent.children[0].children[1].value; fetchPlugins()" v-on:keyup.enter="new_plugin.search = $event.target.value; fetchPlugins()" append-icon="mdi-magnify" :loading="new_plugin.loading"></v-text-field>
|
|
<!-- @change.native="new_plugin.search = $event.target.value; fetchPlugins" -->
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout row wrap pa-5>
|
|
<v-flex v-for="item in new_plugin.api.items" :key="item.slug" xs4 pa-2>
|
|
<v-card>
|
|
<v-layout style="min-height: 120px;">
|
|
<v-flex xs3 px-2 pt-2>
|
|
<v-img
|
|
:src='item.icons["1x"]'
|
|
contain
|
|
></v-img>
|
|
</v-flex>
|
|
<v-flex xs9 px-2 pt-2>
|
|
<span v-html="item.name"></span>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-card-actions>
|
|
<v-spacer></v-spacer>
|
|
<div v-if="new_plugin.current_plugins.includes( item.slug )">
|
|
<v-btn small depressed @click="uninstallPlugin( item )">Uninstall</v-btn>
|
|
<v-btn small depressed disabled>Install</v-btn>
|
|
</div>
|
|
<v-btn v-else small depressed @click="installPlugin( item )">Install</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-tab-item>
|
|
<v-tab-item key="2" :transition="false">
|
|
<v-layout justify-center class="pa-3">
|
|
<v-flex xs12 sm9 pt-3></v-flex>
|
|
<v-flex xs12 sm3>
|
|
<v-text-field label="Search plugins" light v-model="new_plugin.envato.search" append-icon="mdi-magnify"></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout row wrap pa-5>
|
|
<v-flex v-for="item in filteredEnvatoPlugins" :key="item.id" xs4 pa-2>
|
|
<v-card>
|
|
<v-layout style="min-height: 120px;">
|
|
<v-flex xs3 px-2 pt-2>
|
|
<v-img
|
|
:src='item.previews.icon_preview.icon_url'
|
|
contain
|
|
></v-img>
|
|
</v-flex>
|
|
<v-flex xs9 px-2 pt-2>
|
|
<span v-html="item.name"></span>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-card-actions>
|
|
<v-spacer></v-spacer>
|
|
<v-btn small depressed @click="installEnvatoPlugin( item )">Install</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-tab-item>
|
|
</v-tabs-items>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="new_theme.show" max-width="900px">
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="new_theme.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Add theme to {{ new_theme.site_name }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-toolbar dense flat>
|
|
<v-tabs v-model="new_theme.tabs" mandatory>
|
|
<v-tab>From your computer</v-tab>
|
|
<v-tab>From WordPress.org</v-tab>
|
|
<v-tab>From Envato</v-tab>
|
|
</v-tabs>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-tabs-items v-model="new_theme.tabs">
|
|
<v-tab-item key="0" :transition="false">
|
|
<div class="upload-drag pt-4">
|
|
<div class="upload">
|
|
<div v-if="upload.length" class="mx-3">
|
|
<div v-for="(file, index) in upload" :key="file.id">
|
|
<span>{{ file.name }}</span> -
|
|
<span>{{ file.size | formatSize }}</span> -
|
|
<span v-if="file.error">{{file.error}}</span>
|
|
<span v-else-if="file.success">success</span>
|
|
<span v-else-if="file.active">active
|
|
<v-progress-linear v-model="file.progress"></v-progress-linear>
|
|
</span>
|
|
<span v-else></span>
|
|
</div>
|
|
</div>
|
|
<div v-else>
|
|
<div class="text-center">
|
|
<h4>Drop files anywhere to upload<br/>or</h4>
|
|
<label for="file" class="btn btn-lg btn-primary" style="padding: 0px 8px;">Select Files</label>
|
|
</div>
|
|
</div>
|
|
<div v-show="$refs.upload && $refs.upload.dropActive" class="drop-active">
|
|
<h3>Drop files to upload</h3>
|
|
</div>
|
|
<div class="upload-drag-btn">
|
|
<file-upload class="btn btn-primary" @input-file="inputFile" post-action="<?php echo $plugin_url; ?>upload.php" :drop="true" v-model="upload" ref="upload"></file-upload>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</v-tab-item>
|
|
<v-tab-item key="1" :transition="false">
|
|
<v-layout justify-center class="pa-3">
|
|
<v-flex xs12 sm3>
|
|
</v-flex>
|
|
<v-flex xs12 sm6>
|
|
<div class="text-center">
|
|
<v-pagination v-if="new_theme.api.info && new_theme.api.info.pages > 1" :length="new_theme.api.info.pages - 1" v-model="new_theme.page" :total-visible="7" color="primary" @input="fetchThemes"></v-pagination>
|
|
</div>
|
|
</v-flex>
|
|
<v-flex xs12 sm3>
|
|
<v-text-field label="Search themes" light @click:append="new_theme.search = $event.target.offsetParent.children[0].children[1].value; fetchThemes()" v-on:keyup.enter="new_theme.search = $event.target.value; fetchThemes()" append-icon="mdi-magnify" :loading="new_theme.loading"></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout row wrap pa-2>
|
|
<v-flex
|
|
v-if="new_theme.api.items"
|
|
v-for="item in new_theme.api.items"
|
|
:key="item.slug"
|
|
xs4
|
|
pa-2
|
|
>
|
|
<v-card>
|
|
<v-layout style="min-height: 120px;">
|
|
<v-flex xs3 px-2 pt-2>
|
|
<v-img
|
|
:src='item.screenshot_url'
|
|
contain
|
|
></v-img>
|
|
</v-flex>
|
|
<v-flex xs9 px-2 pt-2>
|
|
<span v-html="item.name"></span>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-card-actions>
|
|
<v-spacer></v-spacer>
|
|
<div v-if="new_theme.current_themes && new_theme.current_themes.includes( item.slug )">
|
|
<v-btn small depressed @click="uninstallTheme( item )">Uninstall</v-btn>
|
|
<v-btn small depressed disabled>Install</v-btn>
|
|
</div>
|
|
<v-btn v-else small depressed @click="installTheme( item )">Install</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-tab-item>
|
|
<v-tab-item key="2" :transition="false">
|
|
<v-layout justify-center class="pa-3">
|
|
<v-flex xs12 sm9 pt-3></v-flex>
|
|
<v-flex xs12 sm3>
|
|
<v-text-field label="Search themes" light v-model="new_theme.envato.search" append-icon="mdi-magnify"></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout row wrap pa-5>
|
|
<v-flex v-for="item in filteredEnvatoThemes" :key="item.id" xs4 pa-2>
|
|
<v-card>
|
|
<v-layout style="min-height: 120px;">
|
|
<v-flex xs3 px-2 pt-2>
|
|
<v-img :src='item.previews.icon_preview.icon_url' contain></v-img>
|
|
</v-flex>
|
|
<v-flex xs9 px-2 pt-2>
|
|
<span v-html="item.name"></span>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-card-actions>
|
|
<v-spacer></v-spacer>
|
|
<v-btn small depressed @click="installEnvatoTheme( item )">Install</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-tab-item>
|
|
</v-tabs-items>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="bulk_edit.show" max-width="600px">
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="bulk_edit.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Bulk edit on {{ bulk_edit.site_name }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<h3>Bulk edit {{ bulk_edit.items.length }} {{ bulk_edit.type }}</h3>
|
|
<v-btn v-if="bulk_edit.type == 'plugins'" @click="bulkEditExecute('activate')">Activate</v-btn> <v-btn v-if="bulk_edit.type == 'plugins'" @click="bulkEditExecute('deactivate')">Deactivate</v-btn> <v-btn v-if="bulk_edit.type == 'plugins'" @click="bulkEditExecute('toggle')">Toggle</v-btn> <v-btn @click="bulkEditExecute('delete')">Delete</v-btn>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_request_site.show" max-width="600px">
|
|
<v-card>
|
|
<v-toolbar flat dense dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_request_site.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Create new WordPress site</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-row>
|
|
<v-col><v-text-field :value="dialog_request_site.request.name" @change.native="dialog_request_site.request.name = $event.target.value" label="Name or Domain" hint="Please enter a name or domain name you wish to use for the new WordPress site." persistent-hint></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col><v-select v-model="dialog_request_site.request.account_id" label="Account" :items="accounts" item-text="name" item-value="account_id"></v-select></v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col><v-textarea :value="dialog_request_site.request.notes" @change.native="dialog_request_site.request.notes = $event.target.value" label="Notes" hint="Anything else you'd like to mention about this new site? (Optional)" persistent-hint></vtext-area></v-col>
|
|
</v-row>
|
|
</v-card-text>
|
|
<v-card-actions>
|
|
<v-btn color="primary" class="pa-3" @click="requestSite()">Request New Site</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_mailgun_config.show" max-width="500px">
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_mailgun_config.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Configure Mailgun for {{ dialog_site.site.name }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text class="mt-4">
|
|
<v-text-field label="Mailgun Subdomain" :value="dialog_site.site.mailgun" @change.native="dialog_site.site.mailgun = $event.target.value"></v-text-field>
|
|
<v-flex xs12>
|
|
<v-btn color="primary" dark @click="saveMailgun()">Save</v-btn>
|
|
</v-flex>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_fathom.show" max-width="500px">
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_fathom.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Configure Fathom for {{ dialog_fathom.site.name }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text class="pt-3">
|
|
<v-progress-linear :indeterminate="true" v-if="dialog_fathom.loading"></v-progress-linear>
|
|
<p class="mb-0">Fathom Analytics</p>
|
|
<table>
|
|
<tr v-for="tracker in dialog_site.environment_selected.fathom_analytics">
|
|
<td><v-text-field v-model="tracker.domain" label="Domain" hide-details></v-text-field></td>
|
|
<td><v-text-field v-model="tracker.code" label="Code" hide-details></v-text-field></td>
|
|
<td>
|
|
<v-icon @click="deleteFathomItem(tracker)">mdi-delete</v-icon>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<v-col cols="12" class="text-right">
|
|
<v-btn fab small @click='dialog_site.environment_selected.fathom_analytics.push({ "code": "", "domain" : "" })'>
|
|
<v-icon dark>mdi-plus</v-icon>
|
|
</v-btn>
|
|
</v-col>
|
|
<p class="mb-0">Fathom Lite</p>
|
|
<table>
|
|
<tr v-for="tracker in dialog_fathom.environment.fathom">
|
|
<td><v-text-field v-model="tracker.domain" label="Domain" hide-details></v-text-field></td>
|
|
<td><v-text-field v-model="tracker.code" label="Code" hide-details></v-text-field></td>
|
|
<td>
|
|
<v-icon @click="deleteFathomLiteItem(tracker)">mdi-delete</v-icon>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<v-col cols="12" class="text-right">
|
|
<v-btn fab small @click="newFathomItem">
|
|
<v-icon dark>mdi-plus</v-icon>
|
|
</v-btn>
|
|
</v-col>
|
|
<v-btn color="primary" dark @click="saveFathomConfigurations()">Save Fathom configurations</v-btn>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_fathom.editItem" max-width="500px">
|
|
<v-card>
|
|
<v-card-title>
|
|
<span class="headline">Edit Item</span>
|
|
</v-card-title>
|
|
<v-card-text>
|
|
<v-container grid-list-md>
|
|
<v-layout wrap>
|
|
<v-flex xs12 sm6 md4>
|
|
<v-text-field v-model="dialog_fathom.editedItem.domain" label="Domain"></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs12 sm6 md4>
|
|
<v-text-field v-model="dialog_fathom.editedItem.code" label="Code"></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-card-text>
|
|
<v-card-actions>
|
|
<v-spacer></v-spacer>
|
|
<v-btn color="blue darken-1" text @click="configureFathomClose">Cancel</v-btn>
|
|
<v-btn color="blue darken-1" text @click="configureFathomSave">Save</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="new_recipe.show" max-width="800px">
|
|
<v-card tile style="margin:auto;max-width:800px">
|
|
<v-toolbar flat>
|
|
<v-btn icon @click.native="new_recipe.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>New Recipe</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text style="max-height: 100%;">
|
|
<v-container>
|
|
<v-layout row wrap>
|
|
<v-flex xs12 pa-2>
|
|
<v-text-field label="Name" :value="new_recipe.title" @change.native="new_recipe.title = $event.target.value"></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs12 pa-2>
|
|
<v-textarea label="Content" persistent-hint hint="Bash script and WP-CLI commands welcomed." auto-grow :value="new_recipe.content" @change.native="new_recipe.content = $event.target.value" spellcheck="false"></v-textarea>
|
|
</v-flex>
|
|
<v-flex xs12 pa-2 v-if="role == 'administrator'">
|
|
<v-switch label="Public" v-model="new_recipe.public" persistent-hint hint="Public by default. Turning off will make the recipe only viewable and useable by you." :false-value="0" :true-value="1"></v-switch>
|
|
</v-flex>
|
|
<v-flex xs12 text-right pa-0 ma-0>
|
|
<v-btn color="primary" dark @click="addRecipe()">
|
|
Add New Recipe
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_new_account.show" max-width="800px" persistent scrollable v-if="role == 'administrator'">
|
|
<v-card tile>
|
|
<v-toolbar flat>
|
|
<v-btn icon @click.native="dialog_new_account.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>New Account</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text style="max-height: 100%;">
|
|
<v-container>
|
|
<v-layout row wrap>
|
|
<v-flex xs12 pa-2>
|
|
<v-text-field label="Name" :value="dialog_new_account.name" @change.native="dialog_new_account.name = $event.target.value"></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs12 text-right pa-0 ma-0>
|
|
<v-btn color="primary" dark @click="createSiteAccount()">
|
|
Create Account
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_edit_account.show" max-width="800px" persistent scrollable>
|
|
<v-card tile>
|
|
<v-toolbar flat>
|
|
<v-btn icon @click.native="dialog_edit_account.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Edit Account</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text style="max-height: 100%;">
|
|
<v-container>
|
|
<v-layout row wrap>
|
|
<v-flex xs12 pa-2>
|
|
<v-text-field label="Name" :value="dialog_edit_account.account.name" @change.native="dialog_edit_account.account.name = $event.target.value"></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs12 text-right pa-0 ma-0>
|
|
<v-btn color="primary" dark @click="updateSiteAccount()">
|
|
Save Account
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_cookbook.show" max-width="800px" persistent scrollable>
|
|
<v-card tile>
|
|
<v-toolbar flat>
|
|
<v-btn icon @click.native="dialog_cookbook.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Edit Recipe</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text style="max-height: 100%;">
|
|
<v-container>
|
|
<v-layout row wrap>
|
|
<v-flex xs12 pa-2>
|
|
<v-text-field label="Name" :value="dialog_cookbook.recipe.title" @change.native="dialog_cookbook.recipe.title = $event.target.value"></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs12 pa-2>
|
|
<v-textarea label="Content" persistent-hint hint="Bash script and WP-CLI commands welcomed." auto-grow :value="dialog_cookbook.recipe.content" @change.native="dialog_cookbook.recipe.content = $event.target.value" spellcheck="false"></v-textarea>
|
|
</v-flex>
|
|
<v-flex xs12 pa-2 v-if="role == 'administrator'">
|
|
<v-switch label="Public" v-model="dialog_cookbook.recipe.public" persistent-hint hint="Public by default. Turning off will make the recipe only viewable and useable by you." false-value="0" true-value="1"></v-switch>
|
|
</v-flex>
|
|
<v-flex xs12 text-right pa-0 ma-0>
|
|
<v-btn color="primary" dark @click="updateRecipe()">
|
|
Save Recipe
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_user.show" max-width="800px" persistent scrollable>
|
|
<v-card tile v-if="typeof dialog_user.user == 'object'">
|
|
<v-toolbar dense flat>
|
|
<v-btn icon @click.native="dialog_user.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Edit user {{ dialog_user.user.name }}</v-toolbar-title>
|
|
<div class="flex-grow-1"></div>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-flex xs12 pa-2>
|
|
<v-text-field label="Name" :value="dialog_user.user.name" @change.native="dialog_user.user.name = $event.target.value"></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs12 pa-2>
|
|
<v-text-field label="Email" :value="dialog_user.user.email" @change.native="dialog_user.user.email = $event.target.value"></v-text-field>
|
|
</v-flex>
|
|
<v-autocomplete :items="accounts" item-text="name" item-value="account_id" v-model="dialog_user.user.account_ids" label="Accounts" chips multiple deletable-chips></v-autocomplete>
|
|
<v-alert text :value="true" type="error" v-for="error in dialog_user.errors" class="mt-5">{{ error }}</v-alert>
|
|
<v-flex xs12 text-right pa-0 ma-0>
|
|
<v-btn color="primary" dark @click="saveUser()">
|
|
Save User
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="new_key.show" max-width="800px" v-if="role == 'administrator'">
|
|
<v-card tile style="margin:auto;max-width:800px">
|
|
<v-toolbar flat>
|
|
<v-btn icon @click.native="new_key.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>New SSH Key</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text style="max-height: 100%;">
|
|
<v-container>
|
|
<v-layout row wrap>
|
|
<v-flex xs12 pa-2>
|
|
<v-text-field label="Name" :value="new_key.title" @change.native="new_key.title = $event.target.value"></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs12 pa-2>
|
|
<v-textarea label="Private Key" persistent-hint hint="Contents of your private key file. Typically named something like 'id_rsa'. The corresponding public key will need to added to your host provider." auto-grow :value="new_key.key" @change.native="new_key.key = $event.target.value" spellcheck="false"></v-textarea>
|
|
</v-flex>
|
|
|
|
<v-flex xs12 text-right pa-0 ma-0>
|
|
<v-btn color="primary" dark @click="addNewKey()">
|
|
Add New SSH Key
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_key.show" v-if="role == 'administrator'" max-width="800px" v-if="role == 'administrator'" persistent scrollable>
|
|
<v-card tile>
|
|
<v-toolbar flat>
|
|
<v-btn icon @click.native="dialog_key.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Edit SSH Key</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items v-show="dialog_key.key.main == '0'">
|
|
<v-btn text @click="setKeyAsPrimary()">Set as Primary Key</v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card-text style="max-height: 100%;">
|
|
<v-container>
|
|
<v-row>
|
|
<v-col cols="12">
|
|
Key Fingerprint<br />
|
|
{{ dialog_key.key.fingerprint }}
|
|
</v-col>
|
|
<v-col cols="12">
|
|
<v-text-field label="Name" :value="dialog_key.key.title" @change.native="dialog_key.key.title = $event.target.value"></v-text-field>
|
|
</v-col>
|
|
<v-col cols="12">
|
|
<v-textarea label="Private Key" persistent-hint hint="Enter new private key to override existing key. The current key is not viewable." auto-grow :value="dialog_key.key.key" @change.native="dialog_key.key.key = $event.target.value" spellcheck="false"></v-textarea>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col cols="12" class="text-right">
|
|
<v-btn @click="deleteKey()" class="mr-2">
|
|
Delete SSH Key
|
|
</v-btn>
|
|
<v-btn color="primary" dark @click="updateKey()">
|
|
Save SSH Key
|
|
</v-btn>
|
|
</v-col>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="new_process.show" max-width="800px" v-if="role == 'administrator'" persistent scrollable>
|
|
<v-card tile>
|
|
<v-toolbar flat>
|
|
<v-btn icon @click.native="new_process.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>New Process</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text style="max-height: 100%;">
|
|
<v-container>
|
|
<v-layout row wrap>
|
|
<v-flex xs12 pa-2>
|
|
<v-text-field label="Name" :value="new_process.name" @change.native="new_process.name = $event.target.value"></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs12 sm3 pa-2>
|
|
<v-text-field label="Time Estimate" hint="Example: 15 minutes" persistent-hint :value="new_process.time_estimate" @change.native="new_process.time_estimate = $event.target.value"></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs12 sm3 pa-2>
|
|
<v-select :items='[{"text":"As needed","value":"as-needed"},{"text":"Daily","value":"1-daily"},{"text":"Weekly","value":"2-weekly"},{"text":"Monthly","value":"3-monthly"},{"text":"Yearly","value":"4-yearly"}]' label="Repeat" v-model="new_process.repeat_interval"></v-select>
|
|
</v-flex>
|
|
<v-flex xs12 sm3 pa-2>
|
|
<v-text-field label="Repeat Quantity" hint="Example: 2 or 3 times" persistent-hint :value="new_process.repeat_quantity" @change.native="new_process.repeat_quantity = $event.target.value"></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs12 sm3 pa-2>
|
|
<v-autocomplete :items="process_roles" item-text="name" item-value="role_id" label="Role" hide-details v-model="new_process.roles"></v-autocomplete>
|
|
</v-flex>
|
|
<v-flex xs12 pa-2>
|
|
<v-textarea label="Description" persistent-hint hint="Steps to accomplish this process. Markdown enabled." auto-grow :value="new_process.description" @change.native="new_process.description = $event.target.value"></v-textarea>
|
|
</v-flex>
|
|
<v-flex xs12 text-right pa-0 ma-0>
|
|
<v-btn color="primary" dark @click="addNewProcess()">
|
|
Add New Process
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_edit_process.show" persistent max-width="800px" v-if="role == 'administrator'" persistent scrollable>
|
|
<v-card tile>
|
|
<v-toolbar flat>
|
|
<v-btn icon @click.native="dialog_edit_process.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Edit Process</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text style="max-height: 100%;">
|
|
<v-container>
|
|
<v-layout row wrap>
|
|
<v-flex xs12 pa-2>
|
|
<v-text-field label="Name" :value="dialog_edit_process.process.name" @change.native="dialog_edit_process.process.name = $event.target.value"></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs12 sm3 pa-2>
|
|
<v-text-field label="Time Estimate" hint="Example: 15 minutes" persistent-hint :value="dialog_edit_process.process.time_estimate" @change.native="dialog_edit_process.process.time_estimate = $event.target.value"></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs12 sm3 pa-2>
|
|
<v-select :items='[{"text":"As needed","value":"as-needed"},{"text":"Daily","value":"1-daily"},{"text":"Weekly","value":"2-weekly"},{"text":"Monthly","value":"3-monthly"},{"text":"Yearly","value":"4-yearly"}]' label="Repeat" v-model="dialog_edit_process.process.repeat_interval"></v-select>
|
|
</v-flex>
|
|
<v-flex xs12 sm3 pa-2>
|
|
<v-text-field label="Repeat Quantity" hint="Example: 2 or 3 times" persistent-hint :value="dialog_edit_process.process.repeat_quantity" @change.native="dialog_edit_process.process.repeat_quantity = $event.target.value"></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs12 sm3 pa-2>
|
|
<v-autocomplete :items="process_roles" item-text="name" item-value="role_id" label="Role" hide-details v-model="dialog_edit_process.process.roles"></v-autocomplete>
|
|
</v-flex>
|
|
<v-flex xs12 pa-2>
|
|
<v-textarea label="Description" persistent-hint hint="Steps to accomplish this process. Markdown enabled." auto-grow :value="dialog_edit_process.process.description" @change.native="dialog_edit_process.process.description = $event.target.value"></v-textarea>
|
|
</v-flex>
|
|
<v-flex xs12 text-right pa-0 ma-0>
|
|
<v-btn color="primary" dark @click="saveProcess()">
|
|
Save Process
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_handbook.show" v-if="role == 'administrator'" scrollable persistent>
|
|
<v-card tile>
|
|
<v-toolbar flat>
|
|
<v-btn icon @click.native="dialog_handbook.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>{{ dialog_handbook.process.name }} <v-chip color="primary" text-color="white" text v-show="dialog_handbook.process.roles != ''">{{ dialog_handbook.process.roles }}</v-chip></v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-btn text @click="editProcess()">Edit</v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card-text style="max-height: 100%;">
|
|
<div class="caption my-3">
|
|
<v-icon small v-show="dialog_handbook.process.time_estimate != ''" style="padding:0px 5px">mdi-clock-outline</v-icon>{{ dialog_handbook.process.time_estimate }}
|
|
<v-icon small v-show="dialog_handbook.process.repeat != '' && dialog_handbook.process.repeat != null" style="padding:0px 5px">mdi-calendar-repeat</v-icon>{{ dialog_handbook.process.repeat }}
|
|
<v-icon small v-show="dialog_handbook.process.repeat_quantity != '' && dialog_handbook.process.repeat_quantity != null" style="padding:0px 5px">mdi-repeat</v-icon>{{ dialog_handbook.process.repeat_quantity }}
|
|
</div>
|
|
<span v-html="dialog_handbook.process.description"></span>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_update_settings.show" max-width="500px">
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_update_settings.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Save settings for {{ dialog_site.site.name }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-switch label="Automatic Updates" v-model="dialog_update_settings.environment.updates_enabled" :false-value="0" :true-value="1" class="mt-7"></v-switch>
|
|
<v-select
|
|
:items="dialog_update_settings.plugins"
|
|
item-text="title"
|
|
item-value="name"
|
|
v-model="dialog_update_settings.environment.updates_exclude_plugins"
|
|
label="Excluded Plugins"
|
|
multiple
|
|
chips
|
|
persistent-hint
|
|
></v-select>
|
|
<v-select
|
|
:items="dialog_update_settings.themes"
|
|
item-text="title"
|
|
item-value="name"
|
|
v-model="dialog_update_settings.environment.updates_exclude_themes"
|
|
label="Excluded Themes"
|
|
multiple
|
|
chips
|
|
persistent-hint
|
|
></v-select>
|
|
<v-progress-linear :indeterminate="true" v-if="dialog_update_settings.loading"></v-progress-linear>
|
|
<v-btn @click="saveUpdateSettings()">Save Update Settings</v-btn>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_theme_and_plugin_checks.show" width="500">
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_theme_and_plugin_checks.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Theme & plugin checks for {{ dialog_theme_and_plugin_checks.site.name }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
|
|
<p>Enables daily checks to verify a theme/plugin is a certain status (activate/inactive). Will email notify if a check fails.</p>
|
|
|
|
<v-switch label="Theme & Plugin Checks" v-model="dialog_theme_and_plugin_checks.theme_and_plugin_checks" false-value="0" true-value="1"></v-switch>
|
|
<v-data-table
|
|
:items='[{ slug: "wordpress-seo", status: "active" },{ slug: "enhanced-e-commerce-for-woocommerce-store", status: "active"}]'
|
|
hide-default-footer
|
|
hide-default-header
|
|
class="elevation-1"
|
|
v-show="dialog_theme_and_plugin_checks.theme_and_plugin_checks == 1"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr v-for="item in items">
|
|
<td>
|
|
<v-text-field v-model="item.slug" label="Slug" required></v-text-field>
|
|
</td>
|
|
<td class="text-right">
|
|
<v-select
|
|
:items='["active","inactive","active-network"]'
|
|
box
|
|
label="Status"
|
|
:value="item.status"
|
|
>
|
|
</v-select>
|
|
</td>
|
|
<td class="justify-center layout px-0">
|
|
<v-icon small @click="deleteItem(item)">mdi-delete</v-icon>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="100%" class="text-right">
|
|
<v-btn @click="deleteItem(props.item)">
|
|
Add new check
|
|
</v-btn>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
<v-progress-linear :indeterminate="true" v-if="dialog_theme_and_plugin_checks.loading"></v-progress-linear>
|
|
<v-btn @click="savethemeAndPluginChecks()">Save Checks</v-btn>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_new_domain.show" scrollable width="500">
|
|
<v-card>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_new_domain.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Add Domain</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-text-field :value="dialog_new_domain.domain.name" @change.native="dialog_new_domain.domain.name = $event.target.value" label="Domain Name" required class="mt-3"></v-text-field>
|
|
<v-autocomplete :items="accounts" item-text="name" item-value="account_id" v-model="dialog_new_domain.domain.account_id" label="Account" required></v-autocomplete>
|
|
<v-alert text :value="true" type="error" v-for="error in dialog_new_domain.errors">
|
|
{{ error }}
|
|
</v-alert>
|
|
<v-progress-linear indeterminate rounded height="6" class="mb-3" v-show="dialog_new_domain.loading"></v-progress-linear>
|
|
<v-flex xs12 text-right>
|
|
<v-btn color="primary" dark @click="addDomain()">
|
|
Add domain
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_new_provider.show" scrollable width="500">
|
|
<v-card>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_new_provider.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Add Provider</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-text-field :value="dialog_new_provider.provider.name" @change.native="dialog_new_provider.provider.name = $event.target.value" label="Provider Name" required class="mt-3"></v-text-field>
|
|
<v-autocomplete :items="provider_options" v-model="dialog_new_provider.provider.provider" label="Provider" required></v-autocomplete>
|
|
Credentials
|
|
<v-row no-gutters v-for="(item, index) in dialog_new_provider.provider.credentials">
|
|
<v-col cols="12" sm="5">
|
|
<v-text-field hide-details :value="item.name" @change.native="item.name = $event.target.value" label="Name" required></v-text-field>
|
|
</v-col>
|
|
<v-col cols="12" sm="6">
|
|
<v-text-field hide-details :value="item.value" @change.native="item.value = $event.target.value" label="Value" required class="mx-2"></v-text-field>
|
|
</v-col>
|
|
<v-col sm="1">
|
|
<v-btn icon @click="dialog_new_provider.provider.credentials.splice(index, 1)" class="mt-2"><v-icon>mdi-delete</v-icon></v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
<v-btn depressed class="my-2" @click="dialog_new_provider.provider.credentials.push( {'name':'', 'value': ''} )" >Add Additional Credential</v-btn></td>
|
|
<v-alert text :value="true" type="error" v-for="error in dialog_new_provider.errors">
|
|
{{ error }}
|
|
</v-alert>
|
|
<v-progress-linear indeterminate rounded height="6" class="mb-3" v-show="dialog_new_provider.loading"></v-progress-linear>
|
|
<v-flex xs12 text-right>
|
|
<v-btn color="primary" dark @click="addProvider()">
|
|
Add Provider
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_edit_provider.show" scrollable width="500">
|
|
<v-card>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_edit_provider.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Add Provider</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-text-field :value="dialog_edit_provider.provider.name" @change.native="dialog_edit_provider.provider.name = $event.target.value" label="Provider Name" required class="mt-3"></v-text-field>
|
|
<v-autocomplete :items="provider_options" v-model="dialog_edit_provider.provider.provider" label="Provider" required></v-autocomplete>
|
|
Credentials
|
|
<v-row no-gutters v-for="(item, index) in dialog_edit_provider.provider.credentials">
|
|
<v-col cols="12" sm="5">
|
|
<v-text-field hide-details :value="item.name" @change.native="item.name = $event.target.value" label="Name" required></v-text-field>
|
|
</v-col>
|
|
<v-col cols="12" sm="6">
|
|
<v-text-field hide-details :value="item.value" @change.native="item.value = $event.target.value" label="Value" required class="mx-2"></v-text-field>
|
|
</v-col>
|
|
<v-col sm="1">
|
|
<v-btn icon @click="dialog_edit_provider.provider.credentials.splice(index, 1)" class="mt-2"><v-icon>mdi-delete</v-icon></v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
<v-btn depressed class="my-2" @click="dialog_edit_provider.provider.credentials.push( {'name':'', 'value': ''} )" >Add Additional Credential</v-btn></td>
|
|
<v-alert text :value="true" type="error" v-for="error in dialog_edit_provider.errors">
|
|
{{ error }}
|
|
</v-alert>
|
|
<v-progress-linear indeterminate rounded height="6" class="mb-3" v-show="dialog_edit_provider.loading"></v-progress-linear>
|
|
<v-flex xs12 text-right>
|
|
<v-btn color="error" text dark @click="deleteProvider()">
|
|
Delete Provider
|
|
</v-btn>
|
|
<v-btn color="primary" dark @click="updateProvider()">
|
|
Update Provider
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_configure_defaults.show" scrollable width="980">
|
|
<v-card>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_configure_defaults.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Configure Defaults</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<template v-if="dialog_configure_defaults.loading">
|
|
<v-progress-linear :indeterminate="true"></v-progress-linear>
|
|
</template>
|
|
<v-card-text>
|
|
<template v-if="dialog_account.show">
|
|
<v-alert text :value="true" type="info" class="mb-4 mt-4">
|
|
When new sites are added to the account <strong>{{ dialog_account.records.account.name }}</strong> then the following default settings will be applied.
|
|
</v-alert>
|
|
<v-layout wrap>
|
|
<v-flex xs6 pr-2><v-text-field :value="dialog_account.records.account.defaults.email" @change.native="dialog_account.records.account.defaults.email = $event.target.value" label="Default Email" required></v-text-field></v-flex>
|
|
<v-flex xs6 pl-2><v-autocomplete :items="timezones" label="Default Timezone" v-model="dialog_account.records.account.defaults.timezone"></v-autocomplete></v-flex>
|
|
</v-layout>
|
|
<v-layout wrap>
|
|
<v-flex><v-autocomplete label="Default Recipes" v-model="dialog_account.records.account.defaults.recipes" ref="default_recipes" :items="recipes" item-text="title" item-value="recipe_id" multiple chips deletable-chips :menu-props="{ closeOnContentClick:true, openOnClick: false }"></v-autocomplete></v-flex>
|
|
</v-layout>
|
|
<span class="body-2">Default Users</span>
|
|
<v-data-table
|
|
:items="dialog_account.records.account.defaults.users"
|
|
hide-default-header
|
|
hide-default-footer
|
|
v-if="typeof dialog_account.records.account.defaults.users == 'object'"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr v-for="(item, index) in items" style="border-bottom: 0px;">
|
|
<td class="pa-1"><v-text-field :value="item.username" @change.native="item.username = $event.target.value" label="Username"></v-text-field></td>
|
|
<td class="pa-1"><v-text-field :value="item.email" @change.native="item.email = $event.target.value" label="Email"></v-text-field></td>
|
|
<td class="pa-1"><v-text-field :value="item.first_name" @change.native="item.first_name = $event.target.value" label="First Name"></v-text-field></td>
|
|
<td class="pa-1"><v-text-field :value="item.last_name" @change.native="item.last_name = $event.target.value" label="Last Name"></v-text-field></td>
|
|
<td class="pa-1" style="width:145px;"><v-select :value="item.role" v-model="item.role" :items="roles" label="Role" item-text="name"></v-select></td>
|
|
<td class="pa-1"><v-btn text small icon color="primary" @click="deleteUserValue( index )"><v-icon small>mdi-delete</v-icon></v-btn></td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
<template v-slot:footer>
|
|
<tr style="border-top: 0px;">
|
|
<td colspan="5" style="padding:0px;">
|
|
<v-btn depressed small class="ma-0 mb-3" @click="addDefaultsUser()">Add Additional User</v-btn>
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
</v-data-table>
|
|
<v-spacer class="my-5"></v-spacer>
|
|
<v-flex xs12>
|
|
<v-text-field :value="dialog_account.records.account.defaults.kinsta_emails" @change.native="dialog_account.records.account.defaults.kinsta_emails = $event.target.value" label="Kinsta Email Invite(s)" persistent-hint hint="Separated by a comma. Example: name@example.com, support@example.com. When Kinsta site is created from this panel, will share MyKinsta access with these email addresses."></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs12 text-right>
|
|
<v-btn color="primary" dark @click="saveDefaults()">
|
|
Save Changes
|
|
</v-btn>
|
|
</v-flex>
|
|
</template>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_customer_modify_plan.show" max-width="700">
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_customer_modify_plan.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Edit plan for {{ dialog_customer_modify_plan.subscription.name }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text class="mt-4">
|
|
<v-layout row wrap>
|
|
<v-flex xs6 px-1>
|
|
<v-select
|
|
v-show="dialog_customer_modify_plan.hosting_plans.map( plan => plan.name ).includes( dialog_customer_modify_plan.selected_plan )"
|
|
v-model="dialog_customer_modify_plan.selected_plan"
|
|
label="Plan Name"
|
|
:items="dialog_customer_modify_plan.hosting_plans.map( plan => plan.name )"
|
|
:value="dialog_customer_modify_plan.subscription.plan.name"
|
|
></v-select>
|
|
</v-flex>
|
|
<v-flex xs6 px-1>
|
|
<v-select
|
|
v-show="dialog_customer_modify_plan.subscription.plan.interval != ''"
|
|
v-model="dialog_customer_modify_plan.subscription.plan.interval"
|
|
label="Plan Interval"
|
|
:items="hosting_intervals"
|
|
:value="dialog_customer_modify_plan.subscription.plan.interval"
|
|
></v-select>
|
|
</v-flex>
|
|
<v-flex xs6 px-1>
|
|
<v-switch v-if="typeof dialog_customer_modify_plan.subscription.plan.auto_pay != 'undefined'" v-model="dialog_customer_modify_plan.subscription.plan.auto_pay" false-value="false" true-value="true" label="Autopay"></v-switch>
|
|
</v-flex>
|
|
<v-flex xs6 px-1>
|
|
<v-text-field
|
|
disabled
|
|
:value="dialog_customer_modify_plan.subscription.plan.next_renewal"
|
|
label="Next Renewal Date"
|
|
prepend-icon="mdi-calendar"
|
|
></v-text-field>
|
|
</template>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout v-if="typeof dialog_customer_modify_plan.subscription.plan.name == 'string' && dialog_customer_modify_plan.subscription.plan.name == 'Custom'" row wrap>
|
|
<v-flex xs3 pa-1><v-text-field label="Storage (GBs)" :value="dialog_customer_modify_plan.subscription.plan.limits.storage" @change.native="dialog_customer_modify_plan.subscription.plan.limits.storage = $event.target.value"></v-text-field></v-flex>
|
|
<v-flex xs3 pa-1><v-text-field label="Visits" :value="dialog_customer_modify_plan.subscription.plan.limits.visits" @change.native="dialog_customer_modify_plan.subscription.plan.limits.visits = $event.target.value"></v-text-field></v-flex>
|
|
<v-flex xs3 pa-1><v-text-field label="Sites" :value="dialog_customer_modify_plan.subscription.plan.limits.sites" @change.native="dialog_customer_modify_plan.subscription.plan.limits.sites = $event.target.value"></v-text-field></v-flex>
|
|
<v-flex xs3 pa-1><v-text-field label="Price" :value="dialog_customer_modify_plan.subscription.plan.price" @change.native="dialog_customer_modify_plan.subscription.plan.price = $event.target.value"></v-text-field></v-flex>
|
|
</v-layout>
|
|
<v-layout v-else-if="Object.keys( dialog_customer_modify_plan.subscription.plan.limits ).length > 0" row wrap>
|
|
<v-flex xs3 pa-1><v-text-field label="Storage (GBs)" :value="dialog_customer_modify_plan.subscription.plan.limits.storage" disabled></v-text-field></v-flex>
|
|
<v-flex xs3 pa-1><v-text-field label="Visits" :value="dialog_customer_modify_plan.subscription.plan.limits.visits" disabled></v-text-field></v-flex>
|
|
<v-flex xs3 pa-1><v-text-field label="Sites" :value="dialog_customer_modify_plan.subscription.plan.limits.sites" disabled ></v-text-field></v-flex>
|
|
<v-flex xs3 pa-1><v-text-field label="Price" :value="dialog_customer_modify_plan.subscription.plan.price" disabled ></v-text-field></v-flex>
|
|
</v-layout>
|
|
<v-data-table
|
|
v-show="dialog_customer_modify_plan.subscription.plan.addons.length > 0"
|
|
:headers='[{"text":"Name","value":"name"},{"text":"Quantity","value":"quantity"},{"text":"Price","value":"price"},{"text":"Total","value":"total"}]'
|
|
:items="dialog_customer_modify_plan.subscription.plan.addons"
|
|
:footer-props="{ itemsPerPageOptions: [50,100,250,{'text':'All','value':-1}] }">
|
|
<template v-slot:item.price="{ item }">
|
|
${{ item.price }}
|
|
</template>
|
|
<template v-slot:item.total="{ item }">
|
|
${{ ( item.price * item.quantity ).toFixed(2) }}
|
|
</template>
|
|
</v-data-table>
|
|
<v-layout>
|
|
<v-flex xs12 text-right>
|
|
<v-btn color="red" dark @click="cancelPlan()">
|
|
Cancel Plan
|
|
</v-btn>
|
|
<v-btn color="primary" dark @click="requestPlanChanges()">
|
|
Request Changes
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_modify_plan.show" max-width="700">
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_modify_plan.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Edit plan for {{ dialog_account.records.account.name }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text class="mt-4">
|
|
<v-row dense>
|
|
<v-col cols="6">
|
|
<v-select
|
|
@change="loadHostingPlan()"
|
|
v-model="dialog_modify_plan.selected_plan"
|
|
label="Plan Name"
|
|
:items="dialog_modify_plan.hosting_plans.map( plan => plan.name )"
|
|
:value="dialog_modify_plan.plan.name"
|
|
></v-select>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<v-select
|
|
@change="calculateHostingPlan()"
|
|
v-model="dialog_modify_plan.plan.interval"
|
|
label="Plan Interval"
|
|
:items="hosting_intervals"
|
|
:value="dialog_modify_plan.plan.interval"
|
|
></v-select>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<v-select v-if="typeof dialog_account.records.users == 'object'" label="Billing User" :items="dialog_account.records.users" :item-text="item => `${item.name} - ${item.email}`" item-value="user_id" v-model="dialog_modify_plan.plan.billing_user_id"></v-select>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<v-menu
|
|
v-model="dialog_modify_plan.date_selector"
|
|
:close-on-content-click="false"
|
|
:nudge-right="40"
|
|
transition="scale-transition"
|
|
offset-y
|
|
min-width="290px"
|
|
>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-text-field
|
|
v-model="dialog_modify_plan.plan.next_renewal"
|
|
:value="dialog_modify_plan.plan.next_renewal"
|
|
label="Next Renewal Date"
|
|
prepend-icon="mdi-calendar"
|
|
v-bind="attrs"
|
|
v-on="on"
|
|
></v-text-field>
|
|
</template>
|
|
<v-date-picker @input="keepTimestamp( $event ); dialog_modify_plan.date_selector = false"></v-date-picker>
|
|
</v-menu>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row dense>
|
|
<v-col><v-switch v-model="dialog_modify_plan.plan.auto_pay" false-value="false" true-value="true" label="Autopay"></v-switch></v-col>
|
|
<v-col><v-switch v-model="dialog_modify_plan.plan.auto_switch" false-value="false" true-value="true" label="Automatically switch plan"></v-switch></v-col>
|
|
</v-row>
|
|
<v-row v-if="typeof dialog_modify_plan.plan.name == 'string' && dialog_modify_plan.plan.name == 'Custom'" dense>
|
|
<v-col cols="3"><v-text-field label="Storage (GBs)" :value="dialog_modify_plan.plan.limits.storage" @change.native="dialog_modify_plan.plan.limits.storage = $event.target.value"></v-text-field></v-col>
|
|
<v-col cols="3"><v-text-field label="Visits" :value="dialog_modify_plan.plan.limits.visits" @change.native="dialog_modify_plan.plan.limits.visits = $event.target.value"></v-text-field></v-col>
|
|
<v-col cols="3"><v-text-field label="Sites" :value="dialog_modify_plan.plan.limits.sites" @change.native="dialog_modify_plan.plan.limits.sites = $event.target.value"></v-text-field></v-col>
|
|
<v-col cols="3"><v-text-field label="Price" :value="dialog_modify_plan.plan.price" @change.native="dialog_modify_plan.plan.price = $event.target.value"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row v-else dense>
|
|
<v-col cols="3"><v-text-field label="Storage (GBs)" :value="dialog_modify_plan.plan.limits.storage" disabled></v-text-field></v-col>
|
|
<v-col cols="3"><v-text-field label="Visits" :value="dialog_modify_plan.plan.limits.visits" disabled></v-text-field></v-col>
|
|
<v-col cols="3"><v-text-field label="Sites" :value="dialog_modify_plan.plan.limits.sites" disabled ></v-text-field></v-col>
|
|
<v-col cols="3"><v-text-field label="Price" :value="dialog_modify_plan.plan.price" disabled ></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row dense>
|
|
<v-col>
|
|
<h3 v-show="typeof dialog_modify_plan.plan.addons == 'object' && dialog_modify_plan.plan.addons">Addons</h3>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row dense v-for="(addon, index) in dialog_modify_plan.plan.addons">
|
|
<v-col cols="7">
|
|
<v-textarea auto-grow rows="1" label="Name" :value="addon.name" @change.native="addon.name = $event.target.value" hide-details></v-textarea>
|
|
</v-col>
|
|
<v-col cols="2">
|
|
<v-text-field label="Quantity" :value="addon.quantity" @change.native="addon.quantity = $event.target.value" hide-details>
|
|
</v-col>
|
|
<v-col cols="2">
|
|
<v-text-field label="Price" :value="addon.price" @change.native="addon.price = $event.target.value" hide-details>
|
|
</v-col>
|
|
<v-col cols="1" align-self="end">
|
|
<v-btn small text icon @click="removeAddon(index)"><v-icon>mdi-delete</v-icon></v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row class="mb-1">
|
|
<v-col>
|
|
<v-btn small depressed @click="addAddon()">Add Addon</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row dense>
|
|
<v-col>
|
|
<h3 v-show="typeof dialog_modify_plan.plan.credits == 'object' && dialog_modify_plan.plan.credits">Credits</h3>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row dense v-for="(item, index) in dialog_modify_plan.plan.credits">
|
|
<v-col cols="7">
|
|
<v-textarea auto-grow rows="1" label="Name" :value="item.name" @change.native="item.name = $event.target.value" hide-details></v-textarea>
|
|
</v-col>
|
|
<v-col cols="2">
|
|
<v-text-field label="Quantity" :value="item.quantity" @change.native="item.quantity = $event.target.value" hide-details>
|
|
</v-col>
|
|
<v-col cols="2">
|
|
<v-text-field label="Price" :value="item.price" @change.native="item.price = $event.target.value" hide-details>
|
|
</v-col>
|
|
<v-col cols="1" align-self="end">
|
|
<v-btn small text icon @click="removeCredit(index)"><v-icon>mdi-delete</v-icon></v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row class="mb-1">
|
|
<v-col>
|
|
<v-btn small depressed @click="addCredit()">Add Credit</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row dense>
|
|
<v-col>
|
|
<h3 v-show="typeof dialog_modify_plan.plan.charges == 'object' && dialog_modify_plan.plan.credits">Charges</h3>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row dense v-for="(item, index) in dialog_modify_plan.plan.charges">
|
|
<v-col cols="7">
|
|
<v-textarea auto-grow rows="1" label="Name" :value="item.name" @change.native="item.name = $event.target.value" hide-details></v-textarea>
|
|
</v-col>
|
|
<v-col cols="2">
|
|
<v-text-field label="Quantity" :value="item.quantity" @change.native="item.quantity = $event.target.value" hide-details>
|
|
</v-col>
|
|
<v-col cols="2">
|
|
<v-text-field label="Price" :value="item.price" @change.native="item.price = $event.target.value" hide-details>
|
|
</v-col>
|
|
<v-col cols="1" align-self="end">
|
|
<v-btn small text icon @click="removeCharge(index)"><v-icon>mdi-delete</v-icon></v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row class="mb-1">
|
|
<v-col>
|
|
<v-btn small depressed @click="addCharge()">Add Charge</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col cols="12">
|
|
<v-text-field label="Additional Emails" persistent-hint hint="Separated by a comma. Example: austin@anchor.host, support@anchor.host" :value="dialog_modify_plan.plan.additional_emails" @change.native="dialog_modify_plan.plan.additional_emails = $event.target.value">
|
|
</v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col cols="12">
|
|
<v-btn color="primary" dark @click="updatePlan()">
|
|
Save Changes
|
|
</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog
|
|
v-if="role == 'administrator'"
|
|
v-model="dialog_log_history.show"
|
|
scrollable
|
|
>
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_log_history.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Log History</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-data-table
|
|
:headers="header_timeline"
|
|
:items="dialog_log_history.logs"
|
|
:footer-props="{ itemsPerPageOptions: [50,100,250,{'text':'All','value':-1}] }"
|
|
class="timeline"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr v-for="item in items">
|
|
<td class="justify-center pt-3 pr-0 text-center shrink" style="vertical-align: top;">
|
|
<v-tooltip bottom>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-icon color="primary" dark v-bind="attrs" v-on="on" v-show="item.name">mdi-note</v-icon>
|
|
</template>
|
|
<span>{{ item.name }}</span>
|
|
</v-tooltip>
|
|
<v-icon color="primary" dark v-show="! item.name">mdi-checkbox-marked-circle</v-icon>
|
|
</td>
|
|
<td class="justify-center py-4" style="vertical-align: top;">
|
|
<div v-html="item.description" v-show="item.description"></div>
|
|
</td>
|
|
<td class="justify-center pt-2" style="vertical-align: top;width:180px;">
|
|
<v-row>
|
|
<v-col class="shrink pr-0"><v-img :src="item.author_avatar" width="34" class="rounded"></v-img></v-col>
|
|
<v-col class="pt-4">{{ item.author }}</v-col>
|
|
</v-row>
|
|
</td>
|
|
<td class="justify-center pt-3" style="vertical-align: top;">{{ item.created_at | pretty_timestamp_epoch }}</td>
|
|
<td class="justify-center pt-1 pr-0" style="vertical-align:top;width:77px;" v-if="role == 'administrator'">
|
|
<v-menu :nudge-width="200" open-on-hover bottom offset-y>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-icon small v-bind="attrs" v-on="on">mdi-information</v-icon>
|
|
</template>
|
|
<v-card>
|
|
<v-card-text>
|
|
<div v-for="site in item.websites">
|
|
<a :href=`${configurations.path}sites/${site.site_id}` @click.prevent="goToPath( `/sites/${site.site_id}` )">{{ site.name }}</a>
|
|
</div>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-menu>
|
|
<v-btn text icon @click="dialog_log_history.show = false; editLogEntry(item.websites, item.process_log_id)">
|
|
<v-icon small>mdi-pencil</v-icon>
|
|
</v-btn>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
</v-card-text>
|
|
</v-dialog>
|
|
<v-dialog
|
|
v-if="role == 'administrator'"
|
|
v-model="dialog_new_log_entry.show"
|
|
scrollable
|
|
persistent
|
|
width="500"
|
|
>
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_new_log_entry.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Add a new log entry <span v-if="dialog_new_log_entry.site_name">for {{ dialog_new_log_entry.site_name }}</span></v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-container>
|
|
<v-autocomplete
|
|
v-model="dialog_new_log_entry.process"
|
|
:items="processes"
|
|
item-text="name"
|
|
item-value="process_id"
|
|
>
|
|
<template v-slot:item="data">
|
|
<template v-if="typeof data.item !== 'object'">
|
|
<div v-text="data.item"></div>
|
|
</template>
|
|
<template v-else>
|
|
<div>
|
|
<v-list-item-title v-html="data.item.name"></v-list-item-title>
|
|
<v-list-item-subtitle v-html="data.item.repeat_interval + ' - ' + data.item.roles"></v-list-item-subtitle>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</v-autocomplete>
|
|
<v-autocomplete
|
|
v-model="dialog_new_log_entry.sites"
|
|
:items="sites"
|
|
item-text="name"
|
|
return-object
|
|
chips
|
|
deletable-chips
|
|
multiple
|
|
>
|
|
</v-autocomplete>
|
|
<v-textarea label="Description" auto-grow :value="dialog_new_log_entry.description" @change.native="dialog_new_log_entry.description = $event.target.value"></v-textarea>
|
|
<v-flex xs12 text-right>
|
|
<v-btn color="primary" dark style="margin:0px;" @click="newLogEntry()">
|
|
Add Log Entry
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog
|
|
v-if="role == 'administrator'"
|
|
v-model="dialog_edit_log_entry.show"
|
|
scrollable
|
|
width="500"
|
|
>
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_edit_log_entry.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Edit log entry <span v-if="dialog_edit_log_entry.site_name">for {{ dialog_edit_log_entry.site_name }}</span></v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-container>
|
|
<v-text-field
|
|
v-model="dialog_edit_log_entry.log.created_at_raw"
|
|
label="Date"
|
|
></v-text-field>
|
|
<v-autocomplete
|
|
v-model="dialog_edit_log_entry.log.process_id"
|
|
:items="processes"
|
|
item-text="name"
|
|
item-value="process_id"
|
|
>
|
|
<template v-slot:item="data">
|
|
<template v-if="typeof data.item !== 'object'">
|
|
<div v-text="data.item"></div>
|
|
</template>
|
|
<template v-else>
|
|
<div>
|
|
<v-list-item-title v-html="data.item.name"></v-list-item-title>
|
|
<v-list-item-subtitle v-html="data.item.repeat_interval + ' - ' + data.item.roles"></v-list-item-subtitle>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</v-autocomplete>
|
|
<v-autocomplete
|
|
v-model="dialog_edit_log_entry.log.websites"
|
|
:items="sites"
|
|
item-text="name"
|
|
return-object
|
|
chips
|
|
deletable-chips
|
|
multiple
|
|
>
|
|
</v-autocomplete>
|
|
<v-textarea label="Description" auto-grow :value="dialog_edit_log_entry.log.description_raw" @change.native="dialog_edit_log_entry.log.description_raw = $event.target.value"></v-textarea>
|
|
<v-flex xs12 text-right>
|
|
<v-btn color="primary" dark style="margin:0px;" @click="updateLogEntry()">
|
|
Save Log Entry
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_mailgun.show" scrollable>
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_mailgun.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Mailgun Logs for {{ dialog_mailgun.site.name }} (Last 30 days)</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-container>
|
|
<v-data-table
|
|
:options.sync="dialog_mailgun.pagination"
|
|
:headers='[{"text":"Timestamp","value":"timestamp"},{"text":"Description","value":"description"},{"text":"Event","value":"event"}]'
|
|
:items="dialog_mailgun.response.items"
|
|
:items-per-page="50"
|
|
:footer-props="{ itemsPerPageOptions: [100] }"
|
|
@update:page="fetchMailgunPage"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr v-for="item in items" :key="item.event.id">
|
|
<td class="justify-center">{{ item.timestamp | pretty_timestamp_epoch }}</td>
|
|
<td class="justify-center">{{ item.description }}</td>
|
|
<td class="justify-center">{{ item.event }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
<v-progress-circular indeterminate color="primary" class="ma-2" size="24" v-show="dialog_mailgun.loading"></v-progress-circular>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_backup_configurations.show" width="500">
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_backup_configurations.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Backup configurations</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-container>
|
|
<v-switch label="Active" v-model="dialog_backup_configurations.settings.active"></v-switch>
|
|
<v-select label="Schedule" v-model="dialog_backup_configurations.settings.interval" :items="[{ text: 'Weekly', value: 'weekly' },{ text: 'Daily', value: 'daily' },{ text: 'Every 12 hours', value: '12-hours' },{ text: 'Every 6 hours', value: '6-hours' },{ text: 'Every hour', value: '1-hour' }]"></v-select>
|
|
<v-select label="Mode" v-model="dialog_backup_configurations.settings.mode" :items="[{ text: 'Local copy', value: 'local' },{ text: 'Direct mount', value: 'direct' }]"></v-select>
|
|
<v-btn @click="saveBackupConfigurations()">
|
|
Update Configurations
|
|
</v-btn>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_backup_snapshot.show" width="500">
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_backup_snapshot.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Download Snapshot {{ dialog_backup_snapshot.site.name }} </v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-container>
|
|
<v-text-field name="Email" v-model="dialog_backup_snapshot.email"></v-text-field>
|
|
|
|
<v-switch v-model="dialog_backup_snapshot.filter_toggle" label="Everything"></v-switch>
|
|
<div v-show="dialog_backup_snapshot.filter_toggle === false">
|
|
<v-checkbox small hide-details v-model="dialog_backup_snapshot.filter_options" label="Database" value="database"></v-checkbox>
|
|
<v-checkbox small hide-details v-model="dialog_backup_snapshot.filter_options" label="Themes" value="themes"></v-checkbox>
|
|
<v-checkbox small hide-details v-model="dialog_backup_snapshot.filter_options" label="Plugins" value="plugins"></v-checkbox>
|
|
<v-checkbox small hide-details v-model="dialog_backup_snapshot.filter_options" label="Uploads" value="uploads"></v-checkbox>
|
|
<v-checkbox small hide-details v-model="dialog_backup_snapshot.filter_options" label="Everything Else" value="everything-else"></v-checkbox>
|
|
<v-spacer><br /></v-spacer>
|
|
</div>
|
|
<v-btn @click="downloadBackupSnapshot()">
|
|
Download Snapshot
|
|
</v-btn>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog
|
|
v-model="dialog_delete_user.show"
|
|
scrollable
|
|
width="500px"
|
|
>
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_delete_user.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Delete user</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-container>
|
|
<v-layout row wrap>
|
|
<v-flex xs12 pa-2>
|
|
<span>To delete <strong>{{ dialog_delete_user.username }}</strong> from <strong>{{ dialog_delete_user.site.name }}</strong> ({{ dialog_delete_user.site.environment_selected }}), please reassign posts to another user.</span>
|
|
<v-autocomplete
|
|
:items="dialog_delete_user.users"
|
|
return-object
|
|
v-model="dialog_delete_user.reassign"
|
|
item-text="user_login"
|
|
label="Reassign posts to"
|
|
chips
|
|
hide-details
|
|
hide-selected
|
|
small-chips
|
|
deletable-chips
|
|
>
|
|
</v-autocomplete><br />
|
|
<v-btn @click="deleteUser()">
|
|
Delete User <strong> {{ dialog_delete_user.username }}</strong>
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog
|
|
v-model="dialog_launch.show"
|
|
width="500px"
|
|
scrollable
|
|
>
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_launch.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Launch Site {{ dialog_launch.site.name }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-container>
|
|
<v-layout row wrap>
|
|
<v-flex xs12 pa-2>
|
|
<span>Will turn off search privacy and update development urls to the following live urls.</span><br /><br />
|
|
<v-text-field label="Domain" prefix="https://" :value="dialog_launch.domain" @change.native="dialog_launch.domain = $event.target.value"></v-text-field>
|
|
<v-btn @click="launchSite()">
|
|
Launch Site
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog
|
|
v-model="dialog_captures.show"
|
|
scrollable
|
|
>
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click="closeCaptures()">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Historical Captures of {{ dialog_captures.site.name }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-toolbar light flat>
|
|
<div style="max-width:250px;" class="mx-1 mt-8" v-show="dialog_captures.captures.length != 0">
|
|
<v-select v-model="dialog_captures.capture" dense :items="dialog_captures.captures" item-text="created_at_friendly" item-value="capture_id" label="Taken On" return-object @change="switchCapture"></v-select>
|
|
</div>
|
|
<div style="max-width:150px;" class="mx-1 mt-8" v-show="dialog_captures.captures.length != 0">
|
|
<v-select v-model="dialog_captures.selected_page" dense :items="dialog_captures.capture.pages" item-text="name" item-value="name" value="/" :label="`Contains ${dialog_captures.capture.pages.length} ${dialogCapturesPagesText}`" return-object></v-select>
|
|
</div>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn text small @click="dialog_captures.show_configure = true" v-bind:class='{ "v-btn--active": dialog_bulk.show }' v-on="on"><small v-show="sites_selected.length > 0">({{ sites_selected.length }})</small><v-icon dark>mdi-cog</v-icon></v-btn>
|
|
</template><span>Capture configurations</span>
|
|
</v-tooltip>
|
|
<v-divider vertical class="mx-1" inset></v-divider>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn text @click="captureCheck()" v-on="on"><v-icon dark>mdi-sync</v-icon></v-btn>
|
|
</template><span>Check for new Capture</span>
|
|
</v-tooltip>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card-text style="min-height:200px;">
|
|
<v-card v-show="dialog_captures.show_configure" class="mt-5 mb-3" style="max-width:850px;margin:auto;">
|
|
<v-toolbar dense light flat>
|
|
<v-btn icon @click="dialog_captures.show_configure = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Capture configurations</v-toolbar-title>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-subheader>Configured pages to capture</v-subheader>
|
|
<v-alert text type="info">Should start with a <code>/</code>. Example use <code>/</code> for the homepage and <code>/contact</code> for the the contact page.</v-alert>
|
|
<v-row class="mx-1">
|
|
<v-col>
|
|
<v-text-field v-for="item in dialog_captures.pages" label="Page URL" :value="item.page" @change.native="item.page = $event.target.value" append-outer-icon="mdi-delete" @click:append-outer="dialog_captures.pages = dialog_captures.pages.filter( p => p !== item)"></v-text-field>
|
|
</v-col>
|
|
</v-row>
|
|
<p class="mx-1"><v-btn text small icon color="primary" @click="addAdditionalCapturePage"><v-icon>mdi-plus-box</v-icon></v-btn></p>
|
|
<v-subheader>Basic Auth</v-subheader>
|
|
<v-row class="mx-1">
|
|
<v-col>
|
|
<v-text-field label="Username" v-model="dialog_captures.auth.username"></v-text-field>
|
|
</v-col>
|
|
<v-col>
|
|
<v-text-field type="password" label="Password" v-model="dialog_captures.auth.password"></v-text-field>
|
|
</v-col>
|
|
</v-row>
|
|
<p><v-btn color="primary" @click="updateCaptureConfigurations()">Update Configurations</v-btn></p>
|
|
</v-card-text>
|
|
</v-card>
|
|
<v-container class="text-center" v-if="dialog_captures.captures.length > 0 && ! dialog_captures.loading">
|
|
<img :src="`${dialog_captures.image_path}${dialog_captures.selected_page.image}` | safeUrl" style="max-width:100%;" class="elevation-5 mt-5">
|
|
</v-container>
|
|
<v-container v-show="dialog_captures.captures.length == 0 && ! dialog_captures.loading" class="mt-5">
|
|
<v-alert text type="info">There are no historical captures, yet.</v-alert>
|
|
</v-container>
|
|
<v-container v-show="dialog_captures.loading" class="mt-5">
|
|
<v-progress-linear indeterminate rounded height="6" class="mb-3"></v-progress-linear>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_toggle.show" scrollable>
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_toggle.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Toggle Site {{ dialog_toggle.site_name }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-container>
|
|
<v-layout row wrap>
|
|
<v-flex xs6 pa-2>
|
|
<v-card>
|
|
<v-card-title primary-title>
|
|
<div>
|
|
<h3 class="headline mb-0">Deactivate Site</h3>
|
|
</div>
|
|
</v-card-title>
|
|
<v-card-text>
|
|
<p>Will apply deactivate message with the following link back to the site owner.</p>
|
|
<v-text-field label="Business Name" :value="dialog_toggle.business_name"></v-text-field>
|
|
<v-text-field label="Business Link" :value="dialog_toggle.business_link"></v-text-field>
|
|
<v-btn @click="DeactivateSite(dialog_toggle.site_id)">
|
|
Deactivate Site
|
|
</v-btn>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-flex>
|
|
<v-flex xs6 pa-2>
|
|
<v-card>
|
|
<v-card-title primary-title>
|
|
<div>
|
|
<h3 class="headline mb-0">Activate Site</h3>
|
|
</div>
|
|
</v-card-title>
|
|
<v-card-text>
|
|
<v-btn @click="ActivateSite(dialog_toggle.site_id)">
|
|
Activate Site
|
|
</v-btn>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_migration.show" scrollable width="500">
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_migration.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Migrate from backup to {{ dialog_migration.site_name }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-alert text :value="true" type="info" color="yellow darken-4" class="mt-3">
|
|
Warning {{ dialog_migration.site_name }} will be overwritten with backup.
|
|
</v-alert>
|
|
<p></p>
|
|
<v-form ref="formSiteMigration">
|
|
<v-text-field :rules="[v => !!v || 'Backup URL is required']" required label="Backup URL" placeholder="https://storage.googleapis.com/..../live-backup.zip" :value="dialog_migration.backup_url" @change.native="dialog_migration.backup_url = $event.target.value"></v-text-field>
|
|
<v-checkbox label="Update URLs" v-model="dialog_migration.update_urls" hint="Will change urls in database to match the existing site." persistent-hint></v-checkbox>
|
|
<p></p>
|
|
<v-btn @click="validateSiteMigration">
|
|
Start Migration
|
|
</v-btn>
|
|
</v-form>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog
|
|
v-model="dialog_copy_site.show"
|
|
scrollable
|
|
width="500"
|
|
>
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_copy_site.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Copy Site {{ dialog_copy_site.site.name }} to </v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-container>
|
|
<v-autocomplete
|
|
:items="dialog_copy_site.options"
|
|
v-model="dialog_copy_site.destination"
|
|
label="Select Destination Site"
|
|
item-text="name"
|
|
item-value="id"
|
|
chips
|
|
small-chips
|
|
deletable-chips
|
|
></v-autocomplete>
|
|
<v-btn @click="startCopySite()">
|
|
Copy Site
|
|
</v-btn>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_apply_https_urls.show" scrollable width="500">
|
|
<v-card tile>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_apply_https_urls.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Apply HTTPS Urls for {{ dialog_apply_https_urls.site_name }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-container>
|
|
<v-alert text :value="true" type="info">
|
|
Domain needs to match current home url. Otherwise server domain mapping will need updated to prevent redirection loop.
|
|
</v-alert>
|
|
<p></p>
|
|
<span>Select url replacement option.</span><br />
|
|
<v-btn @click="applyHttpsUrls( 'apply-https' )">
|
|
Option 1: https://domain.tld
|
|
</v-btn><br />
|
|
<v-btn @click="applyHttpsUrls( 'apply-https-with-www' )">
|
|
Option 2: https://www.domain.tld
|
|
</v-btn>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_file_diff.show" scrollable>
|
|
<v-card>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_file_diff.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>File diff {{ dialog_file_diff.file_name}}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items class="hidden-sm-and-down">
|
|
<v-btn text @click="QuicksaveFileRestore()">Restore this file</v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-container v-show="dialog_file_diff.loading" class="mt-5"><v-progress-linear :indeterminate="true" height="6"></v-progress-linear></v-container>
|
|
<v-container id="code_diff" v-html="dialog_file_diff.response" style='font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;'></v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-container fluid v-show="loading_page != true" style="padding:0px;">
|
|
<v-card tile flat v-if="route == 'login'" class="mt-11" color="transparent">
|
|
<v-card flat style="max-width:960px;margin: auto;margin-bottom:30px" v-if="fetchInvite.account">
|
|
<v-alert text type="info" style="border-radius: 4px;" elevation="2" dense color="primary" dark>
|
|
To accept invitation either <strong>create new account</strong> or <strong>login</strong> to an existing account.
|
|
</v-alert>
|
|
<v-row>
|
|
<v-col>
|
|
<v-card tile style="max-width: 400px;margin: auto;">
|
|
<v-toolbar light flat>
|
|
<v-toolbar-title>Create new account</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-text-field readonly value="################" hint="Will use email where invite was sent to." persistent-hint label="Email" class="mt-3"></v-text-field>
|
|
<v-text-field type="password" v-model="new_account.password" label="Password" class="mt-3"></v-text-field>
|
|
<v-flex xs12>
|
|
<v-btn color="primary" dark @click="createAccount()">Create Account</v-btn>
|
|
</v-flex>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-col>
|
|
<v-col>
|
|
<v-card style="max-width: 400px;margin: auto;" class="rounded-lg elevation-1">
|
|
<v-toolbar light flat>
|
|
<v-toolbar-title>Login</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text class="my-2">
|
|
<v-form v-if="login.lost_password" ref="reset" @keyup.native.enter="resetPassword()">
|
|
<v-row>
|
|
<v-col cols="12">
|
|
<v-text-field label="Username or Email" :value="login.user_login" @change.native="login.user_login = $event.target.value" required :disabled="login.loading" :rules="[v => !!v || 'Username is required']"></v-text-field>
|
|
</v-col>
|
|
<v-col cols="12">
|
|
<v-alert text type="success" v-show="login.message">{{ login.message }}</v-alert>
|
|
</v-col>
|
|
<v-col cols="12">
|
|
<v-progress-linear indeterminate rounded height="6" class="mb-3" v-show="login.loading"></v-progress-linear>
|
|
<v-btn color="primary" @click="resetPassword()" :disabled="login.loading">Reset Password</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
</v-form>
|
|
<v-form lazy-validation ref="login" @keyup.native.enter="signIn()" v-else>
|
|
<v-row>
|
|
<v-col cols="12">
|
|
<v-text-field label="Username or Email" v-model="login.user_login" required :disabled="login.loading" :rules="[v => !!v || 'Username is required']"></v-text-field>
|
|
</v-col>
|
|
<v-col cols="12">
|
|
<v-text-field label="Password" v-model="login.user_password" required :disabled="login.loading" type="password" :rules="[v => !!v || 'Password is required']"></v-text-field>
|
|
</v-col>
|
|
<v-col cols="12" v-show="login.info || login.errors == 'One time password is invalid.'">
|
|
<v-label>One Time Password</v-label>
|
|
<v-otp-input length="6" type="number" v-model="login.tfa_code" required :disabled="login.loading"></v-otp-input>
|
|
</v-col>
|
|
<v-col cols="12">
|
|
<v-alert text type="error" v-show="login.errors">{{ login.errors }}</v-alert>
|
|
<v-alert text type="info" v-show="login.info">{{ login.info }}</v-alert>
|
|
</v-col>
|
|
<v-col cols="12">
|
|
<v-progress-linear indeterminate rounded height="6" class="mb-3" v-show="login.loading"></v-progress-linear>
|
|
<v-btn color="primary" @click="signIn()" :disabled="login.loading">Login</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
</v-form>
|
|
</v-card-text>
|
|
</v-card>
|
|
<v-card tile flat style="max-width: 400px;margin: auto;" class="px-5" color="transparent">
|
|
<a @click="login.lost_password = true" class="caption" v-show="!login.lost_password">Lost your password?</a>
|
|
<a @click="login.lost_password = false" class="caption" v-show="login.lost_password">Back to login form.</a>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card>
|
|
<template v-else>
|
|
<v-card style="max-width: 400px;margin: auto;" class="rounded-lg elevation-1">
|
|
<v-toolbar light flat>
|
|
<v-toolbar-title>Login</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text class="my-2">
|
|
<v-form v-if="login.lost_password" @keyup.native.enter="resetPassword()" ref="reset">
|
|
<v-row>
|
|
<v-col cols="12">
|
|
<v-text-field label="Username or Email" v-model="login.user_login" required :disabled="login.loading" :rules="[v => !!v || 'Username is required']"></v-text-field>
|
|
</v-col>
|
|
<v-col cols="12">
|
|
<v-alert text type="success" v-show="login.message">{{ login.message }}</v-alert>
|
|
</v-col>
|
|
<v-col cols="12">
|
|
<v-progress-linear indeterminate rounded height="6" class="mb-3" v-show="login.loading"></v-progress-linear>
|
|
<v-btn color="primary" @click="resetPassword()" :disabled="login.loading">Reset Password</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
</v-form>
|
|
<v-form lazy-validation ref="login" @keyup.native.enter="signIn()" v-else>
|
|
<v-row>
|
|
<v-col cols="12">
|
|
<v-text-field label="Username or Email" v-model="login.user_login" required :disabled="login.loading" :rules="[v => !!v || 'Username is required']"></v-text-field>
|
|
</v-col>
|
|
<v-col cols="12">
|
|
<v-text-field label="Password" v-model="login.user_password" required :disabled="login.loading" type="password" :rules="[v => !!v || 'Password is required']"></v-text-field>
|
|
</v-col>
|
|
<v-col cols="12" v-show="login.info || login.errors == 'One time password is invalid.'">
|
|
<v-label>One Time Password</v-label>
|
|
<v-otp-input length="6" type="number" label="One time password" v-model="login.tfa_code" required :disabled="login.loading"></v-otp-input>
|
|
</v-col>
|
|
<v-col cols="12">
|
|
<v-alert text type="error" v-show="login.errors">{{ login.errors }}</v-alert>
|
|
<v-alert text type="info" v-show="login.info">{{ login.info }}</v-alert>
|
|
</v-col>
|
|
<v-col cols="12">
|
|
<v-progress-linear indeterminate rounded height="6" class="mb-3" v-show="login.loading"></v-progress-linear>
|
|
<v-btn color="primary" @click="signIn()" :disabled="login.loading">Login</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
</v-form>
|
|
</v-card-text>
|
|
</v-card>
|
|
<v-card flat style="max-width: 400px;margin: auto;" class="px-5" color="transparent">
|
|
<a @click="login.lost_password = true" class="caption" v-show="!login.lost_password">Lost your password?</a>
|
|
<a @click="login.lost_password = false" class="caption" v-show="login.lost_password">Back to login form.</a>
|
|
</v-card>
|
|
</template>
|
|
</v-card>
|
|
<v-card v-if="route == 'sites'" id="sites" class="elevation-1 rounded-lg ma-4 py-1">
|
|
<v-toolbar v-show="dialog_site.step == 1" id="site_listings" flat>
|
|
<v-toolbar-title>Listing {{ sites.length }} sites</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-tooltip top v-if="toggle_site == true">
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn icon @click="toggle_site = false" v-on="on">
|
|
<v-icon>mdi-image</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<span>View as Thumbnails</span>
|
|
</v-tooltip>
|
|
<v-tooltip top v-if="toggle_site == false">
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn icon @click="toggle_site = true" v-on="on">
|
|
<v-icon>mdi-table</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<span>View as List</span>
|
|
</v-tooltip>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn icon @click="view_console.show = !view_console.show" v-on="on">
|
|
<v-icon>mdi-console</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<span>Advanced Options</span>
|
|
</v-tooltip>
|
|
<v-menu open-on-hover text bottom offset-y v-if="role == 'administrator'">
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn v-bind="attrs" v-on="on" text>
|
|
Add Site <v-icon dark>mdi-plus</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<v-list>
|
|
<v-list-item @click="showNewSiteKinsta()">
|
|
<v-list-item-title>Kinsta (Experimental API)</v-list-item-title>
|
|
</v-list-item>
|
|
<!--<v-list-item @click="dialog_new_site_rocketdotnet.show = true">
|
|
<v-list-item-title>Rocket.net</v-list-item-title>
|
|
</v-list-item>-->
|
|
<v-list-item @click="goToPath( `/sites/new` )" href>
|
|
<v-list-item-title>Manually</v-list-item-title>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-menu>
|
|
<v-btn v-if="role != 'administrator' && configurations.mode == 'hosting'" text @click="dialog_request_site.show = true; dialog_request_site.request.account_id = accounts[0].account_id">Add Site <v-icon dark>mdi-plus</v-icon></v-btn>
|
|
<v-btn v-if="configurations.mode == 'maintenance'" text @click="goToPath( `/sites/new` )">Add Site <v-icon dark>mdi-plus</v-icon></v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-sheet v-show="dialog_site.step == 1">
|
|
<v-dialog v-model="dialog_new_site_rocketdotnet.show" width="500">
|
|
<v-card>
|
|
<v-toolbar flat>
|
|
<v-toolbar-title>New Rocket.net Site</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-btn icon @click="dialog_new_site_rocketdotnet.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-text-field label="Name" v-model="dialog_new_site_rocketdotnet.site.name"></v-text-field>
|
|
<v-autocomplete label="Datacenter" item-text="location" item-value="id" v-model="dialog_new_site_rocketdotnet.site.datacenter" :items='[{"id":2,"location":"US - Los Angeles"},{"id":4,"location":"EU - London"},{"id":7,"location":"DE - Frankfurt"},{"id":8,"location":"NL - Amsterdam"},{"id":15,"location":"US - Atlanta"},{"id":16,"location":"AU - Sydney"},{"id":19,"location":"US - Chicago"},{"id":20,"location":"SG - Singapore"},{"id":21,"location":"US - Ashburn"},{"id":22,"location":"US - Phoenix"}]'></v-autocomplete>
|
|
<v-autocomplete
|
|
:items="accounts"
|
|
v-model="dialog_new_site_rocketdotnet.site.shared_with"
|
|
label="Assign to an account"
|
|
item-text="name"
|
|
item-value="account_id"
|
|
chips
|
|
deletable-chips
|
|
multiple
|
|
return-object
|
|
hint="If a customer account is not assigned then site will be placed in a new account."
|
|
persistent-hint
|
|
:menu-props="{ closeOnContentClick:true, openOnClick: false }"
|
|
>
|
|
</v-autocomplete>
|
|
<v-expand-transition>
|
|
<v-row dense v-if="dialog_new_site_rocketdotnet.site.shared_with && dialog_new_site_rocketdotnet.site.shared_with.length > 0" class="mt-3">
|
|
<v-col v-for="account in dialog_new_site_rocketdotnet.site.shared_with" :key="account.account_id" cols="6">
|
|
<v-card>
|
|
<v-list-item>
|
|
<v-list-item-content>
|
|
<v-list-item-title v-text="account.name">Single-line item</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-card-actions class="py-0">
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn-toggle v-model="dialog_new_site_rocketdotnet.site.customer_id" color="primary" group>
|
|
<v-btn text :value="account.account_id" v-bind="attrs" v-on="on">
|
|
<v-icon>mdi-account-circle</v-icon>
|
|
</v-btn>
|
|
</v-btn-toggle>
|
|
</template>
|
|
<span>Set as customer contact</span>
|
|
</v-tooltip>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn-toggle v-model="dialog_new_site_rocketdotnet.site.account_id" color="primary" group>
|
|
<v-btn text :value="account.account_id" v-bind="attrs" v-on="on">
|
|
<v-icon>mdi-currency-usd</v-icon>
|
|
</v-btn>
|
|
</v-btn-toggle>
|
|
</template>
|
|
<span>Set as billing contact</span>
|
|
</v-tooltip>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-expand-transition>
|
|
</v-card-text>
|
|
<v-divider></v-divider>
|
|
<v-card-actions>
|
|
<v-spacer></v-spacer>
|
|
<v-btn color="primary" @click="newRocketdotnetSite">Create Site</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-dialog v-model="dialog_new_site_kinsta.show" width="500">
|
|
<v-card>
|
|
<v-toolbar flat>
|
|
<v-toolbar-title>New Kinsta Site</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-btn icon @click="dialog_new_site_kinsta.show = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-text-field label="Name" v-model="dialog_new_site_kinsta.site.name"></v-text-field>
|
|
<v-text-field label="Domain" v-model="dialog_new_site_kinsta.site.domain"></v-text-field>
|
|
<v-autocomplete label="Datacenter" v-model="dialog_new_site_kinsta.site.datacenter" :items="datacenters"></v-autocomplete>
|
|
<v-autocomplete
|
|
:items="accounts"
|
|
v-model="dialog_new_site_kinsta.site.shared_with"
|
|
label="Assign to an account"
|
|
item-text="name"
|
|
item-value="account_id"
|
|
chips
|
|
deletable-chips
|
|
multiple
|
|
return-object
|
|
hint="If a customer account is not assigned then site will be placed in a new account."
|
|
persistent-hint
|
|
:menu-props="{ closeOnContentClick:true, openOnClick: false }"
|
|
>
|
|
</v-autocomplete>
|
|
<v-expand-transition>
|
|
<v-row dense v-if="dialog_new_site_kinsta.site.shared_with && dialog_new_site_kinsta.site.shared_with.length > 0" class="mt-3">
|
|
<v-col v-for="account in dialog_new_site_kinsta.site.shared_with" :key="account.account_id" cols="6">
|
|
<v-card>
|
|
<v-list-item>
|
|
<v-list-item-content>
|
|
<v-list-item-title v-text="account.name">Single-line item</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-card-actions class="py-0">
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn-toggle v-model="dialog_new_site_kinsta.site.customer_id" color="primary" group>
|
|
<v-btn text :value="account.account_id" v-bind="attrs" v-on="on">
|
|
<v-icon>mdi-account-circle</v-icon>
|
|
</v-btn>
|
|
</v-btn-toggle>
|
|
</template>
|
|
<span>Set as customer contact</span>
|
|
</v-tooltip>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn-toggle v-model="dialog_new_site_kinsta.site.account_id" color="primary" group>
|
|
<v-btn text :value="account.account_id" v-bind="attrs" v-on="on">
|
|
<v-icon>mdi-currency-usd</v-icon>
|
|
</v-btn>
|
|
</v-btn-toggle>
|
|
</template>
|
|
<span>Set as billing contact</span>
|
|
</v-tooltip>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-expand-transition>
|
|
</v-card-text>
|
|
<v-divider></v-divider>
|
|
<v-card flat v-show="dialog_new_site_kinsta.verifing">
|
|
<v-card-text>
|
|
Verifing Kinsta connection
|
|
<v-progress-linear indeterminate rounded height="6"></v-progress-linear>
|
|
</v-card-text>
|
|
</v-card>
|
|
<v-card flat v-show="! dialog_new_site_kinsta.verifing && ! dialog_new_site_kinsta.connection_verified">
|
|
<v-card-text>
|
|
<v-alert type="error">
|
|
Kinsta token outdated <v-text-field label="Token" v-model="dialog_new_site_kinsta.kinsta_token"></v-text-field>
|
|
<v-btn @click="connectKinsta">Connect</v-btn>
|
|
</v-alert>
|
|
</v-card-text>
|
|
</v-card>
|
|
<v-card-actions>
|
|
<v-spacer></v-spacer>
|
|
<v-btn color="primary" @click="newKinstaSite" :disabled="dialog_new_site_kinsta.verifing || ! dialog_new_site_kinsta.connection_verified">Create Site</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-card-text v-show="requested_sites.length > 0">
|
|
<v-dialog v-model="dialog_site_request.show" width="500">
|
|
<v-card>
|
|
<v-card-title class="headline grey lighten-2">
|
|
Update site request
|
|
</v-card-title>
|
|
|
|
<v-card-text>
|
|
<v-text-field label="New Site URL" v-model="dialog_site_request.request.url"></v-text-field>
|
|
<v-text-field label="Name" v-model="dialog_site_request.request.name"></v-text-field>
|
|
<v-textarea label="Notes" v-model="dialog_site_request.request.notes"></v-textarea>
|
|
</v-card-text>
|
|
<v-divider></v-divider>
|
|
<v-card-actions>
|
|
<v-spacer></v-spacer>
|
|
<v-btn @click="dialog_site_request.show = false">Cancel</v-btn>
|
|
<v-btn color="primary" @click="updateRequestSite">Save</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-stepper :value="request.step" v-for="(request, index) in requested_sites" class="mb-3">
|
|
<v-toolbar flat dense class="primary white--text">
|
|
<div v-if="role == 'administrator'">Requested by {{ user_name( request.user_id ) }} - </div><strong>{{ request.name }}</strong> in {{ account_name( request.account_id ) }}
|
|
<v-spacer></v-spacer>
|
|
<v-btn small @click="modifyRequest( index )" v-show="role == 'administrator'" class="mx-1">Modify</v-btn>
|
|
<v-btn small @click="finishRequest( index )" v-if="request.step == 3" class="mx-1">Finish</v-btn>
|
|
<v-btn small @click="cancelRequest( index )" v-else class="mx-1">Cancel</v-btn>
|
|
</v-toolbar>
|
|
<v-stepper-header class="elevation-0">
|
|
<v-stepper-step step="1" :complete="request.step > 0">Requesting site<small>{{ request.created_at | pretty_timestamp_epoch }}</small></v-stepper-step>
|
|
<v-divider></v-divider>
|
|
<v-stepper-step step="2" :complete="request.step > 1">Preparing new site<small v-show="request.processing_at">{{ request.processing_at | pretty_timestamp_epoch }}</small></v-stepper-step>
|
|
<v-divider></v-divider>
|
|
<v-stepper-step step="3" :complete="request.step > 2">Ready to use<small v-show="request.ready_at">{{ request.ready_at | pretty_timestamp_epoch }}</small></v-stepper-step>
|
|
</v-stepper-header>
|
|
<v-stepper-items>
|
|
<v-stepper-content step="1">
|
|
<div>{{ request.notes }}</div>
|
|
<v-btn color="primary" @click="continueRequestSite( request )" v-show="role == 'administrator'">
|
|
Continue
|
|
</v-btn>
|
|
</v-stepper-content>
|
|
<v-stepper-content step="2">
|
|
<div v-show="role == 'administrator'">
|
|
<v-btn @click="backRequestSite( request )">
|
|
Back
|
|
</v-btn>
|
|
<v-btn color="primary" @click="continueRequestSite( request )">
|
|
Continue
|
|
</v-btn>
|
|
</div>
|
|
</v-stepper-content>
|
|
<v-stepper-content step="3">
|
|
<v-card v-if="typeof request.url == 'string' && request.url != ''" class="elevation-2 ma-2">
|
|
<v-list dense>
|
|
<v-list-item :href="request.url" target="_blank" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Link</v-list-item-title>
|
|
<v-list-item-subtitle v-text="request.url"></v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-open-in-new</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-card>
|
|
<div v-show="role == 'administrator'">
|
|
<v-btn @click="backRequestSite( request )">
|
|
Back
|
|
</v-btn>
|
|
<v-btn color="primary" @click="continueRequestSite( request )">
|
|
Continue
|
|
</v-btn>
|
|
</div>
|
|
</v-stepper-content>
|
|
</v-stepper-items>
|
|
</v-stepper>
|
|
</v-card-text>
|
|
<div class="ma-5" v-if="role == 'administrator'">
|
|
<v-card v-for="site in filterSitesWithConnectionErrors" flat :key="site.site_id">
|
|
<v-alert text type="error" dense>
|
|
<v-row align="center">
|
|
<v-col class="shrink">
|
|
<v-img :src=`${remote_upload_uri}${site.site}_${site.site_id}/production/screenshots/${site.screenshot_base}_thumb-100.jpg` class="elevation-1" max-width="50" v-show="site.screenshot_base"></v-img>
|
|
</v-col>
|
|
<v-col class="grow">{{ site.name }}</v-col>
|
|
<v-col class="shrink pa-0">
|
|
<v-btn depressed small @click="goToPath( `/sites/${site.site_id}` )">
|
|
<v-icon>mdi-pencil</v-icon> Fix Credentials
|
|
</v-btn>
|
|
</v-col>
|
|
<v-col class="shrink">
|
|
<v-btn depressed small @click="checkSSH( site )">
|
|
Check SSH connection <v-icon class="ml-1">mdi-sync</v-icon>
|
|
</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
<v-overlay absolute :value="site.loading">
|
|
<v-progress-circular
|
|
indeterminate
|
|
size="32"
|
|
></v-progress-circular>
|
|
</v-overlay>
|
|
</v-alert>
|
|
</v-card>
|
|
</div>
|
|
<v-card-text>
|
|
<v-toolbar dense elevation="0" flat class="mb-3">
|
|
<v-spacer></v-spacer>
|
|
<v-btn depressed small @click="filterUnassigned()" v-if="role == 'administrator'">{{ unassignedSiteCount }} unassign sites</v-btn>
|
|
<v-text-field class="mx-4" v-model="search" @input="filterSites" autofocus label="Search" clearable light hide-details append-icon="mdi-magnify" style="max-width:300px;"></v-text-field>
|
|
</v-toolbar>
|
|
<v-data-table
|
|
v-model="sites_selected"
|
|
:headers="[
|
|
{ text: '', width: 30, value: 'thumbnail' },
|
|
{ text: 'Name', align: 'left', sortable: true, value: 'name' },
|
|
{ text: 'Subsites', value: 'subsites', width: 104 },
|
|
{ text: 'WordPress', value: 'core', width: 114 },
|
|
{ text: 'Visits', value: 'visits', width: 98 },
|
|
{ text: 'Storage', value: 'storage', width: 98 },
|
|
{ text: 'Provider', value: 'provider', width: 104 },
|
|
{ text: '', value: 'filtered', width: 0, class: 'hidden', filter: filteredSites }
|
|
]"
|
|
:items="sites"
|
|
:search="search"
|
|
:custom-filter="siteSearch"
|
|
item-key="site_id"
|
|
ref="site_datatable"
|
|
:footer-props="{ itemsPerPageOptions: [100,250,500,{'text':'All','value':-1}] }"
|
|
v-if="toggle_site"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr v-for="item in items" :key="item.site_id" @click="goToPath( `/sites/${item.site_id}` )" style="cursor:pointer;">
|
|
<td>
|
|
<v-img :src=`${remote_upload_uri}${item.site}_${item.site_id}/production/screenshots/${item.screenshot_base}_thumb-100.jpg` class="elevation-1" width="50" v-show="item.screenshot_base"></v-img>
|
|
</td>
|
|
<td>{{ item.name }}</td>
|
|
<td>{{ item.subsites }}<span v-show="items.subsites"> sites</span></td>
|
|
<td>{{ item.core }}</td>
|
|
<td>{{ item.visits | formatLargeNumbers }}</td>
|
|
<td>{{ item.storage | formatGBs }}GB</td>
|
|
<td>{{ item.provider | formatProvider }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
<v-data-table
|
|
v-model="sites_selected"
|
|
:headers="[
|
|
{ text: '', width: 30, value: 'thumbnail' },
|
|
{ text: 'Name', align: 'left', sortable: true, value: 'name' },
|
|
{ text: 'Subsites', value: 'subsites', width: 104 },
|
|
{ text: 'WordPress', value: 'core', width: 114 },
|
|
{ text: 'Visits', value: 'visits', width: 98 },
|
|
{ text: 'Storage', value: 'storage', width: 98 },
|
|
{ text: 'Provider', value: 'provider', width: 104 },
|
|
{ text: '', value: 'filtered', width: 0, class: 'hidden', filter: filteredSites }
|
|
]"
|
|
:items="sites"
|
|
:search="search"
|
|
item-key="site_id"
|
|
ref="site_datatable"
|
|
hide-default-header
|
|
:footer-props="{ itemsPerPageOptions: [100,250,500,{'text':'All','value':-1}] }"
|
|
v-else
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr class="v-data-table__empty-wrapper">
|
|
<td colspan="9">
|
|
<v-row>
|
|
<v-col cols="12">
|
|
<v-card flat>
|
|
<v-container fluid>
|
|
<v-row>
|
|
<v-col
|
|
v-for="item in items"
|
|
:key="item.site_id"
|
|
class="d-flex child-flex"
|
|
cols="12"
|
|
sm="4"
|
|
>
|
|
<v-card tile style="cursor: pointer" @click="goToPath( `/sites/${item.site_id}` )">
|
|
<v-hover v-slot="{ hover }">
|
|
<v-img :src=`${remote_upload_uri}${item.site}_${item.site_id}/production/screenshots/${item.screenshot_base}_thumb-800.jpg` :aspect-ratio="8/5" v-show="item.screenshot_base">
|
|
<v-fade-transition>
|
|
<div v-if="! hover" style="background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)); height: 100%;" class="d-flex">
|
|
<v-row align="end">
|
|
<v-col>
|
|
<div class="body-1 pa-1 white--text">{{ item.name }}</div>
|
|
</v-col>
|
|
</v-row>
|
|
</div>
|
|
</v-fade-transition>
|
|
<template v-slot:placeholder>
|
|
<v-row class="fill-height ma-0" align="center" justify="center">
|
|
<v-progress-circular indeterminate color="grey lighten-5"></v-progress-circular>
|
|
</v-row>
|
|
</template>
|
|
</v-img>
|
|
</v-hover>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
</v-container>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
</v-sheet>
|
|
<v-sheet v-show="dialog_site.step == 2" class="site">
|
|
<v-card flat>
|
|
<v-toolbar light flat>
|
|
<v-img :src=`${remote_upload_uri}${dialog_site.site.site}_${dialog_site.site.site_id}/production/screenshots/${dialog_site.site.screenshot_base}_thumb-100.jpg` class="elevation-1 mr-3" max-width="50" v-show="dialog_site.site.screenshot_base"></v-img>
|
|
<v-toolbar-title>
|
|
<v-autocomplete
|
|
v-model="selected_site"
|
|
:items="sites"
|
|
return-object
|
|
item-text="name"
|
|
@input="switchSite"
|
|
class="mt-5"
|
|
spellcheck="false"
|
|
flat
|
|
>
|
|
</v-autocomplete>
|
|
</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-toolbar color="primary" dark dense>
|
|
<v-tabs v-model="dialog_site.site.tabs">
|
|
<v-tab :key="1" href="#tab-Site-Management">
|
|
Site Management <v-icon size="24">mdi-cog</v-icon>
|
|
</v-tab>
|
|
<v-tab :key="2" href="#tab-Modules" v-show="role == 'administrator'">
|
|
<span class="d-none d-sm-block">Modules</span> <v-icon size="24">mdi-toggle-switch-outline</v-icon>
|
|
</v-tab>
|
|
<v-tab :key="8" href="#tab-Timeline" ripple @click="fetchTimeline( dialog_site.site.site_id )">
|
|
Timeline <v-icon size="24">mdi-timeline-text-outline</v-icon>
|
|
</v-tab>
|
|
</v-tabs>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-btn text small @click="showLogEntry(dialog_site.site.site_id)" v-show="role == 'administrator'"><v-icon class="mr-1">mdi-note-check-outline</v-icon></v-btn>
|
|
<v-btn text @click="magicLoginSite(dialog_site.site.site_id)">Login to WordPress <v-icon>mdi-open-in-new</v-icon></v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-tabs-items v-model="dialog_site.site.tabs">
|
|
<v-tab-item value="tab-Site-Management" :transition="false" :reverse-transition="false">
|
|
<div class="pb-2">
|
|
<v-layout wrap>
|
|
<v-flex sx12 sm4 px-2>
|
|
<v-layout>
|
|
<v-flex style="width:180px;">
|
|
<v-select
|
|
v-model="dialog_site.environment_selected"
|
|
:items="dialog_site.site.environments"
|
|
return-object
|
|
item-text="environment_label"
|
|
@input="triggerEnvironmentUpdate"
|
|
style="height:54px;">
|
|
</v-select>
|
|
</v-flex>
|
|
<v-flex>
|
|
<v-tooltip bottom>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn small icon @click="syncSite()" style="margin: 12px auto 0 0;" v-on="on">
|
|
<v-icon color="grey">mdi-sync</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<span>Manual sync website details. Last sync {{ dialog_site.site.updated_at | timeago }}.</span>
|
|
</v-tooltip>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-flex>
|
|
<v-flex xs12 sm8>
|
|
<v-tabs v-model="dialog_site.site.tabs_management" icons-and-text right show-arrows height="54">
|
|
<v-tab key="Info" href="#tab-Info">
|
|
Info <v-icon>mdi-text-box-multiple</v-icon>
|
|
</v-tab>
|
|
<v-tab key="Stats" href="#tab-Stats" @click="fetchStats()">
|
|
Stats <v-icon>mdi-chart-bar</v-icon>
|
|
</v-tab>
|
|
<v-tab key="Plugins" href="#tab-Addons" v-show="dialog_site.environment_selected.token != 'basic'">
|
|
Addons <v-icon>mdi-power-plug</v-icon>
|
|
</v-tab>
|
|
<v-tab key="Users" href="#tab-Users" @click="fetchUsers()" v-show="dialog_site.environment_selected.token != 'basic'">
|
|
Users <v-icon>mdi-account-multiple</v-icon>
|
|
</v-tab>
|
|
<v-tab key="Updates" href="#tab-Updates" @click="viewUpdateLogs( dialog_site.site.site_id )" v-show="dialog_site.environment_selected.token != 'basic'">
|
|
Updates <v-icon>mdi-book-open</v-icon>
|
|
</v-tab>
|
|
<v-tab key="Scripts" href="#tab-Scripts">
|
|
Scripts <v-icon>mdi-code-tags</v-icon>
|
|
</v-tab>
|
|
<v-tab key="Backups" href="#tab-Backups" @click="dialog_site.backup_step = 1">
|
|
Backups <v-icon>mdi-update</v-icon>
|
|
</v-tab>
|
|
</v-tabs>
|
|
</v-flex>
|
|
</v-layout>
|
|
</div>
|
|
<v-tabs-items v-model="dialog_site.site.tabs_management" v-if="dialog_site.loading != true">
|
|
<v-tab-item :key="1" value="tab-Info" :transition="false" :reverse-transition="false">
|
|
<v-toolbar dense light flat>
|
|
<v-toolbar-title>Info</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card flat>
|
|
<v-container fluid>
|
|
<v-alert type="info" text v-show="dialog_site.environment_selected.token == 'basic'">This site doesn't appear to be WordPress. Backups will still work however other management functions have been disabled.</v-alert>
|
|
<v-layout body-1 px-6 class="row">
|
|
<v-flex xs12 md6 class="py-2">
|
|
<div class="block mt-6">
|
|
<a @click="showCaptures( dialog_site.site.site_id )">
|
|
<v-img :src="dialog_site.environment_selected.screenshots.large" max-width="400" aspect-ratio="1.6" class="elevation-5" v-if="typeof dialog_site.environment_selected.screenshots != 'undefined' && dialog_site.environment_selected.screenshots.large" style="margin:auto;" lazy-src="/wp-content/plugins/captaincore-manager/public/dummy.webp"></v-img>
|
|
<v-img max-width="400" aspect-ratio="1.6" class="elevation-5" v-else style="margin:auto;" src="/wp-content/plugins/captaincore-manager/public/dummy.webp"></v-img>
|
|
</a>
|
|
</div>
|
|
<v-list dense style="padding:0px;max-width:350px;margin: auto;" class="mt-6">
|
|
<v-list-item :href="dialog_site.environment_selected.link" target="_blank" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Link</v-list-item-title>
|
|
<v-list-item-subtitle v-text="dialog_site.environment_selected.link"></v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-open-in-new</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="copyText( dialog_site.environment_selected.core )" dense v-show="dialog_site.environment_selected.token != 'basic'">
|
|
<v-list-item-content>
|
|
<v-list-item-title>WordPress Version</v-list-item-title>
|
|
<v-list-item-subtitle v-text="dialog_site.environment_selected.core"></v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="copyText( $options.filters.formatSize( dialog_site.environment_selected.storage ) )" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Storage</v-list-item-title>
|
|
<v-list-item-subtitle>{{ dialog_site.environment_selected.storage | formatSize }}</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="copyText( dialog_site.environment_selected.php_memory )" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Memory Limit</v-list-item-title>
|
|
<v-list-item-subtitle>{{ dialog_site.environment_selected.php_memory }}</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="showCaptures( dialog_site.site.site_id )" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Visual Captures</v-list-item-title>
|
|
<v-list-item-subtitle>{{ dialog_site.environment_selected.captures}}</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-image</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="copyText( dialog_site.environment_selected.subsite_count + ' subsites')" dense v-if="dialog_site.environment_selected.subsite_count">
|
|
<v-list-item-content>
|
|
<v-list-item-title>Multisite</v-list-item-title>
|
|
<v-list-item-subtitle>{{ dialog_site.environment_selected.subsite_count }} subsites</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="viewMailgunLogs()" dense v-if="dialog_site.site.mailgun">
|
|
<v-list-item-content>
|
|
<v-list-item-title>Mailgun Logs</v-list-item-title>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-email</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-flex>
|
|
<v-flex xs12 md6 class="keys py-2">
|
|
<v-list dense style="padding:0px;max-width:350px;margin: auto;">
|
|
<v-list-item @click="copySFTP( dialog_site.environment_selected )" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>SFTP Info</v-list-item-title>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="copyDatabase( dialog_site.environment_selected )" dense v-if="dialog_site.environment_selected.database">
|
|
<v-list-item-content>
|
|
<v-list-item-title>Database Info</v-list-item-title>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="copyText( dialog_site.environment_selected.address )" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Address</v-list-item-title>
|
|
<v-list-item-subtitle v-text="dialog_site.environment_selected.address"></v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="copyText( dialog_site.environment_selected.username )" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Username</v-list-item-title>
|
|
<v-list-item-subtitle v-text="dialog_site.environment_selected.username"></v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="copyText( dialog_site.environment_selected.password )" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Password</v-list-item-title>
|
|
<v-list-item-subtitle>##########</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="copyText( dialog_site.environment_selected.protocol )" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Protocol</v-list-item-title>
|
|
<v-list-item-subtitle v-text="dialog_site.environment_selected.protocol"></v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="copyText( dialog_site.environment_selected.port )" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Port</v-list-item-title>
|
|
<v-list-item-subtitle v-text="dialog_site.environment_selected.port"></v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="copyText( dialog_site.environment_selected.home_directory )" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Home directory</v-list-item-title>
|
|
<v-list-item-subtitle v-text="dialog_site.environment_selected.home_directory"></v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<div>
|
|
<v-list-item :href="dialog_site.environment_selected.database" target="_blank" dense v-if="dialog_site.environment_selected.database">
|
|
<v-list-item-content>
|
|
<v-list-item-title>Database</v-list-item-title>
|
|
<v-list-item-subtitle v-text="dialog_site.environment_selected.database"></v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-open-in-new</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="fetchPHPmyadmin()" dense v-if="dialog_site.site.provider == 'rocketdotnet'">
|
|
<v-list-item-content>
|
|
<v-list-item-title>Database</v-list-item-title>
|
|
<v-list-item-subtitle>PHPmyadmin</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-open-in-new</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="copyText( dialog_site.environment_selected.database_name )" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Database Name</v-list-item-title>
|
|
<v-list-item-subtitle v-text="dialog_site.environment_selected.database_name"></v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="copyText( dialog_site.environment_selected.database_username )" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Database Username</v-list-item-title>
|
|
<v-list-item-subtitle v-text="dialog_site.environment_selected.database_username"></v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item @click="copyText( dialog_site.environment_selected.database_password )" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Database Password</v-list-item-title>
|
|
<v-list-item-subtitle>##########</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
</div>
|
|
<div v-if="dialog_site.environment_selected.ssh">
|
|
<v-list-item @click="copyText( dialog_site.environment_selected.ssh )" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>SSH Connection</v-list-item-title>
|
|
<v-list-item-subtitle v-text="dialog_site.environment_selected.ssh"></v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
</div>
|
|
</v-list>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
<div v-show="dialog_site.environment_selected.token != 'basic'">
|
|
<v-divider></v-divider>
|
|
<v-subheader>Site Options</v-subheader>
|
|
<v-container>
|
|
<v-btn small depressed @click="PushProductionToStaging( dialog_site.site.site_id )" v-show="dialog_site.site.provider == 'kinsta'">
|
|
<v-icon>mdi-truck</v-icon> Push Production to Staging
|
|
</v-btn>
|
|
<v-btn small depressed @click="PushStagingToProduction( dialog_site.site.site_id )" v-show="dialog_site.site.provider == 'kinsta' && dialog_site.site.environments.length == 2">
|
|
<v-icon class="reverse">mdi-truck</v-icon> Push Staging to Production
|
|
</v-btn>
|
|
<v-btn small depressed @click="dialog_mailgun_config.show = true" v-show="role == 'administrator'">
|
|
<v-icon>mdi-email-search</v-icon> Configure Mailgun
|
|
</v-btn>
|
|
<v-btn small depressed @click="copySite(dialog_site.site.site_id)" v-show="role == 'administrator'">
|
|
<v-icon>mdi-content-duplicate</v-icon> Copy Site
|
|
</v-btn>
|
|
</v-container>
|
|
</div>
|
|
<div v-show="role == 'administrator' && dialog_site.site.shared_with && dialog_site.site.shared_with.length > 0">
|
|
<v-divider></v-divider>
|
|
<v-subheader>Shared With</v-subheader>
|
|
<v-container>
|
|
<v-row dense v-if="dialog_site.site.shared_with && dialog_site.site.shared_with.length > 0" class="mt-3">
|
|
<v-col v-for="account in dialog_site.site.shared_with" :key="account.account_id" cols="4">
|
|
<v-card :href=`${configurations.path}accounts/${account.account_id}` @click.prevent="goToPath( '/accounts/' + account.account_id )">
|
|
<v-card-title v-html="account.name"></v-card-title>
|
|
<v-card-actions>
|
|
<v-avatar class="mr-2" tile :color="account.account_id == dialog_site.site.customer_id ? 'grey lighten-3' : 'none'">
|
|
<v-icon>mdi-account-circle</v-icon>
|
|
</v-avatar>
|
|
<v-avatar tile :color="account.account_id == dialog_site.site.account_id ? 'grey lighten-3' : 'none'">
|
|
<v-icon>mdi-currency-usd</v-icon>
|
|
</v-avatar>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
</v-container>
|
|
</div>
|
|
<div v-show="role == 'administrator'">
|
|
<v-divider></v-divider>
|
|
<v-subheader>Administrator Options</v-subheader>
|
|
<v-container>
|
|
<v-btn small depressed @click="editSite()">
|
|
<v-icon>mdi-pencil</v-icon> Edit Site
|
|
</v-btn>
|
|
<v-btn small depressed color="error" @click="deleteSite(dialog_site.site.site_id)">
|
|
<v-icon>mdi-delete</v-icon> Delete Site
|
|
</v-btn>
|
|
</v-container>
|
|
</div>
|
|
</v-tab-item>
|
|
<v-tab-item :key="100" value="tab-Stats" :transition="false" :reverse-transition="false">
|
|
<v-card flat>
|
|
<v-toolbar dense light flat>
|
|
<v-toolbar-title>Stats</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items v-if="typeof dialog_new_site == 'object'">
|
|
<v-col v-show="dialog_site.environment_selected.fathom_analytics.length > 1">
|
|
<v-autocomplete
|
|
:items='dialog_site.environment_selected.fathom_analytics'
|
|
item-text="domain"
|
|
item-value="code"
|
|
v-model="dialog_site.environment_selected.stats.fathom_id"
|
|
label="Domain"
|
|
@change="fetchStats"
|
|
></v-autocomplete>
|
|
</v-col>
|
|
<v-col style="max-width:150px;">
|
|
<v-select :items="['Hour', 'Day', 'Month', 'Year']" label="Date Grouping" v-model="stats.grouping" @change="fetchStats()"></v-select>
|
|
</v-col>
|
|
<v-col style="max-width:150px;">
|
|
<v-menu
|
|
v-model="stats.from_at_select"
|
|
:close-on-content-click="false"
|
|
transition="scale-transition"
|
|
offset-y
|
|
left
|
|
down
|
|
min-width="auto"
|
|
>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-text-field
|
|
v-model="stats.from_at"
|
|
label="From"
|
|
prepend-icon="mdi-calendar"
|
|
v-bind="attrs"
|
|
v-on="on"
|
|
width="100"
|
|
></v-text-field>
|
|
</template>
|
|
<v-date-picker v-model="stats.from_at" @input="stats.from_at_select = false; fetchStats()"></v-date-picker>
|
|
</v-menu>
|
|
</v-col>
|
|
<v-col style="max-width:150px;">
|
|
<v-menu
|
|
v-model="stats.to_at_select"
|
|
:close-on-content-click="false"
|
|
transition="scale-transition"
|
|
offset-y
|
|
left
|
|
down
|
|
min-width="auto"
|
|
>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-text-field
|
|
v-model="stats.to_at"
|
|
label="To"
|
|
prepend-icon="mdi-calendar"
|
|
v-bind="attrs"
|
|
v-on="on"
|
|
></v-text-field>
|
|
</template>
|
|
<v-date-picker v-model="stats.to_at" @input="stats.to_at_select = false; fetchStats()"></v-date-picker>
|
|
</v-menu>
|
|
</v-col>
|
|
<v-btn text @click="configureFathom( dialog_site.site.site_id )" v-show="role == 'administrator'"><v-icon dark small>mdi-pencil</v-icon> Edit</v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<div class="pa-3" v-if="typeof dialog_site.environment_selected.stats == 'string' && dialog_site.environment_selected.stats != 'Loading'">
|
|
{{ dialog_site.environment_selected.stats }}
|
|
</div>
|
|
<v-layout wrap>
|
|
<v-flex xs12>
|
|
<v-card-text v-show="dialog_site.environment_selected.stats == 'Loading'">
|
|
<span><v-progress-circular indeterminate color="primary" class="ma-2" size="24"></v-progress-circular></span>
|
|
</v-card-text>
|
|
<div v-for="e in dialog_site.site.environments" v-show="e.environment == dialog_site.environment_selected.environment">
|
|
<div :id="`chart_` + dialog_site.site.site_id + `_` + e.environment" class="stat-chart"></div>
|
|
<v-card flat v-if="dialog_site.environment_selected.stats && dialog_site.environment_selected.stats.summary">
|
|
<v-card-title class="text-center pa-0 mb-10">
|
|
<v-layout wrap>
|
|
<v-flex xs6 sm3>
|
|
<span class="text-uppercase caption">Unique Visitors</span><br />
|
|
<span class="display-1 font-weight-thin text-uppercase">{{ dialog_site.environment_selected.stats.summary.visits | formatk }}</span>
|
|
</v-flex>
|
|
<v-flex xs6 sm3>
|
|
<span class="text-uppercase caption">Pageviews</span><br />
|
|
<span class="display-1 font-weight-thin text-uppercase">{{ dialog_site.environment_selected.stats.summary.pageviews | formatk }}</span>
|
|
</v-flex>
|
|
<v-flex xs6 sm3>
|
|
<span class="text-uppercase caption">Avg Time On Site</span><br />
|
|
<span class="display-1 font-weight-thin text-uppercase">{{ dialog_site.environment_selected.stats.summary.avg_duration | formatTime }}</span>
|
|
</v-flex>
|
|
<v-flex xs6 sm3>
|
|
<span class="text-uppercase caption">Bounce Rate</span><br />
|
|
<span class="display-1 font-weight-thin text-uppercase">{{ dialog_site.environment_selected.stats.summary.bounce_rate | formatPercentageFixed }}</span>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card-title>
|
|
</v-card>
|
|
</div>
|
|
</v-flex>
|
|
</v-layout>
|
|
<div v-if="dialog_site.environment_selected && dialog_site.environment_selected.stats.site" class="mb-10">
|
|
<v-divider></v-divider>
|
|
<v-subheader>Sharing</v-subheader>
|
|
<v-container>
|
|
<v-row>
|
|
<v-col><v-card-text>
|
|
Stats are powered by <a href="https://usefathom.com" target="_new">Fathom Analytics</a>. To view stats dashboard directly, you can enable public or private sharing options.
|
|
<v-chip-group mandatory active-class="primary--text" v-model="dialog_site.environment_selected.stats.site.sharing" @change="shareStats()">
|
|
<v-chip value="none" filter>Off</v-chip>
|
|
<v-chip value="private" filter @click="dialog_site.environment_selected.stats_password = 'changeme'">Private</v-chip>
|
|
<v-chip value="public" filter>Public</v-chip>
|
|
</v-chip-group>
|
|
</v-card-text></v-col>
|
|
<v-col v-show="dialog_site.environment_selected.stats.site.sharing != 'none'">
|
|
<v-list-item :href="`https://app.usefathom.com/share/${ dialog_site.environment_selected.stats.site.id.toLowerCase() }/${dialog_site.environment_selected.stats.site.name}`" target="_new" dense>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Share URL</v-list-item-title>
|
|
<v-list-item-subtitle>https://app.usefathom.com/share/{{ dialog_site.environment_selected.stats.site.id.toLowerCase() }}/{{ dialog_site.environment_selected.stats.site.name }}</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-open-in-new</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-list-item v-show="dialog_site.environment_selected.stats.site.sharing == 'private'" class="mt-4">
|
|
<v-text-field label="Change Share Password" v-model="dialog_site.environment_selected.stats_password" spellcheck="false" clearable autofocus></v-text-field>
|
|
<v-list-item-icon>
|
|
<v-btn @click="shareStats()">Save</v-btn>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
<v-col>
|
|
</v-row>
|
|
</v-container>
|
|
</div>
|
|
</v-card>
|
|
</v-tab-item>
|
|
<v-tab-item :key="3" value="tab-Addons" :transition="false" :reverse-transition="false">
|
|
<v-card flat>
|
|
<v-toolbar dense light flat>
|
|
<v-toolbar-title>Addons <small>(Themes/Plugins)</small></v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-btn text @click="bulkEdit(dialog_site.site.site_id, 'plugins')" v-if="dialog_site.environment_selected.plugins_selected.length != 0">Bulk Edit {{ dialog_site.environment_selected.plugins_selected.length }} plugins</v-btn>
|
|
<v-btn text @click="bulkEdit(dialog_site.site.site_id, 'themes')" v-if="dialog_site.environment_selected.themes_selected.length != 0">Bulk Edit {{ dialog_site.environment_selected.themes_selected.length }} themes</v-btn>
|
|
<v-btn text @click="addTheme(dialog_site.site.site_id)">Add Theme <v-icon dark small>mdi-plus</v-icon></v-btn>
|
|
<v-btn text @click="addPlugin(dialog_site.site.site_id)">Add Plugin <v-icon dark small>mdi-plus</v-icon></v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card-title v-if="typeof dialog_site.environment_selected.themes == 'string'">
|
|
<div>
|
|
Updating themes...
|
|
<v-progress-linear :indeterminate="true"></v-progress-linear>
|
|
</div>
|
|
</v-card-title>
|
|
<div v-else>
|
|
<v-subheader>Themes</v-subheader>
|
|
<v-data-table
|
|
v-model="dialog_site.environment_selected.themes_selected"
|
|
:headers="header_themes"
|
|
:items="dialog_site.environment_selected.themes"
|
|
:loading="dialog_site.site.loading_themes"
|
|
:items-per-page="-1"
|
|
:footer-props="{ itemsPerPageOptions: [{'text':'All','value':-1}] }"
|
|
item-key="name"
|
|
value="name"
|
|
show-select
|
|
hide-default-footer
|
|
>
|
|
<template v-slot:item.status="{ item }">
|
|
<div v-if="item.status === 'inactive' || item.status === 'parent' || item.status === 'child'">
|
|
<v-switch hide-details v-model="item.status" false-value="inactive" true-value="active" @change="activateTheme( item.name, dialog_site.site.site_id )"></v-switch>
|
|
</div>
|
|
<div v-else>
|
|
{{ item.status }}
|
|
</div>
|
|
</template>
|
|
<template v-slot:item.actions="{ item }" class="text-center px-0">
|
|
<v-btn icon small class="mx-0" @click="deleteTheme(item.name, dialog_site.site.site_id)">
|
|
<v-icon color="pink">mdi-delete</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
</v-data-table>
|
|
</div>
|
|
<v-card-title v-if="typeof dialog_site.environment_selected.plugins == 'string'">
|
|
<div>
|
|
Updating plugins...
|
|
<v-progress-linear :indeterminate="true"></v-progress-linear>
|
|
</div>
|
|
</v-card-title>
|
|
<div v-else>
|
|
<v-subheader>Plugins</v-subheader>
|
|
<v-data-table
|
|
:headers="header_plugins"
|
|
:items="dialog_site.environment_selected.plugins.filter(plugin => plugin.status != 'must-use' && plugin.status != 'dropin')"
|
|
:loading="dialog_site.site.loading_plugins"
|
|
:items-per-page="-1"
|
|
:footer-props="{ itemsPerPageOptions: [{'text':'All','value':-1}] }"
|
|
v-model="dialog_site.environment_selected.plugins_selected"
|
|
item-key="name"
|
|
value="name"
|
|
show-select
|
|
hide-default-footer
|
|
>
|
|
<template v-slot:item.status="{ item }">
|
|
<div v-if="item.status === 'inactive' || item.status === 'active'">
|
|
<v-switch hide-details v-model="item.status" false-value="inactive" true-value="active" @change="togglePlugin(item.name, item.status, dialog_site.site.site_id)"></v-switch>
|
|
</div>
|
|
<div v-else>
|
|
{{ item.status }}
|
|
</div>
|
|
</template>
|
|
<template v-slot:item.actions="{ item }" class="text-center px-0">
|
|
<v-btn icon small class="mx-0" @click="deletePlugin(item.name, dialog_site.site.site_id)" v-if="item.status === 'active' || item.status === 'inactive'">
|
|
<v-icon color="pink">mdi-delete</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<template v-slot:body.append>
|
|
<tr v-for="plugin in dialog_site.environment_selected.plugins.filter(plugin => plugin.status == 'must-use' || plugin.status == 'dropin')">
|
|
<td></td>
|
|
<td>{{ plugin.title }}</td>
|
|
<td>{{ plugin.name }}</td>
|
|
<td>{{ plugin.version }}</td>
|
|
<td>{{ plugin.status }}</td>
|
|
<td class="text-center px-0"></td>
|
|
</tr>
|
|
</template>
|
|
</v-data-table>
|
|
</div>
|
|
</v-tab-item>
|
|
<v-tab-item :key="4" value="tab-Users" :transition="false" :reverse-transition="false">
|
|
<v-card flat>
|
|
<v-toolbar dense light flat>
|
|
<v-toolbar-title>Users</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-text-field
|
|
v-model="users_search"
|
|
ref="users_search"
|
|
append-icon="mdi-magnify"
|
|
label="Search"
|
|
single-line
|
|
clearable
|
|
hide-details
|
|
style="max-width:300px"
|
|
></v-text-field>
|
|
<v-toolbar-items>
|
|
<v-btn text @click="bulkEdit(dialog_site.site.site_id,'users')" v-if="dialog_site.environment_selected.users_selected.length != 0">Bulk Edit {{ dialog_site.environment_selected.users_selected.length }} users</v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card-text v-show="typeof dialog_site.environment_selected.users == 'string'">
|
|
<span><v-progress-circular indeterminate color="primary" class="ma-2" size="24"></v-progress-circular></span>
|
|
</v-card-text>
|
|
<div v-if="typeof dialog_site.environment_selected.users != 'string'">
|
|
<v-data-table
|
|
:headers='header_users'
|
|
:items-per-page="50"
|
|
:footer-props="{ itemsPerPageOptions: [50,100,250,{'text':'All','value':-1}] }"
|
|
:items="dialog_site.environment_selected.users"
|
|
item-key="user_login"
|
|
v-model="dialog_site.environment_selected.users_selected"
|
|
class="table_users"
|
|
:search="users_search"
|
|
show-select
|
|
>
|
|
<template v-slot:item.roles="{ item }">
|
|
{{ item.roles.split(",").join(" ") }}
|
|
</template>
|
|
<template v-slot:item.actions="{ item }">
|
|
<v-btn small rounded @click="magicLoginSite(dialog_site.site.site_id, item)" class="my-2">Login as</v-btn>
|
|
<v-btn icon small class="my-2" @click="deleteUserDialog( item.user_login, dialog_site.site.site_id)">
|
|
<v-icon color="pink">mdi-delete</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
</v-data-table>
|
|
</div>
|
|
</v-card>
|
|
</v-tab-item>
|
|
<v-tab-item :key="5" value="tab-Updates" :transition="false" :reverse-transition="false">
|
|
<v-toolbar dense light flat>
|
|
<v-toolbar-title>Update Logs</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-btn text @click="runUpdate(dialog_site.site.site_id)">Manual update <v-icon dark>mdi-sync</v-icon></v-btn>
|
|
<v-btn text @click="updateSettings(dialog_site.site.site_id)">Update Settings <v-icon dark>mdi-settings</v-icon></v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card flat>
|
|
<v-card-text v-show="typeof dialog_site.environment_selected.update_logs == 'string'">
|
|
<span><v-progress-circular indeterminate color="primary" class="ma-2" size="24"></v-progress-circular></span>
|
|
</v-card-text>
|
|
<v-card class="mx-auto mb-4" max-width="500" outlined link hover @click="getUpdateLogQuicksave( item.hash_before, item.hash_after, dialog_site.site.site_id ); item.view_quicksave = true" v-for="item in dialog_site.environment_selected.update_logs" v-if="typeof dialog_site.environment_selected.update_logs == 'object'" :key="item.name">
|
|
<v-card-title>{{ item.created_at | pretty_timestamp_epoch }}<v-spacer></v-spacer><v-icon v-show="item.status == 'success'" color="success">mdi-check-circle</v-icon><v-icon v-show="item.status == 'failed'" color="error">mdi-alert-circle</v-icon></v-card-title>
|
|
<v-card-text>
|
|
<v-badge :content="item.themes_changed" :value="item.themes_changed" overlap class="mr-2 mb-2">
|
|
<v-chip label>{{ item.theme_count }} Themes</v-chip>
|
|
</v-badge>
|
|
<v-badge :content="item.plugins_changed" :value="item.plugins_changed" overlap class="mr-2 mb-2">
|
|
<v-chip label>{{ item.plugin_count }} Plugins</v-chip>
|
|
</v-badge>
|
|
<div>{{ item.status }}</div>
|
|
</v-card-text>
|
|
<v-dialog v-model="item.view_quicksave == true">
|
|
<v-toolbar color="dark primary" dark dense>
|
|
<v-btn icon dark @click.native="item.view_quicksave = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title class="body-2"><strong class="mr-5">{{ item.created_at | pretty_timestamp_epoch }}</strong> {{ item.status }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-btn text small @click="rollbackUpdates( dialog_site.site.site_id, item, true)">Revert changes <v-icon>mdi-restore</v-icon></v-btn>
|
|
<v-btn text small @click="rollbackUpdates( dialog_site.site.site_id, item)">Reapply changes <v-icon>mdi-redo</v-icon></v-btn>
|
|
<v-btn text small @click="viewQuicksavesChangesItem( dialog_site.site.site_id, item)">View Changes <v-icon>mdi-file-compare</v-icon></v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card v-if="item.loading">
|
|
<span><v-progress-circular indeterminate color="primary" class="mx-16 mt-7 mb-7" size="24"></v-progress-circular></span>
|
|
</v-card>
|
|
<v-card v-else>
|
|
<v-data-table
|
|
:headers='[{"text":"Theme","value":"title"},{"text":"Version","value":"version","width":"150px"},{"text":"Status","value":"status","width":"150px"},{"text":"","value":"rollback","width":"150px"}]'
|
|
:items="item.themes"
|
|
item-key="name"
|
|
class="quicksave-table"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr class="red lighten-4" v-for="theme in item.themes_deleted">
|
|
<td class="strikethrough">{{ theme.title || theme.name }}</td>
|
|
<td class="strikethrough">{{ theme.version }}</td>
|
|
<td class="strikethrough">{{ theme.status }}</td>
|
|
<td><v-btn depressed small @click="RollbackUpdate(item.hash_before, 'theme', theme.name, item.started_at)">Rollback</v-btn></td>
|
|
</tr>
|
|
<tr v-for="theme in items" v-bind:class="{ 'green lighten-5': theme.changed || theme.changed_version || theme.changed_status }">
|
|
<td>
|
|
{{ theme.title || theme.name }}
|
|
<v-dialog max-width="600">
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn depressed outlined small class="ml-2" v-bind="attrs" v-on="on" v-show="theme.changed || theme.changed_version" @click="viewQuicksavesChangesItem( item, `themes/${theme.name}/` )">View Changes</v-btn>
|
|
</template>
|
|
<template v-slot:default="dialog">
|
|
<v-card>
|
|
<v-toolbar color="primary" dark>
|
|
<v-btn icon @click="dialog.value = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
Changes for '{{ theme.name }}' theme
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-data-table
|
|
:headers='[{"text":"File","value":"file"}]'
|
|
:items="item.response"
|
|
:footer-props="{ itemsPerPageOptions: [50,100,250,{'text':'All','value':-1}] }"
|
|
v-show="item.response.length > 0"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody >
|
|
<tr v-for="i in items">
|
|
<td>
|
|
<a class="v-menu__activator" @click="QuicksaveFileDiffUpdate(item.hash_after, i)">{{ i }}</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
<v-progress-linear indeterminate rounded height="6" v-show="item.response.length == 0" class="mt-7 mb-4"></v-progress-linear>
|
|
</v-card-text>
|
|
</v-card>
|
|
</template>
|
|
</v-dialog>
|
|
</td>
|
|
<td v-bind:class="{ 'green lighten-4': theme.changed_version }">
|
|
{{ theme.version }}
|
|
<v-tooltip bottom>
|
|
<template v-slot:activator="{ on, attrs }"><v-icon small v-show="theme.changed_version" v-bind="attrs" v-on="on">mdi-information</v-icon></template>
|
|
<span>Changed from {{ theme.changed_version }}</span>
|
|
</v-tooltip>
|
|
</td>
|
|
<td v-bind:class="{ 'green lighten-4': theme.changed_status }">
|
|
{{ theme.status }}
|
|
<v-tooltip bottom>
|
|
<template v-slot:activator="{ on, attrs }"><v-icon small v-show="theme.changed_status" v-bind="attrs" v-on="on">mdi-information</v-icon></template>
|
|
<span>Changed from {{ theme.changed_status }}</span>
|
|
</v-tooltip>
|
|
</td>
|
|
<td>
|
|
<v-dialog max-width="600">
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn depressed outlined small v-bind="attrs" v-on="on">Rollback</v-btn>
|
|
</template>
|
|
<template v-slot:default="dialog">
|
|
<v-card>
|
|
<v-toolbar color="primary" dark>
|
|
Rollback '{{ theme.name }}' theme?
|
|
<v-spacer></v-spacer>
|
|
<v-btn icon @click="dialog.value = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
</v-toolbar>
|
|
<v-list>
|
|
<v-list-item two-line @click="RollbackUpdate(item.hash_after, 'theme', theme.name, item.created_at, dialog)">
|
|
<v-list-item-content>
|
|
<v-list-item-title>Updated version</v-list-item-title>
|
|
<v-list-item-subtitle>{{ $options.filters.pretty_timestamp_epoch(item.created_at) }}</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item two-line @click="RollbackUpdate(item.hash_before, 'theme', theme.name, item.started_at, dialog)">
|
|
<v-list-item-content>
|
|
<v-list-item-title>Previous version</v-list-item-title>
|
|
<v-list-item-subtitle>{{ $options.filters.pretty_timestamp_epoch(item.started_at) }}</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-card>
|
|
</template>
|
|
</v-dialog>
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
</v-data-table>
|
|
<v-data-table
|
|
:headers='[{"text":"Plugin","value":"plugin"},{"text":"Version","value":"version","width":"150px"},{"text":"Status","value":"status","width":"150px"},{"text":"","value":"rollback","width":"150px"}]'
|
|
:items="item.plugins"
|
|
item-key="name"
|
|
class="quicksave-table"
|
|
:items-per-page="25"
|
|
:footer-props="{ itemsPerPageOptions: [25,50,100,{'text':'All','value':-1}] }"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr class="red lighten-4" v-for="plugin in item.plugins_deleted">
|
|
<td class="strikethrough">{{ plugin.title || plugin.name }}</td>
|
|
<td class="strikethrough">{{ plugin.version }}</td>
|
|
<td class="strikethrough">{{ plugin.status }}</td>
|
|
<td><v-btn depressed outlined small @click="RollbackUpdate(item.hash_before, 'plugin', plugin.name, item.started_at)">Rollback</v-btn></td>
|
|
</tr>
|
|
<tr v-for="plugin in items" v-bind:class="[{ 'green lighten-5': plugin.changed_version || plugin.changed_status },{ 'red lighten-4 strikethrough': plugin.deleted }]">
|
|
<td>
|
|
{{ plugin.title || plugin.name }}
|
|
<v-dialog max-width="600">
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn depressed outlined small class="ml-2" v-bind="attrs" v-on="on" v-show="plugin.changed || plugin.changed_version" @click="viewQuicksavesChangesItem( item, `plugins/${plugin.name}/` )">View Changes</v-btn>
|
|
</template>
|
|
<template v-slot:default="dialog">
|
|
<v-card>
|
|
<v-toolbar color="primary" dark>
|
|
<v-btn icon @click="dialog.value = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
Changes for '{{ plugin.name }}' plugin
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-data-table
|
|
:headers='[{"text":"File","value":"file"}]'
|
|
:items="item.response"
|
|
:footer-props="{ itemsPerPageOptions: [50,100,250,{'text':'All','value':-1}] }"
|
|
v-show="item.response.length > 0"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody >
|
|
<tr v-for="i in items">
|
|
<td>
|
|
<a class="v-menu__activator" @click="QuicksaveFileDiffUpdate(item.hash_after, i)">{{ i }}</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
<v-progress-linear indeterminate rounded height="6" v-show="item.response.length == 0" class="mt-7 mb-4"></v-progress-linear>
|
|
</v-card-text>
|
|
</v-card>
|
|
</template>
|
|
</v-dialog>
|
|
</td>
|
|
<td v-bind:class="{ 'green lighten-4': plugin.changed_version }">
|
|
{{ plugin.version }}
|
|
<v-tooltip bottom>
|
|
<template v-slot:activator="{ on, attrs }"><v-icon small v-show="plugin.changed_version" v-bind="attrs" v-on="on">mdi-information</v-icon></template>
|
|
<span>Changed from {{ plugin.changed_version }}</span>
|
|
</v-tooltip>
|
|
</td>
|
|
<td v-bind:class="{ 'green lighten-4': plugin.changed_status }">
|
|
{{ plugin.status }}
|
|
<v-tooltip bottom>
|
|
<template v-slot:activator="{ on, attrs }"><v-icon small v-show="plugin.changed_status" v-bind="attrs" v-on="on">mdi-information</v-icon></template>
|
|
<span>Changed from {{ plugin.changed_status }}</span>
|
|
</v-tooltip>
|
|
</td>
|
|
<td>
|
|
<v-dialog max-width="600">
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn depressed outlined small v-bind="attrs" v-on="on" v-show="plugin.status != 'must-use' && plugin.status != 'dropin'">Rollback</v-btn>
|
|
</template>
|
|
<template v-slot:default="dialog">
|
|
<v-card>
|
|
<v-toolbar color="primary" dark>
|
|
Rollback '{{ plugin.name }}' plugin?
|
|
<v-spacer></v-spacer>
|
|
<v-btn icon @click="dialog.value = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
</v-toolbar>
|
|
<v-list>
|
|
<v-list-item two-line @click="RollbackUpdate(item.hash_after, 'plugin', plugin.name, item.created_at, dialog)">
|
|
<v-list-item-content>
|
|
<v-list-item-title>Updated version <span v-show="plugin.changed_version" v-text="plugin.version"></span></v-list-item-title>
|
|
<v-list-item-subtitle>{{ $options.filters.pretty_timestamp_epoch(item.created_at) }}</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item two-line @click="RollbackUpdate(item.hash_before, 'plugin', plugin.name, item.started_at, dialog)">
|
|
<v-list-item-content>
|
|
<v-list-item-title>Previous version <span v-show="plugin.changed_version" v-text="plugin.started_at"></span></v-list-item-title>
|
|
<v-list-item-subtitle>{{ $options.filters.pretty_timestamp_epoch(item.previous_created_at) }}</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-card>
|
|
</template>
|
|
</v-dialog>
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
</v-data-table>
|
|
</v-card>
|
|
</v-dialog>
|
|
</v-card>
|
|
</v-card>
|
|
</v-tab-item>
|
|
<v-tab-item :key="6" value="tab-Scripts" :transition="false" :reverse-transition="false">
|
|
<v-toolbar dense light flat>
|
|
<v-toolbar-title>Scripts</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card flat>
|
|
<v-card-title>
|
|
<v-row>
|
|
<v-col cols="12" md="8">
|
|
<v-subheader id="script_site">Custom bash script or WP-CLI commands</v-subheader>
|
|
<v-textarea
|
|
auto-grow
|
|
solo
|
|
label=""
|
|
hide-details
|
|
:value="custom_script"
|
|
@change.native="custom_script = $event.target.value"
|
|
spellcheck="false"
|
|
class="code"
|
|
></v-textarea>
|
|
<v-btn small color="primary" dark @click="runCustomCode(dialog_site.site.site_id)">Run Custom Code</v-btn>
|
|
</v-col>
|
|
<v-col cols="12" md="4">
|
|
<v-list dense>
|
|
<v-subheader>Common</v-subheader>
|
|
<v-list-item @click="viewApplyHttpsUrls(dialog_site.site.site_id)" dense>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-rocket-launch</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Apply HTTPS Urls</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item @click="siteDeploy(dialog_site.site.site_id)" dense>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-refresh</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Deploy Defaults</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item @click="launchSiteDialog(dialog_site.site.site_id)" dense>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-rocket</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Launch Site</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item @click="showSiteMigration(dialog_site.site.site_id)" dense>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-truck</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Migrate from backup</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item @click="resetPermissions(dialog_site.site.site_id)" dense>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-file-lock</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Reset Permissions</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item @click="toggleSite(dialog_site.site.site_id)" dense>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-toggle-switch</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Toggle Site</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-subheader v-show="recipes.filter( r => r.public == 1 ).length > 0">Other</v-subheader>
|
|
<v-list-item @click="runRecipe( recipe.recipe_id, dialog_site.site.site_id )" dense v-for="recipe in recipes.filter( r => r.public == 1 )">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-script-text-outline</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title v-text="recipe.title"></v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-subheader v-show="recipes.filter( r => r.public != 1 ).length > 0">User</v-subheader>
|
|
<v-list-item @click="loadRecipe( recipe.recipe_id ); $vuetify.goTo( '#script_site' );" dense v-for="recipe in recipes.filter( r => r.public != 1 )">
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-script-text-outline</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title v-text="recipe.title"></v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card-title>
|
|
</v-card>
|
|
</v-tab-item>
|
|
<v-tab-item :key="7" value="tab-Backups" :transition="false" :reverse-transition="false">
|
|
<v-toolbar dense light flat>
|
|
<v-toolbar-title>Backups</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-btn text @click="promptBackupSnapshot( dialog_site.site.site_id )">Download Snapshot <v-icon dark>mdi-cloud-download</v-icon></v-btn>
|
|
<v-btn text @click="QuicksaveCheck( dialog_site.site.site_id )">New Quicksave <v-icon dark>mdi-sync</v-icon></v-btn>
|
|
<v-btn text @click="dialog_backup_configurations.settings = dialog_site.site.backup_settings; dialog_backup_configurations.show = true" v-show="role == 'administrator'"><v-icon dark small>mdi-pencil</v-icon> Edit</v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-sheet v-show="dialog_site.backup_step == 1" class="mt-7">
|
|
<v-card flat>
|
|
<v-row class="pa-4">
|
|
<v-col cols="12" md="4" class="px-2">
|
|
<v-card
|
|
class="mx-auto"
|
|
max-width="344"
|
|
outlined
|
|
link
|
|
hover
|
|
@click="viewBackups(); dialog_site.backup_step = 2"
|
|
>
|
|
<v-card-title>Backups</v-card-title>
|
|
<v-card-subtitle>Original file and database backups.</v-card-subtitle>
|
|
<v-card-text>
|
|
<span v-if="typeof dialog_site.environment_selected.details.backup_count == 'number'">{{ dialog_site.environment_selected.details.backup_count }} backups</v-show>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-col>
|
|
<v-col cols="12" md="4" class="px-2" v-show="dialog_site.environment_selected.token != 'basic'">
|
|
<v-card
|
|
class="mx-auto"
|
|
max-width="344"
|
|
outlined
|
|
link
|
|
hover
|
|
@click="viewQuicksaves(); dialog_site.backup_step = 3"
|
|
>
|
|
<v-card-title>Quicksaves</v-card-title>
|
|
<v-card-subtitle>Know what changed and when. Easily rollback themes or plugins. Super helpful for troubleshooting maintenance issues.</v-card-subtitle>
|
|
<v-card-text>
|
|
<span v-if="typeof dialog_site.environment_selected.details.quicksave_usage == 'object'">{{ dialog_site.environment_selected.details.quicksave_usage.count }} quicksaves</v-show>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-col>
|
|
<v-col cols="12" md="4" class="px-2">
|
|
<v-card
|
|
class="mx-auto"
|
|
max-width="344"
|
|
outlined
|
|
link
|
|
hover
|
|
@click="viewSnapshots( dialog_site.site.site_id ); dialog_site.backup_step = 4"
|
|
>
|
|
<v-card-title>Snapshots</v-card-title>
|
|
<v-card-subtitle>Manually generated snapshots zips.</v-card-subtitle>
|
|
<v-card-text>
|
|
<span v-if="typeof dialog_site.environment_selected.details.snapshot_count == 'number'">{{ dialog_site.environment_selected.details.snapshot_count }} snapshots</v-show>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card>
|
|
</v-sheet>
|
|
<v-sheet v-show="dialog_site.backup_step == 2">
|
|
<v-card flat>
|
|
<v-subheader><a @click="dialog_site.backup_step = 1">Types</a> / Backups</v-subheader>
|
|
<v-card-text v-if="typeof dialog_site.environment_selected.backups == 'string'">
|
|
<span><v-progress-circular indeterminate color="primary" class="ma-2" size="24"></v-progress-circular></span>
|
|
</v-card-text>
|
|
<div v-else>
|
|
<v-data-table
|
|
:headers="[{text:'Created At',value:'time'},{text:'Backup ID',value:'short_id',width:'115px'}]"
|
|
:items="dialog_site.environment_selected.backups"
|
|
item-key="id"
|
|
no-data-text="No backups found."
|
|
:ref="'backup_table_'+ dialog_site.site.site_id + '_' + dialog_site.environment_selected.environment"
|
|
single-expand
|
|
show-expand
|
|
class="table-backups"
|
|
@click:row="expandBackup( $event, dialog_site.site.site_id, dialog_site.environment_selected.environment )"
|
|
>
|
|
<template v-slot:item.time="{ item }">
|
|
{{ item.time | pretty_timestamp }}
|
|
</template>
|
|
<template v-slot:expanded-item="{ item }">
|
|
<td colspan="3" style="position: relative;background: #fff; padding:0px">
|
|
<v-row no-gutters justify="space-between">
|
|
<v-col cols="4" md="4" sm="12">
|
|
<v-progress-circular indeterminate color="primary" class="ma-5" size="24" v-show="item.loading"></v-progress-circular></span>
|
|
<v-treeview
|
|
v-model="item.tree"
|
|
:items="item.files"
|
|
:active.sync="item.active"
|
|
activatable
|
|
selectable
|
|
selected-color="primary"
|
|
selection-type="leaf"
|
|
item-key="path"
|
|
open-on-click
|
|
return-object
|
|
@update:active="previewFile(item)"
|
|
>
|
|
<template v-slot:prepend="{ item, open }">
|
|
<v-icon v-if="item.type == 'dir'">
|
|
{{ open ? 'mdi-folder-open' : 'mdi-folder' }}
|
|
</v-icon>
|
|
<v-icon v-else>
|
|
{{ files[item.ext] ? files[item.ext] : 'mdi-file' }}
|
|
</v-icon>
|
|
</template>
|
|
</v-treeview>
|
|
</v-col>
|
|
<v-col class="shrink"><v-divider vertical></v-divider></v-col>
|
|
<v-col class="pa-5 text-center">
|
|
<v-alert type="info" dense text v-show="item.omitted">This backup has too many files to show. Uploaded files have been omitted for viewing purposes. Everything is still restorable.</v-alert>
|
|
<v-scroll-y-transition mode="out-in">
|
|
<v-card
|
|
v-if="item.active.length == 1"
|
|
class="pt-6"
|
|
flat
|
|
>
|
|
<v-card-text>
|
|
<h3 class="headline mb-2">
|
|
Previewing {{ item.active[0].name }}
|
|
</h3>
|
|
<p>{{ item.active[0].size | formatSize }}</p>
|
|
</v-card-text>
|
|
<div v-if="item.preview == ''">
|
|
<v-divider></v-divider>
|
|
<v-progress-circular indeterminate color="primary" class="ma-2" size="24"></v-progress-circular>
|
|
</div>
|
|
<p v-else-if="item.preview == 'too-large'">File too large to preview.</p>
|
|
<v-card v-else class="text-left overflow-auto mx-auto" style="width: 600px"><pre class="text-caption">{{ item.preview }}</pre></v-card>
|
|
<p class="mt-5 text-center"><a @click="item.active = []">Close preview</a></p>
|
|
</v-card-text>
|
|
</v-card>
|
|
<div
|
|
v-else-if="item.tree.length == 0"
|
|
class="title font-weight-light"
|
|
style="align-self: center;"
|
|
>
|
|
Select a file or folder.<br />
|
|
<a class="body-2" @click="item.tree = item.files">Select everything</a>
|
|
</div>
|
|
<v-card
|
|
v-else
|
|
class="pt-6 mx-auto"
|
|
flat
|
|
max-width="400"
|
|
>
|
|
<v-card-text>
|
|
<h3 class="headline mb-2">
|
|
{{ item.tree.map( item => item.count ).reduce((a, b) => a + b, 0) }} items selected
|
|
</h3>
|
|
<p>{{ item.tree.map( item => item.size ).reduce((a, b) => a + b, 0) | formatSize }}</p>
|
|
</v-card-text>
|
|
<v-divider></v-divider>
|
|
<v-btn class="ma-2" @click="downloadBackup( item.id, item.tree )">Download<v-icon>mdi-file-download</v-icon></v-btn>
|
|
<p class="mt-5 text-center"><a @click="item.tree = []">Cancel selection</a></p>
|
|
</v-card>
|
|
</v-scroll-y-transition>
|
|
</v-col>
|
|
</v-row>
|
|
</td>
|
|
</template>
|
|
</v-data-table>
|
|
</div>
|
|
</v-card>
|
|
</v-sheet>
|
|
<v-sheet v-show="dialog_site.backup_step == 3">
|
|
<v-card flat>
|
|
<v-subheader><a @click="dialog_site.backup_step = 1 ">Types</a> / Quicksaves</v-subheader>
|
|
<v-card-text v-if="typeof dialog_site.environment_selected.quicksaves == 'string'">
|
|
<span><v-progress-circular indeterminate color="primary" class="ma-2" size="24"></v-progress-circular></span>
|
|
</v-card-text>
|
|
<div v-else>
|
|
<v-toolbar dense flat>
|
|
<v-spacer></v-spacer>
|
|
<v-select :items="[{text: 'Themes', value: 'theme'}, {text: 'Plugins', value: 'plugin'}]" v-model="quicksave_search_type" label="Search for" dense style="max-width: 125px" class="mr-2" solo></v-select>
|
|
<v-select :items="[{text: 'Slug', value: 'name'}, {text: 'Title', value: 'title'}, {text: 'Status', value: 'status'}, {text: 'Version', value: 'version'}]" v-model="quicksave_search_field" label="By" dense style="max-width: 125px" class="mr-2" solo></v-select>
|
|
<v-text-field v-model="quicksave_search" dense autofocus label="Search historical activity" clearable light hide-details append-outer-icon="mdi-magnify" @keydown.enter="searchQuicksave" @click:append-outer="searchQuicksave" style="max-width:375px;" class="mb-3"></v-text-field>
|
|
</v-toolbar>
|
|
<div v-show="quicksave_search_results.loading" class="body-2 mx-5"><v-progress-circular indeterminate color="primary" class="ma-2" size="24"></v-progress-circular> searching quicksaves</div>
|
|
<v-card v-if="quicksave_search_results.items.length > 0" class="ma-4">
|
|
<v-app-bar flat dense>
|
|
<v-card-title>{{ quicksave_search_results.items.length }} search results</v-card-title>
|
|
<v-spacer></v-spacer>
|
|
<v-btn icon @click='quicksave_search_results = { loading: false, search: "", search_type: "", search_field: "", items: [] }'>
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
</v-app-bar>
|
|
<v-card-text>
|
|
<v-data-table
|
|
:headers="[{text:'Created At',value:'created_at'},{text:'Item',value:'item'},{text:'',value:'actions'}]"
|
|
:items="quicksave_search_results.items"
|
|
item-key="hash"
|
|
no-data-text="No quicksaves found."
|
|
:footer-props="{ itemsPerPageOptions: [25,50,100,{'text':'All','value':-1}] }">
|
|
<template v-slot:item.created_at="{ item }">
|
|
{{ item.created_at | pretty_timestamp_epoch }}
|
|
</template>
|
|
<template v-slot:item.item="{ item }">
|
|
<span v-if="item.item == ''">
|
|
{{ quicksave_search_results.search }} not found
|
|
</span>
|
|
<span v-else>
|
|
{{ item.item.title }} {{ item.item.version }} {{ item.item.status }}
|
|
</span>
|
|
</template>
|
|
<template v-slot:item.actions="{ item }">
|
|
<v-dialog max-width="600">
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn depressed small v-bind="attrs" v-on="on" v-if="item.item != ''">Rollback</v-btn>
|
|
</template>
|
|
<template v-slot:default="dialog">
|
|
<v-card>
|
|
<v-toolbar color="primary" dark>
|
|
Rollback '{{ item.item.title }}' {{ quicksave_search_results.search_type }}?
|
|
<v-spacer></v-spacer>
|
|
<v-btn icon @click="dialog.value = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
</v-toolbar>
|
|
<v-list>
|
|
<v-list-item two-line @click="RollbackQuicksave(item.hash, quicksave_search_results.search_type, item.item.name, 'this', dialog)">
|
|
<v-list-item-content>
|
|
<v-list-item-title>This version {{ item.item.version }}</v-list-item-title>
|
|
<v-list-item-subtitle>{{ $options.filters.pretty_timestamp_epoch(item.created_at) }}</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-card>
|
|
</template>
|
|
</v-dialog>
|
|
</template>
|
|
</v-data-table>
|
|
</v-card-text>
|
|
</v-card>
|
|
<v-data-table
|
|
:headers="[{text:'Created At',value:'created_at'},{text:'WordPress',value:'core',width:'115px'},{text:'',value:'theme_count',width:'115px'},{text:'',value:'plugin_count',width:'115px'}]"
|
|
:items="dialog_site.environment_selected.quicksaves"
|
|
item-key="hash"
|
|
no-data-text="No quicksaves found."
|
|
:ref="'quicksave_table_'+ dialog_site.site.site_id + '_' + dialog_site.environment_selected.environment"
|
|
@click:row="expandQuicksave( $event, dialog_site.site.site_id, dialog_site.environment_selected.environment )"
|
|
single-expand
|
|
show-expand
|
|
:footer-props="{ itemsPerPageOptions: [25,50,100,{'text':'All','value':-1}] }"
|
|
class="table-quicksaves"
|
|
>
|
|
<template v-slot:item.created_at="{ item }">
|
|
{{ item.created_at | pretty_timestamp_epoch }}
|
|
</template>
|
|
<template v-slot:item.core="{ item }">
|
|
{{ item.core }}
|
|
</template>
|
|
<template v-slot:item.theme_count="{ item }">
|
|
{{ item.theme_count }} themes
|
|
</template>
|
|
<template v-slot:item.plugin_count="{ item }">
|
|
{{ item.plugin_count }} plugins
|
|
</template>
|
|
<template v-slot:expanded-item="{ item }">
|
|
<td colspan="7" style="position: relative;background: #eee; padding:0px" v-if="item.loading">
|
|
<span><v-progress-circular indeterminate color="primary" class="mx-16 mt-3 mb-7" size="24"></v-progress-circular></span>
|
|
</td>
|
|
<td colspan="7" style="position: relative;background: #eee; padding:0px" v-else>
|
|
<v-toolbar color="dark primary" dark dense light class="elevation-1 mx-16 mt-3" style="border-radius: 4px 4px 0 0;">
|
|
<v-toolbar-title class="body-2">{{ item.status }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-btn text small @click="QuicksavesRollback( dialog_site.site.site_id, item, 'previous' )" v-show="item.previous_created_at">Revert changes <v-icon>mdi-restore</v-icon></v-btn>
|
|
<v-btn text small @click="QuicksavesRollback( dialog_site.site.site_id, item, 'this' )">Reapply changes <v-icon>mdi-redo</v-icon></v-btn>
|
|
<v-btn text small @click="viewQuicksavesChanges( dialog_site.site.site_id, item)">View Changes <v-icon>mdi-file-compare</v-icon></v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-dialog fullscreen hide-overlay v-model="item.view_changes == true">
|
|
<v-card>
|
|
<v-toolbar color="dark primary" dark dense light>
|
|
<v-btn icon dark @click.native="item.view_changes = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>List of changes</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-card-title>
|
|
Files
|
|
</v-card-title>
|
|
<v-spacer></v-spacer>
|
|
<v-layout>
|
|
<v-flex sx12 sm9>
|
|
</v-flex sx12 sm3>
|
|
<v-flex>
|
|
<v-text-field
|
|
v-model="item.search"
|
|
ref="quicksave_search"
|
|
@input="filterFiles( dialog_site.site.site_id, item.hash)"
|
|
append-icon="mdi-magnify"
|
|
label="Search"
|
|
single-line
|
|
hide-details
|
|
></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-data-table
|
|
:headers='[{"text":"File","value":"file"}]'
|
|
:items="item.filtered_files"
|
|
:loading="item.loading"
|
|
:footer-props="{ itemsPerPageOptions: [50,100,250,{'text':'All','value':-1}] }"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr v-for="i in items">
|
|
<td>
|
|
<a class="v-menu__activator" @click="QuicksaveFileDiff(item.hash, i)">{{ i }}</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-card class="elevation-1 mx-16 mb-7">
|
|
<v-data-table
|
|
:headers='[{"text":"Theme","value":"title"},{"text":"Version","value":"version","width":"150px"},{"text":"Status","value":"status","width":"150px"},{"text":"","value":"rollback","width":"150px"}]'
|
|
:items="item.themes"
|
|
item-key="name"
|
|
class="quicksave-table"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr class="red lighten-4" v-for="theme in item.themes_deleted">
|
|
<td class="strikethrough">{{ theme.title || theme.name }}</td>
|
|
<td class="strikethrough">{{ theme.version }}</td>
|
|
<td class="strikethrough">{{ theme.status }}</td>
|
|
<td><v-btn depressed small @click="RollbackQuicksave(item.hash, 'theme', theme.name, 'previous')">Rollback</v-btn></td>
|
|
</tr>
|
|
<tr v-for="theme in items" v-bind:class="{ 'green lighten-5': theme.changed || theme.changed_version || theme.changed_status }">
|
|
<td>
|
|
<v-chip color="primary" label x-small v-show="theme.new" class="mr-2">New</v-chip> {{ theme.title || theme.name }}
|
|
<v-dialog max-width="600">
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn depressed outlined small class="ml-2" v-bind="attrs" v-on="on" v-show="theme.changed || theme.changed_version" @click="viewQuicksavesChangesItem( item, `themes/${theme.name}/` )">View Changes</v-btn>
|
|
</template>
|
|
<template v-slot:default="dialog">
|
|
<v-card>
|
|
<v-toolbar color="primary" dark>
|
|
<v-btn icon @click="dialog.value = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
Changes for '{{ theme.name }}' theme
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-data-table
|
|
:headers='[{"text":"File","value":"file"}]'
|
|
:items="item.response"
|
|
:footer-props="{ itemsPerPageOptions: [50,100,250,{'text':'All','value':-1}] }"
|
|
v-show="item.response.length > 0"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody >
|
|
<tr v-for="i in items">
|
|
<td>
|
|
<a class="v-menu__activator" @click="QuicksaveFileDiff(item.hash, i)">{{ i }}</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
<v-progress-linear indeterminate rounded height="6" v-show="item.response.length == 0" class="mt-7 mb-4"></v-progress-linear>
|
|
</v-card-text>
|
|
</v-card>
|
|
</template>
|
|
</v-dialog>
|
|
</td>
|
|
<td v-bind:class="{ 'green lighten-4': theme.changed_version }">
|
|
{{ theme.version }}
|
|
<v-tooltip bottom>
|
|
<template v-slot:activator="{ on, attrs }"><v-icon small v-show="theme.changed_version" v-bind="attrs" v-on="on">mdi-information</v-icon></template>
|
|
<span>Changed from {{ theme.changed_version }}</span>
|
|
</v-tooltip>
|
|
</td>
|
|
<td v-bind:class="{ 'green lighten-4': theme.changed_status }">
|
|
{{ theme.status }}
|
|
<v-tooltip bottom>
|
|
<template v-slot:activator="{ on, attrs }"><v-icon small v-show="theme.changed_status" v-bind="attrs" v-on="on">mdi-information</v-icon></template>
|
|
<span>Changed from {{ theme.changed_status }}</span>
|
|
</v-tooltip>
|
|
</td>
|
|
<td>
|
|
<v-dialog max-width="600">
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn depressed outlined small v-bind="attrs" v-on="on">Rollback</v-btn>
|
|
</template>
|
|
<template v-slot:default="dialog">
|
|
<v-card>
|
|
<v-toolbar color="primary" dark>
|
|
Rollback '{{ theme.name }}' theme?
|
|
<v-spacer></v-spacer>
|
|
<v-btn icon @click="dialog.value = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
</v-toolbar>
|
|
<v-list>
|
|
<v-list-item two-line @click="RollbackQuicksave(item.hash, 'theme', theme.name, 'this', dialog)">
|
|
<v-list-item-content>
|
|
<v-list-item-title>This version</v-list-item-title>
|
|
<v-list-item-subtitle>{{ $options.filters.pretty_timestamp_epoch(item.created_at) }}</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item two-line @click="RollbackQuicksave(item.hash, 'theme', theme.name, 'previous', dialog)" v-show="item.previous_created_at">
|
|
<v-list-item-content>
|
|
<v-list-item-title>Previous version</v-list-item-title>
|
|
<v-list-item-subtitle>{{ $options.filters.pretty_timestamp_epoch(item.previous_created_at) }}</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-card>
|
|
</template>
|
|
</v-dialog>
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
</v-data-table>
|
|
<v-data-table
|
|
:headers='[{"text":"Plugin","value":"plugin"},{"text":"Version","value":"version","width":"150px"},{"text":"Status","value":"status","width":"150px"},{"text":"","value":"rollback","width":"150px"}]'
|
|
:items="item.plugins"
|
|
item-key="name"
|
|
class="quicksave-table"
|
|
:items-per-page="25"
|
|
:footer-props="{ itemsPerPageOptions: [25,50,100,{'text':'All','value':-1}] }"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr class="red lighten-4" v-for="plugin in item.plugins_deleted">
|
|
<td class="strikethrough">{{ plugin.title || plugin.name }}</td>
|
|
<td class="strikethrough">{{ plugin.version }}</td>
|
|
<td class="strikethrough">{{ plugin.status }}</td>
|
|
<td><v-btn depressed small @click="RollbackQuicksave(item.hash, 'plugin', plugin.name, 'previous')">Rollback</v-btn></td>
|
|
</tr>
|
|
<tr v-for="plugin in items" v-bind:class="[{ 'green lighten-5': plugin.changed || plugin.changed_version || plugin.changed_status },{ 'red lighten-4 strikethrough': plugin.deleted }]">
|
|
<td>
|
|
<v-chip color="primary" label x-small v-show="plugin.new" class="mr-2">New</v-chip> {{ plugin.title || plugin.name }}
|
|
<v-dialog max-width="600">
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn depressed outlined small class="ml-2" v-bind="attrs" v-on="on" v-show="plugin.changed || plugin.changed_version" @click="viewQuicksavesChangesItem( item, `plugins/${plugin.name}/` )">View Changes</v-btn>
|
|
</template>
|
|
<template v-slot:default="dialog">
|
|
<v-card>
|
|
<v-toolbar color="primary" dark>
|
|
<v-btn icon @click="dialog.value = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
Changes for '{{ plugin.name }}' plugin
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-data-table
|
|
:headers='[{"text":"File","value":"file"}]'
|
|
:items="item.response"
|
|
:footer-props="{ itemsPerPageOptions: [50,100,250,{'text':'All','value':-1}] }"
|
|
v-show="item.response.length > 0"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody >
|
|
<tr v-for="i in items">
|
|
<td>
|
|
<a class="v-menu__activator" @click="QuicksaveFileDiff(item.hash, i)">{{ i }}</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
<v-progress-linear indeterminate rounded height="6" v-show="item.response.length == 0" class="mt-7 mb-4"></v-progress-linear>
|
|
</v-card-text>
|
|
</v-card>
|
|
</template>
|
|
</v-dialog>
|
|
</td>
|
|
<td v-bind:class="{ 'green lighten-4': plugin.changed_version }">
|
|
{{ plugin.version }}
|
|
<v-tooltip bottom>
|
|
<template v-slot:activator="{ on, attrs }"><v-icon small v-show="plugin.changed_version" v-bind="attrs" v-on="on">mdi-information</v-icon></template>
|
|
<span>Changed from {{ plugin.changed_version }}</span>
|
|
</v-tooltip>
|
|
</td>
|
|
<td v-bind:class="{ 'green lighten-4': plugin.changed_status }">
|
|
{{ plugin.status }}
|
|
<v-tooltip bottom>
|
|
<template v-slot:activator="{ on, attrs }"><v-icon small v-show="plugin.changed_status" v-bind="attrs" v-on="on">mdi-information</v-icon></template>
|
|
<span>Changed from {{ plugin.changed_status }}</span>
|
|
</v-tooltip>
|
|
</td>
|
|
<td>
|
|
<v-dialog max-width="600">
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn depressed small v-bind="attrs" v-on="on" v-show="plugin.status != 'must-use' && plugin.status != 'dropin'">Rollback</v-btn>
|
|
</template>
|
|
<template v-slot:default="dialog">
|
|
<v-card>
|
|
<v-toolbar color="primary" dark>
|
|
Rollback '{{ plugin.name }}' plugin?
|
|
<v-spacer></v-spacer>
|
|
<v-btn icon @click="dialog.value = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
</v-toolbar>
|
|
<v-list>
|
|
<v-list-item two-line @click="RollbackQuicksave(item.hash, 'plugin', plugin.name, 'this', dialog)">
|
|
<v-list-item-content>
|
|
<v-list-item-title>This version <span v-show="plugin.changed_version" v-text="plugin.version"></span></v-list-item-title>
|
|
<v-list-item-subtitle>{{ $options.filters.pretty_timestamp_epoch(item.created_at) }}</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item two-line @click="RollbackQuicksave(item.hash, 'plugin', plugin.name, 'previous', dialog)" v-show="item.previous_created_at">
|
|
<v-list-item-content>
|
|
<v-list-item-title>Previous version <span v-show="plugin.changed_version" v-text="plugin.changed_version"></span></v-list-item-title>
|
|
<v-list-item-subtitle>{{ $options.filters.pretty_timestamp_epoch(item.previous_created_at) }}</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-card>
|
|
</template>
|
|
</v-dialog>
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
</v-data-table>
|
|
</v-card>
|
|
</td>
|
|
</template>
|
|
</v-data-table>
|
|
</div>
|
|
</v-card>
|
|
</v-sheet>
|
|
<v-sheet v-show="dialog_site.backup_step == 4">
|
|
<v-card flat>
|
|
<v-subheader><a @click="dialog_site.backup_step = 1">Types </a> / Snapshots</v-subheader>
|
|
<v-card-text v-if="typeof dialog_site.environment_selected.snapshots == 'string'">
|
|
<span><v-progress-circular indeterminate color="primary" class="ma-2" size="24"></v-progress-circular></span>
|
|
</v-card-text>
|
|
<div v-else>
|
|
<v-data-table
|
|
:headers="[{text:'Created At',value:'created_at',width:'250px'},{text:'User',value:'user',width:'125px'},{text:'Storage',value:'storage',width:'100px'},{text:'Notes',value:'notes'},{text:'',value:'actions',sortable: false,width:'190px'}]"
|
|
:items="dialog_site.environment_selected.snapshots"
|
|
item-key="snapshot_id"
|
|
no-data-text="No snapshots found."
|
|
>
|
|
<template v-slot:item.user="{ item }">
|
|
{{ item.user.name }}
|
|
</template>
|
|
<template v-slot:item.created_at="{ item }">
|
|
{{ item.created_at | pretty_timestamp_epoch }}
|
|
</template>
|
|
<template v-slot:item.storage="{ item }">
|
|
{{ item.storage | formatSize }}
|
|
</template>
|
|
<template v-slot:item.actions="{ item }">
|
|
<template v-if="item.token && new Date() < new Date( item.expires_at )">
|
|
<v-tooltip bottom>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn small icon @click="fetchLink( dialog_site.site.site_id, item.snapshot_id )" v-on="on">
|
|
<v-icon color="grey">mdi-sync</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<span>Generate new link. Link valid for 24hrs.</span>
|
|
</v-tooltip>
|
|
<v-btn small rounded :href="`/wp-json/captaincore/v1/site/${dialog_site.site.site_id}/snapshots/${item.snapshot_id}-${item.token}/${item.snapshot_name.slice(0, -4)}`">Download</v-btn>
|
|
</template>
|
|
<template v-else>
|
|
<v-tooltip bottom>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn small icon @click="fetchLink( dialog_site.site.site_id, item.snapshot_id )" v-on="on">
|
|
<v-icon color="grey">mdi-sync</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<span>Generate new link. Link valid for 24hrs.</span>
|
|
</v-tooltip>
|
|
<v-btn small rounded disabled>Download</v-btn>
|
|
</template>
|
|
</template>
|
|
</v-data-table>
|
|
</div>
|
|
</v-sheet>
|
|
</v-tab-item>
|
|
</v-tabs-items>
|
|
<v-card flat v-else>
|
|
<v-container fluid>
|
|
<div><span><v-progress-circular indeterminate color="primary" class="ma-2" size="24"></v-progress-circular></span></div>
|
|
</v-container>
|
|
</v-card>
|
|
</v-tab-item>
|
|
<v-tab-item :key="2" value="tab-Modules" :transition="false" :reverse-transition="false" v-if="role == 'administrator'">
|
|
<v-toolbar dense light flat>
|
|
<v-toolbar-title>Modules</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card flat>
|
|
<v-card-text>
|
|
<div v-for="environment in dialog_site.site.environments">
|
|
{{ environment.environment }}
|
|
<v-row class="ma-2">
|
|
<v-col cols="6" md="3"><v-switch v-model="environment.monitor_enabled" label="Up-time Monitor" inset class="mx-3" :false-value="0" :true-value="1" @change="updateMonitor( environment )"></v-switch></v-col>
|
|
</v-row>
|
|
</div>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-tab-item>
|
|
<v-tab-item :key="8" value="tab-Timeline" :transition="false" :reverse-transition="false">
|
|
<v-toolbar dense light flat>
|
|
<v-toolbar-title>Timeline</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-btn text @click="exportTimeline()">Export <v-icon dark>mdi-file-download</v-icon></v-btn>
|
|
<a ref="export_json" href="#"></a>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card flat>
|
|
<v-data-table
|
|
:headers="header_timeline"
|
|
:items="dialog_site.site.timeline"
|
|
item-key="process_log_id"
|
|
class="timeline"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr v-for="item in items">
|
|
<td class="justify-center pt-3 pr-0 text-center shrink" style="vertical-align: top;">
|
|
<v-tooltip bottom>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-icon color="primary" dark v-bind="attrs" v-on="on" v-show="item.name">mdi-note</v-icon>
|
|
</template>
|
|
<span>{{ item.name }}</span>
|
|
</v-tooltip>
|
|
<v-icon color="primary" dark v-show="! item.name">mdi-checkbox-marked-circle</v-icon>
|
|
</td>
|
|
<td class="justify-center py-4" style="vertical-align: top;">
|
|
<div v-html="item.description" v-show="item.description"></div>
|
|
</td>
|
|
<td class="justify-center pt-2" style="vertical-align: top;">
|
|
<v-row>
|
|
<v-col class="shrink pr-0"><v-img :src="item.author_avatar" width="34" class="rounded"></v-img></v-col>
|
|
<v-col class="pt-4">{{ item.author }}</v-col>
|
|
</v-row>
|
|
</td>
|
|
<td class="justify-center pt-3" style="vertical-align: top;">{{ item.created_at | pretty_timestamp_epoch }}</td>
|
|
<td class="pt-1 pr-2" style="vertical-align: top;">
|
|
<v-btn text icon @click="editLogEntry(dialog_site.site.site_id, item.process_log_id)" v-if="role == 'administrator'">
|
|
<v-icon small>mdi-pencil</v-icon>
|
|
</v-btn>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
</v-card>
|
|
</v-tab-item>
|
|
</v-tabs>
|
|
</v-card>
|
|
</v-sheet>
|
|
<v-sheet v-show="dialog_site.step == 3">
|
|
<v-toolbar flat>
|
|
<v-toolbar-title>Add Site</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-btn icon @click="goToPath( `/sites` )">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
</v-toolbar>
|
|
<v-card-text v-if="role == 'administrator'">
|
|
<v-form ref="form" :disabled="dialog_new_site.saving">
|
|
<v-layout v-for="error in dialog_new_site.errors">
|
|
<v-flex xs12>
|
|
<v-alert text :value="true" type="error">
|
|
{{ error }}
|
|
</v-alert>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex xs6 class="mx-2">
|
|
<v-autocomplete
|
|
:items='[{"name":"Kinsta","value":"kinsta"},{"name":"Rocket.net","value":"rocketdotnet"},{"name":"WP Engine","value":"wpengine"}]'
|
|
item-text="name"
|
|
v-model="dialog_new_site.provider"
|
|
label="Provider"
|
|
></v-autocomplete>
|
|
</v-flex>
|
|
<v-flex xs6 class="mx-2">
|
|
<v-text-field :value="dialog_new_site.name" @change.native="dialog_new_site.name = $event.target.value" label="Domain name" required></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex xs6 class="mx-2">
|
|
<v-text-field :value="dialog_new_site.site" @change.native="dialog_new_site.site = $event.target.value" label="Site name" required hint="Should match provider site name." persistent-hint></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs6 class="mx-2">
|
|
<v-autocomplete
|
|
:items="keySelections"
|
|
v-model="dialog_new_site.key"
|
|
item-text="title"
|
|
item-value="key_id"
|
|
label="Override SSH Key"
|
|
hint="Will default to"
|
|
persistent-hint chips deletable-chips
|
|
>
|
|
<template v-slot:message="{ message, key }">
|
|
<span>{{ message }} <a :href=`${configurations.path}keys` @click.prevent="goToPath( '/keys' )" >primary SSH key</a>.</span>
|
|
</template>
|
|
</v-autocomplete>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex xs12 class="mx-2">
|
|
<v-autocomplete
|
|
:items="accounts"
|
|
v-model="dialog_new_site.shared_with"
|
|
label="Assign to an account"
|
|
item-text="name"
|
|
item-value="account_id"
|
|
chips
|
|
deletable-chips
|
|
multiple
|
|
return-object
|
|
hint="If a customer account is not assigned then a new account will be created automatically."
|
|
persistent-hint
|
|
:menu-props="{ closeOnContentClick:true, openOnClick: false }"
|
|
>
|
|
</v-autocomplete>
|
|
<v-expand-transition>
|
|
<v-row dense v-if="dialog_new_site.shared_with && dialog_new_site.shared_with.length > 0" class="mt-3">
|
|
<v-col v-for="account in dialog_new_site.shared_with" :key="account.account_id" cols="4">
|
|
<v-card>
|
|
<v-card-title v-text="account.name"></v-card-title>
|
|
<v-card-actions>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn-toggle v-model="dialog_new_site.customer_id" color="primary" group>
|
|
<v-btn text :value="account.account_id" v-bind="attrs" v-on="on">
|
|
<v-icon>mdi-account-circle</v-icon>
|
|
</v-btn>
|
|
</v-btn-toggle>
|
|
</template>
|
|
<span>Set as customer contact</span>
|
|
</v-tooltip>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn-toggle v-model="dialog_new_site.account_id" color="primary" group>
|
|
<v-btn text :value="account.account_id" v-bind="attrs" v-on="on">
|
|
<v-icon>mdi-currency-usd</v-icon>
|
|
</v-btn>
|
|
</v-btn-toggle>
|
|
</template>
|
|
<span>Set as billing contact</span>
|
|
</v-tooltip>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-expand-transition>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout class="mt-5">
|
|
<v-flex class="mx-2" xs6 v-for="(key, index) in dialog_new_site.environments" :key="key.index">
|
|
<v-toolbar flat dense color="accent">
|
|
<div>{{ key.environment }} Environment</div>
|
|
<v-spacer></v-spacer>
|
|
<v-tooltip top v-if="key.environment == 'Staging'">
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn text small icon color="red" @click="dialog_new_site.environments.splice( index )" v-on="on"><v-icon>mdi-delete</v-icon></v-btn>
|
|
</template>
|
|
<span>Delete Environment</span>
|
|
</v-tooltip>
|
|
<v-tooltip top v-if="key.environment == 'Staging'">
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn text small icon color="green" @click="new_site_preload_staging()" v-on="on"><v-icon>mdi-cached</v-icon></v-btn>
|
|
</template>
|
|
<span>Preload based on Production</span>
|
|
</v-tooltip>
|
|
</v-toolbar>
|
|
<v-text-field label="Address" :value="key.address" @change.native="key.address = $event.target.value" required hint="Server IP address or server host" persistent-hint></v-text-field>
|
|
<v-text-field label="Home Directory" :value="key.home_directory" @change.native="key.home_directory = $event.target.value" required></v-text-field>
|
|
<v-layout>
|
|
<v-flex xs6 class="mr-1"><v-text-field label="Username" :value="key.username" @change.native="key.username = $event.target.value" required></v-text-field></v-flex>
|
|
<v-flex xs6 class="ml-1"><v-text-field label="Password" :value="key.password" @change.native="key.password = $event.target.value" required></v-text-field></v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex xs6 class="mr-1"><v-text-field label="Protocol" :value="key.protocol" @change.native="key.protocol = $event.target.value" required></v-text-field></v-flex>
|
|
<v-flex xs6 class="mr-1"><v-text-field label="Port" :value="key.port" @change.native="key.port = $event.target.value" required></v-text-field></v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex xs6 class="mr-1"><v-switch label="Automatic Updates" v-model="key.updates_enabled" false-value="0" true-value="1"></v-switch></v-flex>
|
|
<v-flex xs6 class="mr-1" v-if="typeof key.offload_enabled != 'undefined' && key.offload_enabled == 1">
|
|
<v-switch label="Use Offload" v-model="key.offload_enabled" false-value="0" true-value="1" left></v-switch>
|
|
</v-flex>
|
|
</v-layout>
|
|
<div v-if="key.offload_enabled == 1">
|
|
<v-layout>
|
|
<v-flex xs6 class="mr-1"><v-select label="Offload Provider" :value="key.offload_provider" @change.native="key.offload_provider = $event.target.value" :items='[{ provider:"s3", label: "Amazon S3" },{ provider:"do", label:"Digital Ocean" }]' item-text="label" item-value="provider" clearable></v-select></v-flex>
|
|
<v-flex xs6 class="mr-1"><v-text-field label="Offload Access Key" :value="key.offload_access_key" @change.native="key.offload_access_key = $event.target.value" required></v-text-field></v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex xs6 class="mr-1"><v-text-field label="Offload Secret Key" :value="key.offload_secret_key" @change.native="key.offload_secret_key = $event.target.value" required></v-text-field></v-flex>
|
|
<v-flex xs6 class="mr-1"><v-text-field label="Offload Bucket" :value="key.offload_bucket" @change.native="key.offload_bucket = $event.target.value" required></v-text-field></v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex xs6 class="mr-1"><v-text-field label="Offload Path" :value="key.offload_path" @change.native="key.offload_path = $event.target.value" required></v-text-field></v-flex>
|
|
</v-layout>
|
|
</div>
|
|
</v-flex>
|
|
<v-flex class="mx-2" xs6 v-show="dialog_new_site.environments && dialog_new_site.environments.length == 1">
|
|
<v-btn @click='dialog_new_site.environments.push( {"environment": "Staging", "site": "", "address": "","username":"","password":"","protocol":"sftp","port":"2222","home_directory":"",monitor_enabled:"0",updates_enabled:"1","offload_enabled": false,"offload_provider":"","offload_access_key":"","offload_secret_key":"","offload_bucket":"","offload_path":"" } )'>Add Staging Environment</v-btn>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex xs6><v-progress-circular v-show="dialog_new_site.saving" indeterminate color="primary" class="ma-2" size="24"></v-progress-circular></v-flex>
|
|
<v-flex xs6 text-right>
|
|
<v-dialog v-model="dialog_new_site.show_vars" scrollable hide-overlay max-width="700px">
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn v-on="on" class="mr-2">Configure Environment Vars</v-btn>
|
|
</template>
|
|
<v-card>
|
|
<v-list>
|
|
<v-list-item>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Environment Vars</v-list-item-title>
|
|
<v-list-item-subtitle>Pass along with SSH requests</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-action>
|
|
<v-btn @click="addEnvironmentVarNewSite()">Add</v-btn>
|
|
</v-list-item-action>
|
|
</v-list-item>
|
|
</v-list>
|
|
<v-card-text>
|
|
<v-row v-for="(item, index) in dialog_new_site.environment_vars">
|
|
<v-col class="pb-0"><v-text-field hide-details :value="item.key" @change.native="item.key = $event.target.value" label="Key"></v-text-field></v-col>
|
|
<v-col class="pb-0"><v-text-field hide-details :value="item.value" @change.native="item.value = $event.target.value" label="Value"></v-text-field></v-col>
|
|
<v-col class="pb-0 pt-5" style="max-width:58px"><v-btn icon @click="removeEnvironmentVarNewSite(index)"><v-icon>mdi-delete</v-icon></v-btn></v-col>
|
|
</v-row>
|
|
</v-card-text>
|
|
<v-card-actions>
|
|
<v-spacer></v-spacer>
|
|
<v-btn color="primary" text @click="dialog_new_site.show_vars = false">Close</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-btn color="primary" right @click="submitNewSite()">Add Site</v-btn>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-form>
|
|
</v-card-text>
|
|
</v-sheet>
|
|
<v-sheet v-show="dialog_site.step == 4">
|
|
<v-toolbar flat>
|
|
<v-toolbar-title>Edit Site {{ dialog_edit_site.site.name }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-btn icon @click.native="dialog_site.step = 2">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
</v-toolbar>
|
|
<v-card-text v-if="role == 'administrator'">
|
|
<v-form ref="form" :disabled="dialog_edit_site.loading">
|
|
<v-layout v-for="error in dialog_edit_site.errors">
|
|
<v-flex xs12>
|
|
<v-alert text :value="true" type="error">
|
|
{{ error }}
|
|
</v-alert>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex xs6 class="mx-2">
|
|
<v-autocomplete
|
|
:items='[{"name":"Kinsta","value":"kinsta"},{"name":"Rocket.net","value":"rocketdotnet"},{"name":"WP Engine","value":"wpengine"}]'
|
|
item-text="name"
|
|
v-model="dialog_edit_site.site.provider"
|
|
label="Provider"
|
|
></v-autocomplete>
|
|
</v-flex>
|
|
<v-flex xs6 class="mx-2">
|
|
<v-text-field :value="dialog_edit_site.site.name" @change.native="dialog_edit_site.site.name = $event.target.value" label="Domain name" required></v-text-field>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex xs6 class="mx-2">
|
|
<v-text-field :value="dialog_edit_site.site.site" @change.native="dialog_edit_site.site.site = $event.target.value" label="Site name (not changeable)" disabled></v-text-field>
|
|
</v-flex>
|
|
<v-flex xs6 class="mx-2">
|
|
<v-autocomplete
|
|
:items="keySelections"
|
|
item-text="title"
|
|
item-value="key_id"
|
|
v-model="dialog_edit_site.site.key"
|
|
label="Override SSH Key"
|
|
hint="Will default to"
|
|
persistent-hint chips deletable-chips
|
|
>
|
|
<template v-slot:message="{ message, key }">
|
|
<span>{{ message }} <a :href=`${configurations.path}keys` @click.prevent="goToPath( '/keys' )" >primary SSH key</a>.</span>
|
|
</template>
|
|
</v-autocomplete>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex xs12 class="mx-2">
|
|
<v-autocomplete
|
|
:items="accounts"
|
|
v-model="dialog_edit_site.site.shared_with"
|
|
label="Assign to an account"
|
|
item-text="name"
|
|
item-value="account_id"
|
|
chips
|
|
deletable-chips
|
|
multiple
|
|
return-object
|
|
hint="If a customer account is not assigned then a new account will be created automatically."
|
|
persistent-hint
|
|
:menu-props="{ closeOnContentClick:true, openOnClick: false }"
|
|
>
|
|
</v-autocomplete>
|
|
<v-expand-transition>
|
|
<v-row dense v-if="dialog_edit_site.site.shared_with && dialog_edit_site.site.shared_with.length > 0" class="mt-3">
|
|
<v-col v-for="account in dialog_edit_site.site.shared_with" :key="account.account_id" cols="4">
|
|
<v-card>
|
|
<v-card-title v-html="account.name"></v-card-title>
|
|
<v-card-actions>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn-toggle v-model="dialog_edit_site.site.customer_id" color="primary" group>
|
|
<v-btn text :value="account.account_id" v-bind="attrs" v-on="on">
|
|
<v-icon>mdi-account-circle</v-icon>
|
|
</v-btn>
|
|
</v-btn-toggle>
|
|
</template>
|
|
<span>Set as customer contact</span>
|
|
</v-tooltip>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn-toggle v-model="dialog_edit_site.site.account_id" color="primary" group>
|
|
<v-btn text :value="account.account_id" v-bind="attrs" v-on="on">
|
|
<v-icon>mdi-currency-usd</v-icon>
|
|
</v-btn>
|
|
</v-btn-toggle>
|
|
</template>
|
|
<span>Set as billing contact</span>
|
|
</v-tooltip>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-expand-transition>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout class="mt-5">
|
|
<v-flex class="mx-2" xs6 v-for="(key, index) in dialog_edit_site.site.environments" :key="key.index">
|
|
<v-toolbar flat dense color="accent">
|
|
<div>{{ key.environment }} Environment</div>
|
|
<v-spacer></v-spacer>
|
|
<v-tooltip top v-if="key.environment == 'Staging'">
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn text small icon color="red" @click="dialog_edit_site.site.environments.splice( index )" v-on="on"><v-icon>mdi-delete</v-icon></v-btn>
|
|
</template>
|
|
<span>Delete Environment</span>
|
|
</v-tooltip>
|
|
<v-tooltip top v-if="key.environment == 'Staging'">
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn text small icon color="green" @click="edit_site_preload_staging()" v-on="on"><v-icon>mdi-cached</v-icon></v-btn>
|
|
</template>
|
|
<span>Preload based on Production</span>
|
|
</v-tooltip>
|
|
</v-toolbar>
|
|
<v-text-field label="Address" :value="key.address" @change.native="key.address = $event.target.value" required></v-text-field>
|
|
<v-text-field label="Home Directory" :value="key.home_directory" @change.native="key.home_directory = $event.target.value" required></v-text-field>
|
|
<v-layout>
|
|
<v-flex xs6 class="mr-1"><v-text-field label="Username" :value="key.username" @change.native="key.username = $event.target.value" required></v-text-field></v-flex>
|
|
<v-flex xs6 class="ml-1"><v-text-field label="Password" :value="key.password" @change.native="key.password = $event.target.value" required></v-text-field></v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex xs6 class="mr-1"><v-text-field label="Protocol" :value="key.protocol" @change.native="key.protocol = $event.target.value" required></v-text-field></v-flex>
|
|
<v-flex xs6 class="mr-1"><v-text-field label="Port" :value="key.port" @change.native="key.port = $event.target.value" required></v-text-field></v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex xs6 class="mr-1" v-if="typeof key.offload_enabled != 'undefined' && key.offload_enabled == 1">
|
|
<v-switch label="Use Offload" v-model="key.offload_enabled" false-value="0" true-value="1" left></v-switch>
|
|
</v-flex>
|
|
</v-layout>
|
|
<div v-if="key.offload_enabled == 1">
|
|
<v-layout>
|
|
<v-flex xs6 class="mr-1"><v-select label="Offload Provider" :value="key.offload_provider" @change.native="key.offload_provider = $event.target.value" :items='[{ provider:"s3", label: "Amazon S3" },{ provider:"do", label:"Digital Ocean" }]' item-text="label" item-value="provider" clearable></v-select></v-flex>
|
|
<v-flex xs6 class="mr-1"><v-text-field label="Offload Access Key" :value="key.offload_access_key" @change.native="key.offload_access_key = $event.target.value" required></v-text-field></v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex xs6 class="mr-1"><v-text-field label="Offload Secret Key" :value="key.offload_secret_key" @change.native="key.offload_secret_key = $event.target.value" required></v-text-field></v-flex>
|
|
<v-flex xs6 class="mr-1"><v-text-field label="Offload Bucket" :value="key.offload_bucket" @change.native="key.offload_bucket = $event.target.value" required></v-text-field></v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex xs6 class="mr-1"><v-text-field label="Offload Path" :value="key.offload_path" @change.native="key.offload_path = $event.target.value" required></v-text-field></v-flex>
|
|
</v-layout>
|
|
</div>
|
|
</v-flex>
|
|
<v-flex class="mx-2" xs6 v-show="dialog_edit_site.site.environments && dialog_edit_site.site.environments.length == 1">
|
|
<v-btn @click='dialog_edit_site.site.environments.push( {"environment": "Staging", "site": "", "address": "","username":"","password":"","protocol":"sftp","port":"2222","home_directory":"",monitor_enabled: "0",updates_enabled: "1","offload_enabled": false,"offload_provider":"","offload_access_key":"","offload_secret_key":"","offload_bucket":"","offload_path":"" } )'>Add Staging Environment</v-btn>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout>
|
|
<v-flex xs6><v-progress-circular v-show="dialog_edit_site.loading" indeterminate color="primary"></v-progress-linear></v-flex>
|
|
<v-flex xs6 text-right>
|
|
<v-dialog v-model="dialog_edit_site.show_vars" scrollable hide-overlay max-width="700px">
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn v-on="on" class="mr-2">Configure Environment Vars</v-btn>
|
|
</template>
|
|
<v-card>
|
|
<v-list>
|
|
<v-list-item>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Environment Vars</v-list-item-title>
|
|
<v-list-item-subtitle>Pass along with SSH requests</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-action>
|
|
<v-btn @click="addEnvironmentVar()">Add</v-btn>
|
|
</v-list-item-action>
|
|
</v-list-item>
|
|
</v-list>
|
|
<v-card-text>
|
|
<v-row v-for="(item, index) in dialog_edit_site.site.environment_vars">
|
|
<v-col class="pb-0"><v-text-field hide-details :value="item.key" @change.native="item.key = $event.target.value" label="Key"></v-text-field></v-col>
|
|
<v-col class="pb-0"><v-text-field hide-details :value="item.value" @change.native="item.value = $event.target.value" label="Value"></v-text-field></v-col>
|
|
<v-col class="pb-0 pt-5" style="max-width:58px"><v-btn icon @click="removeEnvironmentVar(index)"><v-icon>mdi-delete</v-icon></v-btn></v-col>
|
|
</v-row>
|
|
</v-card-text>
|
|
<v-card-actions>
|
|
<v-spacer></v-spacer>
|
|
<v-btn color="primary" text @click="dialog_edit_site.show_vars = false">Close</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-btn right @click="updateSite" color="primary">
|
|
Save Changes
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-form>
|
|
</v-card-text>
|
|
</v-sheet>
|
|
</v-card>
|
|
<v-card v-if="route == 'domains'" class="elevation-1 rounded-lg ma-4 py-1">
|
|
<v-sheet v-show="dialog_domain.step == 1">
|
|
<v-toolbar flat>
|
|
<v-toolbar-title>Listing {{ allDomains }} domains</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-btn text @click="dialog_new_domain.show = true">Add Domain <v-icon dark>mdi-plus</v-icon></v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-card flat class="mb-4 dns_introduction" v-show="configurations.dns_nameservers != ''">
|
|
<v-alert :value="true" type="info" text>
|
|
<v-row>
|
|
<v-col class="grow">
|
|
<div v-html="configurations.dns_introduction_html"></div>
|
|
</v-col>
|
|
<v-col class="shrink">
|
|
<v-dialog max-width="440">
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn v-bind="attrs" v-on="on" color="primary">Show Nameservers</v-btn>
|
|
</template>
|
|
<template v-slot:default="dialog">
|
|
<v-card>
|
|
<v-toolbar color="primary" dark>
|
|
<v-btn icon dark @click="dialog.value = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Nameservers</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-list-item
|
|
v-for="nameserver in configurations.dns_nameservers.split('\n')"
|
|
@click="copyText( nameserver )"
|
|
link
|
|
>
|
|
<v-list-item-title v-text="nameserver"></v-list-item-title>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
<v-divider></v-divider>
|
|
</v-list-item>
|
|
</v-card>
|
|
</template>
|
|
</v-dialog>
|
|
</v-col>
|
|
</v-row>
|
|
</v-alert>
|
|
</v-card>
|
|
<v-row class="ma-0 pa-0">
|
|
<v-col class="ma-0 pa-0"></v-col>
|
|
<v-col class="ma-0 pa-0"sm="12" md="4">
|
|
<v-text-field
|
|
v-model="domain_search"
|
|
append-icon="mdi-magnify"
|
|
label="Search"
|
|
single-line
|
|
clearable
|
|
autofocus
|
|
hide-details
|
|
></v-text-field>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col>
|
|
<v-data-table
|
|
:headers="[{ text: 'Name', value: 'name' },{ text: 'DNS', value: 'remote_id', width: '88px' },{ text: 'Registration', value: 'provider_id', width: '120px' }]"
|
|
:items="domains"
|
|
:search="domain_search"
|
|
:footer-props="{ itemsPerPageOptions: [100,250,500,{'text':'All','value':-1}] }"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr v-for="item in items" @click="goToPath( `/domains/${item.domain_id}`)" style="cursor:pointer">
|
|
<td>{{ item.name }}</td>
|
|
<td><v-icon v-show="item.remote_id != ''">mdi-check-circle</v-icon></td>
|
|
<td><v-icon v-show="item.provider_id != ''">mdi-check-circle</v-icon></td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card-text>
|
|
</v-sheet>
|
|
<v-sheet v-show="dialog_domain.step == 2">
|
|
<v-card flat>
|
|
<v-toolbar flat>
|
|
<v-toolbar-title>
|
|
<v-autocomplete
|
|
v-model="dialog_domain.domain"
|
|
:items="domains"
|
|
return-object
|
|
item-text="name"
|
|
@input="goToPath( `/domains/${dialog_domain.domain.domain_id}`)"
|
|
class="mt-5"
|
|
spellcheck="false"
|
|
flat
|
|
></v-autocomplete>
|
|
</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-tabs v-model="dialog_domain.tabs" background-color="primary" dark>
|
|
<v-tab key="dns">
|
|
DNS Records <v-icon class="ml-1">mdi-table</v-icon>
|
|
</v-tab>
|
|
<v-tab key="domain">
|
|
Domain Management <v-icon class="ml-1">mdi-account-box</v-icon>
|
|
</v-tab>
|
|
</v-tabs>
|
|
<v-tabs-items v-model="dialog_domain.tabs">
|
|
<v-tab-item key="dns" :transition="false" :reverse-transition="false">
|
|
<v-toolbar flat dense>
|
|
<v-toolbar-title v-show="dnsRecords > 0"><small>{{ dnsRecords }} DNS records</small></v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-dialog max-width="800" v-model="dialog_domain.show_import">
|
|
<v-card>
|
|
<v-toolbar color="primary" dark>
|
|
Import DNS Records
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-btn text @click="dialog_domain.show_import = false"><v-icon>mdi-close</v-icon></v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card-text class="mt-5">
|
|
<v-textarea
|
|
placeholder="Paste DNS zone file"
|
|
outlined
|
|
persistent-hint
|
|
hint="Paste DNS zone file then click import DNS records. Records changes will be shown in editor for confirmation."
|
|
:value="dialog_domain.import_json"
|
|
@change.native="dialog_domain.import_json = $event.target.value"
|
|
spellcheck="false">
|
|
</v-textarea>
|
|
</v-card-text>
|
|
<v-card-actions class="justify-end">
|
|
<v-btn depressed class="ma-0" @click="loadDNSRecords()">Load DNS Records</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
<v-btn text @click="dialog_domain.show_import = true">Import <v-icon dark>mdi-file-upload</v-icon></v-btn>
|
|
<v-btn text @click="exportDomain()">Export <v-icon dark>mdi-file-download</v-icon></v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-row v-if="dialog_domain.errors">
|
|
<v-col class="ma-3">
|
|
<v-alert text :value="true" type="error" v-for="error in dialog_domain.errors">{{ error }}</v-alert>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col>
|
|
<v-progress-circular indeterminate color="primary" size="24" class="ma-5" v-show="dialog_domain.loading"></v-progress-circular>
|
|
<div class="v-data-table theme--light">
|
|
<div class="v-data-table__wrapper">
|
|
<table class="table-dns mb-3" v-show="dialog_domain.records.length > 0">
|
|
<thead class="v-data-table-header">
|
|
<tr>
|
|
<th width="175">Type</th>
|
|
<th width="200">Name</th>
|
|
<th>Value</th>
|
|
<th width="75">TTL</th>
|
|
<th width="95"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="(record, index) in dialog_domain.records" :key="record.id" v-bind:class="{ new: record.new, edit: record.edit, delete: record.delete }">
|
|
<template v-if="record.edit">
|
|
<td class="pt-3">{{ record.type }}</td>
|
|
<td><v-text-field label="Name" :value="record.update.record_name" @change.native="record.update.record_name = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field></td>
|
|
<td class="value" v-if="record.type == 'MX'">
|
|
<v-layout v-for="(value, value_index) in record.update.record_value">
|
|
<v-flex xs3><v-text-field label="Priority" :value="value.priority" @change.native="value.priority = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field></v-flex>
|
|
<v-flex xs9><v-text-field label="Server" :value="value.server" @change.native="value.server = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'><template v-slot:append-outer><v-btn text small icon color="primary" class="ma-0 pa-0" @click="deleteRecordValue( index, value_index )" :disabled="dialog_domain.saving"><v-icon>mdi-delete</v-icon></v-btn></template></v-text-field></v-flex>
|
|
</v-layout>
|
|
<v-btn icon small color="primary" class="ma-0 mb-3" @click="addRecordValue( index )" v-show="!dialog_domain.loading && !dialog_domain.saving"><v-icon>mdi-plus-box</v-icon></v-btn>
|
|
</td>
|
|
<td class="value" v-else-if="record.type == 'A' || record.type == 'AAAA' || record.type == 'ANAME' || record.type == 'TXT' || record.type == 'CNAME' || record.type == 'SPF'">
|
|
<div v-for="(value, value_index) in record.update.record_value" :key="`value-${index}-${value_index}`">
|
|
<v-text-field label="Value" :value="value.value" @change.native="value.value = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'><template v-slot:append-outer><v-btn text small icon color="primary" class="ma-0 pa-0" @click="deleteRecordValue( index, value_index )" :disabled="dialog_domain.saving" v-show="record.type != 'CNAME'"><v-icon>mdi-delete</v-icon></v-btn></template></v-text-field>
|
|
</div>
|
|
<v-btn icon small color="primary" class="ma-0 mb-3" @click="addRecordValue( index )" v-show="!dialog_domain.loading && !dialog_domain.saving && record.type != 'CNAME'"><v-icon>mdi-plus-box</v-icon></v-btn>
|
|
</td>
|
|
<td class="value" v-else-if="record.type == 'HTTP'">
|
|
<v-text-field label="Value" :value="record.update.record_value.url" @change.native="record.update.record_value.url = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field>
|
|
</td>
|
|
<td class="value" v-else-if="record.type == 'SRV'">
|
|
<v-layout v-for="value in record.update.record_value">
|
|
<v-flex xs2><v-text-field label="Priority" :value="value.priority" @change.native="value.priority = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field></v-flex>
|
|
<v-flex xs2><v-text-field label="Weight" :value="value.weight" @change.native="value.weight = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field></v-flex>
|
|
<v-flex xs2><v-text-field label="Port" :value="value.port" @change.native="value.port = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field></v-flex>
|
|
<v-flex xs6><v-text-field label="Host" :value="value.host" @change.native="value.host = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field></v-flex>
|
|
</v-layout>
|
|
<v-btn icon small color="primary" class="ma-0 mb-3" @click="addRecordValue( index )" v-show="!dialog_domain.loading && !dialog_domain.saving"><v-icon>mdi-plus-box</v-icon></v-btn>
|
|
</td>
|
|
<td class="value" v-else>
|
|
<v-text-field label="Value" :value="record.update.record_value" @change.native="record.update.record_value = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field>
|
|
</td>
|
|
<td><v-text-field label="TTL" :value="record.update.record_ttl" @change.native="record.update.record_ttl = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field></td>
|
|
<td class="text-right pt-3">
|
|
<v-btn text small icon color="primary" class="ma-0 pa-0" @click="viewRecord( record.id )" :disabled="dialog_domain.saving"><v-icon>mdi-pencil-box</v-icon></v-btn>
|
|
<v-btn text small icon color="primary" class="ma-0 pa-0" @click="deleteRecord( record.id )" :disabled="dialog_domain.saving"><v-icon>mdi-delete</v-icon></v-btn>
|
|
</td>
|
|
</template>
|
|
<template v-else-if="record.new">
|
|
<td><v-select v-model="record.type" @input="changeRecordType( index )" item-text="name" item-value="value" :items='[{"name":"A","value":"A"},{"name":"AAAA","value":"AAAA"},{"name":"ANAME","value":"ANAME"},{"name":"CNAME","value":"CNAME"},{"name":"HTTP Redirect","value":"HTTP"},{"name":"MX","value":"MX"},{"name":"SRV","value":"SRV"},{"name":"TXT","value":"TXT"}]' label="Type" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-select></td>
|
|
<td><v-text-field label="Name" :value="record.update.record_name" @change.native="record.update.record_name = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field></td>
|
|
<td class="value" v-if="record.type == 'MX'">
|
|
<v-layout v-for="(value, value_index) in record.update.record_value">
|
|
<v-flex xs3><v-text-field label="Priority" :value="value.priority" @change.native="value.priority = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field></v-flex>
|
|
<v-flex xs9><v-text-field label="Server" :value="value.server" @change.native="value.server = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'><template v-slot:append-outer><v-btn text small icon color="primary" class="ma-0 pa-0" @click="deleteRecordValue( index, value_index )" :disabled="dialog_domain.saving"><v-icon>mdi-delete</v-icon></v-btn></template></v-text-field></v-flex>
|
|
</v-layout>
|
|
<v-btn icon small color="primary" class="ma-0 mb-3" @click="addRecordValue( index )" v-show="!dialog_domain.loading && !dialog_domain.saving"><v-icon>mdi-plus-box</v-icon></v-btn>
|
|
</td>
|
|
<td class="value" v-else-if="record.type == 'A' || record.type == 'AAAA' || record.type == 'ANAME' || record.type == 'CNAME' || record.type == 'TXT' || record.type == 'SPF'">
|
|
<div v-for="(value, value_index) in record.update.record_value" :key="`value-${index}-${value_index}`">
|
|
<v-text-field label="Value" :value="value.value" @change.native="value.value = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'><template v-slot:append-outer><v-btn text small icon color="primary" class="ma-0 pa-0" @click="deleteRecordValue( index, value_index )" :disabled="dialog_domain.saving" v-show="record.type != 'CNAME'"><v-icon>mdi-delete</v-icon></v-btn></template></v-text-field>
|
|
</div>
|
|
<v-btn icon small color="primary" class="ma-0 mb-3" @click="addRecordValue( index )" v-show="!dialog_domain.loading && !dialog_domain.saving && record.type != 'CNAME'"><v-icon>mdi-plus-box</v-icon></v-btn>
|
|
</td>
|
|
<td class="value" v-else-if="record.type == 'HTTP'">
|
|
<v-text-field label="Value" :value="record.update.record_value.url" @change.native="record.update.record_value.url = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field>
|
|
</td>
|
|
<td class="value" v-else-if="record.type == 'SRV'">
|
|
<v-layout v-for="value in record.update.record_value">
|
|
<v-flex xs2><v-text-field label="Priority" :value="value.priority" @change.native="value.priority = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field></v-flex>
|
|
<v-flex xs2><v-text-field label="Weight" :value="value.weight" @change.native="value.weight = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field></v-flex>
|
|
<v-flex xs2><v-text-field label="Port" :value="value.port" @change.native="value.port = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field></v-flex>
|
|
<v-flex xs6><v-text-field label="Host" :value="value.host" @change.native="value.host = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field></v-flex>
|
|
</v-layout>
|
|
<v-btn icon small color="primary" class="ma-0 mb-3" @click="addRecordValue( index )" v-show="!dialog_domain.loading && !dialog_domain.saving"><v-icon>mdi-plus-box</v-icon></v-btn>
|
|
</td>
|
|
<td class="value" v-else>
|
|
<v-text-field label="Value" :value="record.update.record_value" @change.native="record.update.record_value = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field>
|
|
</td>
|
|
<td><v-text-field label="TTL" :value="record.update.record_ttl" @change.native="record.update.record_ttl = $event.target.value" v-bind:class='{ "v-input--is-disabled": dialog_domain.saving }'></v-text-field></td>
|
|
<td class="text-right pt-3">
|
|
<v-btn text small icon color="primary" class="ma-0 pa-0" @click="deleteRecord( index )" :disabled="dialog_domain.saving"><v-icon>mdi-delete</v-icon></v-btn>
|
|
</td>
|
|
</template>
|
|
<template v-else>
|
|
<td>{{ record.type }}</td>
|
|
<td class="name">{{ record.name }}</td>
|
|
<td class="value" v-if="record.type == 'MX'"><div v-for="value in record.value">{{ value.priority }} {{ value.server }}</div></td>
|
|
<td class="value" v-else-if="record.type == 'A' || record.type == 'AAAA' || record.type == 'ANAME' || record.type == 'CNAME' || record.type == 'TXT'"><div v-for="item in record.value">{{ item.value }}</div></td>
|
|
<td class="value" v-else-if="record.type == 'TXT'"><div v-for="item in record.value">{{ item.value.value }}</div></td>
|
|
<td class="value" v-else-if="record.type == 'SRV'"><div v-for="value in record.value">{{ value.priority }} {{ value.weight }} {{ value.port }} {{ value.host }}</div></td>
|
|
<td class="value" v-else-if="record.type == 'HTTP'">{{ record.value.url }}</td>
|
|
<td class="value" v-else>{{ record.value.value }}</td>
|
|
<td>{{ record.ttl }}</td>
|
|
<td class="text-right">
|
|
<v-btn text small icon color="primary" class="ma-0 pa-0" @click="editRecord( record.id )" :disabled="dialog_domain.saving"><v-icon>mdi-pencil-box</v-icon></v-btn>
|
|
<v-btn text small icon color="primary" class="ma-0 pa-0" @click="deleteCurrentRecord( record.id )" :disabled="dialog_domain.saving"><v-icon>mdi-delete</v-icon></v-btn>
|
|
</td>
|
|
</template>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<v-btn depressed class="ml-4" @click="addRecord()" v-show="!dialog_domain.loading && !dialog_domain.saving && !dialog_domain.errors">Add Additional Record</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row v-show="dialog_domain.saving">
|
|
<v-col>
|
|
<v-progress-circular indeterminate color="primary" size="24" class="ml-4"></v-progress-circular>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row v-show="dialog_domain.results">
|
|
<v-col class="mx-3">
|
|
<template v-for="result in dialog_domain.results">
|
|
<v-alert text :value="true" type="success" v-show="typeof result.success != 'undefined'" v-html="result.success"></v-alert>
|
|
<v-alert text :value="true" type="error" v-if="typeof result.errors != 'undefined'">{{ result.errors }}</v-alert>
|
|
</template>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col class="text-left mx-3 mb-7" v-show="!dialog_domain.loading">
|
|
<v-btn class="mx-1" depressed color="primary" @click="saveDNS()" :dark="dialog_domain.records && dialog_domain.records.length != '0'" :disabled="dialog_domain.records && dialog_domain.records.length == '0'">Save Records</v-btn>
|
|
<a ref="export_domain" href="#"></a>
|
|
</v-col>
|
|
</v-row>
|
|
</v-tab-item>
|
|
<v-tab-item key="domain" :transition="false" :reverse-transition="false">
|
|
<v-col v-show="! dialog_domain.provider.domain">
|
|
<v-alert type="info" color="primary" text>Domain is registered through another provider.</v-alert>
|
|
</v-col>
|
|
<div v-show="dialog_domain.provider.domain">
|
|
<v-card tile flat>
|
|
<v-overlay absolute :value="dialog_domain.updating_contacts">
|
|
<v-progress-circular indeterminate size="64"></v-progress-circular>
|
|
</v-overlay>
|
|
<v-tabs v-model="dialog_domain.contact_tabs" @change="populateStatesforContacts()">
|
|
<v-tab key="owner">Owner</v-tab>
|
|
<v-tab key="admin">Admin</v-tab>
|
|
<v-tab key="technical">Technical</v-tab>
|
|
<v-tab key="billing">Billing</v-tab>
|
|
</v-tabs>
|
|
<v-tabs-items v-model="dialog_domain.contact_tabs" class="mt-2">
|
|
<v-tab-item key="owner" v-if="dialog_domain.provider.contacts.owner">
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="First Name" v-model="dialog_domain.provider.contacts.owner.first_name"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-text-field label="Last Name" v-model="dialog_domain.provider.contacts.owner.last_name"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-text-field label="Company name (optional)" v-model="dialog_domain.provider.contacts.owner.org_name"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="Street Address" persistent-hint hint="House number and street name" v-model="dialog_domain.provider.contacts.owner.address1"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="" persistent-hint hint="Apartment, suite, unit, etc. (optional)" v-model="dialog_domain.provider.contacts.owner.address2"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="Town" v-model="dialog_domain.provider.contacts.owner.city"></v-text-field></v-col>
|
|
<v-col class="ma-1">
|
|
<v-autocomplete label="State" v-model="dialog_domain.provider.contacts.owner.state" :items="states_selected" v-if="states_selected.length > 0"></v-autocomplete>
|
|
<v-text-field label="State" v-model="dialog_domain.provider.contacts.owner.state" v-else></v-text-field>
|
|
</v-col>
|
|
<v-col class="ma-1"><v-text-field label="Zip" v-model="dialog_domain.provider.contacts.owner.postal_code"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-autocomplete label="Country" v-model="dialog_domain.provider.contacts.owner.country" :items="countries" @change="populateStatesFor( dialog_domain.provider.contacts.owner )"></v-autocomplete></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="Phone" v-model="dialog_domain.provider.contacts.owner.phone"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-text-field label="Email" v-model="dialog_domain.provider.contacts.owner.email"></v-text-field></v-col>
|
|
</v-row>
|
|
</v-tab-item>
|
|
<v-tab-item key="admin" v-if="dialog_domain.provider.contacts.admin">
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="First Name" v-model="dialog_domain.provider.contacts.admin.first_name"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-text-field label="Last Name" v-model="dialog_domain.provider.contacts.admin.last_name"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-text-field label="Company name (optional)" v-model="dialog_domain.provider.contacts.admin.org_name"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="Street Address" persistent-hint hint="House number and street name" v-model="dialog_domain.provider.contacts.admin.address1"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="" persistent-hint hint="Apartment, suite, unit, etc. (optional)" v-model="dialog_domain.provider.contacts.admin.address2"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="Town" v-model="dialog_domain.provider.contacts.admin.city"></v-text-field></v-col>
|
|
<v-col class="ma-1">
|
|
<v-autocomplete label="State" v-model="dialog_domain.provider.contacts.admin.state" :items="states_selected" v-if="states_selected.length > 0"></v-autocomplete>
|
|
<v-text-field label="State" v-model="dialog_domain.provider.contacts.admin.state" v-else></v-text-field>
|
|
</v-col>
|
|
<v-col class="ma-1"><v-text-field label="Zip" v-model="dialog_domain.provider.contacts.admin.postal_code"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-autocomplete label="Country" v-model="dialog_domain.provider.contacts.admin.country" :items="countries" @change="populateStatesFor( dialog_domain.provider.contacts.admin )"></v-autocomplete></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="Phone" v-model="dialog_domain.provider.contacts.admin.phone"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-text-field label="Email" v-model="dialog_domain.provider.contacts.admin.email"></v-text-field></v-col>
|
|
</v-row>
|
|
</v-tab-item>
|
|
<v-tab-item key="tech" v-if="dialog_domain.provider.contacts.tech">
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="First Name" v-model="dialog_domain.provider.contacts.tech.first_name"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-text-field label="Last Name" v-model="dialog_domain.provider.contacts.tech.last_name"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-text-field label="Company name (optional)" v-model="dialog_domain.provider.contacts.tech.org_name"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="Street Address" persistent-hint hint="House number and street name" v-model="dialog_domain.provider.contacts.tech.address1"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="" persistent-hint hint="Apartment, suite, unit, etc. (optional)" v-model="dialog_domain.provider.contacts.tech.address2"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="Town" v-model="dialog_domain.provider.contacts.tech.city"></v-text-field></v-col>
|
|
<v-col class="ma-1">
|
|
<v-autocomplete label="State" v-model="dialog_domain.provider.contacts.tech.state" :items="states_selected" v-if="states_selected.length > 0"></v-autocomplete>
|
|
<v-text-field label="State" v-model="dialog_domain.provider.contacts.tech.state" v-else></v-text-field>
|
|
</v-col>
|
|
<v-col class="ma-1"><v-text-field label="Zip" v-model="dialog_domain.provider.contacts.tech.postal_code"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-autocomplete label="Country" v-model="dialog_domain.provider.contacts.tech.country" :items="countries" @change="populateStatesFor( dialog_domain.provider.contacts.tech )"></v-autocomplete></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="Phone" v-model="dialog_domain.provider.contacts.tech.phone"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-text-field label="Email" v-model="dialog_domain.provider.contacts.tech.email"></v-text-field></v-col>
|
|
</v-row>
|
|
</v-tab-item>
|
|
<v-tab-item key="billing" v-if="dialog_domain.provider.contacts.billing">
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="First Name" v-model="dialog_domain.provider.contacts.billing.first_name"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-text-field label="Last Name" v-model="dialog_domain.provider.contacts.billing.last_name"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-text-field label="Company name (optional)" v-model="dialog_domain.provider.contacts.billing.org_name"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="Street Address" persistent-hint hint="House number and street name" v-model="dialog_domain.provider.contacts.billing.address1"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="" persistent-hint hint="Apartment, suite, unit, etc. (optional)" v-model="dialog_domain.provider.contacts.billing.address2"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="Town" v-model="dialog_domain.provider.contacts.billing.city"></v-text-field></v-col>
|
|
<v-col class="ma-1">
|
|
<v-autocomplete label="State" v-model="dialog_domain.provider.contacts.billing.state" :items="states_selected" v-if="states_selected.length > 0"></v-autocomplete>
|
|
<v-text-field label="State" v-model="dialog_domain.provider.contacts.billing.state" v-else></v-text-field>
|
|
</v-col>
|
|
<v-col class="ma-1"><v-text-field label="Zip" v-model="dialog_domain.provider.contacts.billing.postal_code"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-autocomplete label="Country" v-model="dialog_domain.provider.contacts.billing.country" :items="countries" @change="populateStatesFor( dialog_domain.provider.contacts.billing )"></v-autocomplete></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="Phone" v-model="dialog_domain.provider.contacts.billing.phone"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-text-field label="Email" v-model="dialog_domain.provider.contacts.billing.email"></v-text-field></v-col>
|
|
</v-row>
|
|
</v-tab-item>
|
|
</v-tabs-items>
|
|
<v-row class="mx-2 mb-5">
|
|
<v-col cols="12">
|
|
<v-btn @click="updateDomainContacts()" color="primary">
|
|
Update Contact Information
|
|
</v-btn>
|
|
|
|
</v-col>
|
|
</v-row>
|
|
</v-card>
|
|
<v-divider></v-divider>
|
|
<v-subheader>Nameservers</v-subheader>
|
|
<v-card tile flat>
|
|
<v-overlay absolute :value="dialog_domain.updating_nameservers">
|
|
<v-progress-circular indeterminate size="64"></v-progress-circular>
|
|
</v-overlay>
|
|
<v-row no-gutters class="mx-3" v-for="(nameserver, index) in dialog_domain.provider.nameservers">
|
|
<v-col class="ma-1"><v-text-field v-model="nameserver.value" hide-details spellcheck="false"></v-text-field></v-col>
|
|
<v-col class="mt-1"><v-btn text small icon color="primary" class="ma-3" @click="dialog_domain.provider.nameservers.splice(index, 1)"><v-icon>mdi-delete</v-icon></v-btn></v-col>
|
|
</v-row>
|
|
<v-row class="mx-2">
|
|
<v-col cols="12">
|
|
<v-btn depressed @click="dialog_domain.provider.nameservers.push( { value: '' } )">Add Additional Nameserver</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row class="mx-2 mb-5">
|
|
<v-col cols="12">
|
|
<v-btn @click="updateDomainNameservers()" color="primary">
|
|
Update Nameservers
|
|
</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card>
|
|
<v-divider></v-divider>
|
|
<v-subheader>Controls</v-subheader>
|
|
<v-container>
|
|
<v-row>
|
|
<v-col v-if="dialog_domain.auth_code != ''">
|
|
<v-list-item @click="copyText( dialog_domain.auth_code )" dense>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-content-copy</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Auth Code</v-list-item-title>
|
|
<v-list-item-subtitle v-text="dialog_domain.auth_code"></v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-col>
|
|
<v-col v-else><v-btn class="mx-1" depressed @click="retrieveAuthCode()" :loading="dialog_domain.fetch_auth_code">Retrieve Auth Code</v-btn></v-col>
|
|
<v-col><v-switch v-model="dialog_domain.provider.locked" :loading="dialog_domain.update_lock" :disabled="dialog_domain.update_lock" false-value="off" true-value="on" :label="`Lock is ${dialog_domain.provider.locked}`" @change="domainLockUpdate()"></v-switch></v-col>
|
|
<v-col><v-switch v-model="dialog_domain.provider.whois_privacy" :loading="dialog_domain.update_privacy" :disabled="dialog_domain.update_privacy" false-value="off" true-value="on" :label="`Privacy is ${dialog_domain.provider.whois_privacy}`" @change="domainPrivacyUpdate()"></v-switch></v-col>
|
|
</v-row>
|
|
</v-container>
|
|
</div>
|
|
<v-divider></v-divider>
|
|
<v-subheader>Administrator Options</v-subheader>
|
|
<v-container>
|
|
<v-dialog max-width="600">
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn class="mx-1" v-bind="attrs" v-on="on" depressed>Edit Domain</v-btn>
|
|
</template>
|
|
<template v-slot:default="dialog">
|
|
<v-card>
|
|
<v-toolbar color="primary" dark>
|
|
<v-btn icon @click="dialog.value = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Edit Domain</v-toolbar-title></v-toolbar>
|
|
<v-card-text>
|
|
<v-autocomplete
|
|
v-model="dialog_domain.accounts"
|
|
multiple
|
|
chips
|
|
deletable-chips
|
|
label="Accounts"
|
|
:items="accounts"
|
|
item-text="name"
|
|
item-value="account_id"
|
|
class="mt-5"
|
|
spellcheck="false"
|
|
flat
|
|
></v-autocomplete>
|
|
</v-card-text>
|
|
<v-card-actions class="justify-end">
|
|
<v-btn color="primary" dark @click="dialog.value = false; updateDomainAccount()">
|
|
Save Domain
|
|
</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</template>
|
|
</v-dialog>
|
|
<v-btn class="mx-1" depressed @click="deleteDomain()">Delete Domain</v-btn>
|
|
</v-container>
|
|
</v-tab-item>
|
|
</v-tabs-items>
|
|
</v-card>
|
|
</v-sheet>
|
|
</v-card>
|
|
<v-card v-if="route == 'health'" class="elevation-1 rounded-lg ma-4 py-1">
|
|
<v-toolbar light flat>
|
|
<v-toolbar-title>Listing {{ filterSitesWithErrors.length }} sites with issues</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-alert :value="true" type="info" text>
|
|
Results from daily scans of home pages. Web console errors are extracted from Google Chrome via Lighthouse CLI. Helpful for tracking down wide range of issues.
|
|
</v-alert>
|
|
<v-card v-for="site in filterSitesWithErrors" flat class="mb-2" :key="site.site_id">
|
|
<v-toolbar light flat>
|
|
<v-img :src=`${remote_upload_uri}${site.site}_${site.site_id}/production/screenshots/${site.screenshot_base}_thumb-100.jpg` class="elevation-1 mr-3" max-width="50" v-show="site.screenshot_base"></v-img>
|
|
<v-toolbar-title>{{ site.name }}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-btn small text @click="scanErrors( site )">
|
|
Scan <v-icon class="ml-1">mdi-sync</v-icon>
|
|
</v-btn>
|
|
<v-btn small text :href="`http://${site.name}`" target="_blank">
|
|
View <v-icon class="ml-1">mdi-open-in-new</v-icon>
|
|
</v-btn>
|
|
<v-btn small text @click="copySSH( site )">
|
|
SSH <v-icon class="ml-1">mdi-content-copy</v-icon>
|
|
</v-btn>
|
|
<v-btn small text @click="showLogEntry( site.site_id )" v-show="role == 'administrator'">
|
|
Log <v-icon class="ml-1">mdi-check</v-icon>
|
|
</v-btn>
|
|
<v-chip class="mt-4 ml-2" label :input-value="true">{{ site.console_errors.length }} issues</v-chip>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card class="elevation-0 mx-auto" v-for="error in site.console_errors">
|
|
<v-card-title>{{ error.source }}</v-card-title>
|
|
<v-card-subtitle><a :href="error.url">{{ error.url }}</a></small></v-card-subtitle>
|
|
<v-card-text>
|
|
<pre><code>{{ error.description }}</code></pre>
|
|
</v-card-text>
|
|
</v-card>
|
|
<v-overlay absolute :value="site.loading">
|
|
<v-progress-circular indeterminate size="64" width="4"></v-progress-circular>
|
|
</v-overlay>
|
|
</v-card>
|
|
</v-card-text>
|
|
</v-card>
|
|
<v-card v-if="route == 'cookbook'" class="elevation-1 rounded-lg ma-4 py-1">
|
|
<v-toolbar light flat>
|
|
<v-toolbar-title>Listing {{ filteredRecipes.length }} recipes</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-btn text @click="new_recipe.show = true">Add recipe <v-icon dark>mdi-plus</v-icon></v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-alert :value="true" type="info" text>
|
|
Warning, this is for developers only 💻. The cookbook contains user made "recipes" or scripts which are deployable to one or many sites. Bash script and WP-CLI commands welcomed. For ideas refer to <code><a href="https://captaincore.io/cookbook/" target="_blank">captaincore.io/cookbook</a></code>.
|
|
</v-alert>
|
|
</v-card-text>
|
|
<v-data-table
|
|
:headers="[{ text: 'Title', value: 'title' }]"
|
|
:items="filteredRecipes"
|
|
:sort-by="['title']"
|
|
:footer-props="{ itemsPerPageOptions: [100,250,500,{'text':'All','value':-1}] }"
|
|
v-show="filteredRecipes.length != 0"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr v-for="item in items" :key="item.recipe_id" @click="editRecipe( item.recipe_id )" style="cursor:pointer;">
|
|
<td>{{ item.title }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
</v-card>
|
|
<v-card v-if="route == 'handbook' && role == 'administrator'" class="elevation-1 rounded-lg ma-4 py-1">
|
|
<v-toolbar light flat>
|
|
<v-toolbar-title>Listing {{ processes.length }} processes</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn text small @click="fetchProcessLogs()" v-on="on"><v-icon dark>mdi-timeline-text-outline</v-icon></v-btn>
|
|
</template>
|
|
<span>Log History</span>
|
|
</v-tooltip>
|
|
<v-divider vertical class="mx-1" inset></v-divider>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn text small @click="showLogEntryGeneric()" v-on="on"><v-icon dark>mdi-check-bold</v-icon></v-btn>
|
|
</template>
|
|
<span>Add Log Entry</span>
|
|
</v-tooltip>
|
|
<v-divider vertical class="mx-1" inset></v-divider>
|
|
<v-btn text @click="new_process.show = true">Add process <v-icon dark>mdi-plus</v-icon></v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card-text style="max-height: 100%;">
|
|
<v-container fluid grid-list-lg>
|
|
<v-layout row wrap>
|
|
<v-flex xs12 v-for="process in processes">
|
|
<v-card :hover="true" @click="viewProcess( process.process_id )">
|
|
<v-card-title primary-title class="pt-2">
|
|
<div>
|
|
<span class="title">{{ process.name }}</a> <v-chip color="primary" text-color="white" text v-show="process.roles != ''">{{ process.roles }}</v-chip></span>
|
|
<div class="caption">
|
|
<v-icon v-show="process.time_estimate != ''" style="padding:0px 5px">mdi-clock-outline</v-icon>{{ process.time_estimate }}
|
|
<v-icon v-show="process.repeat_interval != '' && process.repeat_interval != null" style="padding:0px 5px">mdi-calendar-repeat</v-icon>{{ process.repeat_interval }}
|
|
<v-icon v-show="process.repeat_quantity != '' && process.repeat_quantity != null" style="padding:0px 5px">mdi-repeat</v-icon>{{ process.repeat_quantity }}
|
|
</div>
|
|
</div>
|
|
</v-card-title>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
<v-card tile v-if="route == 'configurations' && role == 'administrator'" class="elevation-1 rounded-lg ma-4 py-1">
|
|
<v-toolbar light flat>
|
|
<v-toolbar-title>Configurations</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-tabs background-color="primary" dark dense v-model="configurations_step">
|
|
<v-tab>Branding</v-tab>
|
|
<!--<v-tab>Scheduled Tasks</v-tab>-->
|
|
<v-tab>Providers</v-tab>
|
|
<v-tab>Billing</v-tab>
|
|
</v-tabs>
|
|
<v-tabs-items v-model="configurations_step">
|
|
<v-tab-item key="0" :transition="false" :reverse-transition="false">
|
|
<v-card>
|
|
<v-card-text>
|
|
<v-row>
|
|
<v-col :md="2">
|
|
<v-text-field v-model="configurations.name" label="Name"></v-text-field>
|
|
</v-col>
|
|
<v-col :md="4">
|
|
<v-text-field v-model="configurations.url" label="URL"></v-text-field>
|
|
</v-col>
|
|
<v-col :md="4">
|
|
<v-text-field v-model="configurations.logo" label="Logo URL"></v-text-field>
|
|
</v-col>
|
|
<v-col :md="2">
|
|
<v-text-field v-model="configurations.logo_width" label="Logo Width"></v-text-field>
|
|
</v-col>
|
|
</v-row>
|
|
<span class="body-2">DNS Labels</span>
|
|
<v-row>
|
|
<v-col cols="9">
|
|
<v-textarea v-model="configurations.dns_introduction" label="Introduction" auto-grow rows="3"></v-textarea>
|
|
</v-col>
|
|
<v-col cols="3">
|
|
<v-textarea v-model="configurations.dns_nameservers" label="Nameservers" spellcheck="false" auto-grow></v-textarea>
|
|
</v-col>
|
|
</v-row>
|
|
<span class="body-2">Theme colors</span>
|
|
<v-row>
|
|
<v-col class="shrink" style="min-width: 172px;">
|
|
<v-text-field persistent-hint hint="Primary" v-model="$vuetify.theme.themes.light.primary" class="ma-0 pa-0" solo>
|
|
<template v-slot:append>
|
|
<v-menu v-model="colors.primary" top nudge-bottom="126" nudge-left="14" :close-on-content-click="false">
|
|
<template v-slot:activator="{ on }">
|
|
<div :style="{ backgroundColor: $vuetify.theme.themes.light.primary, cursor: 'pointer', height: '30px', width: '30px', borderRadius: '4px', transition: 'border-radius 200ms ease-in-out' }" v-on="on"></div>
|
|
</template>
|
|
<v-card>
|
|
<v-card-text class="pa-0">
|
|
<v-color-picker v-model="$vuetify.theme.themes.light.primary" flat></v-color-picker>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-menu>
|
|
</template>
|
|
</v-text-field>
|
|
</v-col>
|
|
<v-col class="shrink" style="min-width: 172px;">
|
|
<v-text-field persistent-hint hint="Secondary" v-model="$vuetify.theme.themes.light.secondary" class="ma-0 pa-0" solo>
|
|
<template v-slot:append>
|
|
<v-menu v-model="colors.secondary" top nudge-bottom="126" nudge-left="14" :close-on-content-click="false">
|
|
<template v-slot:activator="{ on }">
|
|
<div :style="{ backgroundColor: $vuetify.theme.themes.light.secondary, cursor: 'pointer', height: '30px', width: '30px', borderRadius: '4px', transition: 'border-radius 200ms ease-in-out' }" v-on="on"></div>
|
|
</template>
|
|
<v-card>
|
|
<v-card-text class="pa-0">
|
|
<v-color-picker v-model="$vuetify.theme.themes.light.secondary" flat></v-color-picker>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-menu>
|
|
</template>
|
|
</v-text-field>
|
|
</v-col>
|
|
<v-col class="shrink" style="min-width: 172px;">
|
|
<v-text-field persistent-hint hint="Accent" v-model="$vuetify.theme.themes.light.accent" class="ma-0 pa-0" solo>
|
|
<template v-slot:append>
|
|
<v-menu v-model="colors.accent" top nudge-bottom="126" nudge-left="14" :close-on-content-click="false">
|
|
<template v-slot:activator="{ on }">
|
|
<div :style="{ backgroundColor: $vuetify.theme.themes.light.accent, cursor: 'pointer', height: '30px', width: '30px', borderRadius: '4px', transition: 'border-radius 200ms ease-in-out' }" v-on="on"></div>
|
|
</template>
|
|
<v-card>
|
|
<v-card-text class="pa-0">
|
|
<v-color-picker v-model="$vuetify.theme.themes.light.accent" flat></v-color-picker>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-menu>
|
|
</template>
|
|
</v-text-field>
|
|
</v-col>
|
|
<v-col class="shrink" style="min-width: 172px;">
|
|
<v-text-field persistent-hint hint="Error" v-model="$vuetify.theme.themes.light.error" class="ma-0 pa-0" solo>
|
|
<template v-slot:append>
|
|
<v-menu v-model="colors.error" top nudge-bottom="126" nudge-left="14" :close-on-content-click="false">
|
|
<template v-slot:activator="{ on }">
|
|
<div :style="{ backgroundColor: $vuetify.theme.themes.light.error, cursor: 'pointer', height: '30px', width: '30px', borderRadius: '4px', transition: 'border-radius 200ms ease-in-out' }" v-on="on"></div>
|
|
</template>
|
|
<v-card>
|
|
<v-card-text class="pa-0">
|
|
<v-color-picker v-model="$vuetify.theme.themes.light.error" flat></v-color-picker>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-menu>
|
|
</template>
|
|
</v-text-field>
|
|
</v-col>
|
|
<v-col class="shrink" style="min-width: 172px;">
|
|
<v-text-field persistent-hint hint="Info" v-model="$vuetify.theme.themes.light.info" class="ma-0 pa-0" solo>
|
|
<template v-slot:append>
|
|
<v-menu v-model="colors.info" top nudge-bottom="126" nudge-left="14" :close-on-content-click="false">
|
|
<template v-slot:activator="{ on }">
|
|
<div :style="{ backgroundColor: $vuetify.theme.themes.light.info, cursor: 'pointer', height: '30px', width: '30px', borderRadius: '4px', transition: 'border-radius 200ms ease-in-out' }" v-on="on"></div>
|
|
</template>
|
|
<v-card>
|
|
<v-card-text class="pa-0">
|
|
<v-color-picker v-model="$vuetify.theme.themes.light.info" flat></v-color-picker>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-menu>
|
|
</template>
|
|
</v-text-field>
|
|
</v-col>
|
|
<v-col class="shrink" style="min-width: 172px;">
|
|
<v-text-field persistent-hint hint="Success" v-model="$vuetify.theme.themes.light.success" class="ma-0 pa-0" solo>
|
|
<template v-slot:append>
|
|
<v-menu v-model="colors.success" top nudge-bottom="126" nudge-left="14" :close-on-content-click="false">
|
|
<template v-slot:activator="{ on }">
|
|
<div :style="{ backgroundColor: $vuetify.theme.themes.light.success, cursor: 'pointer', height: '30px', width: '30px', borderRadius: '4px', transition: 'border-radius 200ms ease-in-out' }" v-on="on"></div>
|
|
</template>
|
|
<v-card>
|
|
<v-card-text class="pa-0">
|
|
<v-color-picker v-model="$vuetify.theme.themes.light.success" flat></v-color-picker>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-menu>
|
|
</template>
|
|
</v-text-field>
|
|
</v-col>
|
|
<v-col class="shrink" style="min-width: 172px;">
|
|
<v-text-field persistent-hint hint="Warning" v-model="$vuetify.theme.themes.light.warning" class="ma-0 pa-0" solo>
|
|
<template v-slot:append>
|
|
<v-menu v-model="colors.warning" top nudge-bottom="126" nudge-left="14" :close-on-content-click="false">
|
|
<template v-slot:activator="{ on }">
|
|
<div :style="{ backgroundColor: $vuetify.theme.themes.light.warning, cursor: 'pointer', height: '30px', width: '30px', borderRadius: '4px', transition: 'border-radius 200ms ease-in-out' }" v-on="on"></div>
|
|
</template>
|
|
<v-card>
|
|
<v-card-text class="pa-0">
|
|
<v-color-picker v-model="$vuetify.theme.themes.light.warning" flat></v-color-picker>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-menu>
|
|
</template>
|
|
</v-text-field>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col><v-btn @click="resetColors">Reset colors</a></v-btn></v-col>
|
|
</v-row>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-tab-item>
|
|
|
|
<v-tab-item key="2" :transition="false" :reverse-transition="false">
|
|
<v-toolbar light flat>
|
|
<v-toolbar-title>Listing {{ providers.length }} providers</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-btn text @click="dialog_new_provider.show = true">Add Provider <v-icon dark>mdi-plus</v-icon></v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-data-table
|
|
:headers="[{ text: 'Name', value: 'name' },{ text: 'Created', value: 'created_at' }]"
|
|
:items="providers"
|
|
:footer-props="{ itemsPerPageOptions: [100,250,500,{'text':'All','value':-1}] }"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr v-for="item in items" @click="editProvider( item )" style="cursor:pointer">
|
|
<td>{{ item.name }}</td>
|
|
<td>{{ item.created_at | pretty_timestamp }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
</v-tab-item>
|
|
<v-tab-item key="3" :transition="false" :reverse-transition="false">
|
|
<v-card>
|
|
<v-card-text>
|
|
<span class="body-2">WooCommerce Products</span>
|
|
<v-row class="mb-7">
|
|
<v-col>
|
|
<v-select v-model="configurations.woocommerce.hosting_plan" :items='<?php echo json_encode( ( new CaptainCore\Configurations )->products() ); ?>' item-value="id" item-text="name" label="Hosting Plan" hide-details></v-select>
|
|
</v-col>
|
|
<v-col>
|
|
<v-select v-model="configurations.woocommerce.addons" :items='<?php echo json_encode( ( new CaptainCore\Configurations )->products() ); ?>' item-value="id" item-text="name" label="Addons" hide-details></v-select>
|
|
</v-col>
|
|
<v-col>
|
|
<v-select v-model="configurations.woocommerce.charges" :items='<?php echo json_encode( ( new CaptainCore\Configurations )->products() ); ?>' item-value="id" item-text="name" label="Charges" hide-details></v-select>
|
|
</v-col>
|
|
<v-col>
|
|
<v-select v-model="configurations.woocommerce.credits" :items='<?php echo json_encode( ( new CaptainCore\Configurations )->products() ); ?>' item-value="id" item-text="name" label="Credits" hide-details></v-select>
|
|
</v-col>
|
|
<v-col>
|
|
<v-select v-model="configurations.woocommerce.usage" :items='<?php echo json_encode( ( new CaptainCore\Configurations )->products() ); ?>' item-value="id" item-text="name" label="Usage" hide-details></v-select>
|
|
</v-col>
|
|
</v-row>
|
|
<span class="body-2">Hosting Plans</span>
|
|
<v-row v-for="(plan, index) in configurations.hosting_plans">
|
|
<v-col>
|
|
<v-text-field v-model="plan.name" label="Name"></v-text-field>
|
|
</v-col>
|
|
<v-col style="max-width:100px">
|
|
<v-text-field v-model="plan.interval" label="Interval" hint="# of months" persistent-hint></v-text-field>
|
|
</v-col>
|
|
<v-col style="max-width:100px">
|
|
<v-text-field v-model="plan.price" label="Price"></v-text-field>
|
|
</v-col>
|
|
<v-col style="max-width:150px">
|
|
<v-text-field v-model="plan.limits.visits" label="Visits Limits"></v-text-field>
|
|
</v-col>
|
|
<v-col style="max-width:150px">
|
|
<v-text-field v-model="plan.limits.storage" label="Storage Limits"></v-text-field>
|
|
</v-col>
|
|
<v-col style="max-width:120px">
|
|
<v-text-field v-model="plan.limits.sites" label="Sites Limits"></v-text-field>
|
|
</v-col>
|
|
<v-col class="ma-0 pa-0" style="max-width:46px">
|
|
<v-btn color="red" icon @click="deletePlan( index )"><v-icon>mdi-delete</v-icon></v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col><v-btn @click="addAdditionalPlan()">Add Additional Plan</v-btn></v-col>
|
|
</v-row>
|
|
<div class="seperator mt-5"></div>
|
|
<span class="body-2">Usage Pricing</span>
|
|
<v-row>
|
|
<v-col style="max-width:200px"><v-text-field label="Sites Quantity" v-model="configurations.usage_pricing.sites.quantity"></v-text-field></v-col>
|
|
<v-col style="max-width:150px"><v-text-field label="Sites Cost" v-model="configurations.usage_pricing.sites.cost"></v-text-field></v-col>
|
|
<v-col style="max-width:150px"><v-text-field label="Sites Interval" v-model="configurations.usage_pricing.sites.interval" hint="# of months" persistent-hint></v-text-fiel></v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col style="max-width:200px"><v-text-field label="Storage Quantity (GB)" v-model="configurations.usage_pricing.storage.quantity"></v-text-field></v-col>
|
|
<v-col style="max-width:150px"><v-text-field label="Storage Cost" v-model="configurations.usage_pricing.storage.cost"></v-text-field></v-col>
|
|
<v-col style="max-width:150px"><v-text-field label="Storage Interval" v-model="configurations.usage_pricing.storage.interval" hint="# of months" persistent-hint></v-text-fiel></v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col style="max-width:200px"><v-text-field label="Traffic Quantity (pageviews)" v-model="configurations.usage_pricing.traffic.quantity"></v-text-field></v-col>
|
|
<v-col style="max-width:150px"><v-text-field label="Traffic Cost" v-model="configurations.usage_pricing.traffic.cost"></v-text-field></v-col>
|
|
<v-col style="max-width:150px"><v-text-field label="Traffic Interval" v-model="configurations.usage_pricing.traffic.interval" hint="# of months" persistent-hint></v-text-fiel></v-col>
|
|
</v-row>
|
|
</v-card>
|
|
</v-card-text>
|
|
</v-tab-item>
|
|
</v-tabs-items>
|
|
<v-row>
|
|
<v-col>
|
|
<v-card flat>
|
|
<v-card-actions style="text-align:right">
|
|
<v-btn color="primary" dark @click="saveGlobalConfigurations()">Save Configurations</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card>
|
|
<v-card tile v-if="route == 'billing'" class="elevation-1 rounded-lg ma-4 py-1">
|
|
<v-toolbar light flat v-show="dialog_billing.step == 1">
|
|
<v-toolbar-title>Billing</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-flex xs12 text-right v-show="dialog_billing.step == 1">
|
|
<v-tabs v-model="billing_tabs" background-color="primary" dark>
|
|
<v-tab :key="1" href="#tab-Billing-Invoices" ripple>
|
|
Invoices <v-icon size="24">mdi-receipt-text</v-icon>
|
|
</v-tab>
|
|
<v-tab :key="2" href="#tab-Billing-Overview">
|
|
My Plan <v-icon size="24">mdi-chart-donut</v-icon>
|
|
</v-tab>
|
|
<v-tab :key="3" href="#tab-Billing-Payment-Methods" ripple>
|
|
Payment Methods <v-icon size="24">mdi-credit-card-outline</v-icon>
|
|
</v-tab>
|
|
<v-tab :key="4" href="#tab-Billing-Address" ripple>
|
|
Billing Address <v-icon size="24">mdi-map-marker</v-icon>
|
|
</v-tab>
|
|
</v-tabs>
|
|
<v-tabs-items v-model="billing_tabs">
|
|
<v-tab-item value="tab-Billing-Invoices" :transition="false" :reverse-transition="false">
|
|
<v-data-table
|
|
:loading="billing_loading"
|
|
:headers="[
|
|
{ text: 'Order', value: 'order_id', width: '130px' },
|
|
{ text: 'Date', value: 'date' },
|
|
{ text: 'Status', value: 'status' },
|
|
{ text: 'Total', value: 'total', width: '120px' },
|
|
{ text: '', value: 'actions', width: '140px' }]"
|
|
:items="billing.invoices"
|
|
>
|
|
<template v-slot:item.order_id="{ item }">
|
|
#{{ item.order_id }}
|
|
</template>
|
|
<template v-slot:item.total="{ item }">
|
|
${{ item.total }}
|
|
</template>
|
|
<template v-slot:item.actions="{ item }">
|
|
<v-btn small @click="goToPath( `/billing/${item.order_id}`)">Show Invoice</v-btn>
|
|
</template>
|
|
</v-data-table>
|
|
</v-tab-item>
|
|
<v-tab-item value="tab-Billing-Overview" :transition="false" :reverse-transition="false">
|
|
<v-data-table
|
|
:loading="billing_loading"
|
|
:headers="[
|
|
{ text: 'Account', value: 'account_id', width: '100px' },
|
|
{ text: 'Name', value: 'name' },
|
|
{ text: 'Renewal Date', value: 'next_renewal' },
|
|
{ text: 'Plan', value: 'plan' },
|
|
{ text: 'Price', value: 'price' },
|
|
{ text: 'Status', value: 'status' },
|
|
{ text: '', value: 'actions', width: '140px' }]"
|
|
:items="billing.subscriptions"
|
|
>
|
|
<template v-slot:item.account_id="{ item }">
|
|
#{{ item.account_id }}
|
|
</template>
|
|
<template v-slot:item.plan="{ item }">
|
|
{{ item.plan.name }}
|
|
</template>
|
|
<template v-slot:item.price="{ item }">
|
|
<span v-html="my_plan_usage_estimate( item.plan )"></span>
|
|
</template>
|
|
<template v-slot:item.next_renewal="{ item }">
|
|
<span v-if="item.plan.next_renewal != '' && item.plan.next_renewal != null">{{ item.plan.next_renewal | pretty_timestamp }}</span>
|
|
</template>
|
|
<template v-slot:item.actions="{ item }">
|
|
<v-btn small @click="customerModifyPlan( item )">Modify Plan</v-btn>
|
|
</template>
|
|
</v-data-table>
|
|
</v-tab-item>
|
|
<v-tab-item value="tab-Billing-Payment-Methods" :transition="false" :reverse-transition="false">
|
|
<v-data-table
|
|
v-if="billing.payment_methods"
|
|
:loading="billing_loading"
|
|
:headers="[
|
|
{ text: 'Method', value: 'method' },
|
|
{ text: 'Expires', value: 'expires' },
|
|
{ text: '', value: 'actions', width: '204px', align: 'end' }]"
|
|
:items="billing.payment_methods"
|
|
hide-default-footer
|
|
>
|
|
<template v-slot:item.method="{ item }">
|
|
{{ item.method.brand }} ending in {{ item.method.last4 }}
|
|
</template>
|
|
<template v-slot:item.actions="{ item }">
|
|
<v-btn small disabled v-show="item.is_default">Primary Method</v-btn>
|
|
<v-btn small v-show="!item.is_default" @click="setAsPrimary( item.token )">Set as Primary</v-btn>
|
|
<v-btn color="red" icon @click="deletePaymentMethod( item.token )"><v-icon>mdi-delete</v-icon></v-btn>
|
|
</template>
|
|
<template
|
|
v-slot:body.append="{ headers }"
|
|
>
|
|
<tr>
|
|
<td :colspan="headers.length" class="text-left">
|
|
<v-dialog max-width="500" v-model="new_payment.show" eager>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn small v-bind="attrs" v-on="on" @click="prepNewPayment()">
|
|
Add new payment method
|
|
</v-btn>
|
|
</template>
|
|
|
|
<v-card>
|
|
<v-card-title>
|
|
New payment method
|
|
<v-spacer></v-spacer>
|
|
<v-btn @click="new_payment.show = false" icon><v-icon>mdi-close</v-icon></v-btn>
|
|
</v-card-title>
|
|
<v-card-text class="mt-5">
|
|
<div id="new-card-element"></div>
|
|
<v-alert text dense border="left" type="warning" v-show="new_payment.error != ''">
|
|
{{ new_payment.error }}
|
|
</v-alert>
|
|
</v-card-text>
|
|
<v-divider></v-divider>
|
|
<v-card-actions>
|
|
<v-spacer></v-spacer>
|
|
<v-btn @click="addPaymentMethod">Add Payment Method</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
</v-data-table>
|
|
</v-tab-item>
|
|
<v-tab-item value="tab-Billing-Address" :transition="false" :reverse-transition="false">
|
|
<v-subheader>Billing Address</v-subheader>
|
|
<template v-if="typeof billing.address == 'object'">
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="First Name" v-model="billing.address.first_name"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-text-field label="Last Name" v-model="billing.address.last_name"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-text-field label="Company name (optional)" v-model="billing.address.company"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="Street Address" persistent-hint hint="House number and street name" v-model="billing.address.address_1"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="" persistent-hint hint="Apartment, suite, unit, etc. (optional)" v-model="billing.address.address_2"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="Town" v-model="billing.address.city"></v-text-field></v-col>
|
|
<v-col class="ma-1">
|
|
<v-autocomplete label="State" v-model="billing.address.state" :items="states_selected" v-if="states_selected.length > 0"></v-autocomplete>
|
|
<v-text-field label="State" v-model="billing.address.state" v-else></v-text-field>
|
|
</v-col>
|
|
<v-col class="ma-1"><v-text-field label="Zip" v-model="billing.address.postcode"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-autocomplete label="Country" v-model="billing.address.country" :items="countries" @change="populateStates()"></v-autocomplete></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3">
|
|
<v-col class="ma-1"><v-text-field label="Phone" v-model="billing.address.phone"></v-text-field></v-col>
|
|
<v-col class="ma-1"><v-text-field label="Email" v-model="billing.address.email"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters class="mx-3 mb-3 text-left">
|
|
<v-btn small @click="updateBilling()">
|
|
Update Billing Address
|
|
</v-btn>
|
|
</v-row>
|
|
</template>
|
|
</v-tab-item>
|
|
</v-tab-items>
|
|
</v-flex>
|
|
<v-flex v-show="dialog_billing.step == 2">
|
|
<v-toolbar flat>
|
|
<v-toolbar-title v-show="dialog_invoice.loading == true">Loading...</v-toolbar-title>
|
|
<v-toolbar-title v-show="dialog_invoice.loading == false">Invoice #{{ dialog_invoice.response.order_id }}</v-toolbar-title>
|
|
<div class="flex-grow-1"></div>
|
|
<v-toolbar-items v-show="dialog_invoice.loading == false">
|
|
<v-tooltip bottom>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn text @click="downloadPDF()" v-on="on"><v-icon>mdi-file-download</v-icon></v-btn>
|
|
<a ref="download_pdf" href="#"></a>
|
|
</template>
|
|
<span>Download PDF Invoice</span>
|
|
</v-tooltip>
|
|
<v-btn text :href=`${configurations.path}billing` @click.prevent="goToPath( '/billing' )"><v-icon>mdi-arrow-left</v-icon> Back</v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card-text v-show="dialog_invoice.loading == false">
|
|
<v-card flat>
|
|
<v-row>
|
|
<v-overlay absolute :value="dialog_invoice.paying">
|
|
<v-progress-circular indeterminate size="64"></v-progress-circular>
|
|
</v-overlay>
|
|
<v-col style="max-width:360px" v-show="dialog_invoice.response.status == 'pending' || dialog_invoice.response.status == 'failed'">
|
|
<v-card
|
|
class="mb-7"
|
|
outlined
|
|
v-if="typeof billing.address == 'object' && dialog_invoice.customer"
|
|
>
|
|
<v-list-item three-line>
|
|
<v-list-item-content>
|
|
<div class="overline mb-4">
|
|
Billing Details
|
|
</div>
|
|
<v-list-item-title class="headline mb-1">
|
|
{{ billing.address.first_name }} {{ billing.address.last_name }}
|
|
</v-list-item-title>
|
|
<v-list-item-subtitle>{{ billing.address.company }}</v-list-item-subtitle>
|
|
<div v-html="billingAddress" class="body-2"></div>
|
|
<div v-show="billing.address.phone != ''" class="body-2"><v-icon small>mdi-phone</v-icon> <a :href="'tel:'+ billing.address.phone">{{ billing.address.phone }}</a></div>
|
|
<div v-show="billing.address.email != ''" class="body-2"><v-icon small>mdi-email</v-icon> <a :href="'mailto:'+ billing.address.email">{{ billing.address.email }}</a></div>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
|
|
<v-card-actions>
|
|
<v-btn color="primary" outlined text @click="dialog_invoice.customer = false">
|
|
Modify Billing Details
|
|
</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
<v-card
|
|
class="mb-7"
|
|
max-width="360"
|
|
outlined
|
|
v-else-if="typeof billing.address == 'object'"
|
|
>
|
|
<v-form ref="billing_form" v-model="billing.valid" lazy-validation>
|
|
<v-list-item three-line>
|
|
<v-list-item-content>
|
|
<div class="overline mb-4">
|
|
Billing Details
|
|
</div>
|
|
<v-row no-gutters>
|
|
<v-col class="mx-1"><v-text-field dense label="First Name" v-model="billing.address.first_name" :rules="billing.rules.firstname"></v-text-field></v-col>
|
|
<v-col class="mx-1"><v-text-field dense label="Last Name" v-model="billing.address.last_name" :rules="billing.rules.lastname"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters>
|
|
<v-col class="mx-1"><v-text-field dense label="Company name (optional)" v-model="billing.address.company"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters>
|
|
<v-col class="mx-1"><v-text-field dense label="Street Address" persistent-hint hint="House number and street name" v-model="billing.address.address_1" :rules="billing.rules.address_1"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters>
|
|
<v-col class="mx-1"><v-text-field dense label="" persistent-hint hint="Apartment, suite, unit, etc. (optional)" v-model="billing.address.address_2"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters>
|
|
<v-col class="mx-1"><v-text-field label="Town" v-model="billing.address.city" :rules="billing.rules.city"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters>
|
|
<v-col class="mx-1">
|
|
<v-autocomplete label="State" v-model="billing.address.state" :items="states_selected" v-if="states_selected.length > 0"></v-autocomplete>
|
|
<v-text-field label="State" v-model="billing.address.state" v-else></v-text-field>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row no-gutters>
|
|
<v-col class="mx-1"><v-text-field dense label="Zip" v-model="billing.address.postcode" :rules="billing.rules.zip"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters>
|
|
<v-col class="mx-1 mt-3"><v-autocomplete dense label="Country" v-model="billing.address.country" :items="countries" @change="populateStates()" :rules="billing.rules.country"></v-autocomplete></v-col>
|
|
</v-row>
|
|
<v-row no-gutters>
|
|
<v-col class="mx-1"><v-text-field dense label="Phone" v-model="billing.address.phone"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-row no-gutters>
|
|
<v-col class="mx-1"><v-text-field dense label="Email" v-model="billing.address.email" :rules="billing.rules.email"></v-text-field></v-col>
|
|
</v-row>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-form>
|
|
</v-card>
|
|
</v-col>
|
|
<v-col>
|
|
<p class="mt-5">Order was created on <strong>{{ dialog_invoice.response.created_at | pretty_timestamp_epoch }}</strong> and is currently <strong>{{ dialog_invoice.response.status }} payment</strong>.</p>
|
|
<v-data-table
|
|
:headers="[
|
|
{ text: 'Name', value: 'name', width: '120px', align: 'start' },
|
|
{ text: 'Description', value: 'description' },
|
|
{ text: 'Quantity', value: 'quantity', width: '100px' },
|
|
{ text: 'Total', value: 'total' } ]"
|
|
:items='dialog_invoice.response.line_items'
|
|
:items-per-page="-1"
|
|
hide-default-footer
|
|
class="mb-5 invoice"
|
|
>
|
|
<template v-slot:item.description="{ item }">
|
|
<div v-for="meta in item.description">
|
|
<div v-if="item.name == 'Hosting Plan' && meta.value.split( '\n' ).length > 1">
|
|
<v-card flat>
|
|
<v-card-subtitle class="px-0 pb-0"><strong>{{ meta.value.split( "\n" )[0] }}</strong></v-card-subtitle>
|
|
<v-card-text class="px-0">
|
|
<div class="text--primary">
|
|
{{ meta.value.split( "\n" )[2] }}
|
|
</div>
|
|
</v-card-text>
|
|
</v-card>
|
|
</div>
|
|
<p v-else-if="meta.key == 'Details'">{{ meta.value }}</p>
|
|
</div>
|
|
<div v-if="typeof item.description == 'string'" v-html="item.description"></div>
|
|
</template>
|
|
<template v-slot:item.total="{ item }">
|
|
<div v-html="item.total"></div>
|
|
</template>
|
|
<template v-slot:body.append="{ headers }">
|
|
<tr>
|
|
<td colspan="3" class="text-right">Total:</td>
|
|
<td><span class="font-weight-bold subtitle-1">${{ dialog_invoice.response.total }}</td>
|
|
</tr>
|
|
</template>
|
|
</v-data-table>
|
|
<v-card class="mb-7" outlined v-if="dialog_invoice.response.paid_on && dialog_invoice.response.status == 'completed'">
|
|
<v-list-item three-line>
|
|
<v-list-item-content>
|
|
<div class="overline mb-4">
|
|
Payment Details
|
|
</div>
|
|
<v-list-item-title class="mb-1">
|
|
{{ dialog_invoice.response.payment_method }}
|
|
</v-list-item-title>
|
|
<v-list-item-subtitle>{{ dialog_invoice.response.paid_on }}</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-card>
|
|
<v-card
|
|
class="mb-7"
|
|
v-show="dialog_invoice.response.status == 'pending' || dialog_invoice.response.status == 'failed'"
|
|
outlined
|
|
>
|
|
<v-list-item three-line>
|
|
<v-list-item-content>
|
|
<div class="overline mb-4">
|
|
Credit Card
|
|
</div>
|
|
<v-container py-0 px-3>
|
|
<v-radio-group v-model="dialog_invoice.payment_method" v-if="typeof billing.payment_methods != 'undefined'">
|
|
<v-radio
|
|
v-for="card in billing.payment_methods"
|
|
:label="`${card.method.brand} ending in ${card.method.last4} expires ${card.expires}`"
|
|
:value="card.token"
|
|
></v-radio>
|
|
<v-radio label="Add new payment method" value="new"></v-radio>
|
|
</v-radio-group>
|
|
</v-container>
|
|
<v-card max-width="450px" outlined v-show="dialog_invoice.payment_method == 'new'" class="mb-4">
|
|
<v-card-text>
|
|
<div id="card-element"></div>
|
|
<v-alert text dense border="left" type="error" v-show="dialog_invoice.error != ''" class="mt-4">
|
|
{{ dialog_invoice.error }}
|
|
</v-alert>
|
|
</v-card-text>
|
|
</v-card>
|
|
<v-card class="d-flex flex-nowrap py-3" flat>
|
|
<v-card flat class="mr-1"><v-img contain width="42px" src="/wp-content/plugins/woocommerce-gateway-stripe/assets/images/visa.svg" class="stripe-visa-icon stripe-icon" alt="Visa"></v-img></v-card>
|
|
<v-card flat class="mr-1"><v-img contain width="42px" src="/wp-content/plugins/woocommerce-gateway-stripe/assets/images/amex.svg" class="stripe-amex-icon stripe-icon" alt="American Express"></v-img></v-card>
|
|
<v-card flat class="mr-1"><v-img contain width="42px" src="/wp-content/plugins/woocommerce-gateway-stripe/assets/images/mastercard.svg" class="stripe-mastercard-icon stripe-icon" alt="Mastercard"></v-img></v-card>
|
|
<v-card flat class="mr-1"><v-img contain width="42px" src="/wp-content/plugins/woocommerce-gateway-stripe/assets/images/discover.svg" class="stripe-discover-icon stripe-icon" alt="Discover"></v-img></v-card>
|
|
<v-card flat class="mr-1"><v-img contain width="42px" src="/wp-content/plugins/woocommerce-gateway-stripe/assets/images/jcb.svg" class="stripe-jcb-icon stripe-icon" alt="JCB"></v-img></v-card>
|
|
<v-card flat class="mr-1"><v-img contain width="42px" src="/wp-content/plugins/woocommerce-gateway-stripe/assets/images/diners.svg" class="stripe-diners-icon stripe-icon" alt="Diners"></v-img></v-card>
|
|
</v-card>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-card>
|
|
<v-btn color="primary" elevation="7" x-large @click="verifyAndPayInvoice(dialog_invoice.response.order_id)" class="mb-7" v-show="dialog_invoice.response.status == 'pending' || dialog_invoice.response.status == 'failed'">Pay Invoice</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-card>
|
|
<v-card v-if="route == 'defaults' && role == 'administrator'" class="elevation-1 rounded-lg ma-4 py-1">
|
|
<v-toolbar light flat>
|
|
<v-toolbar-title>Site Defaults</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-alert text :value="true" type="info" class="mb-4 mt-4">
|
|
Configure default settings will can be applied by running the <strong>Deploy Defaults</strong> script.
|
|
</v-alert>
|
|
<v-layout wrap>
|
|
<v-flex xs6 pr-2><v-text-field :value="defaults.email" @change.native="defaults.email = $event.target.value" label="Default Email" required></v-text-field></v-flex>
|
|
<v-flex xs6 pl-2><v-autocomplete :items="timezones" label="Default Timezone" v-model="defaults.timezone"></v-autocomplete></v-flex>
|
|
</v-layout>
|
|
<v-layout wrap>
|
|
<v-flex><v-autocomplete label="Default Recipes" v-model="defaults.recipes" ref="default_recipes" :items="recipes" item-text="title" item-value="recipe_id" multiple chips deletable-chips></v-autocomplete></v-flex>
|
|
</v-layout>
|
|
<span class="body-2">Default Users</span>
|
|
<v-data-table
|
|
:items="defaults.users"
|
|
hide-default-header
|
|
hide-default-footer
|
|
v-if="typeof defaults.users == 'object'"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr v-for="(item, index) in items" style="border-bottom: 0px;">
|
|
<td class="pa-1"><v-text-field :value="item.username" @change.native="item.username = $event.target.value" label="Username"></v-text-field></td>
|
|
<td class="pa-1"><v-text-field :value="item.email" @change.native="item.email = $event.target.value" label="Email"></v-text-field></td>
|
|
<td class="pa-1"><v-text-field :value="item.first_name" @change.native="item.first_name = $event.target.value" label="First Name"></v-text-field></td>
|
|
<td class="pa-1"><v-text-field :value="item.last_name" @change.native="item.last_name = $event.target.value" label="Last Name"></v-text-field></td>
|
|
<td class="pa-1" style="width:145px;"><v-select :value="item.role" v-model="item.role" :items="roles" label="Role" item-text="name"></v-select></td>
|
|
<td class="pa-1"><v-btn text small icon color="primary" @click="deleteGlobalUserValue( index )"><v-icon small>mdi-delete</v-icon></v-btn></td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
<template v-slot:footer>
|
|
<tr style="border-top: 0px;">
|
|
<td colspan="5" style="padding:0px;">
|
|
<v-btn depressed small class="ma-0 mb-3" @click="addGlobalDefaultsUser()">Add Additional User</v-btn>
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
</v-data-table>
|
|
<v-flex xs12 text-right>
|
|
<v-btn color="primary" dark @click="saveGlobalDefaults()">
|
|
Save Changes
|
|
</v-btn>
|
|
</v-flex>
|
|
</v-card-text>
|
|
</v-card>
|
|
<v-card v-if="route == 'keys' && ( role == 'administrator' || configurations.mode == 'maintenance' )" class="elevation-1 rounded-lg ma-4 py-1">
|
|
<v-toolbar light flat>
|
|
<v-toolbar-title>Your SSH keys</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-btn text @click="new_key.show = true">Add SSH Key <v-icon dark>mdi-plus</v-icon></v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card-text style="max-height: 100%;">
|
|
<v-container fluid grid-list-lg>
|
|
<v-layout row wrap>
|
|
<v-flex xs12 v-for="key in keys" :key="key.key_id">
|
|
<v-card :hover="true" @click="viewKey( key.key_id )">
|
|
<v-card-title primary-title class="pt-2">
|
|
<div>
|
|
<span class="title">{{ key.title }} <v-chip v-show="key.main == '1'" :input-value="true">Primary Key</v-chip></span>
|
|
</div>
|
|
</v-card-title>
|
|
<v-card-text>
|
|
<v-chip color="primary" text-color="white" text>{{ key.fingerprint }}</v-chip>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
<v-card v-if="route == 'profile'" class="elevation-1 rounded-lg ma-4 py-1" max-width="700">
|
|
<v-toolbar light flat>
|
|
<v-toolbar-title>Edit profile</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-row>
|
|
<v-col cols="12">
|
|
<v-list>
|
|
<v-list-item link href="https://gravatar.com" target="_blank">
|
|
<v-list-item-avatar rounded>
|
|
<v-img :src="gravatar"></v-img>
|
|
</v-list-item-avatar>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Edit thumbnail with Gravatar</v-list-item-title>
|
|
</v-list-item-content>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-open-in-new</v-icon>
|
|
</v-list-item-icon>
|
|
</v-list-item>
|
|
</v-list>
|
|
<v-text-field :value="profile.display_name" @change.native="profile.display_name = $event.target.value" label="Display Name"></v-text-field>
|
|
<v-text-field :value="profile.email" @change.native="profile.email = $event.target.value" label="Email"></v-text-field>
|
|
<v-text-field :value="profile.new_password" @change.native="profile.new_password = $event.target.value" type="password" label="New Password" hint="Leave empty to keep current password." persistent-hint></v-text-field>
|
|
<p> </p>
|
|
|
|
<v-btn @click="disableTFA()" class="mb-7" v-if="profile.tfa_enabled">Turn off Two-Factor Authentication</v-btn>
|
|
<v-btn @click="enableTFA()" class="mb-7" v-else>Enable Two-Factor Authentication</v-btn>
|
|
<v-card v-show="profile.tfa_activate">
|
|
<v-card-text>
|
|
<p>Scan the QR code with your password application and enter 6 digit code. Advanced users can manually complete using <a :href="profile.tfa_uri" target="_blank">this link</a> or <a href="#copyToken" @click="copyText( profile.tfa_token )" >token</a>.</p>
|
|
<div id="tfa_qr_code" style="margin:auto;text-align:center;"></div>
|
|
<v-text-field outlined label="One time code" class="mt-3" v-model="login.tfa_code"></v-text-field>
|
|
</v-card-text>
|
|
<v-card-actions>
|
|
<v-btn @click="cancelTFA()" depressed>Cancel</v-btn>
|
|
<v-spacer></v-spacer>
|
|
<v-btn color="primary" dark @click="activateTFA()">Activate Two-Factor Authenticate</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row>
|
|
<v-col cols="12" class="mt-3">
|
|
<v-alert text :value="true" type="error" v-for="error in profile.errors" class="mt-5">{{ error }}</v-alert>
|
|
<v-alert text :value="true" type="success" v-show="profile.success" class="mt-5">{{ profile.success }}</v-alert>
|
|
<v-btn color="primary" dark @click="updateAccount()">Save Account</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card-text>
|
|
</v-card>
|
|
<v-card class="elevation-1 rounded-lg ma-4 py-1" v-show="route == 'subscriptions'" v-if="role == 'administrator'">
|
|
<v-toolbar light flat>
|
|
<v-toolbar-title>Listing {{ subscriptions.length }} subscriptions</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn icon @click="toggle_plan = !toggle_plan" v-on="on">
|
|
<v-icon>mdi-poll</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<span>View reports</span>
|
|
</v-tooltip>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-data-table
|
|
:headers="[
|
|
{ text: 'Name', value: 'name' },
|
|
{ text: 'Interval', value: 'interval' },
|
|
{ text: 'Next Renewal', value: 'next_renewal' },
|
|
{ text: 'Price', value: 'total', width: '100px' }]"
|
|
:items="subscriptions"
|
|
:search="subscription_search"
|
|
:footer-props="{ itemsPerPageOptions: [100,250,500,{'text':'All','value':-1}] }"
|
|
v-show="toggle_plan == true"
|
|
>
|
|
<template v-slot:top>
|
|
<v-card-text>
|
|
<v-row>
|
|
<v-col></v-col>
|
|
<v-col cols="12" md="4">
|
|
<v-text-field class="mx-4" v-model="subscription_search" autofocus append-icon="mdi-magnify" label="Search" single-line clearable hide-details></v-text-field>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card-text>
|
|
</template>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr v-for="item in items" :key="item.account_id" @click="goToPath( `/subscription/${item.account_id}`)" style="cursor:pointer;">
|
|
<td>{{ item.name }}</td>
|
|
<td>{{ item.interval | intervalLabel }}</td>
|
|
<td>{{ item.next_renewal }}</td>
|
|
<td>${{ item.total }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
<div id="plan_chart"></div>
|
|
<v-subheader>{{ revenue_estimated_total() }}</v-subheader>
|
|
<div id="plan_chart_transactions"></div>
|
|
</v-card>
|
|
<v-card v-if="route == 'accounts'" class="elevation-1 rounded-lg ma-4 py-1">
|
|
<v-sheet v-show="dialog_account.step == 1">
|
|
<v-toolbar light flat>
|
|
<v-toolbar-title>Listing {{ accounts.length }} accounts</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items v-if="role == 'administrator'">
|
|
<v-btn text @click="dialog_new_account.show = true">Add account <v-icon dark>mdi-plus</v-icon></v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-row>
|
|
<v-col></v-col>
|
|
<v-col cols="12" md="4">
|
|
<v-text-field class="mx-4" v-model="account_search" autofocus append-icon="mdi-magnify" label="Search" single-line clearable hide-details></v-text-field>
|
|
</v-col>
|
|
</v-row>
|
|
<v-data-table
|
|
:headers="[
|
|
{ text: 'Name', value: 'name' },
|
|
{ text: 'Users', value: 'metrics.users', width: '100px' },
|
|
{ text: 'Sites', value: 'metrics.sites', width: '100px' },
|
|
{ text: 'Domains', value: 'metrics.domains', width: '100px' }]"
|
|
:items="accounts"
|
|
:search="account_search"
|
|
:footer-props="{ itemsPerPageOptions: [100,250,500,{'text':'All','value':-1}] }"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr v-for="item in items" :key="item.account_id" @click="goToPath( `/accounts/${item.account_id}`)" style="cursor:pointer;">
|
|
<td>{{ item.name }}</td>
|
|
<td><span v-show="item.metrics.users != '' && item.metrics.users != null">{{ item.metrics.users }}</span></td>
|
|
<td><span v-show="item.metrics.sites != '' && item.metrics.sites != null">{{ item.metrics.sites }}</span></td>
|
|
<td><span v-show="item.metrics.domains != '' && item.metrics.domains != null">{{ item.metrics.domains }}</span></td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
</v-card-text>
|
|
</v-sheet>
|
|
<v-sheet v-show="dialog_account.step == 2">
|
|
<v-card flat v-if="dialog_account.show && typeof dialog_account.records.account == 'object'">
|
|
<v-toolbar flat>
|
|
<v-toolbar-title>{{ dialog_account.records.account.name }}</v-toolbar-title>
|
|
<div class="flex-grow-1"></div>
|
|
<v-toolbar-items>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn text small @click="dialog_configure_defaults.show = true" v-on="on"><v-icon dark>mdi-clipboard-check-outline</v-icon></v-btn>
|
|
</template><span>Configure Defaults</span>
|
|
</v-tooltip>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-tabs v-model="account_tab" background-color="primary" dark>
|
|
<v-tab>
|
|
{{ dialog_account.records.users.length }} Users
|
|
<v-icon size="20" class="ml-1">mdi-account</v-icon>
|
|
</v-tab>
|
|
<v-tab>
|
|
{{ dialog_account.records.sites.length }} Sites
|
|
<v-icon size="20" class="ml-1">mdi-folder-multiple</v-icon>
|
|
</v-tab>
|
|
<v-tab>
|
|
{{ dialog_account.records.domains.length }} Domains
|
|
<v-icon size="20" class="ml-1">mdi-text-box-multiple</v-icon>
|
|
</v-tab>
|
|
<v-tab>
|
|
Timeline
|
|
<v-icon size="20" class="ml-1">mdi-timeline-text-outline</v-icon>
|
|
</v-tab>
|
|
<v-tab v-show="role == 'administrator' || dialog_account.records.owner">
|
|
Plan <v-icon size="20" class="ml-1">mdi-chart-donut</v-icon>
|
|
</v-tab>
|
|
</v-tabs>
|
|
<v-tabs-items v-model="account_tab">
|
|
<v-tab-item :transition="false" :reverse-transition="false">
|
|
<v-toolbar dense flat>
|
|
<div class="flex-grow-1"></div>
|
|
<v-toolbar-items>
|
|
<v-dialog v-model="dialog_account.new_invite" max-width="500px">
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn text @click="dialog_account.new_invite = true" v-bind="attrs" v-on="on">New Invite <v-icon dark>mdi-plus</v-icon></v-btn>
|
|
</template>
|
|
<v-card>
|
|
<v-toolbar flat dense dark color="primary" id="new_invite" class="mb-2">
|
|
<v-btn icon dark @click.native="dialog_account.new_invite = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>New Invitation</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-row>
|
|
<v-col cols="12">
|
|
<v-text-field label="Email" :value="dialog_account.new_invite_email" @change.native="dialog_account.new_invite_email = $event.target.value"></v-text-field>
|
|
</v-col>
|
|
<v-col cols="12">
|
|
<v-btn color="primary" dark @click="sendAccountInvite()">
|
|
Send Invite
|
|
</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-data-table
|
|
v-show="typeof dialog_account.records.users == 'object' && dialog_account.records.users.length > 0"
|
|
:headers='[{"text":"Name","value":"name"},{"text":"Email","value":"email"},{"text":"","value":"level"},{"text":"","value":"actions"}]'
|
|
:items="dialog_account.records.users"
|
|
:sort-by='["level","name"]'
|
|
sort-desc
|
|
:items-per-page="-1"
|
|
hide-default-footer
|
|
>
|
|
<template v-slot:item.actions="{ item }">
|
|
<v-btn text icon color="pink" @click="removeAccountAccess( item.user_id )" v-if="role == 'administrator' || dialog_account.records.owner && item.level != 'Owner'">
|
|
<v-icon>mdi-delete</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
</v-data-table>
|
|
<v-data-table
|
|
v-show="typeof dialog_account.records.invites == 'object' && dialog_account.records.invites.length > 0"
|
|
:headers='[{"text":"Email","value":"email"},{"text":"Created","value":"created_at"},{"text":"","value":"actions"}]'
|
|
:items="dialog_account.records.invites"
|
|
:items-per-page="-1"
|
|
hide-default-footer
|
|
hide-default-header
|
|
>
|
|
<template v-slot:header>
|
|
<tr>
|
|
<td colspan="3" style="padding:0px;padding-top:16px;">
|
|
<v-divider></v-divider>
|
|
<v-subheader>Invites</v-subheader>
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
<template v-slot:item.created_at="{ item }">
|
|
{{ item.created_at | pretty_timestamp }}
|
|
</template>
|
|
<template v-slot:item.actions="{ item }">
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn text icon v-on="on" @click="copyInviteLink( item.account_id, item.token )"><v-icon dark>mdi-link-variant</v-icon></v-btn>
|
|
</template><span>Copy Invite Link</span>
|
|
</v-tooltip>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn text icon color="pink" @click="deleteInvite( item.invite_id )" v-on="on"><v-icon dark>mdi-delete</v-icon></v-btn>
|
|
</template><span>Delete Invite</span>
|
|
</v-tooltip>
|
|
</template>
|
|
</v-data-table>
|
|
</v-tab-item>
|
|
<v-tab-item :transition="false" :reverse-transition="false">
|
|
<v-data-table
|
|
v-show="typeof dialog_account.records.sites == 'object' && dialog_account.records.sites.length > 0"
|
|
:headers='[{"text":"Sites","value":"name"},{"text":"Storage","value":"storage"},{"text":"Visits","value":"visits"},{"text":"","value":"actions","width":"110px",sortable: false}]'
|
|
:items="dialog_account.records.sites"
|
|
:items-per-page="-1"
|
|
hide-default-footer
|
|
>
|
|
<template v-slot:item.storage="{ item }">
|
|
{{ item.storage | formatGBs }}GB
|
|
</template>
|
|
<template v-slot:item.visits="{ item }">
|
|
{{ item.visits | formatLargeNumbers }}
|
|
</template>
|
|
<template v-slot:item.actions="{ item }">
|
|
<v-btn small @click="goToPath( `/sites/${item.site_id}` )">View</v-btn>
|
|
</template>
|
|
<template v-slot:body.append>
|
|
<tr>
|
|
<td class="text-right">
|
|
Totals:
|
|
</td>
|
|
<td>
|
|
{{ dialog_account.records.account.plan.usage.storage | formatGBs }}GB
|
|
</td>
|
|
<td>
|
|
{{ dialog_account.records.account.plan.usage.visits | formatLargeNumbers }}
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
</v-data-table>
|
|
</v-tab-item>
|
|
<v-tab-item :transition="false" :reverse-transition="false">
|
|
<v-data-table
|
|
v-show="typeof dialog_account.records.domains == 'object' && dialog_account.records.domains.length > 0"
|
|
:headers='[{"text":"Domain","value":"name"},{"text":"","value":"actions","width":"110px",sortable:false}]'
|
|
:items="dialog_account.records.domains"
|
|
:items-per-page="-1"
|
|
hide-default-footer
|
|
>
|
|
<template v-slot:item.actions="{ item }">
|
|
<v-btn small @click="goToPath( `/domains/${item.domain_id}` )">View</v-btn>
|
|
</template>
|
|
</v-data-table>
|
|
</v-tab-item>
|
|
<v-tab-item :transition="false" :reverse-transition="false">
|
|
<v-data-table
|
|
:headers="header_timeline"
|
|
:items="dialog_account.records.timeline"
|
|
:footer-props="{ itemsPerPageOptions: [50,100,250,{'text':'All','value':-1}] }"
|
|
class="timeline"
|
|
v-if="typeof dialog_account.records.timeline != 'undefined' || dialog_account.records.timeline != null"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr v-for="item in items">
|
|
<td class="justify-center pt-3 pr-0 text-center shrink" style="vertical-align: top;">
|
|
<v-tooltip bottom>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-icon color="primary" dark v-bind="attrs" v-on="on" v-show="item.name">mdi-note</v-icon>
|
|
</template>
|
|
<span>{{ item.name }}</span>
|
|
</v-tooltip>
|
|
<v-icon color="primary" dark v-show="! item.name">mdi-checkbox-marked-circle</v-icon>
|
|
</td>
|
|
<td class="justify-center py-4" style="vertical-align: top;">
|
|
<div v-html="item.description" v-show="item.description"></div>
|
|
</td>
|
|
<td class="justify-center pt-2" style="vertical-align: top;width:180px;">
|
|
<v-row>
|
|
<v-col class="shrink pr-0"><v-img :src="item.author_avatar" width="34" class="rounded"></v-img></v-col>
|
|
<v-col class="pt-4">{{ item.author }}</v-col>
|
|
</v-row>
|
|
</td>
|
|
<td class="justify-center pt-3" style="vertical-align: top;">{{ item.created_at | pretty_timestamp_epoch }}</td>
|
|
<td class="justify-center pt-2 pr-0" style="vertical-align:top;width:77px;">
|
|
<v-menu :nudge-width="200" open-on-hover bottom offset-y>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-icon small v-bind="attrs" v-on="on" class="my-2">mdi-information</v-icon>
|
|
</template>
|
|
<v-card>
|
|
<v-card-text>
|
|
<div v-for="site in item.websites">
|
|
<a :href=`${configurations.path}sites/${site.site_id}` @click.prevent="goToPath( `/sites/${site.site_id}` )">{{ site.name }}</a>
|
|
</div>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-menu>
|
|
<v-btn small icon @click="dialog_log_history.show = false; editLogEntry(item.websites, item.process_log_id)" v-if="role == 'administrator'">
|
|
<v-icon small>mdi-pencil</v-icon>
|
|
</v-btn>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
</v-tab-item>
|
|
<v-tab-item :transition="false" :reverse-transition="false">
|
|
<v-toolbar dense light flat>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items v-show="role == 'administrator'">
|
|
<v-btn text @click="modifyPlan()">Edit Plan <v-icon dark small class="ml-1">mdi-pencil</v-icon></v-btn>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card flat>
|
|
<div v-if="typeof dialog_account.records.account.plan == 'object' && dialog_account.records.account.plan != null && dialog_account.records.account.plan.next_renewal">
|
|
<v-card-text class="body-1">
|
|
<v-row>
|
|
<v-col>
|
|
<v-layout align-center justify-left row/>
|
|
<div style="padding: 10px 10px 10px 20px;">
|
|
<v-progress-circular :size="50" :value="( dialog_account.records.account.plan.usage.storage / ( dialog_account.records.account.plan.limits.storage * 1024 * 1024 * 1024 ) ) * 100 | formatPercentage" color="primary"><span v-html="$options.filters.account_storage_percentage( dialog_account.records.account )"></span></v-progress-circular>
|
|
</div>
|
|
<div style="line-height: 0.85em;">
|
|
Storage <br /><small>{{ dialog_account.records.account.plan.usage.storage | formatGBs }}GB / {{ dialog_account.records.account.plan.limits.storage }}GB</small><br />
|
|
</div>
|
|
<div style="padding: 10px 10px 10px 20px;">
|
|
<v-progress-circular :size="50" :value="( dialog_account.records.account.plan.usage.visits / dialog_account.records.account.plan.limits.visits * 100 ) | formatPercentage" color="primary"><span v-html="$options.filters.account_visits_percentage( dialog_account.records.account )"></span></v-progress-circular>
|
|
</div>
|
|
<div style="line-height: 0.85em;">
|
|
Visits <br /><small>{{ dialog_account.records.account.plan.usage.visits | formatLargeNumbers }} / {{ dialog_account.records.account.plan.limits.visits | formatLargeNumbers }}</small><br />
|
|
</div>
|
|
<div style="padding: 10px 10px 10px 20px;">
|
|
<v-progress-circular :size="50" :value="( dialog_account.records.account.plan.usage.sites / dialog_account.records.account.plan.limits.sites * 100 ) | formatPercentage" color="blue darken-4"><span v-html="$options.filters.account_site_percentage( dialog_account.records.account )"></span></v-progress-circular>
|
|
</div>
|
|
<div style="line-height: 0.85em;">
|
|
Sites <br /><small>{{ dialog_account.records.account.plan.usage.sites }} / {{ dialog_account.records.account.plan.limits.sites }}</small><br />
|
|
</div>
|
|
</v-layout>
|
|
</v-col>
|
|
<v-col class="text-center">
|
|
<span class="text-uppercase caption">Next Renewal Estimate</span>
|
|
<v-tooltip bottom>
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-icon class="ml-1" v-bind="attrs" v-on="on">mdi-calendar</v-icon>
|
|
</template>
|
|
<span>Renews on {{ dialog_account.records.account.plan.next_renewal | pretty_timestamp_short }}</span>
|
|
</v-tooltip><br />
|
|
<span class="display-1 font-weight-thin" v-html="plan_usage_estimate"></span><br />
|
|
<span>
|
|
<v-dialog v-model="dialog_breakdown" max-width="980px">
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<a v-bind="attrs" v-on="on">See breakdown</a>
|
|
</template>
|
|
<v-card>
|
|
<v-toolbar flat dark color="primary">
|
|
<v-btn icon dark @click.native="dialog_breakdown = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Plan Estimate Breakdown</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-simple-table>
|
|
<template v-slot:default>
|
|
<thead>
|
|
<tr>
|
|
<th class="text-left">Type</th>
|
|
<th class="text-left">Name</th>
|
|
<th class="text-left">Quantity</th>
|
|
<th class="text-left">Price</th>
|
|
<th class="text-left">Total</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Plan</td>
|
|
<td>{{ dialog_account.records.account.plan.name }}</td>
|
|
<td>1</td>
|
|
<td class="text-right">${{ dialog_account.records.account.plan.price }}</td>
|
|
<td class="text-right">${{ dialog_account.records.account.plan.price }}</td>
|
|
</tr>
|
|
<tr v-if="( parseInt( dialog_account.records.account.plan.usage.sites ) - parseInt( dialog_account.records.account.plan.limits.sites ) ) >= 1">
|
|
<td>Extra</td>
|
|
<td>Sites</td>
|
|
<td>{{ parseInt( dialog_account.records.account.plan.usage.sites ) - parseInt( dialog_account.records.account.plan.limits.sites ) }}</td>
|
|
<td class="text-right">${{ plan_usage_pricing_sites }}</td>
|
|
<td class="text-right">${{ plan_usage_pricing_sites * ( parseInt( dialog_account.records.account.plan.usage.sites ) - parseInt( dialog_account.records.account.plan.limits.sites ) ) }}</td>
|
|
</tr>
|
|
<tr v-if="(( parseInt( dialog_account.records.account.plan.usage.storage ) / 1024 / 1024 / 1024 ) - parseInt( dialog_account.records.account.plan.limits.storage ) ) >= 1">
|
|
<td>Extra</td>
|
|
<td>Storage</td>
|
|
<td>{{ Math.ceil ( ( ( parseInt( dialog_account.records.account.plan.usage.storage ) / 1024 / 1024 / 1024 ) - parseInt( dialog_account.records.account.plan.limits.storage ) ) / 10 ) }}</td>
|
|
<td class="text-right">${{ plan_usage_pricing_storage }}</td>
|
|
<td class="text-right">${{ plan_usage_pricing_storage * Math.ceil ( ( ( parseInt( dialog_account.records.account.plan.usage.storage ) / 1024 / 1024 / 1024 ) - parseInt( dialog_account.records.account.plan.limits.storage ) ) / 10 ) }}</td>
|
|
</tr>
|
|
<tr v-if="Math.ceil ( ( parseInt( dialog_account.records.account.plan.usage.visits ) - parseInt( dialog_account.records.account.plan.limits.visits ) ) / parseInt ( configurations.usage_pricing.traffic.quantity ) ) >= 1">
|
|
<td>Extra</td>
|
|
<td>Visits</td>
|
|
<td>{{ Math.ceil ( ( parseInt( dialog_account.records.account.plan.usage.visits ) - parseInt( dialog_account.records.account.plan.limits.visits ) ) / parseInt ( configurations.usage_pricing.traffic.quantity ) ) }}</td>
|
|
<td class="text-right">${{ plan_usage_pricing_visits }}</td>
|
|
<td class="text-right">${{ plan_usage_pricing_visits * Math.ceil ( ( parseInt( dialog_account.records.account.plan.usage.visits ) - parseInt( dialog_account.records.account.plan.limits.visits ) ) / parseInt ( configurations.usage_pricing.traffic.quantity ) ) }}</td>
|
|
</tr>
|
|
<tr v-for="item in dialog_account.records.account.plan.addons">
|
|
<td>Addon</td>
|
|
<td>{{ item.name }}</td>
|
|
<td>{{ item.quantity }}</td>
|
|
<td class="text-right">${{ item.price }}</td>
|
|
<td class="text-right">${{ ( item.quantity * item.price ).toFixed(2) }}</td>
|
|
</tr>
|
|
<tr v-for="item in dialog_account.records.account.plan.charges">
|
|
<td>Charge</td>
|
|
<td>{{ item.name }}</td>
|
|
<td>{{ item.quantity }}</td>
|
|
<td class="text-right">${{ item.price }}</td>
|
|
<td class="text-right">${{ ( item.quantity * item.price ).toFixed(2) }}</td>
|
|
</tr>
|
|
<tr v-for="item in dialog_account.records.account.plan.credits">
|
|
<td>Credit</td>
|
|
<td>{{ item.name }}</td>
|
|
<td>{{ item.quantity }}</td>
|
|
<td class="text-right">-${{ item.price }}</td>
|
|
<td class="text-right">-${{ ( item.quantity * item.price ).toFixed(2) }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="5" class="body-1">Total: <span v-html="plan_usage_estimate"></span></td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-simple-table>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-dialog>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card-text>
|
|
<v-alert text :value="true" type="info" color="primary" class="mx-2">
|
|
<strong>{{ dialog_account.records.account.plan.name }} Plan</strong> supports up to {{ dialog_account.records.account.plan.limits.visits | formatLargeNumbers }} visits, {{ dialog_account.records.account.plan.limits.storage }}GB storage and {{ dialog_account.records.account.plan.limits.sites }} sites. Extra sites, storage and visits charged based on usage.
|
|
</v-alert>
|
|
<v-data-table
|
|
:headers='[{"text":"Name","value":"name"},{"text":"Storage","value":"storage"},{"text":"Visits","value":"visits"}]'
|
|
:items="dialog_account.records.usage_breakdown.sites"
|
|
item-key="name"
|
|
:footer-props="{ itemsPerPageOptions: [100,250,500,{'text':'All','value':-1}] }"
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr v-for="item in items">
|
|
<td>{{ item.name }}</td>
|
|
<td>{{ item.storage | formatGBs }}GB</td>
|
|
<td>{{ item.visits }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Totals:</td>
|
|
<td v-for="total in dialog_account.records.usage_breakdown.total" v-html="total"></td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
</div>
|
|
<div v-else>
|
|
<v-alert text :value="true" type="info" color="primary" class="ma-2">
|
|
Hosting plan not active.
|
|
</v-alert>
|
|
</div>
|
|
</v-card>
|
|
</v-tab-item>
|
|
</v-tabs-items>
|
|
<div v-show="role == 'administrator'">
|
|
<v-divider></v-divider>
|
|
<v-subheader>Administrator Options</v-subheader>
|
|
<v-container>
|
|
<v-btn small depressed @click="accountBulkTools()">
|
|
<v-icon small>mdi-filter-variant</v-icon> Bulk Tools on Sites
|
|
</v-btn>
|
|
<v-btn small depressed @click="editAccount()">
|
|
<v-icon small>mdi-pencil</v-icon> Edit Account
|
|
</v-btn>
|
|
<v-btn small depressed color="error" @click="deleteAccount()">
|
|
<v-icon small>mdi-delete</v-icon> Delete Account
|
|
</v-btn>
|
|
</v-container>
|
|
</div>
|
|
</v-card>
|
|
</v-sheet>
|
|
</v-card>
|
|
<v-card v-if="route == 'users'" class="elevation-1 rounded-lg ma-4 py-1">
|
|
<v-toolbar light flat>
|
|
<v-toolbar-title>Listing {{ users.length }} users</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
<v-dialog max-width="600">
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-btn text v-bind="attrs" v-on="on">Add user <v-icon dark>mdi-plus</v-icon></v-btn>
|
|
</template>
|
|
<template v-slot:default="dialog">
|
|
<v-card>
|
|
<v-toolbar color="primary" dark>
|
|
<v-btn icon dark @click="dialog.value = false">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title>Add user</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
</v-toolbar>
|
|
<v-card-text class="pt-3">
|
|
<v-row>
|
|
<v-col><v-text-field :value="dialog_new_user.first_name" @change.native="dialog_new_user.first_name = $event.target.value" label="First Name"></v-text-field></v-col>
|
|
<v-col><v-text-field :value="dialog_new_user.last_name" @change.native="dialog_new_user.last_name = $event.target.value" label="Last Name"></v-text-field></v-col>
|
|
</v-row>
|
|
<v-text-field :value="dialog_new_user.email" @change.native="dialog_new_user.email = $event.target.value" label="Email"></v-text-field>
|
|
<v-text-field :value="dialog_new_user.login" @change.native="dialog_new_user.login = $event.target.value" label="Username"></v-text-field>
|
|
<v-autocomplete :items="accounts" item-text="name" item-value="account_id" v-model="dialog_new_user.account_ids" label="Accounts" chips multiple deletable-chips></v-autocomplete>
|
|
<v-alert text :value="true" type="error" v-for="error in dialog_new_user.errors" class="mt-5">{{ error }}</v-alert>
|
|
|
|
<v-flex xs12 mt-5>
|
|
<v-btn color="primary" dark @click="newUser( dialog )">Create User</v-btn>
|
|
</v-flex>
|
|
</v-card-text>
|
|
</v-card>
|
|
</template>
|
|
</v-dialog>
|
|
</v-toolbar-items>
|
|
</v-toolbar>
|
|
<v-card-text>
|
|
<v-row>
|
|
<v-col></v-col>
|
|
<v-col cols="12" md="4">
|
|
<v-text-field class="mx-4" v-model="user_search" @input="filterSites" autofocus label="Search" clearable light hide-details append-icon="mdi-magnify"></v-text-field>
|
|
</v-col>
|
|
</v-row>
|
|
<v-data-table
|
|
:headers="[{ text: 'Name', value: 'name' },{ text: 'Username', value: 'username' },{ text: 'Email', value: 'email' },{ text: '', value: 'user_id', align: 'end', sortable: false }]"
|
|
:items="users"
|
|
:search="user_search"
|
|
:footer-props="{ itemsPerPageOptions: [100,250,500,{'text':'All','value':-1}] }"
|
|
>
|
|
<template v-slot:item.user_id="{ item }">
|
|
<v-btn text color="primary" @click="editUser( item.user_id )">Edit User</v-btn>
|
|
</template>
|
|
</v-data-table>
|
|
</v-card-text>
|
|
</v-card>
|
|
<v-dialog v-if="route == 'invite'" value="true" scrollable persistance width="500" height="300">
|
|
<v-overlay :value="true" v-if="typeof new_invite.account.name == 'undefined'">
|
|
<v-progress-circular indeterminate size="64"></v-progress-circular>
|
|
</v-overlay>
|
|
<v-card tile v-else>
|
|
<v-toolbar light flat>
|
|
<v-toolbar-title>Account <strong><span v-html="new_invite.account.name"></span></strong> contains:</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-toolbar-items>
|
|
</v-toolbar-items>
|
|
<template v-slot:extension>
|
|
<v-tabs v-model="account_tab" background-color="primary" dark>
|
|
<v-tab>
|
|
<v-icon class="mr-1">mdi-folder-multiple</v-icon>
|
|
{{ new_invite.account.website_count }} Sites
|
|
</v-tab>
|
|
<v-tab>
|
|
<v-icon class="mr-1">mdi-text-box-multiple</v-icon>
|
|
{{ new_invite.account.domain_count }} Domains
|
|
</v-tab>
|
|
</v-tabs>
|
|
</template>
|
|
</v-toolbar>
|
|
<v-card-text style="height:300px;">
|
|
<v-tabs-items v-model="account_tab">
|
|
<v-tab-item>
|
|
<v-data-table
|
|
v-show="typeof new_invite.sites == 'object' && new_invite.sites.length > 0"
|
|
:headers='[{"text":"Sites","value":"name"}]'
|
|
:items="new_invite.sites"
|
|
:items-per-page="-1"
|
|
hide-default-footer
|
|
>
|
|
</v-data-table>
|
|
</v-tab-item>
|
|
<v-tab-item>
|
|
<v-data-table
|
|
v-show="typeof new_invite.domains == 'object' && new_invite.domains.length > 0"
|
|
:headers='[{"text":"Domain","value":"name"}]'
|
|
:items="new_invite.domains"
|
|
:items-per-page="-1"
|
|
hide-default-footer
|
|
>
|
|
</v-data-table>
|
|
</v-tab-item>
|
|
</v-tabs-items>
|
|
</v-card-text>
|
|
<v-divider></v-divider>
|
|
<v-card-actions>
|
|
<div class="flex-grow-1"></div>
|
|
<v-btn @click="cancelInvite">Cancel</v-btn>
|
|
<v-btn @click="acceptInvite" color="primary" dark>Accept Invite as {{ current_user_login }}</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-container>
|
|
<v-container fluid v-show="loading_page">
|
|
Loading...
|
|
</v-container>
|
|
<v-snackbar
|
|
:timeout="3000"
|
|
:multi-line="true"
|
|
v-model="snackbar.show"
|
|
style="z-index: 9999999;"
|
|
>
|
|
{{ snackbar.message }}
|
|
<v-btn dark text @click.native="snackbar.show = false">Close</v-btn>
|
|
</v-snackbar>
|
|
</template>
|
|
</v-container>
|
|
</v-main>
|
|
<v-footer app padless :height="footer_height" class="pa-0 ma-0" style="font-size:12px;z-index:10" class="console" v-if="view_console.show == true">
|
|
<div class="ma-0 pa-0" style="width: 100%;">
|
|
<v-row no-gutters>
|
|
<v-col>
|
|
<v-card v-show="view_console.open == true" class="pa-0 ma-0" flat style="height:174px;" color="transparent">
|
|
<v-window v-model="console">
|
|
<v-window-item :value="0">
|
|
</v-window-item>
|
|
<v-window-item :value="1">
|
|
<v-toolbar flat dense color="transparent">
|
|
<span>Task Activity</span>
|
|
<v-spacer></v-spacer>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn v-on="on" small icon @click.native="jobs = []; snackbar.message = 'Task activity cleared.'; snackbar.show = true">
|
|
<v-icon>mdi-trash-can-outline</v-icon>
|
|
</v-btn>
|
|
</template><span>Clear Task Activity</span>
|
|
</v-tooltip>
|
|
<v-btn small icon @click="closeConsole()">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
</v-toolbar>
|
|
<v-card-text style="height:130px; overflow-y:scroll;" class="ma-0 pa-0">
|
|
<v-data-table
|
|
:headers="[{ text: 'Description', value: 'description' },
|
|
{ text: 'Status', value: 'status' },
|
|
{ text: 'Response', value: 'response' }]"
|
|
:items="jobs.slice().reverse()"
|
|
class="transparent elevation-0 pa-0 ma-0"
|
|
hide-default-header hide-default-footer dense
|
|
>
|
|
<template v-slot:body="{ items }">
|
|
<tbody>
|
|
<tr>
|
|
<td class="ma-0 pa-0">
|
|
<v-list dense flat class="transparent ma-0 pa-0">
|
|
<v-list-item-group>
|
|
<template v-for="(item, index) in items">
|
|
<v-list-item :key="item.job_id" @click="viewJob( item.job_id )">
|
|
<template v-slot:default="{ active, toggle }">
|
|
<v-list-item-content>
|
|
<v-list-item-subtitle>
|
|
<v-chip v-if="item.status == 'done'" x-small label color="green" dark class="mr-2">Done</v-chip>
|
|
<v-chip v-else-if="item.status == 'error'" x-small label color="red" dark class="mr-2">Error</v-chip>
|
|
<v-chip v-else x-small label color="primary" dark class="mr-2">Running</v-chip>
|
|
{{ item.description }}
|
|
<small v-if="typeof item.stream == 'object'" class="ml-2">{{ item.stream.slice(-1)[0] }}</small>
|
|
</v-list-item-subtitle>
|
|
</v-list-item-content>
|
|
<v-list-item-icon class="ma-0" v-if="item.status != 'done' && item.status != 'error'">
|
|
<v-btn style="margin-top:2.5px" text x-small @click.stop="killCommand(item.job_id)">Cancel</v-btn>
|
|
</v-list-item-icon>
|
|
</template>
|
|
</v-list-item>
|
|
</template>
|
|
</v-list-item-group>
|
|
</v-list>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</template>
|
|
</v-data-table>
|
|
</v-card-text>
|
|
</v-window-item>
|
|
<v-window-item :value="4">
|
|
<v-toolbar flat dense color="transparent">
|
|
<span>Task - {{ dialog_job.task.description }}</span>
|
|
<v-spacer></v-spacer>
|
|
<v-btn text tile small @click.native="console = 1">
|
|
<v-icon>mdi-arrow-left</v-icon> Back to Task Activity
|
|
</v-btn>
|
|
<a ref="export_task" href="#"></a>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn v-on="on" small icon @click.native="exportTaskResults()">
|
|
<v-icon>mdi-file-download</v-icon>
|
|
</v-btn>
|
|
</template><span>Export Results</span>
|
|
</v-tooltip>
|
|
<v-btn small icon @click="closeConsole()">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
</v-toolbar>
|
|
<v-card-text style="height:130px; overflow-y:scroll; transform: scaleY(-1);" class="ma-0 py-0 px-5">
|
|
<v-layout row wrap>
|
|
<v-flex xs12 pa-2>
|
|
<v-card text width="100%" class="transparent elevation-0">
|
|
<small mv-1 style="display: block; transform: scaleY(-1);"><div v-for="s in dialog_job.task.stream">{{ s }}</div></small>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card-text>
|
|
</v-window-item>
|
|
<v-window-item :value="2">
|
|
<v-toolbar flat dense color="transparent">
|
|
<span class="mr-2">Filters</span>
|
|
<v-autocomplete
|
|
v-model="applied_site_filter"
|
|
@input="filterSites"
|
|
:items="site_filters"
|
|
ref="applied_site_filter"
|
|
return-object
|
|
item-text="search"
|
|
label="Select Theme and/or Plugin"
|
|
class="siteFilter mx-1"
|
|
chips
|
|
allow-overflow
|
|
small-chips
|
|
solo
|
|
multiple
|
|
hide-details
|
|
hide-selected
|
|
deletable-chips
|
|
dense
|
|
height="24"
|
|
style="max-width: 420px"
|
|
:menu-props="{ closeOnContentClick:true, openOnClick: false }"
|
|
>
|
|
</v-autocomplete>
|
|
<v-spacer></v-spacer>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn v-on="on" small icon @click.native="clearFilters(); snackbar.message = 'Filters cleared.'; snackbar.show = true">
|
|
<v-icon>mdi-trash-can-outline</v-icon>
|
|
</v-btn>
|
|
</template><span>Clear Filters</span>
|
|
</v-tooltip>
|
|
<v-btn small icon @click="closeConsole()">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
</v-toolbar>
|
|
<v-card-text style="height:130px; overflow-y:scroll;">
|
|
<v-layout row>
|
|
<v-flex xs6 px-1>
|
|
<v-autocomplete
|
|
v-model="applied_site_filter_version"
|
|
v-for="filter in site_filter_version"
|
|
@input="filterSites"
|
|
ref="applied_site_filter_version"
|
|
:items="filter.versions"
|
|
:key="filter.name"
|
|
:label="'Select Version for '+ filter.name"
|
|
class="mb-1"
|
|
item-text="name"
|
|
return-object
|
|
chips
|
|
small-chips
|
|
solo
|
|
multiple
|
|
hide-details
|
|
hide-selected
|
|
deletable-chips
|
|
dense
|
|
>
|
|
<template v-slot:item="data">
|
|
<div class="v-list-item__title"><strong>{{ data.item.name }}</strong> <span>({{ data.item.count }})</span></div>
|
|
</template>
|
|
</v-autocomplete>
|
|
</v-flex>
|
|
<v-flex xs6 px-1>
|
|
<v-autocomplete
|
|
v-model="applied_site_filter_status"
|
|
v-for="filter in site_filter_status"
|
|
:items="filter.statuses"
|
|
:key="filter.name"
|
|
:label="'Select Status for '+ filter.name"
|
|
class="mb-1"
|
|
@input="filterSites"
|
|
item-text="name"
|
|
return-object
|
|
chips
|
|
small-chips
|
|
solo
|
|
multiple
|
|
hide-details
|
|
hide-selected
|
|
deletable-chips
|
|
dense
|
|
>
|
|
<template slot="item" slot-scope="data">
|
|
<div class="v-list-item__title"><strong>{{ data.item.name }}</strong> <span>({{ data.item.count }})</span></div>
|
|
</template>
|
|
</v-autocomplete>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-window-item>
|
|
<v-window-item :value="3">
|
|
<v-toolbar flat dense color="transparent">
|
|
<span class="mr-2">Bulk Tools</span>
|
|
<v-select
|
|
v-model="dialog_bulk.environment_selected"
|
|
:items='[{"name":"Production Environment","value":"Production"},{"name":"Staging Environment","value":"Staging"}]'
|
|
item-text="name"
|
|
item-value="value"
|
|
@change="triggerEnvironmentUpdate()"
|
|
class="mx-1 mt-6"
|
|
solo
|
|
dense
|
|
chips
|
|
small-chips
|
|
style="max-width:240px;">
|
|
</v-select>
|
|
<v-autocomplete
|
|
v-model="sites_selected"
|
|
:items="sites"
|
|
item-text="name"
|
|
return-object
|
|
chips
|
|
small-chips
|
|
dense
|
|
solo
|
|
label="Search"
|
|
multiple
|
|
class="mx-1 mt-6"
|
|
style="max-width:240px;"
|
|
>
|
|
<template v-slot:selection="{ item, index }">
|
|
<span v-if="index === 0" class="v-chip--select v-chip v-chip--clickable v-chip--no-color theme--light v-size--small"><span class="v-chip__content">{{ sites_selected.length }} sites selected</span></span>
|
|
</template>
|
|
</v-autocomplete>
|
|
<v-btn small text v-show="filterCount" @click="sites_selected = sites.filter( s => s.filtered )">
|
|
Select {{ sites.filter( s => s.filtered ).length }} sites in applied filters
|
|
</v-btn>
|
|
<v-btn small text @click="sites_selected = sites">
|
|
Select all {{ sites.length }} sites
|
|
</v-btn>
|
|
<v-spacer></v-spacer>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn small icon @click="addThemeBulk()" v-on="on">
|
|
<v-icon>mdi-plus</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<span>Add theme</span>
|
|
</v-tooltip>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn small icon @click="addPluginBulk()" v-on="on">
|
|
<v-icon>mdi-plus</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<span>Add plugin</span>
|
|
</v-tooltip>
|
|
<v-tooltip top v-if="role == 'administrator'">
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn small icon @click="showLogEntryBulk()" v-on="on">
|
|
<v-icon>mdi-checkbox-marked</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<span>New Log Entry</span>
|
|
</v-tooltip>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn small icon @click="bulkactionLaunch()" v-on="on">
|
|
<v-icon>mdi-open-in-new</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<span>Open websites in browser</span>
|
|
</v-tooltip>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn small icon @click="bulkSyncSites()" v-on="on">
|
|
<v-icon>mdi-sync</v-icon>
|
|
</v-btn>
|
|
</template>
|
|
<span>Manual sync website details</span>
|
|
</v-tooltip>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn small icon @click="sites_selected = []; snackbar.message = 'Selections cleared.'; snackbar.show = true" v-on="on">
|
|
<v-icon>mdi-trash-can-outline</v-icon>
|
|
</v-btn>
|
|
</template><span>Clear Selections</span>
|
|
</v-tooltip>
|
|
<v-btn small icon @click="closeConsole()">
|
|
<v-icon>mdi-close</v-icon>
|
|
</v-btn>
|
|
</v-toolbar>
|
|
<v-card-text style="height:130px; overflow-y:scroll;">
|
|
<v-row>
|
|
<v-col cols="12" md="4" class="py-0 my-0">
|
|
<small>Common Scripts</small><br />
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn small icon @click="viewApplyHttpsUrlsBulk()" v-on="on">
|
|
<v-icon>mdi-rocket-launch</v-icon>
|
|
</v-btn>
|
|
</template><span>Apply HTTPS Urls</span>
|
|
</v-tooltip>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn small icon @click="siteDeployBulk()" v-on="on">
|
|
<v-icon>mdi-refresh</v-icon>
|
|
</v-btn>
|
|
</template><span>Deploy Defaults</span>
|
|
</v-tooltip>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn small icon @click="toggleSiteBulk()" v-on="on">
|
|
<v-icon>mdi-toggle-switch</v-icon>
|
|
</v-btn>
|
|
</template><span>Toggle Site</span>
|
|
</v-tooltip><br />
|
|
<small>Other Scripts</small><br />
|
|
<v-tooltip top dense v-for="recipe in recipes.filter( r => r.public == 1 )">
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn small icon @click="runRecipeBulk( recipe.recipe_id )" v-on="on">
|
|
<v-icon>mdi-script-text-outline</v-icon>
|
|
</v-btn>
|
|
</template><span>{{ recipe.title }}</span>
|
|
</v-tooltip><br />
|
|
<small><span v-show="sites_selected.length > 0">Selected sites: </span>
|
|
<span v-for="site in sites_selected" style="display: inline-block;" v-if="dialog_bulk.environment_selected == 'Production' || dialog_bulk.environment_selected == 'Both'">{{ site.site }} </span>
|
|
<span v-for="site in sites_selected" style="display: inline-block;" v-if="dialog_bulk.environment_selected == 'Staging' || dialog_bulk.environment_selected == 'Both'">{{ site.site }}-staging </span>
|
|
</small>
|
|
</v-col>
|
|
<v-col cols="12" md="8" class="py-0 my-0">
|
|
<v-textarea
|
|
auto-grow
|
|
solo
|
|
rows="4"
|
|
dense
|
|
hint="Custom bash script or WP-CLI commands"
|
|
persistent-hint
|
|
:value="custom_script"
|
|
@change.native="custom_script = $event.target.value"
|
|
spellcheck="false"
|
|
class="code"
|
|
>
|
|
<template v-slot:append-outer>
|
|
<v-btn small color="primary" dark @click="runCustomCodeBulk()">Run Custom Code</v-btn>
|
|
</template>
|
|
</v-textarea>
|
|
</v-col>
|
|
</v-row>
|
|
</v-card>
|
|
</v-window-item>
|
|
</v-window>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
<v-row no-gutters justify="center">
|
|
<v-col cols="11">
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn text tile small @click="toggleConsole( 1 )" v-on="on">
|
|
<v-icon x-small>mdi-cogs</v-icon> Task Activity
|
|
<div v-show="runningJobs"><v-chip x-small label color="secondary" class="pa-1 ma-2">{{ runningJobs }} Running</v-chip> <v-progress-circular indeterminate class="ml-2" size="16" width="2"></v-progress-circular></div>
|
|
<div v-show="! runningJobs && completedJobs"><v-chip x-small label color="secondary" class="pa-1 ma-2">{{ completedJobs }} Completed</v-chip></div>
|
|
</v-btn>
|
|
</template><span>View Task Activity</span>
|
|
</v-tooltip>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn text tile small @click="toggleConsole( 2 )" v-on="on">
|
|
<v-icon x-small>mdi-filter</v-icon> Site Filters
|
|
<div v-show="filterCount"><v-chip x-small label color="secondary" class="pa-1 ma-2">{{ filterCount }} Applied</v-chip></div>
|
|
</v-btn>
|
|
</template><span>View Filters</span>
|
|
</v-tooltip>
|
|
<v-tooltip top>
|
|
<template v-slot:activator="{ on }">
|
|
<v-btn text tile small @click="toggleConsole( 3 )" v-on="on">
|
|
<v-icon x-small>mdi-filter-variant</v-icon> Site Bulk Tools
|
|
<div v-show="sites_selected.length > 0"><v-chip x-small label color="secondary" class="pa-1 ma-2">{{ sites_selected.length }} Selected</v-chip></div>
|
|
</v-btn>
|
|
</template><span>View Bulk Tools</span>
|
|
</v-tooltip>
|
|
</v-col>
|
|
<v-col cols="1" class="text-right">
|
|
<v-btn icon tile small @click="view_console.show = false" v-show="view_console.open == false">
|
|
<v-icon small>mdi-close</v-icon>
|
|
</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
</div>
|
|
</v-footer>
|
|
</v-app>
|
|
</div>
|
|
<?php if ( substr( $_SERVER['SERVER_NAME'], -10) == '.localhost' ) { ?>
|
|
<script src="<?php echo $plugin_url; ?>public/js/vue.js"></script>
|
|
<script src="<?php echo $plugin_url; ?>public/js/qs.js"></script>
|
|
<script src="<?php echo $plugin_url; ?>public/js/axios.min.js"></script>
|
|
<script src="<?php echo $plugin_url; ?>public/js/vuetify.min.js"></script>
|
|
<script src="<?php echo $plugin_url; ?>public/js/vue-upload-component.js"></script>
|
|
<script src="<?php echo $plugin_url; ?>public/js/stripe.min.js"></script>
|
|
<script src="<?php echo $plugin_url; ?>public/js/numeral.min.js"></script>
|
|
<script src="<?php echo $plugin_url; ?>public/js/frappe-charts.min.js"></script>
|
|
<?php } else { ?>
|
|
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.15/dist/vue.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/qs@6.9.1/dist/qs.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/axios@0.19.0/dist/axios.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/vuetify@2.7.1/dist/vuetify.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/vue-upload-component@2.8.20/dist/vue-upload-component.js"></script>
|
|
<script src="https://js.stripe.com/v3/"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/numeral@2.0.6/numeral.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/frappe-charts@1.6.1/dist/frappe-charts.min.umd.js"></script>
|
|
<?php } ?>
|
|
<script src="<?php echo $plugin_url; ?>public/js/kjua.min.js"></script>
|
|
<script src="<?php echo $plugin_url; ?>public/js/moment.min.js"></script>
|
|
<script src="<?php echo $plugin_url; ?>public/js/core.js"></script>
|
|
<script>
|
|
<?php if ( is_plugin_active( 'woocommerce/woocommerce.php' ) ) { ?>
|
|
wc_countries = <?php $countries = ( new WC_Countries )->get_allowed_countries(); foreach ( $countries as $key => $county ) { $results[] = [ "text" => $county, "value" => $key ]; }; echo json_encode( $results ); ?>;
|
|
wc_states = <?php echo json_encode( array_merge( WC()->countries->get_allowed_country_states(), WC()->countries->get_shipping_country_states() ) ); ?>;
|
|
wc_address_i18n_params = <?php echo json_encode( WC()->countries->get_country_locale() ); ?>;
|
|
stripe = Stripe('<?php echo ( new WC_Gateway_Stripe )->publishable_key; ?>');
|
|
<?php } else { ?>
|
|
wc_countries = []
|
|
wc_states = []
|
|
stripe = ""
|
|
<?php } ?>
|
|
(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/<?= ( new CaptainCore\Configurations )->get()->intercom_embed_id; ?>';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
|
|
ajaxurl = "/wp-admin/admin-ajax.php"
|
|
Vue.component('file-upload', VueUploadComponent)
|
|
new Vue({
|
|
el: '#app',
|
|
vuetify: new Vuetify({
|
|
theme: {
|
|
themes: {
|
|
light: <?php echo json_encode( ( new CaptainCore\Configurations )->colors() ); ?>,
|
|
},
|
|
},
|
|
}),
|
|
data: {
|
|
colors: {
|
|
primary: false,
|
|
secondary: false,
|
|
accent: false,
|
|
error: false,
|
|
info: false,
|
|
success: false,
|
|
warning: false,
|
|
},
|
|
files: {
|
|
html: 'mdi-language-html5',
|
|
js: 'mdi-nodejs',
|
|
json: 'mdi-code-json',
|
|
md: 'mdi-language-markdown',
|
|
pdf: 'mdi-file-pdf',
|
|
png: 'mdi-file-image',
|
|
txt: 'mdi-file-document-outline',
|
|
xls: 'mdi-file-excel',
|
|
jpg: 'mdi-file-image',
|
|
gif: 'mdi-file-image',
|
|
php: 'mdi-file-code',
|
|
},
|
|
configurations: <?php echo json_encode( ( new CaptainCore\Configurations )->get() ); ?>,
|
|
configurations_step: 0,
|
|
configurations_loading: true,
|
|
notifications: false,
|
|
provider_actions: [],
|
|
hosting_intervals: [{ text: 'Yearly', value: '12' },{ text: 'Monthly', value: '1' },{ text: 'Quarterly', value: '3' },{ text: 'Biannual', value: '6' }],
|
|
footer_height: "28px",
|
|
login: { user_login: "", user_password: "", errors: "", info: "", loading: false, lost_password: false, message: "", tfa_code: "" },
|
|
wp_nonce: "",
|
|
wp_nonce_retry: false,
|
|
footer: <?php echo captaincore_footer_content_extracted(); ?>,
|
|
drawer: null,
|
|
billing_loading: true,
|
|
billing_tabs: 1,
|
|
home_link: "<?php echo home_url(); ?>",
|
|
remote_upload_uri: "<?php echo get_option( 'options_remote_upload_uri' ); ?>",
|
|
loading_page: true,
|
|
expanded: [],
|
|
accounts: [],
|
|
account_tab: null,
|
|
provider_actions: [],
|
|
modules: { billing: true, dns: <?php if ( defined( "CONSTELLIX_API_KEY" ) and defined( "CONSTELLIX_SECRET_KEY" ) ) { echo "true"; } else { echo "false"; } ?> },
|
|
dialog_bulk: { show: false, tabs_management: "tab-Sites", environment_selected: "Production" },
|
|
dialog_job: { show: false, task: {} },
|
|
dialog_breakdown: false,
|
|
dialog_captures: { site: {}, auth: { username: "", password: ""}, pages: [{ page: ""}], capture: { pages: [] }, image_path:"", selected_page: "", captures: [], mode: "screenshot", loading: true, show: false, show_configure: false },
|
|
dialog_delete_user: { show: false, site: {}, users: [], username: "", reassign: {} },
|
|
dialog_apply_https_urls: { show: false, site_id: "", site_name: "", sites: [] },
|
|
dialog_copy_site: { show: false, site: {}, options: [], destination: "" },
|
|
dialog_edit_site: { show: false, show_vars: false, loading: false, site: {
|
|
environments: [
|
|
{"environment": "Production", "site": "", "address": "","username":"","password":"","protocol":"sftp","port":"2222","home_directory":"","monitor_enabled":"1","updates_enabled":"1","offload_enabled": false,"offload_provider":"","offload_access_key":"","offload_secret_key":"","offload_bucket":"","offload_path":"" },
|
|
{"environment": "Staging", "site": "", "address": "","username":"","password":"","protocol":"sftp","port":"2222","home_directory":"","monitor_enabled":"0","updates_enabled":"1","offload_enabled": false,"offload_provider":"","offload_access_key":"","offload_secret_key":"","offload_bucket":"","offload_path":"" }
|
|
],
|
|
},
|
|
},
|
|
dialog_new_domain: { show: false, domain: { name: "", account_id: "" }, loading: false, errors: [] },
|
|
dialog_new_provider: { show: false, provider: { name: "", provider: "", credentials: [ { "name": "", "value": "" } ] }, loading: false, errors: [] },
|
|
dialog_edit_provider: { show: false, provider: { name: "", provider: "", credentials: [ { "name": "", "value": "" } ] }, loading: false, errors: [] },
|
|
dialog_configure_defaults: { show: false, loading: false },
|
|
dialog_domain: { show: false, account: {}, accounts: [], updating_contacts: false, updating_nameservers: false, auth_code: "", fetch_auth_code: false, update_privacy: false, update_lock: false, provider: { contacts: {} }, contact_tabs: "", tabs: "", show_import: false, import_json: "", domain: {}, records: [], nameservers: [], results: [], errors: [], loading: true, saving: false, step: 1 },
|
|
dialog_backup_snapshot: { show: false, site: {}, email: "<?php echo $user->email; ?>", current_user_email: "<?php echo $user->email; ?>", filter_toggle: true, filter_options: [] },
|
|
dialog_backup_configurations: { show: false, settings: { mode: "", interval: "", active: true } },
|
|
dialog_file_diff: { show: false, response: "", loading: false, file_name: "" },
|
|
dialog_launch: { show: false, site: {}, domain: "" },
|
|
dialog_toggle: { show: false, site_name: "", site_id: "" },
|
|
dialog_mailgun: { show: false, site: {}, response: { items: [], pagination: [] }, loading: false, pagination: {} },
|
|
dialog_migration: { show: false, sites: [], site_name: "", site_id: "", update_urls: true, backup_url: "" },
|
|
dialog_modify_plan: { show: false, site: {}, date_selector: false, hosting_plans: [], selected_plan: "", plan: { limits: {}, addons: [], charges: [], credits: [], next_renewal: "" }, customer_name: "", interval: "12" },
|
|
dialog_customer_modify_plan: { show: false, hosting_plans: [], selected_plan: "", subscription: { plan: { limits: {}, addons: [], next_renewal: "" } } },
|
|
dialog_theme_and_plugin_checks: { show: false, site: {}, loading: false },
|
|
dialog_update_settings: { show: false, environment: {}, themes: [], plugins: [], loading: false },
|
|
dialog_fathom: { show: false, site: {}, environment: {}, loading: false, editItem: false, editedItem: {}, editedIndex: -1 },
|
|
dialog_mailgun_config: { show: false, loading: false },
|
|
dialog_account: { show: false, records: { account: { defaults: { recipes: [] } } }, new_invite: false, new_invite_email: "", step: 1 },
|
|
dialog_invoice: { show: false, loading: false, paying: false, customer: false, response: "", payment_method: "", card: {}, error: "" },
|
|
dialog_new_account: { show: false, name: "", records: {} },
|
|
dialog_user: { show: false, user: {}, errors: [] },
|
|
dialog_new_user: { first_name: "", last_name: "", email: "", login: "", account_ids: [], errors: [] },
|
|
dialog_new_site_kinsta: { show: false, working: false, verifing: true, connection_verified: false, kinsta_token: "", site: { name: "", domain: "", datacenter: "", shared_with: [], account_id: "", customer_id: "" } },
|
|
dialog_new_site_rocketdotnet: { show: false, site: { name: "", domain: "", datacenter: "", shared_with: [], account_id: "", customer_id: "" } },
|
|
dialog_request_site: { show: false, request: { name: "", account_id: "", notes: "" } },
|
|
provider_options: [
|
|
{
|
|
"text": "Analytics - Fathom",
|
|
"value": "fathom"
|
|
},
|
|
{
|
|
"text": "DNS - Constellix",
|
|
"value": "constellix"
|
|
},
|
|
{
|
|
"text": "Domain - Hover.com",
|
|
"value": "hoverdotcom"
|
|
},
|
|
{
|
|
"text": "Email - Mailgun",
|
|
"value": "mailgun"
|
|
},
|
|
{
|
|
"text": "Hosting - Kinsta",
|
|
"value": "kinsta",
|
|
"fields": [ { name: "Token", value: "token" } ]
|
|
},
|
|
{
|
|
"text": "Hosting - Rocket.net",
|
|
"value": "rocketdotnet"
|
|
},
|
|
{
|
|
"text": "Hosting - WP Engine",
|
|
"value": "wpengine",
|
|
"fields": [ "authorization_basic" ]
|
|
},
|
|
{
|
|
"text": "Live chat - Intercom",
|
|
"value": "intercom",
|
|
"fields": [ "embed_id", "secret_key" ]
|
|
},
|
|
{
|
|
"text": "Marketplace - Envato",
|
|
"value": "envato",
|
|
"fields": [ "token" ]
|
|
},
|
|
],
|
|
datacenters: [
|
|
{
|
|
"text": "Taiwan (TW)",
|
|
"value": "asia-east1"
|
|
},
|
|
{
|
|
"text": "Hong Kong (HK)",
|
|
"value": "asia-east2"
|
|
},
|
|
{
|
|
"text": "Tokyo (JP)",
|
|
"value": "asia-northeast1"
|
|
},
|
|
{
|
|
"text": "Osaka (JP)",
|
|
"value": "asia-northeast2"
|
|
},
|
|
{
|
|
"text": "Seoul (KR)",
|
|
"value": "asia-northeast3"
|
|
},
|
|
{
|
|
"text": "Mumbai (IN)",
|
|
"value": "asia-south1"
|
|
},
|
|
{
|
|
"text": "Delhi (IN)",
|
|
"value": "asia-south2"
|
|
},
|
|
{
|
|
"text": "Singapore (SG)",
|
|
"value": "asia-southeast1"
|
|
},
|
|
{
|
|
"text": "Jakarta (ID)",
|
|
"value": "asia-southeast2"
|
|
},
|
|
{
|
|
"text": "Sydney (AU)",
|
|
"value": "australia-southeast1"
|
|
},
|
|
{
|
|
"text": "Melbourne (AU)",
|
|
"value": "australia-southeast2"
|
|
},
|
|
{
|
|
"text": "Warsaw (PL)",
|
|
"value": "europe-central2"
|
|
},
|
|
{
|
|
"text": "Finland (FI)",
|
|
"value": "europe-north1"
|
|
},
|
|
{
|
|
"text": "Madrid (ES)",
|
|
"value": "europe-southwest1"
|
|
},
|
|
{
|
|
"text": "Belgium (BE)",
|
|
"value": "europe-west1"
|
|
},
|
|
{
|
|
"text": "London (UK)",
|
|
"value": "europe-west2"
|
|
},
|
|
{
|
|
"text": "Frankfurt (DE)",
|
|
"value": "europe-west3"
|
|
},
|
|
{
|
|
"text": "Eemshaven (NL)",
|
|
"value": "europe-west4"
|
|
},
|
|
{
|
|
"text": "Zürich (CH)",
|
|
"value": "europe-west6"
|
|
},
|
|
{
|
|
"text": "Milan (IT)",
|
|
"value": "europe-west8"
|
|
},
|
|
{
|
|
"text": "Paris (FR)",
|
|
"value": "europe-west9"
|
|
},
|
|
{
|
|
"text": "Tel Aviv (IS)",
|
|
"value": "me-west1"
|
|
},
|
|
{
|
|
"text": "Montreal (CA)",
|
|
"value": "northamerica-northeast1"
|
|
},
|
|
{
|
|
"text": "Toronto (CA)",
|
|
"value": "northamerica-northeast2"
|
|
},
|
|
{
|
|
"text": "São Paulo (BR)",
|
|
"value": "southamerica-east1"
|
|
},
|
|
{
|
|
"text": "Santiago (CL)",
|
|
"value": "southamerica-west1"
|
|
},
|
|
{
|
|
"text": "Iowa (US Central)",
|
|
"value": "us-central1"
|
|
},
|
|
{
|
|
"text": "South Carolina (US East 1)",
|
|
"value": "us-east1"
|
|
},
|
|
{
|
|
"text": "Northern Virginia (US East 4)",
|
|
"value": "us-east4"
|
|
},
|
|
{
|
|
"text": "Columbus (US East 5)",
|
|
"value": "us-east5"
|
|
},
|
|
{
|
|
"text": "Dallas US (us-south1)",
|
|
"value": "us-south1"
|
|
},
|
|
{
|
|
"text": "Oregon (US West)",
|
|
"value": "us-west1"
|
|
},
|
|
{
|
|
"text": "Los Angeles (US West 2)",
|
|
"value": "us-west2"
|
|
},
|
|
{
|
|
"text": "Salt Lake City (US West 3)",
|
|
"value": "us-west3"
|
|
},
|
|
{
|
|
"text": "Las Vegas (US West 4)",
|
|
"value": "us-west4"
|
|
}
|
|
],
|
|
requested_sites: <?php echo json_encode( ( new CaptainCore\User )->fetch_requested_sites() ); ?>,
|
|
new_invite: { account: {}, records: {} },
|
|
new_account: { password: "" },
|
|
timeline_logs: [],
|
|
route_path: "",
|
|
route: "",
|
|
routes: {
|
|
'/': '',
|
|
'/accounts': 'accounts',
|
|
'/billing': 'billing',
|
|
'/cookbook': 'cookbook',
|
|
'/configurations': 'configurations',
|
|
'/connect': 'connect',
|
|
'/defaults': 'defaults',
|
|
'/domains': 'domains',
|
|
'/handbook': 'handbook',
|
|
'/health': 'health',
|
|
'/keys': 'keys',
|
|
'/login': 'login',
|
|
'/profile' : 'profile',
|
|
'/sites': 'sites',
|
|
'/subscriptions': 'subscriptions',
|
|
'/users': 'users',
|
|
},
|
|
selected_nav: "",
|
|
querystring: window.location.search,
|
|
page: 1,
|
|
socket: "<?php echo captaincore_fetch_socket_address() . "/ws"; ?>",
|
|
timezones: <?php echo json_encode( timezone_identifiers_list() ); ?>,
|
|
jobs: [],
|
|
keys: [],
|
|
defaults: [],
|
|
custom_script: "",
|
|
recipes: [],
|
|
processes: [],
|
|
billing: { valid: true, rules: {}, payment_methods: [], address: { last_name: "", email: "", city: "", line1: "", line2: "", postal_code: "", state: "" } },
|
|
subscriptions: [],
|
|
new_payment: { card: {}, show: false, error: "" },
|
|
current_user_email: "<?php echo $user->email; ?>",
|
|
current_user_login: "<?php echo $user->login; ?>",
|
|
current_user_registered: "<?php echo $user->registered; ?>",
|
|
current_user_hash: "<?php echo $user->hash; ?>",
|
|
current_user_display_name: "<?php echo $user->display_name; ?>",
|
|
profile: { first_name: "<?php echo $user->first_name; ?>", last_name: "<?php echo $user->last_name; ?>", email: "<?php echo $user->email; ?>", login: "<?php echo $user->login; ?>", display_name: "<?php echo $user->display_name; ?>", new_password: "", errors: [], tfa_activate: false, tfa_enabled: <?php echo $user->tfa_enabled; ?>, tfa_uri: "", tfa_token: "" },
|
|
stats: { from_at: "<?php echo date("Y-m-d", strtotime( date("Y-m-d" ). " -12 months" ) ); ?>", to_at: "<?php echo date("Y-m-d" ); ?>", from_at_select: false, to_at_select: false, grouping: "Month" },
|
|
role: "<?php echo $user->role; ?>",
|
|
dialog_processes: { show: false, processes: [], conn: {}, stream: [], loading: true },
|
|
dialog_new_log_entry: { show: false, sites: [], site_name: "", process: "", description: "" },
|
|
dialog_edit_log_entry: { show: false, site_name: "", log: {} },
|
|
dialog_log_history: { show: false, logs: [], pagination: {} },
|
|
dialog_handbook: { show: false, process: {} },
|
|
dialog_key: { show: false, key: {} },
|
|
new_process: { show: false, name: "", time_estimate: "", repeat_interval: "as-needed", repeat_quantity: "", roles: "", description: "" },
|
|
dialog_edit_process: { show: false, process: {} },
|
|
process_roles: <?php echo ( ! empty( get_option('captaincore_process_roles') ) ? get_option('captaincore_process_roles') : "[]" ); ?>,
|
|
shared_with: [],
|
|
new_key: { show: false, title: "", key: "" },
|
|
new_key_user: { show: false, title: "", key: "" },
|
|
dialog_new_site: {
|
|
provider: "kinsta",
|
|
show: false,
|
|
show_vars: false,
|
|
environment_vars: [],
|
|
saving: false,
|
|
key: "",
|
|
site: "",
|
|
domain: "",
|
|
errors: [],
|
|
shared_with: [],
|
|
account_id: "",
|
|
customer_id: "",
|
|
environments: [
|
|
{"environment": "Production", "site": "", "address": "","username":"","password":"","protocol":"sftp","port":"2222","home_directory":"",monitor_enabled: "1",updates_enabled: "1","offload_enabled": false,"offload_provider":"","offload_access_key":"","offload_secret_key":"","offload_bucket":"","offload_path":"" },
|
|
{"environment": "Staging", "site": "", "address": "","username":"","password":"","protocol":"sftp","port":"2222","home_directory":"",monitor_enabled: "0",updates_enabled: "1","offload_enabled": false,"offload_provider":"","offload_access_key":"","offload_secret_key":"","offload_bucket":"","offload_path":"" }
|
|
],
|
|
},
|
|
header_timeline: [
|
|
{"text":"","value":"name","sortable":false,"width":"56"},
|
|
{"text":"Description","value":"name","sortable":false},
|
|
{"text":"Person","value":"done-by","sortable":false,"width":"180"},
|
|
{"text":"Date","value":"date","sortable":false,"width":"220"},
|
|
{"text":"","value":"","sortable":false,"width":"50"},
|
|
],
|
|
domains: [],
|
|
domains_loading: true,
|
|
sites_loading: true,
|
|
domain_search: "",
|
|
quicksave_search: "",
|
|
quicksave_search_results: { loading: false, search: "", search_type: "", search_field: "", items: [] },
|
|
quicksave_search_type: "plugin",
|
|
quicksave_search_field: "name",
|
|
account_search: "",
|
|
subscription_search: "",
|
|
revenue_estimated: [],
|
|
new_recipe: { show: false, title: "", content: "", public: 1 },
|
|
dialog_cookbook: { show: false, recipe: {}, content: "" },
|
|
dialog_billing: { step: 1 },
|
|
dialog_site: { loading: true, step: 1, backup_step: 1, environment_selected: { environment_id: "0", quicksave_panel: [], plugins:[], themes: [], core: "", screenshots: [], users_selected: [], users: "Loading", address: "", capture_pages: [], environment: "Production", environment_label: "Production Environment", stats: "Loading", plugins_selected: [], themes_selected: [], loading_plugins: false, loading_themes: false }, site: { name: "", site: "", screenshots: {}, timeline: [], environments: [], users: [], timeline: [], update_log: [], tabs: "tab-Site-Management", tabs_management: "tab-Info", account: { plan: "Loading" } } },
|
|
dialog_site_request: { show: false, request: {} },
|
|
dialog_edit_account: { show: false, account: {} },
|
|
roles: [{ name: "Subscriber", value: "subscriber" },{ name: "Contributor", value: "contributor" },{ name: "Author", value: "author" },{ name: "Editor", value: "editor" },{ name: "Administrator", value: "administrator" }],
|
|
new_plugin: { show: false, sites: [], site_name: "", environment_selected: "", loading: false, tabs: null, page: 1, search: "", api: {}, envato: { items: [], search: "" } },
|
|
new_theme: { show: false, sites: [], site_name: "", environment_selected: "", loading: false, tabs: null, page: 1, search: "", api: {}, envato: { items: [], search: "" } },
|
|
bulk_edit: { show: false, site_id: null, type: null, items: [] },
|
|
upload: [],
|
|
selected_site: {},
|
|
console: 0,
|
|
view_console: { show: false, open: false },
|
|
view_timeline: false,
|
|
search: null,
|
|
users_search: "",
|
|
advanced_filter: false,
|
|
sites_selected: [],
|
|
sites_filtered: [],
|
|
site_selected: null,
|
|
site_filters: <?php echo json_encode( ( new CaptainCore\Environments )->filters() ); ?>,
|
|
site_filter_version: null,
|
|
site_filter_status: null,
|
|
sort_direction: "asc",
|
|
toggle_site: true,
|
|
toggle_plan: true,
|
|
toggle_site_sort: null,
|
|
toggle_site_counter: { key: "", count: 0 },
|
|
countries: wc_countries,
|
|
states: wc_states,
|
|
states_selected: [],
|
|
sites: [],
|
|
providers: [],
|
|
users: [],
|
|
user_search: "",
|
|
header_themes: [
|
|
{ text: 'Name', value: 'title' },
|
|
{ text: 'Slug', value: 'name' },
|
|
{ text: 'Version', value: 'version' },
|
|
{ text: 'Status', value: 'status', width: "100px" },
|
|
{ text: 'Actions', value: 'actions', width: "90px", sortable: false }
|
|
],
|
|
header_plugins: [
|
|
{ text: 'Name', value: 'title' },
|
|
{ text: 'Slug', value: 'name' },
|
|
{ text: 'Version', value: 'version' },
|
|
{ text: 'Status', value: 'status', width: "100px" },
|
|
{ text: 'Actions', value: 'actions', width: "90px", sortable: false }
|
|
],
|
|
header_updatelog: [
|
|
{ text: 'Date', value: 'date' },
|
|
{ text: 'Type', value: 'type' },
|
|
{ text: 'Name', value: 'name' },
|
|
{ text: 'Old Version', value: 'old_version' },
|
|
{ text: 'New Version', value: 'new_version' },
|
|
{ text: 'Status', value: 'status' }
|
|
],
|
|
header_users: [
|
|
{ text: 'Login', value: 'user_login' },
|
|
{ text: 'Display Name', value: 'display_name' },
|
|
{ text: 'Email', value: 'user_email' },
|
|
{ text: 'Role(s)', value: 'roles' },
|
|
{ text: 'Actions', value: 'actions', sortable: false }
|
|
],
|
|
applied_site_filter: [],
|
|
applied_site_filter_logic: [],
|
|
applied_site_filter_version: [],
|
|
applied_site_filter_status: [],
|
|
select_bulk_action: null,
|
|
bulk_actions: [
|
|
{ header: "Script" },
|
|
{ name: "Migrate", value: "migrate", arguments: [
|
|
{ name: "Url", value: "url" },
|
|
{ name: "Skip url override", value: "skip-url-override" }
|
|
]},
|
|
{ name: "Apply SSL", value: "applyssl" },
|
|
{ name: "Apply SSL with www", value: "applysslwithwww" },
|
|
{ name: "Launch", value: "launch" },
|
|
{ header: "Command" },
|
|
{ name: "Backup", value: "backup" },
|
|
{ name: "SSH", value: "ssh", arguments: [
|
|
{ name: "Commands", value: "command" },
|
|
{ name: "Script", value: "script" }
|
|
]},
|
|
{ name: "Sync", value: "sync" },
|
|
{ name: "Activate", value: "activate" },
|
|
{ name: "Deactivate", value: "deactivate" },
|
|
{ name: "Snapshot", value: "snapshot" },
|
|
{ name: "Remove", value: "remove" }
|
|
],
|
|
select_bulk_action_arguments: null,
|
|
snackbar: { show: false, message: "" }
|
|
},
|
|
watch: {
|
|
route() {
|
|
this.triggerRoute()
|
|
},
|
|
route_path() {
|
|
this.triggerPath()
|
|
},
|
|
runningJobs() {
|
|
this.view_console.show = true
|
|
},
|
|
},
|
|
filters: {
|
|
intervalLabel: function( interval ) {
|
|
units = []
|
|
units[1] = "monthly"
|
|
units[3] = "quarterly"
|
|
units[6] = "biannually"
|
|
units[12] = "yearly"
|
|
return units[ interval ]
|
|
},
|
|
safeUrl: function( url ) {
|
|
return url.replaceAll( '#', '%23' )
|
|
},
|
|
timeago: function( timestamp ){
|
|
return moment.utc( timestamp, "YYYY-MM-DD hh:mm:ss").fromNow();
|
|
},
|
|
formatTime: function ( value ) {
|
|
var sec_num = parseInt(value, 10); // don't forget the second param
|
|
var hours = Math.floor(sec_num / 3600);
|
|
var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
|
|
var seconds = sec_num - (hours * 3600) - (minutes * 60);
|
|
|
|
if (hours < 10) {hours = "0"+hours;}
|
|
if (minutes < 10) {minutes = "0"+minutes;}
|
|
if (seconds < 10) {seconds = "0"+seconds;}
|
|
return minutes + ':' + seconds;
|
|
},
|
|
formatProvider: function (value) {
|
|
if (value == 'wpengine') {
|
|
return "WP Engine"
|
|
}
|
|
if (value == 'kinsta') {
|
|
return "Kinsta"
|
|
}
|
|
if (value == 'rocketdotnet') {
|
|
return "Rocket.net"
|
|
}
|
|
},
|
|
formatSize: function (fileSizeInBytes) {
|
|
var i = -1;
|
|
var byteUnits = [' kB', ' MB', ' GB', ' TB', 'PB', 'EB', 'ZB', 'YB'];
|
|
do {
|
|
fileSizeInBytes = fileSizeInBytes / 1024;
|
|
i++;
|
|
} while (fileSizeInBytes > 1024);
|
|
return Math.max(fileSizeInBytes, 0.1).toFixed(1) + byteUnits[i];
|
|
},
|
|
formatGBs: function (fileSizeInBytes) {
|
|
fileSizeInBytes = fileSizeInBytes / 1024 / 1024 / 1024;
|
|
return Math.max(fileSizeInBytes, 0.1).toFixed(2);
|
|
},
|
|
formatLargeNumbers: function (number) {
|
|
if ( isNaN(number) || number == null ) {
|
|
return null;
|
|
} else {
|
|
return number.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
|
|
}
|
|
},
|
|
formatk: function (num) {
|
|
if (num < 9999 ) {
|
|
return numeral(num).format('0,0');
|
|
}
|
|
if (num < 99999 ) {
|
|
return numeral(num).format('0.0a');
|
|
}
|
|
if (num < 999999 ) {
|
|
return numeral(num).format('0a');
|
|
}
|
|
return numeral(num).format('0.00a');
|
|
},
|
|
formatPercentage: function (percentage) {
|
|
return Math.max(percentage, 0.1).toFixed(0);
|
|
},
|
|
formatPercentageFixed: function (percentage) {
|
|
return (Math.max(percentage, 0.1) * 100 ).toFixed(2) + '%';
|
|
},
|
|
account_storage_percentage: function ( account ) {
|
|
percentage = ( account.plan.usage.storage / ( account.plan.limits.storage * 1024 * 1024 * 1024 ) ) * 100
|
|
percentage_formatted = Math.max(percentage, 0.1).toFixed(0)
|
|
results = `<small>${percentage_formatted}</small>`
|
|
if ( percentage >= 100 ) {
|
|
results = `<i aria-hidden="true" class="v-icon notranslate mdi mdi-check"></i>`
|
|
}
|
|
return results
|
|
},
|
|
account_visits_percentage: function ( account ) {
|
|
percentage = ( account.plan.usage.visits / account.plan.limits.visits ) * 100
|
|
percentage_formatted = Math.max(percentage, 0.1).toFixed(0)
|
|
results = `<small>${percentage_formatted}</small>`
|
|
if ( percentage >= 100 ) {
|
|
results = `<i aria-hidden="true" class="v-icon notranslate mdi mdi-check"></i>`
|
|
}
|
|
return results
|
|
},
|
|
account_site_percentage: function ( account ) {
|
|
percentage = account.plan.usage.sites / account.plan.limits.sites * 100
|
|
percentage_formatted = Math.max(percentage, 0.1).toFixed(0)
|
|
results = `<small>${percentage_formatted}</small>`
|
|
if ( percentage >= 100 ) {
|
|
results = `<i aria-hidden="true" class="v-icon notranslate mdi mdi-check"></i>`
|
|
}
|
|
return results
|
|
},
|
|
pretty_timestamp: function (date) {
|
|
// takes in '2018-06-18 19:44:47' then returns "Monday, Jun 18, 2018, 7:44 PM"
|
|
formatted_date = new Date(date).toLocaleTimeString("en-us", pretty_timestamp_options);
|
|
return formatted_date;
|
|
},
|
|
pretty_timestamp_short: function (date) {
|
|
// takes in '2018-06-18 19:44:47' then returns "Monday, Jun 18, 2018, 7:44 PM"
|
|
formatted_date = new Date(date).toLocaleDateString("en-us", {
|
|
year: "numeric", month: "long", day: "numeric"
|
|
})
|
|
return formatted_date
|
|
},
|
|
pretty_timestamp_epoch: function (date) {
|
|
// takes in '1577584719' then returns "Monday, Jun 18, 2018, 7:44 PM"
|
|
d = new Date(0);
|
|
d.setUTCSeconds(date);
|
|
formatted_date = d.toLocaleTimeString("en-us", pretty_timestamp_options);
|
|
return formatted_date;
|
|
}
|
|
},
|
|
mounted() {
|
|
axios.interceptors.response.use(
|
|
response => response,
|
|
error => {
|
|
const { config, response: { status }} = error;
|
|
const originalRequest = config;
|
|
if (error.response.status === 403 && error.response.data.code == "rest_cookie_invalid_nonce" ) {
|
|
if ( this.wp_nonce_retry ) {
|
|
this.goToPath( window.location.origin + this.configurations.path + 'login' )
|
|
this.wp_nonce_retry = false
|
|
return
|
|
}
|
|
// Attempt to retrieve a valid token
|
|
return axios.get( '/' ).then(response => {
|
|
html = response.data
|
|
const regex = /var wpApiSettings.+"nonce":"(.+)"/
|
|
const found = html.match(regex);
|
|
if ( typeof found[1] !== 'undefined' ) {
|
|
this.wp_nonce_retry = true
|
|
this.wp_nonce = found[1]
|
|
originalRequest.headers["X-WP-Nonce"] = found[1]
|
|
return axios(originalRequest);
|
|
}
|
|
})
|
|
return Promise.reject(error);
|
|
}
|
|
});
|
|
window.addEventListener('popstate', () => {
|
|
path = window.location.pathname.replace( this.configurations.path, "/" )
|
|
this.updateRoute( path )
|
|
})
|
|
if ( typeof wpApiSettings == "undefined" ) {
|
|
window.history.pushState( {}, 'login', window.location.origin + this.configurations.path + 'login' )
|
|
this.route = "login"
|
|
return
|
|
} else {
|
|
this.wp_nonce = wpApiSettings.nonce
|
|
}
|
|
if ( this.socket == "/ws" ) {
|
|
console.log("Socket not defined")
|
|
window.history.pushState( {}, 'connect', "/connect" )
|
|
this.route = "connect"
|
|
return
|
|
}
|
|
this.checkRequestedSites()
|
|
this.fetchAccounts()
|
|
this.fetchRecipes()
|
|
if ( this.role == 'administrator' ) {
|
|
this.fetchProcesses()
|
|
this.fetchProviderActions()
|
|
}
|
|
path = window.location.pathname.replace( this.configurations.path, "/" )
|
|
this.updateRoute( path )
|
|
|
|
if ( this.route == "" ) {
|
|
this.triggerRoute()
|
|
}
|
|
|
|
// Start chat if logged in
|
|
if ( this.role != 'administrator' && this.configurations.intercom_embed_id != "" && this.current_user_email != "" && this.current_user_login != "" && this.current_user_registered != "" ) {
|
|
window.Intercom("boot", {
|
|
app_id: this.configurations.intercom_embed_id,
|
|
name: this.current_user_display_name,
|
|
email: this.current_user_email,
|
|
created_at: this.current_user_registered,
|
|
user_hash: this.current_user_hash
|
|
});
|
|
}
|
|
},
|
|
computed: {
|
|
unassignedSiteCount() {
|
|
let count = 0
|
|
this.sites.forEach( s => {
|
|
if ( s.account_id == "" || s.account_id == "0" ) {
|
|
count++
|
|
}
|
|
})
|
|
return count
|
|
},
|
|
filteredEnvatoThemes() {
|
|
let themes = this.new_theme.envato.items
|
|
if ( this.new_theme.envato.search != "" ) {
|
|
themes = themes.filter( theme => {
|
|
return theme.name.toLowerCase().includes( this.new_theme.envato.search.toLowerCase() )
|
|
})
|
|
}
|
|
return themes
|
|
},
|
|
filteredEnvatoPlugins() {
|
|
let plugins = this.new_plugin.envato.items
|
|
if ( this.new_plugin.envato.search != "" ) {
|
|
plugins = plugins.filter( plugin => {
|
|
return plugin.name.toLowerCase().includes( this.new_plugin.envato.search.toLowerCase() )
|
|
})
|
|
}
|
|
return plugins
|
|
},
|
|
keySelections() {
|
|
keys = JSON.parse ( JSON.stringify ( this.keys ) )
|
|
keys.push( { key_id: "use_password", title: "Use SFTP Password" } )
|
|
return keys
|
|
},
|
|
gravatar() {
|
|
return 'https://www.gravatar.com/avatar/' + md5( this.current_user_email.trim().toLowerCase() ) + '?s=80&d=mp'
|
|
},
|
|
fetchInvite() {
|
|
var urlParams = new URLSearchParams( this.querystring )
|
|
var invite = { account: urlParams.get('account'), token: urlParams.get('token') }
|
|
return invite
|
|
},
|
|
selected_default_recipes() {
|
|
if ( typeof this.dialog_account.records.account.defaults.recipes == 'undefined' ) {
|
|
return "";
|
|
} else {
|
|
return this.dialog_account.records.account.defaults.recipes;
|
|
}
|
|
},
|
|
dialogCapturesPagesText() {
|
|
if ( typeof this.dialog_captures.capture.pages == 'undefined' ) {
|
|
return ""
|
|
}
|
|
if ( this.dialog_captures.capture.pages.length == 1 ) {
|
|
return "Page"
|
|
} else {
|
|
return "Pages"
|
|
}
|
|
},
|
|
billingAddress() {
|
|
billing_address = this.billing.address.address_1 + "<br />"
|
|
if ( this.billing.address.address_2 != "" ) {
|
|
billing_address += `${this.billing.address.address_2}<br />`
|
|
}
|
|
billing_address += `${this.billing.address.city}, ${ this.billing.address.state } ${ this.billing.address.postcode }<br />`
|
|
if ( this.billing.address.country != "" ) {
|
|
countries = this.countries.filter( c => c.value == this.billing.address.country )
|
|
billing_address += countries.map( c => c.text ).join(" ")
|
|
}
|
|
|
|
return billing_address
|
|
},
|
|
filterSitesWithErrors() {
|
|
return this.sites.filter( s => s.console_errors != "" )
|
|
},
|
|
filterSitesWithConnectionErrors() {
|
|
return this.sites.filter( s => s.connection_errors != "" )
|
|
},
|
|
filterCount() {
|
|
return this.applied_site_filter.length + this.applied_site_filter_version.length + this.applied_site_filter_status.length
|
|
},
|
|
runningJobs() {
|
|
return this.jobs.filter(job => job.status != 'done' && job.status != 'error' ).length;
|
|
},
|
|
completedJobs() {
|
|
return this.jobs.filter(job => job.status == 'done' || job.status == 'error' ).length;
|
|
},
|
|
filteredRecipes() {
|
|
return this.recipes.filter( recipe => recipe.user_id != 'system' );
|
|
},
|
|
dnsRecords() {
|
|
count = 0;
|
|
this.dialog_domain.records.forEach( r => {
|
|
if ( r.update.record_status == 'new-record' ) {
|
|
return
|
|
}
|
|
if ( typeof r.value === 'string' ) {
|
|
count = count + 1;
|
|
}
|
|
if ( typeof r.value === 'object' ) {
|
|
count = count + r.value.length
|
|
}
|
|
})
|
|
return count;
|
|
},
|
|
allDomains() {
|
|
return Object.keys( this.domains ).length;
|
|
},
|
|
plan_usage_pricing_sites() {
|
|
extra_sites = parseInt( this.dialog_account.records.account.plan.usage.sites ) - parseInt( this.dialog_account.records.account.plan.limits.sites )
|
|
if ( extra_sites > 0 ) {
|
|
unit_price = this.configurations.usage_pricing.sites.cost
|
|
if ( this.configurations.usage_pricing.sites.interval != this.dialog_account.records.account.plan.interval ) {
|
|
unit_price = this.configurations.usage_pricing.sites.cost / this.configurations.usage_pricing.sites.interval
|
|
unit_price = unit_price * this.dialog_account.records.account.plan.interval
|
|
}
|
|
}
|
|
return unit_price
|
|
},
|
|
plan_usage_pricing_storage() {
|
|
extra_storage = ( parseInt( this.dialog_account.records.account.plan.usage.storage ) / 1024 / 1024 / 1024 ) - parseInt( this.dialog_account.records.account.plan.limits.storage )
|
|
if ( extra_storage > 0 ) {
|
|
unit_price = this.configurations.usage_pricing.storage.cost
|
|
if ( this.configurations.usage_pricing.storage.interval != this.dialog_account.records.account.plan.interval ) {
|
|
unit_price = this.configurations.usage_pricing.storage.cost / this.configurations.usage_pricing.storage.interval
|
|
unit_price = unit_price * this.dialog_account.records.account.plan.interval
|
|
}
|
|
}
|
|
return unit_price
|
|
},
|
|
plan_usage_pricing_visits() {
|
|
extra_visits = Math.ceil ( ( parseInt( this.dialog_account.records.account.plan.usage.visits ) - parseInt( this.dialog_account.records.account.plan.limits.visits ) ) / parseInt ( this.configurations.usage_pricing.traffic.quantity ) )
|
|
if ( extra_visits > 0 ) {
|
|
unit_price = this.configurations.usage_pricing.traffic.cost
|
|
if ( this.configurations.usage_pricing.traffic.interval != this.dialog_account.records.account.plan.interval ) {
|
|
unit_price = this.configurations.usage_pricing.traffic.cost / this.configurations.usage_pricing.traffic.interval
|
|
unit_price = unit_price * this.dialog_account.records.account.plan.interval
|
|
}
|
|
}
|
|
return parseInt( unit_price )
|
|
},
|
|
plan_usage_estimate() {
|
|
if ( typeof this.dialog_account.records.account.plan == 'object' ) {
|
|
extras = 0
|
|
addons = 0
|
|
credits = 0
|
|
charges = 0
|
|
this.dialog_account.records.account.plan.addons.forEach( item => {
|
|
if ( item.price != "" ) {
|
|
addons = addons + parseFloat( ( item.quantity * item.price ).toFixed(2) )
|
|
}
|
|
})
|
|
this.dialog_account.records.account.plan.credits.forEach( item => {
|
|
if ( item.price != "" ) {
|
|
credits = credits + parseFloat( ( item.quantity * item.price ).toFixed(2) )
|
|
}
|
|
})
|
|
this.dialog_account.records.account.plan.charges.forEach( item => {
|
|
if ( item.price != "" ) {
|
|
charges = charges + parseFloat( ( item.quantity * item.price ).toFixed(2) )
|
|
}
|
|
})
|
|
units = []
|
|
units[1] = "month"
|
|
units[3] = "quarter"
|
|
units[6] = "biannually"
|
|
units[12] = "year"
|
|
unit = units[ this.dialog_account.records.account.plan.interval ]
|
|
extra_sites = parseInt( this.dialog_account.records.account.plan.usage.sites ) - parseInt( this.dialog_account.records.account.plan.limits.sites )
|
|
extra_storage = Math.ceil ( ( ( parseInt( this.dialog_account.records.account.plan.usage.storage ) / 1024 / 1024 / 1024 ) - parseInt( this.dialog_account.records.account.plan.limits.storage ) ) / 10 )
|
|
extra_visits = Math.ceil ( ( parseInt( this.dialog_account.records.account.plan.usage.visits ) - parseInt( this.dialog_account.records.account.plan.limits.visits ) ) / parseInt ( this.configurations.usage_pricing.traffic.quantity ) )
|
|
if ( extra_sites > 0 ) {
|
|
unit_price = this.configurations.usage_pricing.sites.cost
|
|
if ( this.configurations.usage_pricing.sites.interval != this.dialog_account.records.account.plan.interval ) {
|
|
unit_price = this.configurations.usage_pricing.sites.cost / this.configurations.usage_pricing.sites.interval
|
|
unit_price = unit_price * this.dialog_account.records.account.plan.interval
|
|
}
|
|
extras = extras + ( extra_sites * unit_price )
|
|
}
|
|
if ( extra_storage > 0 ) {
|
|
unit_price = this.configurations.usage_pricing.storage.cost
|
|
if ( this.configurations.usage_pricing.storage.interval != this.dialog_account.records.account.plan.interval ) {
|
|
unit_price = this.configurations.usage_pricing.storage.cost / this.configurations.usage_pricing.storage.interval
|
|
unit_price = unit_price * this.dialog_account.records.account.plan.interval
|
|
}
|
|
extras = extras + ( extra_storage * unit_price )
|
|
}
|
|
if ( extra_visits > 0 ) {
|
|
unit_price = this.configurations.usage_pricing.traffic.cost
|
|
if ( this.configurations.usage_pricing.traffic.interval != this.dialog_account.records.account.plan.interval ) {
|
|
unit_price = this.configurations.usage_pricing.traffic.cost / this.configurations.usage_pricing.traffic.interval
|
|
unit_price = unit_price * this.dialog_account.records.account.plan.interval
|
|
}
|
|
extras = extras + ( extra_visits * unit_price )
|
|
}
|
|
total = ( parseFloat( addons ) + parseFloat( charges ) - parseFloat( credits )+ parseFloat( extras ) + parseFloat( this.dialog_account.records.account.plan.price ) ).toFixed(2)
|
|
if ( total < 0 ) {
|
|
total = 0;
|
|
}
|
|
return `$${total} <small>per ${unit}</small>`
|
|
}
|
|
return ""
|
|
}
|
|
},
|
|
methods: {
|
|
updateRoute( href ) {
|
|
// Remove trailing slash
|
|
if ( href.length > 1 && href.slice(-1) == "/" ) {
|
|
href = href.slice(0, -1)
|
|
}
|
|
// Catch all nested routes to their parent route.
|
|
if ( href.match(/\//g).length > 1 ) {
|
|
this.route_path = href.split('/').slice( 2 ).join( "/" )
|
|
href = href.split('/').slice( 0, 2 ).join( "/" )
|
|
} else {
|
|
this.route_path = ""
|
|
}
|
|
this.route = this.routes[ href ]
|
|
},
|
|
triggerRoute() {
|
|
if ( this.wp_nonce == "" ) {
|
|
window.history.pushState( {}, 'login', window.location.origin + this.configurations.path + 'login' )
|
|
this.route = "login"
|
|
this.loading_page = false;
|
|
return;
|
|
}
|
|
if ( this.route == "login" ) {
|
|
this.selected_nav = ""
|
|
this.loading_page = false;
|
|
}
|
|
if ( this.route == "connect" ) {
|
|
this.selected_nav = ""
|
|
this.loading_page = false;
|
|
}
|
|
if ( this.route == "domains" ) {
|
|
if ( this.allDomains == 0 ) {
|
|
this.loading_page = true;
|
|
}
|
|
this.selected_nav = 2
|
|
this.fetchDomains()
|
|
}
|
|
if ( this.route == "users" ) {
|
|
this.selected_nav = ""
|
|
this.fetchAllUsers();
|
|
}
|
|
if ( this.route == "cookbook" ) {
|
|
this.selected_nav = ""
|
|
this.loading_page = false;
|
|
}
|
|
if ( this.route == "handbook" ) {
|
|
this.selected_nav = ""
|
|
this.loading_page = false;
|
|
}
|
|
if ( this.route == "keys" ) {
|
|
this.selected_nav = ""
|
|
this.loading_page = false;
|
|
this.fetchKeys()
|
|
}
|
|
if ( this.route == "defaults" ) {
|
|
this.selected_nav = ""
|
|
this.loading_page = false;
|
|
this.fetchDefaults()
|
|
}
|
|
if ( this.route == "profile" ) {
|
|
this.selected_nav = ""
|
|
this.loading_page = false;
|
|
}
|
|
if ( this.route == "accounts" ) {
|
|
this.selected_nav = 3
|
|
this.loading_page = false;
|
|
}
|
|
if ( this.route == "billing" ) {
|
|
this.fetchBilling()
|
|
this.selected_nav = 4
|
|
this.loading_page = false;
|
|
}
|
|
if ( this.route == "subscriptions" ) {
|
|
this.fetchSubscriptions()
|
|
this.selected_nav = ""
|
|
this.loading_page = false;
|
|
}
|
|
if ( this.route == "configurations" ) {
|
|
this.fetchConfigurations()
|
|
this.fetchProviders()
|
|
this.loading_page = false
|
|
this.selected_nav = ""
|
|
}
|
|
if ( this.route == "sites" ) {
|
|
if ( this.sites.length == 0 ) {
|
|
this.loading_page = true;
|
|
}
|
|
this.selected_nav = 1
|
|
this.fetchSites()
|
|
}
|
|
if ( this.route == "health" ) {
|
|
if ( this.sites.length == 0 ) {
|
|
this.loading_page = true;
|
|
}
|
|
this.selected_nav = ""
|
|
this.fetchSites()
|
|
}
|
|
if ( this.fetchInvite.account ) {
|
|
this.fetchInviteInfo()
|
|
this.route = "invite"
|
|
this.loading_page = false;
|
|
return
|
|
}
|
|
if ( this.route == "" ) {
|
|
if ( this.sites.length == 0 ) {
|
|
this.loading_page = true;
|
|
}
|
|
this.route = "sites"
|
|
this.selected_nav = 0
|
|
}
|
|
},
|
|
triggerPath() {
|
|
if ( this.route_path == "" ) {
|
|
this.dialog_domain.step = 1
|
|
this.dialog_site.step = 1
|
|
this.dialog_account.step = 1
|
|
this.dialog_billing.step = 1
|
|
}
|
|
if ( this.route == "domains" && this.route_path != "" ) {
|
|
this.dialog_domain.step = 2
|
|
domain = this.domains.filter( d => d.domain_id == this.route_path )[0]
|
|
if ( domain ) {
|
|
this.modifyDNS( domain )
|
|
this.fetchDomain( domain )
|
|
}
|
|
}
|
|
if ( this.route == "billing" && this.route_path != "" ) {
|
|
this.dialog_billing.step = 2
|
|
this.showInvoice( this.route_path )
|
|
return
|
|
}
|
|
if ( this.route == "billing" ) {
|
|
this.dialog_billing.step = 1
|
|
}
|
|
if ( this.route == "sites" && this.route_path == "new" ) {
|
|
this.dialog_site.step = 3
|
|
return
|
|
}
|
|
if ( this.route == "sites" && this.route_path != "" ) {
|
|
this.dialog_site.step = 2
|
|
site = this.sites.filter( s => s.site_id == this.route_path )[0]
|
|
if ( site ) {
|
|
this.showSite( site )
|
|
}
|
|
}
|
|
if ( this.route == "accounts" && this.route_path != "" ) {
|
|
this.dialog_account.step = 2
|
|
account = this.accounts.filter( a => a.account_id == this.route_path )[0]
|
|
if ( account ) {
|
|
this.showAccount( account.account_id )
|
|
}
|
|
}
|
|
},
|
|
goToPath( href ) {
|
|
this.updateRoute( href )
|
|
path = this.configurations.path.endsWith('/') ? this.configurations.path.slice(0,-1) : this.configurations.path
|
|
window.history.pushState( {}, this.routes[ href ], window.location.origin + path + href )
|
|
},
|
|
resetPassword() {
|
|
this.login.loading = true
|
|
if ( ! this.$refs.reset.validate() ) {
|
|
this.login.loading = false
|
|
return
|
|
}
|
|
axios.post( '/wp-json/captaincore/v1/login/', {
|
|
'command': "reset",
|
|
'login': this.login
|
|
})
|
|
.then( response => {
|
|
this.login.message = "A password reset email is on it's way."
|
|
this.login.loading = false
|
|
})
|
|
.catch(error => {
|
|
console.log(error);
|
|
});
|
|
},
|
|
signIn() {
|
|
this.login.loading = true
|
|
if ( ! this.$refs.login.validate() ) {
|
|
this.login.loading = false
|
|
return
|
|
}
|
|
axios.post( '/wp-json/captaincore/v1/login/', {
|
|
'command': "signIn",
|
|
'login': this.login
|
|
})
|
|
.then( response => {
|
|
if ( typeof response.data.errors === 'undefined' && typeof response.data.info === 'undefined' ) {
|
|
window.location = window.location.origin + this.configurations.path
|
|
return
|
|
}
|
|
this.login.errors = response.data.errors
|
|
this.login.info = response.data.info
|
|
this.login.loading = false
|
|
})
|
|
.catch(error => {
|
|
console.log(error);
|
|
});
|
|
},
|
|
signOut() {
|
|
axios.post( '/wp-json/captaincore/v1/login/', {
|
|
command: "signOut"
|
|
})
|
|
.then( response => {
|
|
window.location = window.location.origin + this.configurations.path + 'login'
|
|
this.route = "login"
|
|
this.wp_nonce = "";
|
|
})
|
|
},
|
|
copyText( value ) {
|
|
var clipboard = document.getElementById("clipboard");
|
|
clipboard.value = value;
|
|
clipboard.focus()
|
|
clipboard.select()
|
|
document.execCommand("copy");
|
|
this.snackbar.message = "Copied to clipboard.";
|
|
this.snackbar.show = true;
|
|
},
|
|
copyInviteLink( account, token ) {
|
|
link = window.location.origin + window.location.pathname + `?account=${account}&token=${token}`
|
|
this.copyText( link )
|
|
},
|
|
copySFTP( key ) {
|
|
sftp_info = `Address: ${key.address}\nUsername: ${key.username}\nPassword: ${key.password}\nProtocol: ${key.protocol}\nPort: ${key.port}`
|
|
this.copyText( sftp_info );
|
|
},
|
|
copyDatabase( key ) {
|
|
database_info = `Database: ${key.database}\nDatabase Username: ${key.database_username}\nDatabase Password: ${key.database_password}`
|
|
this.copyText( database_info );
|
|
},
|
|
triggerEnvironmentUpdate(){
|
|
if ( this.dialog_site.site.tabs == "tab-Site-Management" && this.dialog_site.site.tabs_management == "tab-Stats" ) {
|
|
this.fetchStats()
|
|
}
|
|
if ( this.dialog_site.site.tabs == "tab-Site-Management" && this.dialog_site.site.tabs_management == "tab-Updates" ) {
|
|
this.viewUpdateLogs()
|
|
}
|
|
if ( this.dialog_site.site.tabs == "tab-Site-Management" && this.dialog_site.site.tabs_management == "tab-Backups" && this.dialog_site.backup_step == 2 ) {
|
|
this.viewBackups()
|
|
}
|
|
if ( this.dialog_site.site.tabs == "tab-Site-Management" && this.dialog_site.site.tabs_management == "tab-Backups" && this.dialog_site.backup_step == 3 ) {
|
|
this.viewQuicksaves()
|
|
}
|
|
if ( this.dialog_site.site.tabs == "tab-Site-Management" && this.dialog_site.site.tabs_management == "tab-Backups" && this.dialog_site.backup_step == 4 ) {
|
|
this.viewSnapshots()
|
|
}
|
|
},
|
|
clearFilters() {
|
|
this.applied_site_filter = []
|
|
this.applied_site_filter_version = []
|
|
this.applied_site_filter_status = []
|
|
this.site_filter_version = []
|
|
this.site_filter_status = []
|
|
this.filterSites()
|
|
},
|
|
removeFilter (item) {
|
|
const index = this.applied_site_filter.indexOf(item.name)
|
|
if (index >= 0) {
|
|
this.applied_site_filter.splice(index, 1);
|
|
this.filterSites();
|
|
}
|
|
},
|
|
user_name( user_id ) {
|
|
users = this.users.filter( u => u.user_id == user_id )
|
|
if ( users.length != 1 ) {
|
|
return ""
|
|
}
|
|
return users[0].name
|
|
},
|
|
account_name( account_id ) {
|
|
accounts = this.accounts.filter( a => a.account_id == account_id )
|
|
if ( accounts.length != 1 ) {
|
|
return ""
|
|
}
|
|
return accounts[0].name
|
|
},
|
|
revenue_estimated_total() {
|
|
return "Total: $" + Object.values( this.revenue_estimated ).reduce((a, b) => a + b, 0)
|
|
},
|
|
my_plan_usage_estimate( plan ) {
|
|
extras = 0
|
|
addons = 0
|
|
if ( plan.addons ) {
|
|
plan.addons.forEach( addon => {
|
|
if ( addon.price != "" ) {
|
|
addons = addons + ( parseFloat( addon.quantity ) * parseFloat( addon.price ) )
|
|
}
|
|
})
|
|
}
|
|
total = parseFloat( addons ) + parseFloat( plan.price )
|
|
units = []
|
|
units[1] = "month"
|
|
units[3] = "quarter"
|
|
units[6] = "biannually"
|
|
units[12] = "year"
|
|
unit = units[ plan.interval ]
|
|
extra_sites = parseInt( plan.usage.sites ) - parseInt( plan.limits.sites )
|
|
extra_storage = Math.ceil ( ( ( parseInt( plan.usage.storage ) / 1024 / 1024 / 1024 ) - parseInt( plan.limits.storage ) ) / 10 )
|
|
extra_visits = Math.ceil ( ( parseInt( plan.usage.visits ) - parseInt( plan.limits.visits ) ) / parseInt ( this.configurations.usage_pricing.traffic.quantity ) )
|
|
if ( extra_sites > 0 ) {
|
|
unit_price = this.configurations.usage_pricing.sites.cost
|
|
if ( this.configurations.usage_pricing.sites.interval != plan.interval ) {
|
|
unit_price = this.configurations.usage_pricing.sites.cost / this.configurations.usage_pricing.sites.interval
|
|
unit_price = unit_price * plan.interval
|
|
}
|
|
extras = extras + ( extra_sites * unit_price )
|
|
}
|
|
if ( extra_storage > 0 ) {
|
|
unit_price = this.configurations.usage_pricing.storage.cost
|
|
if ( this.configurations.usage_pricing.storage.interval != plan.interval ) {
|
|
unit_price = this.configurations.usage_pricing.storage.cost / this.configurations.usage_pricing.storage.interval
|
|
unit_price = unit_price * plan.interval
|
|
}
|
|
extras = extras + ( extra_storage * unit_price )
|
|
}
|
|
if ( extra_visits > 0 ) {
|
|
unit_price = this.configurations.usage_pricing.traffic.cost
|
|
if ( this.configurations.usage_pricing.traffic.interval != plan.interval ) {
|
|
unit_price = this.configurations.usage_pricing.traffic.cost / this.configurations.usage_pricing.traffic.interval
|
|
unit_price = unit_price * plan.interval
|
|
}
|
|
extras = extras + ( extra_visits * unit_price )
|
|
}
|
|
total = parseFloat( addons ) + parseFloat( extras ) + parseFloat( plan.price )
|
|
response = `$${total}`
|
|
if ( typeof unit != 'undefined' ) {
|
|
response += ` <small>per ${unit}</small>`
|
|
}
|
|
return response
|
|
},
|
|
compare(key, order='asc') {
|
|
return function(a, b) {
|
|
//if(!a.hasOwnProperty(key) || !b.hasOwnProperty(key)) {
|
|
// // property doesn't exist on either object
|
|
// return 0;
|
|
//}
|
|
if ( key == 'name' ) {
|
|
varA = a.name || "";
|
|
varB = b.name || "";
|
|
}
|
|
if ( key == 'multisite' ) {
|
|
varA = parseInt(a.subsite_count) || 0;
|
|
varB = parseInt(b.subsite_count) || 0;
|
|
}
|
|
if ( key == 'visits' ) {
|
|
varA = parseInt(a[key].replace(/\,/g,'')) || 0;
|
|
varB = parseInt(b[key].replace(/\,/g,'')) || 0;
|
|
}
|
|
if ( key == 'storage' ) {
|
|
varA = parseInt(a.storage) || 0;
|
|
varB = parseInt(b.storage) || 0;
|
|
}
|
|
if ( key == 'provider' ) {
|
|
varA = a.provider || "";
|
|
varB = b.provider || "";
|
|
}
|
|
let comparison = 0;
|
|
if (varA > varB) {
|
|
comparison = 1;
|
|
} else if (varA < varB) {
|
|
comparison = -1;
|
|
}
|
|
return (
|
|
(order == 'desc') ? (comparison * -1) : comparison
|
|
);
|
|
};
|
|
},
|
|
resetColors() {
|
|
this.$vuetify.theme.themes.light = {
|
|
primary: '#1976D2',
|
|
secondary: '#424242',
|
|
accent: '#82B1FF',
|
|
error: '#FF5252',
|
|
info: '#2196F3',
|
|
success: '#4CAF50',
|
|
warning: '#FFC107'
|
|
}
|
|
},
|
|
sortTree( data ) {
|
|
if ( ! data ) { return }
|
|
data.sort( (a, b) => a.type > b.type || a.name > b.name )
|
|
for ( var i = 0; i< data.length; i++ ) {
|
|
var val = data[i]
|
|
if ( val.children ) { this.sortTree( val.children ) }
|
|
}
|
|
},
|
|
saveGlobalConfigurations() {
|
|
this.dialog_configure_defaults.loading = true;
|
|
this.configurations.colors = this.$vuetify.theme.themes.light
|
|
// Prep AJAX request
|
|
var data = {
|
|
'action': 'captaincore_local',
|
|
'command': "saveGlobalConfigurations",
|
|
'value': this.configurations
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.snackbar.message = response.data
|
|
this.snackbar.show = true
|
|
})
|
|
.catch(error => {
|
|
this.snackbar.message = error.response
|
|
this.snackbar.show = true
|
|
});
|
|
},
|
|
saveGlobalDefaults() {
|
|
this.dialog_configure_defaults.loading = true;
|
|
// Prep AJAX request
|
|
var data = {
|
|
'action': 'captaincore_local',
|
|
'command': "saveGlobalDefaults",
|
|
'value': this.defaults
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.snackbar.message = response.data
|
|
this.snackbar.show = true
|
|
})
|
|
.catch(error => {
|
|
this.snackbar.message = error.response
|
|
this.snackbar.show = true
|
|
});
|
|
},
|
|
saveDefaults() {
|
|
this.dialog_configure_defaults.loading = true;
|
|
// Prep AJAX request
|
|
var data = {
|
|
'action': 'captaincore_local',
|
|
'command': "saveDefaults",
|
|
'value': this.dialog_account.records.account
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
console.log( response.data )
|
|
this.dialog_configure_defaults.show = false;
|
|
this.dialog_configure_defaults.loading = false;
|
|
})
|
|
.catch(error => {
|
|
console.log(error.response)
|
|
});
|
|
},
|
|
viewJob( job_id ) {
|
|
this.dialog_job.task = this.jobs.filter( j => j.job_id == job_id )[0];
|
|
this.console = 4
|
|
},
|
|
toggleConsole( index ) {
|
|
if ( this.console != index ) {
|
|
this.footer_height = "202px"
|
|
this.view_console.open = true
|
|
this.console = index
|
|
return
|
|
}
|
|
if ( this.footer_height == "28px" ) {
|
|
this.footer_height = "202px"
|
|
this.view_console.open = true
|
|
this.console = index
|
|
} else {
|
|
this.footer_height = "28px"
|
|
this.view_console.open = false
|
|
this.console = 0
|
|
}
|
|
},
|
|
openConsole( index ) {
|
|
this.console = index
|
|
this.view_console.open = true
|
|
this.footer_height = "202px"
|
|
},
|
|
closeConsole() {
|
|
this.view_console.open = false
|
|
this.footer_height = "28px"
|
|
},
|
|
sortSites( key ) {
|
|
if ( this.toggle_site_counter.key == key ) {
|
|
this.toggle_site_counter.count++;
|
|
this.sort_direction = "asc";
|
|
} else {
|
|
this.toggle_site_counter.key = key;
|
|
this.toggle_site_counter.count = 1;
|
|
this.sort_direction = "desc";
|
|
}
|
|
// Reset sort to default on 3rd click
|
|
if ( this.toggle_site_counter.count == 3 ) {
|
|
this.sites = this.sites.sort( this.compare( "name", this.sort_direction ) );
|
|
this.toggle_site_counter = { key: "", count: 0 };
|
|
this.toggle_site_sort = null;
|
|
this.sort_direction = "desc";
|
|
return
|
|
}
|
|
// Order these
|
|
this.sites = this.sites.sort( this.compare( key, this.sort_direction ) );
|
|
},
|
|
siteSearch(value, search, item) {
|
|
search = search.toLowerCase()
|
|
return value != null &&
|
|
search != null &&
|
|
value.toString().includes(search) || item.username.toString().includes(search)
|
|
},
|
|
removeFromBulk( site_id ) {
|
|
this.sites_selected = this.sites_selected.filter(site => site.site_id != site_id);
|
|
},
|
|
magicLoginSite( site_id, user ) {
|
|
// Adds new job
|
|
job_id = Math.round((new Date()).getTime());
|
|
environment = this.dialog_site.environment_selected.environment.toLowerCase()
|
|
description = "Magic login to " + this.dialog_site.environment_selected.home_url
|
|
endpoint = `/wp-json/captaincore/v1/sites/${site_id}/${environment}/magiclogin`
|
|
if ( typeof user != "undefined" ) {
|
|
description = `Login as ${user.user_login} to ${this.dialog_site.environment_selected.home_url}`
|
|
endpoint = `/wp-json/captaincore/v1/sites/${site_id}/${environment}/magiclogin/${user.ID}`
|
|
}
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "running", "command":"login"});
|
|
|
|
axios.get( endpoint, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
if ( response.data.includes("There has been a critical error on this website") ) {
|
|
this.jobs.filter(job => job.job_id == job_id)[0].status = "error";
|
|
this.snackbar.message = description + " failed due to PHP error. Check server PHP logs.";
|
|
this.snackbar.show = true;
|
|
return
|
|
}
|
|
if ( response.data.includes("http") ) {
|
|
window.open( response.data.trim() );
|
|
this.jobs.filter(job => job.job_id == job_id)[0].status = "done";
|
|
} else {
|
|
this.jobs.filter(job => job.job_id == job_id)[0].status = "error";
|
|
this.snackbar.message = description + " failed.";
|
|
this.snackbar.show = true;
|
|
}
|
|
})
|
|
.catch(error => {
|
|
this.jobs.filter(job => job.job_id == job_id)[0].status = "error";
|
|
this.snackbar.message = description + " failed.";
|
|
this.snackbar.show = true;
|
|
console.log(error.response)
|
|
});
|
|
},
|
|
inputFile (newFile, oldFile) {
|
|
|
|
if (newFile && oldFile) {
|
|
// Uploaded successfully
|
|
if (newFile.success && !oldFile.success) {
|
|
new_response = JSON.parse( newFile.response );
|
|
if ( new_response.response == "Error" ) {
|
|
|
|
if ( this.new_theme.show ) {
|
|
this.new_theme.show = false;
|
|
this.snackbar.message = "Installing theme failed.";
|
|
this.snackbar.show = true;
|
|
description = "Installing theme '" + newFile.name + "' to " + this.new_theme.site_name;
|
|
|
|
// Adds new job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "error", stream: []});
|
|
}
|
|
|
|
if ( this.new_plugin.show ) {
|
|
this.new_plugin.show = false;
|
|
this.snackbar.message = "Installing plugin failed.";
|
|
this.snackbar.show = true;
|
|
description = "Installing plugin '" + newFile.name + "' to " + this.new_plugin.site_name;
|
|
|
|
// Adds new job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "error", stream: []});
|
|
}
|
|
|
|
}
|
|
if ( new_response.response == "Success" && new_response.url ) {
|
|
|
|
if ( this.new_plugin.show ) {
|
|
this.new_plugin.show = false;
|
|
|
|
this.upload = [];
|
|
|
|
// run wp cli with new plugin url and site
|
|
site_ids = this.new_plugin.sites.map( s => s.site_id );
|
|
|
|
// Adds new job
|
|
job_id = Math.round((new Date()).getTime());
|
|
description = "Installing plugin '" + newFile.name + "' to " + this.new_plugin.site_name;
|
|
this.jobs.push({"job_id": job_id, "site_id": site_ids, "description": description, "status": "queued", stream: [], "command": "manage"});
|
|
|
|
// Builds WP-CLI
|
|
wp_cli = "wp plugin install '" + new_response.url + "' --force --activate"
|
|
|
|
// Prep AJAX request
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_ids,
|
|
'command': "manage",
|
|
'value': "ssh",
|
|
'background': true,
|
|
'environment': this.dialog_site.environment_selected.environment,
|
|
'arguments': { "name":"Commands","value":"command","command":"ssh","input": wp_cli }
|
|
};
|
|
|
|
// Housecleaning
|
|
this.new_plugin.sites = [];
|
|
this.new_plugin.site_name = "";
|
|
this.new_plugin.environment_selected = "";
|
|
}
|
|
if ( this.new_theme.show ) {
|
|
this.new_theme.show = false;
|
|
this.upload = [];
|
|
|
|
// run wp cli with new plugin url and site
|
|
site_ids = this.new_theme.sites.map( s => s.site_id );
|
|
|
|
// Adds new job
|
|
job_id = Math.round((new Date()).getTime());
|
|
description = "Installing theme '" + newFile.name + "' to " + this.new_theme.site_name;
|
|
this.jobs.push({"job_id": job_id, "site_id": site_ids, "description": description, "status": "queued", stream: [], "command": "manage"});
|
|
|
|
// Builds WP-CLI
|
|
wp_cli = "wp theme install '" + new_response.url + "' --force"
|
|
|
|
// Prep AJAX request
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_ids,
|
|
'command': "manage",
|
|
'value': "ssh",
|
|
'background': true,
|
|
'environment': this.dialog_site.environment_selected.environment,
|
|
'arguments': { "name":"Commands","value":"command","command":"ssh","input": wp_cli }
|
|
};
|
|
|
|
// Housecleaning
|
|
this.new_theme.sites = [];
|
|
this.new_theme.site_name = "";
|
|
this.new_theme.environment_selected = "";
|
|
}
|
|
|
|
self = this;
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data );
|
|
})
|
|
.catch(error => {
|
|
console.log( error.response )
|
|
});
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// Automatically activate upload
|
|
if (Boolean(newFile) !== Boolean(oldFile) || oldFile.error !== newFile.error) {
|
|
if (!this.$refs.upload.active) {
|
|
this.$refs.upload.active = true;
|
|
}
|
|
}
|
|
},
|
|
new_site_preload_staging() {
|
|
// Copy production address to staging field
|
|
this.dialog_new_site.environments[1].address = this.dialog_new_site.environments[0].address;
|
|
if ( this.dialog_new_site.environments[0].address.includes(".kinsta.cloud") ) {
|
|
this.dialog_new_site.environments[1].address = "staging-" + this.dialog_new_site.environments[0].address
|
|
}
|
|
|
|
if ( this.dialog_new_site.provider == "kinsta" ) {
|
|
// Copy production username to staging field
|
|
this.dialog_new_site.environments[1].username = this.dialog_new_site.environments[0].username;
|
|
// Copy production password to staging field (If Kinsta address)
|
|
this.dialog_new_site.environments[1].password = this.dialog_new_site.environments[0].password;
|
|
} else {
|
|
// Copy production username to staging field with staging suffix
|
|
this.dialog_new_site.environments[1].username = this.dialog_new_site.environments[0].username + "-staging";
|
|
}
|
|
|
|
// Copy production port to staging field
|
|
this.dialog_new_site.environments[1].port = this.dialog_new_site.environments[0].port;
|
|
// Copy production protocol to staging field
|
|
this.dialog_new_site.environments[1].protocol = this.dialog_new_site.environments[0].protocol;
|
|
// Copy production home directory to staging field
|
|
this.dialog_new_site.environments[1].home_directory = this.dialog_new_site.environments[0].home_directory;
|
|
},
|
|
edit_site_preload_staging() {
|
|
// Copy production address to staging field
|
|
this.dialog_edit_site.site.environments[1].address = this.dialog_edit_site.site.environments[0].address;
|
|
if ( this.dialog_edit_site.site.environments[0].address.includes(".kinsta.cloud") ) {
|
|
this.dialog_edit_site.site.environments[1].address = "staging-" + this.dialog_edit_site.site.environments[0].address
|
|
}
|
|
|
|
if ( this.dialog_edit_site.site.provider == "kinsta" ) {
|
|
// Copy production username to staging field
|
|
this.dialog_edit_site.site.environments[1].username = this.dialog_edit_site.site.environments[0].username;
|
|
// Copy production password to staging field (If Kinsta address)
|
|
this.dialog_edit_site.site.environments[1].password = this.dialog_edit_site.site.environments[0].password;
|
|
} else {
|
|
// Copy production username to staging field with staging suffix
|
|
this.dialog_edit_site.site.environments[1].username = this.dialog_edit_site.site.environments[0].username + "-staging";
|
|
}
|
|
|
|
// Copy production port to staging field
|
|
this.dialog_edit_site.site.environments[1].port = this.dialog_edit_site.site.environments[0].port;
|
|
// Copy production protocol to staging field
|
|
this.dialog_edit_site.site.environments[1].protocol = this.dialog_edit_site.site.environments[0].protocol;
|
|
// Copy production home directory to staging field
|
|
this.dialog_edit_site.site.environments[1].home_directory = this.dialog_edit_site.site.environments[0].home_directory;
|
|
},
|
|
checkRequestedSites() {
|
|
var data = {
|
|
'action': 'captaincore_user',
|
|
'command': "fetchRequestedSites",
|
|
}
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.requested_sites = response.data
|
|
if ( this.requested_sites.length != 0 ) {
|
|
setTimeout(this.checkRequestedSites, 5000)
|
|
}
|
|
if ( this.requested_sites.length == 0 && this.role == 'administrator' ) {
|
|
setTimeout(this.checkRequestedSites, 5000)
|
|
}
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
checkRequestedProviderSites() {
|
|
var data = {
|
|
'action': 'captaincore_account',
|
|
'command': "checkRequestedProviderSites",
|
|
}
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.provider_requested_sites = response.data
|
|
if ( this.provider_requested_sites.length > 0 && this.provider_requested_sites.filter( s => s.step == 1 && s.action_id ).length > 0 && this.role == 'administrator' ) {
|
|
setTimeout(this.checkRequestedProviderSites, 30000)
|
|
}
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
verifyKinstaConnection() {
|
|
axios.get( '/wp-json/captaincore/v1/providers/kinsta/verify', {
|
|
headers: { 'X-WP-Nonce':this.wp_nonce }
|
|
})
|
|
.then( response => {
|
|
this.dialog_new_site_kinsta.connection_verified = response.data
|
|
this.dialog_new_site_kinsta.verifing = false
|
|
});
|
|
},
|
|
showNewSiteKinsta() {
|
|
this.dialog_new_site_kinsta.verifing = true
|
|
this.dialog_new_site_kinsta.connection_verified = false
|
|
this.dialog_new_site_kinsta.show = true
|
|
this.verifyKinstaConnection()
|
|
},
|
|
connectKinsta() {
|
|
this.dialog_new_site_kinsta.verifing = true
|
|
axios.post( '/wp-json/captaincore/v1/providers/kinsta/connect', {
|
|
token: this.dialog_new_site_kinsta.kinsta_token
|
|
}, {
|
|
headers: { 'X-WP-Nonce':this.wp_nonce }
|
|
})
|
|
.then( response => {
|
|
this.dialog_new_site_kinsta.connection_verified = response.data
|
|
this.dialog_new_site_kinsta.verifing = false
|
|
});
|
|
},
|
|
fetchProviderActions() {
|
|
axios.get( '/wp-json/captaincore/v1/provider-actions', {
|
|
headers: { 'X-WP-Nonce':this.wp_nonce }
|
|
}).then( response => {
|
|
this.provider_actions = response.data
|
|
if ( this.provider_actions.length > 0 ) {
|
|
setTimeout(this.checkProviderActions, 10000)
|
|
}
|
|
})
|
|
},
|
|
checkProviderActions() {
|
|
axios.get( '/wp-json/captaincore/v1/provider-actions/check', {
|
|
headers: { 'X-WP-Nonce':this.wp_nonce }
|
|
}).then( response => {
|
|
this.provider_actions = response.data
|
|
if ( this.provider_actions.length > 0 ) {
|
|
setTimeout(this.checkProviderActions, 10000)
|
|
}
|
|
this.runProviderActions()
|
|
})
|
|
},
|
|
runProviderActions() {
|
|
this.provider_actions.forEach( action => {
|
|
if ( action.status == "waiting" ) {
|
|
site = action.action
|
|
axios.get( `/wp-json/captaincore/v1/provider-actions/${action.provider_action_id}/run`, {
|
|
headers: { 'X-WP-Nonce':this.wp_nonce }
|
|
}).then( response => {
|
|
if ( site.command == 'new-site' ) {
|
|
this.snackbar.message = `New site ${site.name} created at Kinsta's datacenter ${site.datacenter}.`
|
|
this.snackbar.show = true
|
|
}
|
|
if ( site.command == 'deploy-to-staging' && site.step == "2" ) {
|
|
this.snackbar.message = `Deployed ${site.name} to staging site.`
|
|
this.snackbar.show = true
|
|
if ( this.dialog_site.site.site_id == site.site_id ) {
|
|
this.syncSiteEnvironment( site.site_id, "staging" )
|
|
this.fetchSiteInfo( site.site_id )
|
|
}
|
|
}
|
|
if ( site.command == 'deploy-to-production' ) {
|
|
this.snackbar.message = `Deployed ${site.name} to production site.`
|
|
this.snackbar.show = true
|
|
if ( this.dialog_site.site.site_id == site.site_id ) {
|
|
this.syncSiteEnvironment( site.site_id, "production" )
|
|
this.fetchSiteInfo( site.site_id )
|
|
}
|
|
}
|
|
this.fetchAccounts()
|
|
this.provider_actions = response.data
|
|
this.fetchSites();
|
|
})
|
|
}
|
|
});
|
|
},
|
|
newRocketdotnetSite() {
|
|
|
|
},
|
|
newKinstaSite() {
|
|
axios.post( '/wp-json/captaincore/v1/providers/kinsta/new-site', {
|
|
site: this.dialog_new_site_kinsta.site
|
|
}, {
|
|
headers: { 'X-WP-Nonce':this.wp_nonce }
|
|
})
|
|
.then( response => {
|
|
this.snackbar.message = `Site ${this.dialog_new_site_kinsta.site.name} is being created at Kinsta. Will notify once completed.`
|
|
this.snackbar.show = true
|
|
this.dialog_new_site_kinsta = { show: false, working: false, verifing: true, connection_verified: false, kinsta_token: "", site: { name: "", domain: "", datacenter: "", shared_with: [], account_id: "", customer_id: "" } }
|
|
this.checkProviderActions()
|
|
});
|
|
},
|
|
requestSite() {
|
|
if ( this.dialog_request_site.request.name == "" || this.dialog_request_site.request.account_id == "" ) {
|
|
this.snackbar.message = "Please enter a site name."
|
|
this.snackbar.show = true
|
|
return
|
|
}
|
|
this.dialog_request_site.request.created_at = Math.round((new Date()).getTime() / 1000)
|
|
this.dialog_request_site.request.step = 1
|
|
var data = {
|
|
'action': 'captaincore_account',
|
|
'command': "requestSite",
|
|
'value': this.dialog_request_site.request,
|
|
'account_id': this.dialog_request_site.request.account_id
|
|
}
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.requested_sites = response.data
|
|
if ( this.requested_sites.length == 1 ) {
|
|
this.checkRequestedSites()
|
|
}
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
name = this.dialog_request_site.request.name
|
|
this.snackbar.message = `Requesting new site for ${name}`
|
|
this.snackbar.show = true
|
|
this.dialog_request_site = { show: false, request: { name: "", account_id: "", notes: "" } }
|
|
},
|
|
backRequestSite( site_request ) {
|
|
var data = {
|
|
'action': 'captaincore_account',
|
|
'command': "backRequestSite",
|
|
'value': site_request,
|
|
}
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.requested_sites = response.data
|
|
})
|
|
.catch( error => console.log( error ) )
|
|
},
|
|
continueRequestSite( site_request ) {
|
|
var data = {
|
|
'action': 'captaincore_account',
|
|
'command': "continueRequestSite",
|
|
'value': site_request,
|
|
}
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.requested_sites = response.data
|
|
})
|
|
.catch( error => console.log( error ) )
|
|
},
|
|
updateRequestSite() {
|
|
var data = {
|
|
'action': 'captaincore_account',
|
|
'command': "updateRequestSite",
|
|
'value': this.dialog_site_request.request,
|
|
}
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_site_request.show = false
|
|
this.requested_sites = response.data
|
|
})
|
|
.catch( error => console.log( error ) )
|
|
},
|
|
modifyRequest( index ) {
|
|
this.dialog_site_request.show = true
|
|
this.dialog_site_request.request = JSON.parse ( JSON.stringify ( this.requested_sites[index] ) )
|
|
},
|
|
finishRequest( index ) {
|
|
site_request = this.requested_sites[index]
|
|
var data = {
|
|
'action': 'captaincore_account',
|
|
'command': "deleteRequestSite",
|
|
'value': site_request,
|
|
'account_id': site_request.account_id
|
|
}
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.requested_sites = response.data
|
|
})
|
|
.catch( error => console.log( error ) )
|
|
},
|
|
cancelRequest( index ) {
|
|
site_request = this.requested_sites[index]
|
|
should_proceed = confirm( `Cancel request to create site "${site_request.name}" for account "${this.account_name( site_request.account_id )}".` )
|
|
if ( ! should_proceed ) {
|
|
return
|
|
}
|
|
var data = {
|
|
'action': 'captaincore_account',
|
|
'command': "deleteRequestSite",
|
|
'value': site_request,
|
|
'account_id': site_request.account_id
|
|
}
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.requested_sites = response.data
|
|
})
|
|
.catch( error => console.log( error ) )
|
|
},
|
|
submitNewSite() {
|
|
this.dialog_new_site.saving = true
|
|
new_site = this.dialog_new_site
|
|
new_site.shared_with = new_site.shared_with.map( a => a.account_id )
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'command': "newSite",
|
|
'value': this.dialog_new_site
|
|
};
|
|
site_name = this.dialog_new_site.name;
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// Read JSON response
|
|
var response = response.data;
|
|
|
|
// If error then response
|
|
if ( response.errors.length > 0 ) {
|
|
this.dialog_new_site.saving = false
|
|
this.dialog_new_site.errors = response.errors
|
|
return;
|
|
}
|
|
|
|
if ( response.response = "Successfully added new site" ) {
|
|
this.fetchSiteInfo( response.site_id )
|
|
this.goToPath( `/sites/${response.site_id}` )
|
|
// Fetch updated accounts
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/accounts', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then( response => {
|
|
this.accounts = response.data
|
|
});
|
|
|
|
// Start job
|
|
description = "Adding " + site_name;
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "running", stream: []});
|
|
|
|
// Run prep immediately after site added.
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'command': "new",
|
|
'post_id': response.site_id
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( r => {
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = r.data
|
|
this.runCommand( r.data )
|
|
})
|
|
}
|
|
});
|
|
},
|
|
updateSite() {
|
|
this.dialog_edit_site.loading = true;
|
|
site_update = JSON.parse ( JSON.stringify ( this.dialog_edit_site.site ) )
|
|
site_update.shared_with = site_update.shared_with.map( a => a.account_id )
|
|
site_name = site_update.name
|
|
site_id = site_update.site_id
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'command': "updateSite",
|
|
'value': site_update
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
var response = response.data
|
|
|
|
// If error then response
|
|
if ( response.response.includes("Error:") ) {
|
|
this.dialog_edit_site.errors = [ response.response ];
|
|
console.log( response.response );
|
|
return;
|
|
}
|
|
|
|
if ( response.response = "Successfully updated site" ) {
|
|
this.fetchSiteEnvironments( site_id )
|
|
this.fetchSiteDetails( site_id )
|
|
this.dialog_site.step = 2
|
|
this.dialog_edit_site = { show: false, loading: false, site: {} }
|
|
|
|
// Start job
|
|
description = "Updating " + site_name;
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "running", stream: []});
|
|
|
|
// Run prep immediately after site added.
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'command': "update",
|
|
'post_id': response.site_id
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( r => {
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = r.data
|
|
this.runCommand( r.data )
|
|
});
|
|
}
|
|
});
|
|
},
|
|
checkSSH( site ) {
|
|
site.loading = true
|
|
var data = {
|
|
action: 'captaincore_install',
|
|
post_id: site.site_id,
|
|
command: 'sync-data',
|
|
environment: this.dialog_site.environment_selected.environment
|
|
};
|
|
|
|
description = "Checking " + site.name + " SSH connection";
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({ "job_id": job_id, "description": description, "status": "queued", stream: [], "command": "checkSSH", "site_id": site.site_id });
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// Updates job id with responsed background job id
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
this.runCommand( response.data );
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
syncSite() {
|
|
site = this.dialog_site.site
|
|
environment = this.dialog_site.environment_selected.environment.toLowerCase()
|
|
description = "Syncing " + this.dialog_site.environment_selected.home_url + " info";
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({ "job_id": job_id, "description": description, "status": "queued", stream: [], "command": "syncSite", "site_id": site.site_id });
|
|
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/sites/${site.site_id}/${environment}/sync/data`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data
|
|
this.runCommand( response.data )
|
|
})
|
|
|
|
},
|
|
syncSiteEnvironment( site_id, environment ) {
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'command': "fetch-site-environments",
|
|
'post_id': site_id
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
environments = response.data
|
|
environment_selected = environments.filter( e => e.environment.toLowerCase() == environment.toLowerCase() )[0]
|
|
|
|
description = "Syncing " + environment_selected.home_url + " info";
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({ "job_id": job_id, "description": description, "status": "queued", stream: [], "command": "syncSite", "site_id": site_id });
|
|
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/sites/${site_id}/${environment}/sync/data`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data
|
|
this.runCommand( response.data )
|
|
})
|
|
});
|
|
},
|
|
bulkSyncSites() {
|
|
should_proceed = confirm("Sync " + this.sites_selected.length + " sites for " + this.dialog_bulk.environment_selected.toLowerCase() + " environments info?");
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
site_ids = this.sites_selected.map( site => site.site_id );
|
|
site_names = this.sites_selected.length + " sites";
|
|
|
|
var data = {
|
|
action: 'captaincore_install',
|
|
post_id: site_ids,
|
|
command: 'sync-data',
|
|
environment: this.dialog_bulk.environment_selected
|
|
};
|
|
|
|
self = this;
|
|
description = "Syncing " + site_names + " site info";
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({ "job_id": job_id, "description": description, "status": "queued", stream: [], "command": "syncSite", "site_id": site_ids });
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// Updates job id with reponsed background job id
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data )
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
fetchSiteEnvironments( site_id ) {
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'command': "fetch-site-environments",
|
|
'post_id': site_id
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_site.site.environments = response.data
|
|
this.dialog_site.site.environments.forEach( e => {
|
|
e.environment_label = e.environment + " Environment"
|
|
})
|
|
if ( this.dialog_site.step == 2 && typeof this.dialog_site.environment_selected != 'undefined' ) {
|
|
this.dialog_site.environment_selected = this.dialog_site.site.environments.filter( e => e.environment == this.dialog_site.environment_selected.environment )[0]
|
|
} else {
|
|
this.dialog_site.environment_selected = this.dialog_site.site.environments[0]
|
|
}
|
|
this.dialog_site.loading = false
|
|
if ( this.dialog_site.site.tabs_management == "tab-Users" ) {
|
|
this.fetchUsers()
|
|
}
|
|
if ( this.dialog_site.site.tabs_management == "tab-Stats" ) {
|
|
this.fetchStats()
|
|
}
|
|
if ( this.dialog_site.site.tabs_management == "tab-Updates" ) {
|
|
this.viewUpdateLogs( this.dialog_site.site.site_id )
|
|
}
|
|
if ( this.dialog_site.site.tabs_management == "tab-Backups" ) {
|
|
this.viewQuicksaves()
|
|
this.viewSnapshots()
|
|
}
|
|
});
|
|
},
|
|
fetchSiteDetails( site_id ) {
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'command': "fetch-site-details",
|
|
'post_id': site_id
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
Object.keys( response.data.site ).forEach( key => {
|
|
this.dialog_site.site[ key ] = response.data.site[ key ]
|
|
})
|
|
this.dialog_site.site.account = response.data.account
|
|
this.dialog_site.site.shared_with = response.data.shared_with
|
|
});
|
|
},
|
|
fetchSiteInfo( site_id ) {
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'command': "fetch-site",
|
|
'post_id': site_id
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
response.data.forEach( site => {
|
|
lookup = this.sites.filter(s => s.site_id == site.site_id).length;
|
|
if (lookup == 1 ) {
|
|
// Update existing site info
|
|
site_update = this.sites.filter(s => s.site_id == site.site_id)[0];
|
|
// Look through keys and update
|
|
Object.keys(site).forEach(function(key) {
|
|
// Skip updating environment_selected and tabs_management
|
|
if ( key == "environment_selected" || key == "tabs" || key == "tabs_management" ) {
|
|
return;
|
|
}
|
|
site_update[key] = site[key];
|
|
})
|
|
}
|
|
if (lookup != 1 ) {
|
|
// Add new site info
|
|
this.sites.push( site )
|
|
}
|
|
if ( this.dialog_site.site.site_id == site.site_id ) {
|
|
site_update = this.sites.filter( s => s.site_id == site.site_id )[0]
|
|
this.showSite( site_update )
|
|
}
|
|
});
|
|
});
|
|
},
|
|
fetchMissing() {
|
|
if ( this.allDomains == 0 && this.modules.dns && this.domains_loading ) {
|
|
this.fetchDomains()
|
|
}
|
|
if ( this.sites_loading ) {
|
|
this.fetchSites()
|
|
}
|
|
if ( this.role == 'administrator' && this.users.length == 0 ) {
|
|
this.fetchAllUsers()
|
|
}
|
|
},
|
|
fetchProviders() {
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/providers', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.providers = response.data
|
|
});
|
|
},
|
|
fetchDomains() {
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/domains', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.domains = response.data
|
|
this.domains_loading = false
|
|
this.loading_page = false
|
|
if ( this.dialog_domain.step == 2 && this.route_path != "" ) {
|
|
domain = this.domains.filter( d => d.domain_id == this.route_path )[0]
|
|
this.modifyDNS( domain )
|
|
this.fetchDomain( domain )
|
|
}
|
|
setTimeout(this.fetchMissing, 4000)
|
|
})
|
|
},
|
|
fetchAllUsers() {
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/users', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.users = response.data
|
|
this.loading_page = false
|
|
});
|
|
},
|
|
fetchRecipes() {
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/recipes', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.recipes = response.data;
|
|
});
|
|
},
|
|
fetchRunningProcesses() {
|
|
this.dialog_processes.loading = true
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/running', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.dialog_processes.processes = response.data
|
|
this.listenProcesses()
|
|
});
|
|
},
|
|
listenProcesses() {
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'command': 'listenProcesses',
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
procesess = this.dialog_processes.processes
|
|
this.dialog_processes.loading = false
|
|
this.dialog_processes.conn = new WebSocket( this.socket )
|
|
this.dialog_processes.conn.onopen = () => this.dialog_processes.conn.send( '{ "token" : "'+ response.data +'", "action" : "start" }' )
|
|
this.dialog_processes.conn.onmessage = (session) => {
|
|
if ( session.data == "Error: signal: killed" ) {
|
|
return
|
|
}
|
|
process_update = JSON.parse( session.data )
|
|
results = procesess.filter( p => p.process_id == process_update.process_id )
|
|
if ( results.length == 1 ) {
|
|
results[0].status = process_update.status
|
|
results[0].percentage = process_update.percentage
|
|
results[0].completed_at = process_update.completed_at
|
|
}
|
|
if ( results.length == 0 ) {
|
|
this.dialog_processes.processes.unshift( { command: process_update.command, created_at: process_update.created_at, process_id: process_update.process_id, status: process_update.status, percentage: process_update.percentage })
|
|
}
|
|
}
|
|
this.dialog_processes.conn.onclose = () => {
|
|
this.dialog_processes.conn.send( '{ "token" : "'+ response.data +'", "action" : "kill" }' )
|
|
}
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
fetchProcesses() {
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/processes', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.processes = response.data;
|
|
setTimeout(this.fetchMissing, 1000)
|
|
});
|
|
},
|
|
fetchKeys() {
|
|
if ( this.role != 'administrator' ) {
|
|
return
|
|
}
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/keys', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.keys = response.data;
|
|
this.loading_page = false;
|
|
setTimeout(this.fetchMissing, 4000)
|
|
});
|
|
},
|
|
fetchDefaults() {
|
|
if ( this.role != 'administrator' ) {
|
|
return
|
|
}
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/defaults', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.defaults = response.data;
|
|
this.loading_page = false;
|
|
setTimeout(this.fetchMissing, 4000)
|
|
});
|
|
},
|
|
fetchAccounts() {
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/accounts', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.accounts = response.data
|
|
if ( this.dialog_account.step == 2 && this.route_path != "" ) {
|
|
this.showAccount( this.route_path )
|
|
}
|
|
setTimeout(this.fetchMissing, 1000)
|
|
});
|
|
},
|
|
fetchConfigurations() {
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/configurations', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.configurations = response.data
|
|
this.configurations_loading = false
|
|
setTimeout(this.fetchMissing, 1000)
|
|
});
|
|
},
|
|
fetchSubscriptions() {
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/upcoming_subscriptions', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
}).then(response => {
|
|
revenue = response.data.revenue
|
|
transactions = response.data.transactions
|
|
|
|
this.revenue_estimated = revenue
|
|
|
|
new frappe.Chart( "#plan_chart", {
|
|
data: {
|
|
labels: Object.keys( revenue ),
|
|
datasets: [
|
|
{
|
|
name: "Revenue",
|
|
values: Object.values( revenue ),
|
|
},
|
|
],
|
|
yRegions: [
|
|
{ label: "", start: 0, end: 50, options: { labelPos: "right" } }
|
|
],
|
|
},
|
|
tooltipOptions: {
|
|
formatTooltipY: d => '$' + d,
|
|
},
|
|
type: "bar",
|
|
height: 270,
|
|
colors: [ this.configurations.colors.primary, this.configurations.colors.success ],
|
|
barOptions: {
|
|
spaceRatio: 0.1,
|
|
},
|
|
axisOptions: {
|
|
xAxisMode: "tick",
|
|
xIsSeries: true
|
|
},
|
|
lineOptions: {
|
|
regionFill: 1 // default: 0
|
|
},
|
|
})
|
|
new frappe.Chart( "#plan_chart_transactions", {
|
|
data: {
|
|
labels: Object.keys( revenue ),
|
|
datasets: [
|
|
{
|
|
name: "Transactions",
|
|
values: Object.values( transactions ),
|
|
},
|
|
],
|
|
},
|
|
type: "bar",
|
|
height: 270,
|
|
colors: [ this.configurations.colors.primary, this.configurations.colors.success ],
|
|
barOptions: {
|
|
spaceRatio: 0.1,
|
|
},
|
|
axisOptions: {
|
|
xAxisMode: "tick",
|
|
xIsSeries: true
|
|
},
|
|
lineOptions: {
|
|
regionFill: 1 // default: 0
|
|
},
|
|
})
|
|
|
|
})
|
|
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/subscriptions', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.subscriptions = response.data
|
|
})
|
|
},
|
|
fetchBilling() {
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/billing', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.billing = response.data
|
|
default_payment = this.billing.payment_methods.filter( method => method.is_default )
|
|
if ( default_payment.length == 1 ) {
|
|
this.billing.payment_method = default_payment[0].token
|
|
}
|
|
this.billing_loading = false
|
|
if ( this.billing.address.country != "" ) {
|
|
this.populateStates()
|
|
}
|
|
setTimeout(this.fetchMissing, 1000)
|
|
});
|
|
},
|
|
populateStatesFor( item ) {
|
|
states_selected = []
|
|
select = this.states[ item.country ]
|
|
if ( typeof select != 'object' ) {
|
|
this.states_selected = []
|
|
return
|
|
}
|
|
states_by_country = Object.entries( select )
|
|
states_by_country.forEach( ([key, value]) => {
|
|
states_selected.push( { "text": value, "value": key } )
|
|
})
|
|
this.states_selected = states_selected
|
|
},
|
|
populateStatesforContacts() {
|
|
contacts = [ "owner", "admin", "tech", "billing" ]
|
|
key = contacts[ this.dialog_domain.contact_tabs ]
|
|
this.populateStatesFor( this.dialog_domain.provider.contacts[ key ] )
|
|
},
|
|
populateStates() {
|
|
states_selected = []
|
|
select = this.states[ this.billing.address.country ]
|
|
if ( typeof select != 'object' ) {
|
|
this.states_selected = []
|
|
return
|
|
}
|
|
states_by_country = Object.entries( select )
|
|
states_by_country.forEach( ([key, value]) => {
|
|
states_selected.push( { "text": value, "value": key } )
|
|
})
|
|
this.states_selected = states_selected
|
|
},
|
|
fetchFilterVersions( filters ) {
|
|
filters = filters.map( f => f.name ).join(",")
|
|
if ( filters != "" ) {
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/filters/${filters}/versions`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.site_filter_version = response.data
|
|
})
|
|
}
|
|
},
|
|
fetchFilterStatus( filters ) {
|
|
filters = filters.map( f => f.name ).join(",")
|
|
if ( filters != "" ) {
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/filters/${filters}/statuses`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.site_filter_status = response.data
|
|
})
|
|
}
|
|
},
|
|
fetchFilteredSites( site_filters ) {
|
|
filters = site_filters.filters.map( f => f.name + "+" + f.type ).join(",")
|
|
versions = site_filters.versions.map( v => v.name + '+' + v.slug + '+' + v.type ).join(',')
|
|
statuses = site_filters.statuses.map( v => v.name + '+' + v.slug + '+' + v.type ).join(',')
|
|
if ( filters != "" ) {
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/filters/${filters}/sites/versions=${versions}/statuses=${statuses}`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
sites_filtered = response.data
|
|
this.sites.forEach( s => {
|
|
if ( sites_filtered.includes( s.site ) ) {
|
|
s.filtered = true
|
|
} else {
|
|
s.filtered = false
|
|
}
|
|
})
|
|
})
|
|
}
|
|
},
|
|
fetchSites() {
|
|
this.sites_loading = false
|
|
if ( this.role == 'administrator' && this.keys.length == 0 ) {
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/keys', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.keys = response.data
|
|
})
|
|
}
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/sites', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.sites = response.data
|
|
this.loading_page = false
|
|
if ( this.dialog_site.step == 2 && this.route_path != "" ) {
|
|
site = this.sites.filter( d => d.site_id == this.route_path )[0]
|
|
this.showSite( site )
|
|
}
|
|
setTimeout(this.fetchMissing, 1000)
|
|
})
|
|
},
|
|
shareStats() {
|
|
if ( ! this.dialog_site.environment_selected.stats.site.sharing ) {
|
|
return
|
|
}
|
|
if ( this.dialog_site.environment_selected.stats.site.sharing == 'private' && this.dialog_site.environment_selected.stats_password == '' ) {
|
|
return
|
|
}
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
post_id: this.dialog_site.site.site_id,
|
|
command: 'shareStats',
|
|
fathom_id: this.dialog_site.environment_selected.stats.site.id,
|
|
sharing: this.dialog_site.environment_selected.stats.site.sharing
|
|
}
|
|
|
|
if ( this.dialog_site.environment_selected.stats_password != '' ) {
|
|
data.share_password = this.dialog_site.environment_selected.stats_password
|
|
}
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.snackbar.message = "Stats sharing is " + this.dialog_site.environment_selected.stats.site.sharing
|
|
this.snackbar.show = true
|
|
})
|
|
},
|
|
fetchStats() {
|
|
|
|
fathom_id = this.dialog_site.environment_selected.stats.fathom_id
|
|
environment = this.dialog_site.environment_selected
|
|
environment.stats = "Loading";
|
|
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
post_id: this.dialog_site.site.site_id,
|
|
command: 'fetchStats',
|
|
from_at: this.stats.from_at,
|
|
to_at: this.stats.to_at,
|
|
grouping: this.stats.grouping,
|
|
environment: this.dialog_site.environment_selected.environment
|
|
}
|
|
|
|
if ( fathom_id != "" ) {
|
|
data.fathom_id = fathom_id
|
|
}
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
|
|
if ( response.data.Error ) {
|
|
environment.stats = response.data.Error
|
|
return;
|
|
}
|
|
|
|
if ( response.data.errors ) {
|
|
environment.stats = response.data.errors
|
|
return;
|
|
}
|
|
|
|
chart_id = "chart_" + this.dialog_site.site.site_id + "_" + this.dialog_site.environment_selected.environment;
|
|
chart_dom = document.getElementById( chart_id );
|
|
chart_dom.innerHTML = ""
|
|
|
|
environment.stats = response.data
|
|
names = environment.stats.items.map( s => s.date )
|
|
pageviews = environment.stats.items.map( s => s.pageviews )
|
|
visitors = environment.stats.items.map( s => s.visits )
|
|
|
|
// Generate chart
|
|
environment.chart = new frappe.Chart( "#" + chart_id, {
|
|
data: {
|
|
labels: names,
|
|
datasets: [
|
|
{
|
|
name: "Pageviews",
|
|
values: pageviews,
|
|
},
|
|
{
|
|
name: "Visitors",
|
|
values: visitors,
|
|
},
|
|
],
|
|
},
|
|
type: "line",
|
|
height: 270,
|
|
colors: [ this.configurations.colors.secondary, this.configurations.colors.primary ],
|
|
axisOptions: {
|
|
xAxisMode: "tick",
|
|
xIsSeries: true
|
|
},
|
|
lineOptions: {
|
|
regionFill: 1,
|
|
hideDots: 1
|
|
},
|
|
})
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
fetchUsers() {
|
|
site = this.dialog_site.site
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'post_id': site.site_id,
|
|
'command': "fetch-users",
|
|
}
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
response = response.data
|
|
// Loop through environments and assign users
|
|
Object.keys(response).forEach( key => {
|
|
site.environments.filter( e => e.environment == key )[0].users = response[key];
|
|
if ( response[key] == null ) {
|
|
site.environments.filter( e => e.environment == key )[0].users = [];
|
|
}
|
|
})
|
|
})
|
|
},
|
|
argumentsForActions() {
|
|
arguments = [];
|
|
this.select_bulk_action.forEach(action => {
|
|
this.bulk_actions.filter(bulk_action => bulk_action.value == action).forEach(filtered_action => {
|
|
if ( filtered_action.arguments ) {
|
|
filtered_action.arguments.forEach(argument => arguments.push({ name: argument.name, value: argument.value, command: action }) );
|
|
}
|
|
});
|
|
});
|
|
this.select_bulk_action_arguments = arguments;
|
|
},
|
|
bulkEdit ( site_id, type ) {
|
|
this.bulk_edit.show = true;
|
|
site = this.dialog_site.site
|
|
this.bulk_edit.site_id = site_id;
|
|
this.bulk_edit.site_name = this.dialog_site.environment_selected.home_url
|
|
this.bulk_edit.items = this.dialog_site.environment_selected[ type.toLowerCase() + "_selected" ];
|
|
this.bulk_edit.type = type;
|
|
},
|
|
bulkEditExecute ( action ) {
|
|
site_id = this.bulk_edit.site_id;
|
|
site = this.dialog_site.site
|
|
object_type = this.bulk_edit.type;
|
|
object_singular = this.bulk_edit.type.slice(0, -1);
|
|
items = this.bulk_edit.items.map(item => item.name).join(" ");
|
|
if ( object_singular == "user" ) {
|
|
items = this.bulk_edit.items.map(item => item.user_login).join(" ");
|
|
}
|
|
|
|
// Start job
|
|
site_name = this.bulk_edit.site_name;
|
|
description = "Bulk action '" + action + " " + this.bulk_edit.type + "' on " + site_name;
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id, "site_id": site_id, "description": description, "status": "queued", stream: [], "command": "manage"});
|
|
|
|
// WP ClI command to send
|
|
wpcli = "wp " + object_singular + " " + action + " " + items;
|
|
|
|
// Set to loading.
|
|
site.environments[0][ object_type ] = "Updating";
|
|
if (site.environments[1] ) {
|
|
site.environments[1][ object_type ] = "Updating";
|
|
}
|
|
|
|
this.bulk_edit.show = false;
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_id,
|
|
'command': "manage",
|
|
'value': "ssh",
|
|
'background': true,
|
|
'environment': this.dialog_site.environment_selected.environment,
|
|
'arguments': { "name":"Commands","value":"command","command":"ssh","input": wpcli }
|
|
};
|
|
|
|
self = this;
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data );
|
|
});
|
|
|
|
},
|
|
fetchLink( site_id, snapshot_id ) {
|
|
site = this.dialog_site.site
|
|
snapshot = this.dialog_site.environment_selected.snapshots.filter( s => s.snapshot_id == snapshot_id )[0];
|
|
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'post_id': site_id,
|
|
'command': 'fetchLink',
|
|
'environment': this.dialog_site.environment_selected.environment,
|
|
'value': snapshot_id
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
snapshot.token = response.data.token;
|
|
snapshot.expires_at = response.data.expires_at;
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
promptBackupSnapshot( site_id ) {
|
|
site = this.dialog_site.site
|
|
this.dialog_backup_snapshot.show = true;
|
|
this.dialog_backup_snapshot.site = site;
|
|
},
|
|
downloadBackupSnapshot( site_id ) {
|
|
|
|
var post_id = this.dialog_backup_snapshot.site.site_id;
|
|
var site_name = this.dialog_backup_snapshot.site.name;
|
|
var environment = this.dialog_backup_snapshot.site.environment_selected;
|
|
|
|
// Start job
|
|
description = "Downloading snapshot for " + site_name;
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': post_id,
|
|
'command': 'snapshot',
|
|
'environment': environment,
|
|
'value': this.dialog_backup_snapshot.email,
|
|
'notes': "User requested full snapshot"
|
|
};
|
|
|
|
if ( this.dialog_backup_snapshot.filter_toggle === false ) {
|
|
data.filters = this.dialog_backup_snapshot.filter_options
|
|
description = this.dialog_backup_snapshot.filter_options.join(", ").replace(/,([^,]*)$/,' and$1');
|
|
data.notes = "User requested snapshot containing " + description;
|
|
}
|
|
|
|
self = this;
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// Updates job id with reponsed background job id
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data )
|
|
self.snackbar.message = "Generating snapshot for "+ self.dialog_backup_snapshot.site.name + ".";
|
|
self.snackbar.show = true;
|
|
self.dialog_backup_snapshot.site = {};
|
|
self.dialog_backup_snapshot.show = false;
|
|
self.dialog_backup_snapshot.email = self.dialog_backup_snapshot.current_user_email;
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
copySite( site_id ) {
|
|
site = this.dialog_site.site
|
|
site_name = site.name;
|
|
this.dialog_copy_site.show = true;
|
|
this.dialog_copy_site.site = site;
|
|
this.dialog_copy_site.options = this.sites.map(site => {
|
|
option = { name: site.name, id: site.site_id };
|
|
return option;
|
|
}).filter(option => option.name != site_name );
|
|
|
|
this.sites.map(site => site.name).filter(site => site != site_name );
|
|
},
|
|
editSite() {
|
|
this.dialog_edit_site.site = JSON.parse ( JSON.stringify ( this.dialog_site.site ) )
|
|
this.dialog_site.step = 4
|
|
},
|
|
deleteSite( site_id ) {
|
|
site = this.dialog_site.site
|
|
site_name = site.name;
|
|
should_proceed = confirm("Delete site " + site_name + "?");
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
// Start job
|
|
description = "Deleting site " + site_name;
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued"});
|
|
this.dialog_site.step = 1
|
|
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'command': 'deleteSite',
|
|
'post_id': site.site_id
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.goToPath( '/sites' )
|
|
this.jobs.filter(job => job.job_id == job_id)[0].status = "done"
|
|
this.sites = this.sites.filter( site => site.site_id != site_id )
|
|
this.snackbar.message = "Deleting site "+ site_name + "."
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
startCopySite() {
|
|
site_name = this.dialog_copy_site.site.name;
|
|
destination_id = this.dialog_copy_site.destination;
|
|
site_name_destination = this.sites.filter(site => site.site_id == destination_id)[0].name;
|
|
should_proceed = confirm("Copy site " + site_name + " to " + site_name_destination);
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
var post_id = this.dialog_copy_site.site.site_id;
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': post_id,
|
|
'command': 'copy',
|
|
'value': this.dialog_copy_site.destination
|
|
};
|
|
|
|
self = this;
|
|
|
|
// Start job
|
|
description = "Coping "+ site_name + " to " + site_name_destination;
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// Updates job id with reponsed background job id
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data );
|
|
self.dialog_copy_site.site = {};
|
|
self.dialog_copy_site.show = false;
|
|
this.dialog_copy_site.destination = "";
|
|
this.dialog_copy_site.options = [];
|
|
self.snackbar.message = description;
|
|
self.snackbar.show = true;
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
applyHttpsUrls( command ) {
|
|
|
|
site_id = this.dialog_apply_https_urls.site_id
|
|
site_name = this.dialog_apply_https_urls.site_name
|
|
|
|
if ( Array.isArray( site_id ) ) {
|
|
environment = this.dialog_bulk.environment_selected
|
|
} else {
|
|
environment = this.dialog_site.environment_selected.environment
|
|
}
|
|
|
|
should_proceed = confirm("Will apply ssl urls to '"+site_name+"'. Proceed?");
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
// Start job
|
|
description = "Applying HTTPS urls to " + site_name;
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'environment': environment,
|
|
'post_id': site_id,
|
|
'command': command,
|
|
};
|
|
|
|
self = this;
|
|
|
|
// since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// Updates job id with reponsed background job id
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data );
|
|
self.dialog_apply_https_urls.site_id = "";
|
|
self.dialog_apply_https_urls.site_name = "";
|
|
self.dialog_apply_https_urls.show = false;
|
|
self.snackbar.message = "Applying HTTPS Urls";
|
|
self.snackbar.show = true;
|
|
});
|
|
},
|
|
fetchProcessLogs() {
|
|
this.dialog_log_history.show = true;
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
command: 'fetchProcessLogs',
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_log_history.logs = response.data;
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
showLogEntry( site_id ){
|
|
site = this.dialog_site.site
|
|
this.dialog_new_log_entry.show = true;
|
|
this.dialog_new_log_entry.sites = [];
|
|
this.dialog_new_log_entry.sites.push( site );
|
|
this.dialog_new_log_entry.site_name = site.name;
|
|
},
|
|
exportTaskResults() {
|
|
unique_name = this.dialog_job.task.job_id.substring( 0, 10 )
|
|
this.$refs.export_task.download = `task-${unique_name}.json`;
|
|
this.$refs.export_task.href = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify({
|
|
description: this.dialog_job.task.description,
|
|
results: this.dialog_job.task.stream
|
|
}, null, 2));
|
|
this.$refs.export_task.click();
|
|
},
|
|
exportTimeline() {
|
|
this.$refs.export_json.download = "timeline.json";
|
|
this.$refs.export_json.href = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify({
|
|
site: {
|
|
name: this.dialog_site.site.name,
|
|
site_id: this.dialog_site.site.site_id,
|
|
},
|
|
entries: this.dialog_site.site.timeline
|
|
}, null, 2));
|
|
this.$refs.export_json.click();
|
|
},
|
|
showLogEntryBulk() {
|
|
this.dialog_new_log_entry.show = true;
|
|
this.dialog_new_log_entry.sites = this.sites_selected;
|
|
this.dialog_new_log_entry.site_name = this.sites_selected.length + " sites";
|
|
},
|
|
showLogEntryGeneric() {
|
|
this.dialog_new_log_entry.show = true;
|
|
this.dialog_new_log_entry.sites = [];
|
|
},
|
|
newLogEntry() {
|
|
site_ids = this.dialog_new_log_entry.sites.map( s => s.site_id )
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
post_id: site_ids,
|
|
process_id: this.dialog_new_log_entry.process,
|
|
command: 'newLogEntry',
|
|
value: this.dialog_new_log_entry.description
|
|
}
|
|
this.dialog_new_log_entry.show = false
|
|
this.dialog_new_log_entry.sites = []
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
Object.keys(response.data).forEach( site_id => {
|
|
if ( site_id == this.dialog_site.site.site_id ) {
|
|
this.dialog_site.site.timeline = response.data[site_id]
|
|
}
|
|
})
|
|
this.dialog_new_log_entry.sites = []
|
|
this.dialog_new_log_entry.site_name = ""
|
|
this.dialog_new_log_entry.description = ""
|
|
this.dialog_new_log_entry.process = ""
|
|
})
|
|
.catch( error => console.log( error ) )
|
|
},
|
|
updateLogEntry() {
|
|
site_id = this.dialog_edit_log_entry.log.websites.map( s => s.site_id )
|
|
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
command: 'updateLogEntry',
|
|
post_id: site_id,
|
|
log: this.dialog_edit_log_entry.log,
|
|
};
|
|
|
|
this.dialog_edit_log_entry.show = false
|
|
this.dialog_edit_log_entry.sites = []
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
Object.keys(response.data).forEach( site_id => {
|
|
if ( site_id == this.dialog_site.site.site_id ) {
|
|
this.dialog_site.site.timeline = response.data[site_id]
|
|
}
|
|
})
|
|
this.dialog_edit_log_entry.log = {}
|
|
})
|
|
.catch( error => console.log( error ) )
|
|
},
|
|
editLogEntry( site_id, log_id ) {
|
|
|
|
// If not assigned that's fine but at least assign as string.
|
|
if ( site_id == "" ) {
|
|
site_id = "Not found";
|
|
}
|
|
|
|
if ( typeof site_id == "object" ) {
|
|
site_id = site_id[0].site_id;
|
|
}
|
|
|
|
site = this.dialog_site.site
|
|
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
command: 'fetchProcessLog',
|
|
post_id: site_id,
|
|
value: log_id,
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_edit_log_entry.log = response.data;
|
|
this.dialog_edit_log_entry.show = true;
|
|
if ( typeof site !== "undefined" ) {
|
|
this.dialog_edit_log_entry.site = site;
|
|
} else {
|
|
this.dialog_edit_log_entry.site = {};
|
|
}
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
viewProcess( process_id ) {
|
|
|
|
process = this.processes.filter( process => process.process_id == process_id )[0];
|
|
this.dialog_handbook.process = process;
|
|
this.dialog_handbook.process.description = "Loading...";
|
|
this.dialog_handbook.show = true;
|
|
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
post_id: process_id,
|
|
command: 'fetchProcess',
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_handbook.process = response.data
|
|
})
|
|
.catch( error => console.log( error ) )
|
|
|
|
},
|
|
editProcess() {
|
|
this.dialog_handbook.show = false
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
post_id: this.dialog_handbook.process.process_id,
|
|
command: 'fetchProcessRaw',
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_edit_process.process = response.data;
|
|
this.dialog_edit_process.show = true;
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
saveProcess() {
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
command: 'saveProcess',
|
|
value: this.dialog_edit_process.process
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.fetchProcesses()
|
|
this.dialog_edit_process = { show: false, process: {} }
|
|
})
|
|
.catch( error => console.log( error ) )
|
|
},
|
|
addNewProcess() {
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
command: 'newProcess',
|
|
value: this.new_process
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.fetchProcesses()
|
|
this.new_process = { show: false, name: "", time_estimate: "", repeat_interval: "as-needed", repeat_quantity: "", roles: "", description: "" }
|
|
})
|
|
.catch( error => console.log( error ) )
|
|
|
|
},
|
|
addNewKey() {
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
command: 'newKey',
|
|
value: this.new_key
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.keys.unshift( response.data );
|
|
this.new_key = { show: false, title: "", key: "" };
|
|
this.snackbar.message = "New SSH key added.";
|
|
this.snackbar.show = true;
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
viewKey( key_id ) {
|
|
key = this.keys.filter( key => key.key_id == key_id )[0];
|
|
this.dialog_key.key = key;
|
|
this.dialog_key.key.key = "";
|
|
this.dialog_key.show = true;
|
|
},
|
|
setKeyAsPrimary() {
|
|
key_title = this.dialog_key.key.title
|
|
should_proceed = confirm(`Set SSH key '${key_title}' as primary key?`);
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
command: 'setKeyAsPrimary',
|
|
value: this.dialog_key.key
|
|
};
|
|
key = this.keys.filter( key => key.key_id == this.dialog_key.key.key_id )[0]
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.fetchKeys()
|
|
this.dialog_key = { show: false, key: {} }
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
updateKey() {
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
command: 'updateKey',
|
|
value: this.dialog_key.key
|
|
};
|
|
key = this.keys.filter( key => key.key_id == this.dialog_key.key.key_id )[0];
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.keys = this.keys.filter( key => key.key_id != this.dialog_key.key.key_id )
|
|
this.dialog_key = { show: false, key: {} };
|
|
this.keys.push( response.data );
|
|
this.keys.sort((a, b) => (a.title > b.title) ? 1 : -1)
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
deleteKey() {
|
|
delete_key = this.keys.filter( key => key.key_id == this.dialog_key.key.key_id )[0];
|
|
should_proceed = confirm(`Delete SSH key '${delete_key.title}'?`);
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
command: 'deleteKey',
|
|
value: this.dialog_key.key.key_id
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.keys = this.keys.filter( key => key.key_id != this.dialog_key.key.key_id )
|
|
this.dialog_key = { show: false, key: {} };
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
fetchInviteInfo(){
|
|
var data = {
|
|
action: 'captaincore_local',
|
|
command: 'fetchInvite',
|
|
value: this.fetchInvite
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.new_invite = response.data
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
newUser( dialog ) {
|
|
var data = {
|
|
action: 'captaincore_local',
|
|
command: 'newUser',
|
|
value: this.dialog_new_user,
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
if ( response.data.errors ) {
|
|
this.dialog_new_user.errors = response.data.errors
|
|
return
|
|
}
|
|
this.fetchUsers()
|
|
this.snackbar.message = "New user added."
|
|
this.snackbar.show = true
|
|
dialog.value = false
|
|
this.dialog_new_user = { first_name: "", last_name: "", email: "", login: "", account_ids: [], errors: [] }
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
disableTFA() {
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/me/tfa_deactivate`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
if ( response.data ) {
|
|
this.profile.tfa_activate = false
|
|
this.profile.tfa_enabled = false
|
|
this.snackbar.message = "Two-Factor Authentication has been disabled."
|
|
this.snackbar.show = true
|
|
return
|
|
}
|
|
this.snackbar.message = "Token is not valid."
|
|
})
|
|
},
|
|
enableTFA() {
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/me/tfa_activate`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.profile.tfa_uri = response.data
|
|
this.profile.tfa_token = response.data.split("=").pop()
|
|
let tfa_qr_code = document.getElementById("tfa_qr_code")
|
|
tfa_qr_code.innerHTML = ""
|
|
let qr_code = kjua({
|
|
crisp: false,
|
|
render: 'canvas',
|
|
text: this.profile.tfa_uri,
|
|
size: "150",
|
|
})
|
|
tfa_qr_code.appendChild(qr_code)
|
|
this.profile.tfa_activate = true
|
|
})
|
|
},
|
|
activateTFA() {
|
|
axios.post(
|
|
`/wp-json/captaincore/v1/me/tfa_validate`, {
|
|
token: this.login.tfa_code
|
|
}, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
if ( response.data ) {
|
|
this.profile.tfa_activate = false
|
|
this.profile.tfa_enabled = true
|
|
this.snackbar.message = "Two-Factor Authentication has been enabled."
|
|
this.snackbar.show = true
|
|
return
|
|
}
|
|
this.snackbar.message = "Token is not valid."
|
|
this.snackbar.show = true
|
|
})
|
|
},
|
|
|
|
cancelTFA() {
|
|
let tfa_qr_code = document.getElementById("tfa_qr_code")
|
|
tfa_qr_code.innerHTML = ""
|
|
this.profile.tfa_uri = ""
|
|
this.profile.tfa_activate = false
|
|
},
|
|
updateAccount() {
|
|
var data = {
|
|
action: 'captaincore_local',
|
|
command: 'updateAccount',
|
|
value: this.profile,
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
if ( response.data.errors ) {
|
|
this.profile.errors = response.data.errors
|
|
return
|
|
}
|
|
this.snackbar.message = "Account updated."
|
|
this.snackbar.show = true
|
|
this.current_user_display_name = response.data.profile.display_name
|
|
this.profile.errors = []
|
|
this.profile.new_password = ""
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
createAccount(){
|
|
axios.post( '/wp-json/captaincore/v1/login/', {
|
|
command: "createAccount",
|
|
login: this.new_account,
|
|
invite: this.fetchInvite,
|
|
})
|
|
.then( response => {
|
|
if ( response.data.errors ) {
|
|
this.snackbar.message = response.data.errors.join(", ")
|
|
this.snackbar.show = true
|
|
return
|
|
}
|
|
this.snackbar.message = "New account created. Logging in..."
|
|
this.snackbar.show = true
|
|
window.location = "/account"
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
removeAccountAccess( user_id ) {
|
|
email = this.dialog_account.records.users.filter( u => u.user_id == user_id )[0].email
|
|
should_proceed = confirm(`Remove access for user ${email}?`);
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
var data = {
|
|
action: 'captaincore_local',
|
|
command: 'removeAccountAccess',
|
|
value: user_id,
|
|
account: this.dialog_account.records.account.account_id
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_account.records.users = this.dialog_account.records.users.filter( u => u.user_id != user_id )
|
|
this.snackbar.message = `Removed access for user ${email}.`
|
|
this.snackbar.show
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/accounts', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.accounts = response.data;
|
|
});
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
deleteInvite( invite_id ) {
|
|
email = this.dialog_account.records.invites.filter( i => i.invite_id == invite_id )[0].email
|
|
should_proceed = confirm(`Delete invite ${email}?`);
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
if ( invite_id == "" ) {
|
|
return
|
|
}
|
|
var data = {
|
|
action: 'captaincore_account',
|
|
command: 'deleteInvite',
|
|
account_id: this.dialog_account.records.account.account_id,
|
|
value: invite_id
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_account.records.invites = this.dialog_account.records.invites.filter( i => i.invite_id != invite_id )
|
|
this.snackbar.message = "Invite deleted."
|
|
this.snackbar.show
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
acceptInvite() {
|
|
var data = {
|
|
action: 'captaincore_local',
|
|
command: 'acceptInvite',
|
|
value: this.fetchInvite
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
window.history.pushState({}, document.title, window.location.origin + window.location.pathname );
|
|
this.querystring = ""
|
|
this.route = ""
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/accounts', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.accounts = response.data;
|
|
});
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
cancelInvite() {
|
|
window.history.pushState({}, document.title, window.location.origin + window.location.pathname );
|
|
this.querystring = ""
|
|
this.route = ""
|
|
},
|
|
editUser( user_id ) {
|
|
var data = {
|
|
action: 'captaincore_local',
|
|
command: 'fetchUser',
|
|
value: user_id
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_user.user = response.data
|
|
this.dialog_user.show = true;
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
saveUser() {
|
|
var data = {
|
|
action: 'captaincore_local',
|
|
command: 'saveUser',
|
|
value: this.dialog_user.user
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
if ( response.data.errors ) {
|
|
this.dialog_user.errors = response.data.errors
|
|
return
|
|
}
|
|
this.fetchAllUsers()
|
|
this.snackbar.message = "User updated."
|
|
this.snackbar.show = true
|
|
this.dialog_user.show = false
|
|
this.dialog_user.errors = []
|
|
this.dialog_user.user = {}
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
deletePaymentMethod( token ) {
|
|
card = this.billing.payment_methods.filter( p => p.token == token )[0]
|
|
should_proceed = confirm(`Delete payment method ${card.method.brand} ending in ${card.method.last4} with expiration ${card.expires}?`);
|
|
|
|
if ( ! should_proceed ) {
|
|
return
|
|
}
|
|
|
|
var data = {
|
|
action: 'captaincore_account',
|
|
command: 'deletePaymentMethod',
|
|
value: token
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
if ( response.data.errors ) {
|
|
console.log( response.data.errors )
|
|
return
|
|
}
|
|
this.fetchBilling()
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
setAsPrimary( token ) {
|
|
var data = {
|
|
action: 'captaincore_account',
|
|
command: 'setAsPrimary',
|
|
value: token
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
if ( response.data.errors ) {
|
|
console.log( response.data.errors )
|
|
return
|
|
}
|
|
this.fetchBilling()
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
prepNewPayment() {
|
|
elements = stripe.elements()
|
|
style = {
|
|
base: {
|
|
color: "#32325d",
|
|
fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
|
|
fontSmoothing: "antialiased",
|
|
fontSize: "16px",
|
|
"::placeholder": {
|
|
color: "#aab7c4"
|
|
}
|
|
},
|
|
invalid: {
|
|
color: "#fa755a",
|
|
iconColor: "#fa755a"
|
|
}
|
|
}
|
|
this.new_payment.card = elements.create("card", { style: style })
|
|
this.new_payment.card.mount("#new-card-element")
|
|
},
|
|
downloadPDF() {
|
|
var data = {
|
|
action: 'captaincore_local',
|
|
command: 'downloadPDF',
|
|
value: this.dialog_invoice.response.order_id
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ), { responseType: 'blob' })
|
|
.then( response => {
|
|
newBlob = new Blob([response.data], {type: "application/pdf"})
|
|
this.$refs.download_pdf.download = `invoice-${this.dialog_invoice.response.order_id}.pdf`;
|
|
this.$refs.download_pdf.href = window.URL.createObjectURL(newBlob);
|
|
this.$refs.download_pdf.click();
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
showInvoice( order_id ) {
|
|
this.dialog_invoice.loading = true
|
|
var data = {
|
|
action: 'captaincore_local',
|
|
command: 'fetchInvoice',
|
|
value: order_id
|
|
};
|
|
this.dialog_billing.step = 2
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
if ( response.data.errors ) {
|
|
this.dialog_user.errors = response.data.errors
|
|
return
|
|
}
|
|
this.dialog_invoice.response = response.data
|
|
this.dialog_invoice.payment_method = this.billing.payment_method
|
|
if ( typeof this.dialog_invoice.payment_method == 'undefined' ) {
|
|
this.dialog_invoice.payment_method = "new"
|
|
}
|
|
if ( this.dialog_invoice.response.status == 'pending' || this.dialog_invoice.response.status == 'failed' ) {
|
|
elements = stripe.elements()
|
|
style = {
|
|
base: {
|
|
color: "#32325d",
|
|
fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
|
|
fontSmoothing: "antialiased",
|
|
fontSize: "16px",
|
|
"::placeholder": {
|
|
color: "#aab7c4"
|
|
}
|
|
},
|
|
invalid: {
|
|
color: "#fa755a",
|
|
iconColor: "#fa755a"
|
|
}
|
|
}
|
|
this.dialog_invoice.card = elements.create("card", { style: style })
|
|
this.dialog_invoice.card.mount("#card-element")
|
|
}
|
|
this.dialog_invoice.loading = false
|
|
this.dialog_invoice.show = true
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
payInvoice( invoice_id ) {
|
|
if ( ! this.$refs.billing_form.validate() ) {
|
|
this.snackbar.message = "Missing billing information"
|
|
this.snackbar.show = true
|
|
return
|
|
}
|
|
|
|
this.dialog_invoice.paying = true
|
|
this.updateBilling()
|
|
invoice_id = this.dialog_invoice.response.order_id
|
|
self = this
|
|
|
|
if ( this.dialog_invoice.payment_method == 'new' ) {
|
|
stripe.createSource( this.dialog_invoice.card, {
|
|
type: "card",
|
|
currency: 'usd',
|
|
owner: {
|
|
name: this.billing.address.first_name + " " + this.billing.address.last_name,
|
|
email: this.billing.address.email,
|
|
address: {
|
|
city: this.billing.address.city,
|
|
country: this.billing.address.country,
|
|
line1: this.billing.address.address_1,
|
|
line2: this.billing.address.address_2,
|
|
postal_code: this.billing.address.postcode,
|
|
state: this.billing.address.state,
|
|
},
|
|
},
|
|
}).then(function(result) {
|
|
if ( result.error ) {
|
|
self.dialog_invoice.paying = false
|
|
self.dialog_invoice.error = result.error.message
|
|
return
|
|
}
|
|
var data = {
|
|
action: 'captaincore_account',
|
|
command: 'payInvoice',
|
|
value: invoice_id,
|
|
source_id: result.source.id,
|
|
}
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.dialog_invoice.paying = false
|
|
self.showInvoice( invoice_id )
|
|
self.fetchBilling()
|
|
})
|
|
})
|
|
return
|
|
}
|
|
|
|
var data = {
|
|
action: 'captaincore_account',
|
|
command: 'payInvoice',
|
|
value: invoice_id,
|
|
payment_id: this.dialog_invoice.payment_method,
|
|
}
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_invoice.paying = false
|
|
this.showInvoice( invoice_id )
|
|
this.fetchBilling()
|
|
})
|
|
},
|
|
addPaymentMethod() {
|
|
self = this
|
|
stripe.createSource( this.new_payment.card, {
|
|
type: "card",
|
|
currency: 'usd',
|
|
owner: {
|
|
name: this.billing.address.first_name + " " + this.billing.address.last_name,
|
|
email: this.billing.address.email,
|
|
address: {
|
|
city: this.billing.address.city,
|
|
country: this.billing.address.country,
|
|
line1: this.billing.address.address_1,
|
|
line2: this.billing.address.address_2,
|
|
postal_code: this.billing.address.postcode,
|
|
state: this.billing.address.state,
|
|
},
|
|
},
|
|
}).then(function(result) {
|
|
if ( result.error ) {
|
|
self.new_payment.error = result.error.message
|
|
}
|
|
var data = {
|
|
action: 'captaincore_account',
|
|
command: 'addPaymentMethod',
|
|
value: result.source.id
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.fetchBilling()
|
|
self.new_payment = { card: {}, show: false, error: "" }
|
|
})
|
|
.catch( error => console.log( error ) )
|
|
})
|
|
},
|
|
showAccount( account_id ) {
|
|
account = this.accounts.filter( account => account.account_id == account_id )[0];
|
|
var data = {
|
|
action: 'captaincore_local',
|
|
command: 'fetchAccount',
|
|
value: account_id
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_account.records = response.data
|
|
this.dialog_account.show = true;
|
|
this.dialog_account.step = 2;
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
accountBulkTools() {
|
|
this.view_console.show = true
|
|
this.openConsole( 3 )
|
|
this.sites_selected = this.dialog_account.records.sites
|
|
},
|
|
editAccount() {
|
|
this.dialog_edit_account.show = true
|
|
this.dialog_edit_account.account = this.dialog_account.records.account
|
|
},
|
|
createSiteAccount() {
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
command: 'createSiteAccount',
|
|
value: this.dialog_new_account.name
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.fetchAccounts()
|
|
this.dialog_new_account.show = false
|
|
this.dialog_new_account.name = ""
|
|
this.dialog_account.step = 1
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
updateSiteAccount() {
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
command: 'updateSiteAccount',
|
|
value: this.dialog_edit_account.account
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.fetchAccounts()
|
|
this.dialog_edit_account.show = false
|
|
this.showAccount( this.route_path )
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
updateDomainAccount() {
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
command: 'updateDomainAccount',
|
|
value: this.dialog_domain.accounts,
|
|
domain_id: this.dialog_domain.domain.domain_id
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// If error then response
|
|
if ( response.data.errors ) {
|
|
this.snackbar.message = error
|
|
this.snackbar.show = true
|
|
return
|
|
}
|
|
this.snackbar.message = "Domain updated"
|
|
this.snackbar.show = true
|
|
})
|
|
.catch( error => {
|
|
this.snackbar.message = error
|
|
this.snackbar.show = true
|
|
});
|
|
},
|
|
deleteAccount() {
|
|
account = this.dialog_account.records.account
|
|
|
|
should_proceed = confirm("Delete account " + account.name +"?");
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
// Start job
|
|
description = "Deleting account " + account.name;
|
|
this.dialog_site.step = 1
|
|
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'command': 'deleteAccount',
|
|
'post_id': account.account_id
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// Remove item
|
|
this.accounts = this.accounts.filter( a => a.account_id != account.account_id )
|
|
this.snackbar.message = "Deleting account "+ account.name + "."
|
|
this.goToPath( '/accounts' )
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
sendAccountInvite() {
|
|
var data = {
|
|
action: 'captaincore_account',
|
|
command: 'sendAccountInvite',
|
|
account_id: this.dialog_account.records.account.account_id,
|
|
invite: this.dialog_account.new_invite_email
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.snackbar.message = response.data.message
|
|
this.snackbar.show = true
|
|
this.dialog_account.new_invite_email = ""
|
|
this.dialog_account.new_invite = false
|
|
this.showAccount( this.dialog_account.records.account.account_id )
|
|
})
|
|
|
|
},
|
|
editRecipe( recipe_id ) {
|
|
recipe = this.recipes.filter( recipe => recipe.recipe_id == recipe_id )[0];
|
|
this.dialog_cookbook.recipe = recipe;
|
|
this.dialog_cookbook.show = true;
|
|
},
|
|
loadRecipe( recipe_id ) {
|
|
recipe = this.recipes.filter( recipe => recipe.recipe_id == recipe_id )[0];
|
|
this.snackbar.message = "Recipe '"+ recipe.title +"' loaded.";
|
|
this.snackbar.show = true;
|
|
this.custom_script = recipe.content;
|
|
},
|
|
runRecipe( recipe_id, site_id ) {
|
|
recipe = this.recipes.filter( recipe => recipe.recipe_id == recipe_id )[0];
|
|
site_name = this.dialog_site.environment_selected.home_url
|
|
site_name = site_name.replace( "https://www.", "" ).replace( "https://", "" ).replace( "http://www.", "" ).replace( "http://", "" )
|
|
|
|
should_proceed = confirm( `Run recipe '${recipe.title}' on ${site_name}?` );
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
var data = {
|
|
action: 'captaincore_install',
|
|
post_id: site.site_id,
|
|
command: 'recipe',
|
|
environment: this.dialog_site.environment_selected.environment,
|
|
value: recipe_id
|
|
};
|
|
|
|
description = `Run recipe '${recipe.title}' on ${site_name}`
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", "command": "recipe", stream: []});
|
|
|
|
self = this;
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data )
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
runRecipeBulk( recipe_id ){
|
|
|
|
sites = this.sites_selected;
|
|
site_ids = sites.map( s => s.site_id );
|
|
recipe = this.recipes.filter( recipe => recipe.recipe_id == recipe_id )[0];
|
|
|
|
should_proceed = confirm("Run recipe '"+ recipe.title +"' on " + sites.length + " sites?");
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
var data = {
|
|
action: 'captaincore_install',
|
|
post_id: site_ids,
|
|
command: 'recipe',
|
|
environment: this.dialog_bulk.environment_selected,
|
|
value: recipe_id
|
|
};
|
|
|
|
description = "Run recipe '"+ recipe.title +"' on '" + sites.length + "'";
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", "command": "recipe", stream: []});
|
|
|
|
self = this;
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data )
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
updateRecipe() {
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
command: 'updateRecipe',
|
|
value: this.dialog_cookbook.recipe
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_cookbook.show = false;
|
|
this.recipes = response.data;
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
addRecipe() {
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
command: 'newRecipe',
|
|
value: this.new_recipe
|
|
};
|
|
self = this;
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.new_recipe = { show: false, title: "", content: "" };
|
|
self.recipes = response.data;
|
|
self.new_recipe = { title: "", content: "" };
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
viewMailgunLogs() {
|
|
this.dialog_mailgun = { show: true, site: this.dialog_site.site, response: { items: [], pagination: [] }, loading: true, pagination: {} };
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
post_id: this.dialog_site.site.site_id,
|
|
command: 'mailgun'
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_mailgun.loading = false;
|
|
this.dialog_mailgun.response = response.data;
|
|
})
|
|
.catch( error => {
|
|
this.snackbar.message = "Failed loading logs from Mailgun. Please try again."
|
|
this.snackbar.show = true
|
|
this.dialog_mailgun.loading = false
|
|
console.log( error )
|
|
} );
|
|
},
|
|
fetchMailgunPage() {
|
|
// If we are on the last page and the number records are at max, check for new records
|
|
if ( this.dialog_mailgun.pagination.page * 100 == this.dialog_mailgun.response.items.length ) {
|
|
this.dialog_mailgun.loading = true;
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
post_id: this.dialog_mailgun.site.site_id,
|
|
command: 'mailgun',
|
|
page: this.dialog_mailgun.response.pagination["next"],
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_mailgun.loading = false;
|
|
this.dialog_mailgun.response.pagination = response.data.pagination
|
|
response.data.items.forEach( item => this.dialog_mailgun.response.items.push( item ) )
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
}
|
|
},
|
|
launchSiteDialog( site_id ) {
|
|
site = this.sites.filter( site => site.site_id == site_id )[0];
|
|
this.dialog_launch.site = site
|
|
this.dialog_launch.show = true
|
|
},
|
|
launchSite() {
|
|
|
|
if ( this.dialog_launch.domain == "" ) {
|
|
this.snackbar.message = "Domain is required. Launch cancelled.";
|
|
this.snackbar.show = true;
|
|
return
|
|
}
|
|
|
|
site = this.dialog_launch.site
|
|
|
|
var data = {
|
|
action: 'captaincore_install',
|
|
post_id: site.site_id,
|
|
command: 'launch',
|
|
value: this.dialog_launch.domain
|
|
};
|
|
|
|
description = "Lauching site '" + site.name + "'";
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", "command": "manage", stream: []});
|
|
|
|
self = this;
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.dialog_launch.site = {};
|
|
self.dialog_launch.domain = "";
|
|
self.dialog_launch.show = false;
|
|
self.runCommand( response.data )
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
captureCheck() {
|
|
environment = this.dialog_site.environment_selected.environment
|
|
axios.get( `/wp-json/captaincore/v1/sites/${site.site_id}/${environment}/captures/new`, {
|
|
headers: { 'X-WP-Nonce':this.wp_nonce }
|
|
})
|
|
.then( response => {
|
|
this.dialog_captures.show = false
|
|
this.snackbar.message = `Generating new capture if site changes detected.`
|
|
this.snackbar.show = true
|
|
|
|
});
|
|
},
|
|
showCaptures( site_id ) {
|
|
this.dialog_captures.site = this.dialog_site.site
|
|
environment = this.dialog_site.environment_selected
|
|
this.dialog_captures.pages = environment.capture_pages
|
|
if ( environment.details.auth ) {
|
|
this.dialog_captures.auth = environment.details.auth
|
|
}
|
|
if ( environment.capture_pages == "" || environment.capture_pages == null ) {
|
|
this.dialog_captures.pages = [{ page: "/" }]
|
|
}
|
|
this.dialog_captures.loading = true
|
|
this.dialog_captures.show = true;
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/site/${site_id}/${this.dialog_site.environment_selected.environment.toLowerCase()}/captures`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.dialog_captures.image_path = this.remote_upload_uri + this.dialog_site.site.site + "_" + this.dialog_site.site.site_id + "/" + this.dialog_site.environment_selected.environment.toLowerCase() + "/captures/"
|
|
this.dialog_captures.captures = response.data
|
|
if ( this.dialog_captures.captures.length > 0 ) {
|
|
this.dialog_captures.capture = this.dialog_captures.captures[0]
|
|
this.dialog_captures.selected_page = this.dialog_captures.capture.pages[0]
|
|
}
|
|
this.dialog_captures.loading = false
|
|
});
|
|
},
|
|
switchCapture() {
|
|
this.dialog_captures.selected_page = this.dialog_captures.capture.pages[0]
|
|
},
|
|
closeCaptures() {
|
|
this.dialog_captures = { site: {}, auth: { username: "", password: ""}, pages: [{ page: ""}], capture: { pages: [] }, image_path:"", selected_page: "", captures: [], mode: "screenshot", loading: true, show: false, show_configure: false }
|
|
},
|
|
addAdditionalCapturePage() {
|
|
this.dialog_captures.pages.push({ page: "/" });
|
|
},
|
|
updateCaptureConfigurations() {
|
|
site_id = this.dialog_captures.site.site_id
|
|
environment = this.dialog_site.environment_selected.environment
|
|
axios.post( `/wp-json/captaincore/v1/sites/${site_id}/${environment}/captures`, {
|
|
pages: this.dialog_captures.pages,
|
|
auth: this.dialog_captures.auth
|
|
}, {
|
|
headers: { 'X-WP-Nonce':this.wp_nonce }
|
|
})
|
|
.then( response => {
|
|
this.dialog_captures.show = false;
|
|
this.dialog_captures.pages = [];
|
|
this.dialog_captures.auth = { username: "", password: "" }
|
|
});
|
|
},
|
|
addAdditionalPlan() {
|
|
this.configurations.hosting_plans.push( {"name":"","price":"","limits":{"visits":"","storage":"","sites":""}})
|
|
},
|
|
deletePlan(index) {
|
|
this.configurations.hosting_plans.splice( index, 1 )
|
|
},
|
|
toggleSite( site_id ) {
|
|
site = this.sites.filter( site => site.site_id == site_id )[0]
|
|
this.dialog_toggle.show = true
|
|
this.dialog_toggle.site_id = site.site_id
|
|
this.dialog_toggle.site_name = site.name
|
|
this.dialog_toggle.business_name = this.configurations.name
|
|
this.dialog_toggle.business_link = this.configurations.url
|
|
},
|
|
toggleSiteBulk() {
|
|
sites = this.sites_selected
|
|
site_ids = this.sites_selected.map( s => s.site_id )
|
|
site_name = sites.length + " sites"
|
|
this.dialog_toggle.show = true
|
|
this.dialog_toggle.site_id = site_ids
|
|
this.dialog_toggle.site_name = site_name
|
|
this.dialog_toggle.business_name = this.configurations.name
|
|
this.dialog_toggle.business_link = this.configurations.url
|
|
},
|
|
resetPermissions( site_id ) {
|
|
site = this.dialog_site.site
|
|
site_name = this.dialog_site.environment_selected.home_url
|
|
site_name = site_name.replace( "https://www.", "" ).replace( "https://", "" ).replace( "http://www.", "" ).replace( "http://", "" )
|
|
|
|
should_proceed = confirm( `Reset file permissions to defaults on ${site_name}?` )
|
|
description = `Resetting file permissions to defaults on ${site_name}`
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
var data = {
|
|
action: 'captaincore_install',
|
|
environment: this.dialog_site.environment_selected.environment,
|
|
post_id: site_id,
|
|
command: 'reset-permissions'
|
|
};
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// Updates job id with reponsed background job id
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
this.runCommand( response.data )
|
|
this.snackbar.message = description;
|
|
this.snackbar.show = true;
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
switchSite() {
|
|
if ( this.selected_site ) {
|
|
this.dialog_site.site = this.selected_site
|
|
this.goToPath( `/sites/${this.dialog_site.site.site_id}` )
|
|
}
|
|
},
|
|
showSite( site ) {
|
|
this.selected_site = site
|
|
this.users_search = ""
|
|
this.fetchSiteEnvironments( site.site_id )
|
|
this.fetchSiteDetails( site.site_id )
|
|
show_site = JSON.parse ( JSON.stringify ( site ) )
|
|
show_site.usage_breakdown = []
|
|
show_site.pagination = []
|
|
show_site.pagination['sortBy'] = 'roles'
|
|
show_site.users = []
|
|
show_site.update_logs = []
|
|
show_site.timeline = []
|
|
show_site.shared_with = []
|
|
show_site.loading = false
|
|
show_site.tabs = this.dialog_site.site.tabs
|
|
show_site.tabs_management = this.dialog_site.site.tabs_management
|
|
this.dialog_site.site = show_site
|
|
this.dialog_site.step = 2
|
|
this.dialog_new_site = {
|
|
provider: "kinsta",
|
|
show: false,
|
|
show_vars: false,
|
|
environment_vars: [],
|
|
saving: false,
|
|
domain: "",
|
|
key: "",
|
|
site: "",
|
|
errors: [],
|
|
shared_with: [],
|
|
account_id: "",
|
|
environments: [
|
|
{"environment": "Production", "site": "", "address": "","username":"","password":"","protocol":"sftp","port":"2222","home_directory":"",monitor_enabled: "1",updates_enabled: "1","offload_enabled": false,"offload_provider":"","offload_access_key":"","offload_secret_key":"","offload_bucket":"","offload_path":"" },
|
|
{"environment": "Staging", "site": "", "address": "","username":"","password":"","protocol":"sftp","port":"2222","home_directory":"",monitor_enabled: "0",updates_enabled: "1","offload_enabled": false,"offload_provider":"","offload_access_key":"","offload_secret_key":"","offload_bucket":"","offload_path":"" }
|
|
],
|
|
}
|
|
},
|
|
copySSH( site ) {
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'command': "fetch-site-environments",
|
|
'post_id': site.site_id
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.copyText( response.data[0].ssh )
|
|
});
|
|
},
|
|
fetchPHPmyadmin(){
|
|
site_id = this.dialog_site.site.site_id
|
|
environment = this.dialog_site.environment_selected.environment.toLowerCase()
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/site/${site_id}/${environment}/phpmyadmin`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
window.open( response.data )
|
|
});
|
|
},
|
|
scanErrors( site ) {
|
|
site.loading = true
|
|
|
|
var data = {
|
|
action: 'captaincore_install',
|
|
post_id: site.site_id,
|
|
command: 'scan-errors',
|
|
};
|
|
|
|
description = "Scanning " + site.name + " for errors";
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({ "job_id": job_id, "description": description, "status": "queued", stream: [], "command": "scanErrors", "site_id": site.site_id });
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// Updates job id with responsed background job id
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
this.runCommand( response.data );
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
showSiteMigration( site_id ){
|
|
site = this.dialog_site.site
|
|
this.dialog_migration.sites.push( site );
|
|
this.dialog_migration.show = true;
|
|
this.dialog_migration.site_id = site.site_id
|
|
this.dialog_migration.site_name = site.name;
|
|
},
|
|
validateSiteMigration() {
|
|
if ( this.$refs.formSiteMigration.validate() ) {
|
|
this.siteMigration( this.dialog_migration.site_id );
|
|
}
|
|
},
|
|
siteMigration( site_id ) {
|
|
site = this.dialog_site.site
|
|
site_name = site.name;
|
|
|
|
should_proceed = confirm("Migrate from backup url? This will overwrite the existing site at " + site_name + ".");
|
|
description = "Migrating backup to '" + site_name + "'";
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
var data = {
|
|
action: 'captaincore_install',
|
|
post_id: site_id,
|
|
command: 'migrate',
|
|
value: this.dialog_migration.backup_url,
|
|
update_urls: this.dialog_migration.update_urls,
|
|
environment: this.dialog_site.environment_selected.environment
|
|
};
|
|
|
|
self = this;
|
|
description = "Migrating backup to '" + site_name + "'";
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", "command": "migrate", stream: []});
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data )
|
|
self.snackbar.message = "Migration backup to " + site_name;
|
|
self.snackbar.show = true;
|
|
self.dialog_migration.show = false;
|
|
self.dialog_migration.sites = [];
|
|
self.dialog_migration.backup_url = "";
|
|
self.dialog_migration.update_urls = "";
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
DeactivateSite( site_id ) {
|
|
|
|
site = this.dialog_site.site
|
|
site_name = this.dialog_toggle.site_name;
|
|
|
|
if ( Array.isArray( site_id ) ) {
|
|
environment = this.dialog_bulk.environment_selected;
|
|
} else {
|
|
environment = this.dialog_site.environment_selected.environment
|
|
}
|
|
|
|
var data = {
|
|
action: 'captaincore_install',
|
|
post_id: site_id,
|
|
command: 'deactivate',
|
|
environment: environment,
|
|
name: this.dialog_toggle.business_name,
|
|
link: this.dialog_toggle.business_link
|
|
};
|
|
|
|
self = this;
|
|
description = "Deactivating '" + site_name + "'";
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data )
|
|
self.snackbar.message = "Deactivating " + site_name;
|
|
self.snackbar.show = true;
|
|
self.dialog_toggle.show = false;
|
|
self.dialog_toggle.site_id = "";
|
|
self.dialog_toggle.site_name = "";
|
|
self.dialog_toggle.business_name = "";
|
|
self.dialog_toggle.business_link = "";
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
ActivateSite( site_id ) {
|
|
|
|
site = this.dialog_site.site
|
|
site_name = this.dialog_toggle.site_name;
|
|
|
|
if ( Array.isArray( site_id ) ) {
|
|
environment = this.dialog_bulk.environment_selected
|
|
} else {
|
|
environment = this.dialog_site.environment_selected.environment
|
|
}
|
|
|
|
var data = {
|
|
action: 'captaincore_install',
|
|
post_id: site_id,
|
|
environment: environment,
|
|
command: 'activate'
|
|
};
|
|
|
|
self = this;
|
|
description = "Activating '" + site_name + "'";
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data )
|
|
self.snackbar.message = "Activating " + site_name;
|
|
self.snackbar.show = true;
|
|
self.dialog_toggle.show = false;
|
|
self.dialog_toggle.site_id = "";
|
|
self.dialog_toggle.site_name = "";
|
|
self.dialog_toggle.business_name = "";
|
|
self.dialog_toggle.business_link = "";
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
siteDeploy( site_id ) {
|
|
|
|
site = this.dialog_site.site
|
|
site_name = this.dialog_site.environment_selected.home_url
|
|
site_name = site_name.replace( "https://www.", "" ).replace( "https://", "" ).replace( "http://www.", "" ).replace( "http://", "" )
|
|
|
|
should_proceed = confirm( `Deploy defaults on ${site_name}?` )
|
|
description = `Deploy defaults on ${site_name}`
|
|
|
|
if ( ! should_proceed ) {
|
|
return
|
|
}
|
|
|
|
var data = {
|
|
action: 'captaincore_install',
|
|
environment: this.dialog_site.environment_selected.environment,
|
|
post_id: site_id,
|
|
command: 'deploy-defaults'
|
|
};
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime())
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []})
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// Updates job id with reponsed background job id
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data
|
|
this.runCommand( response.data )
|
|
this.snackbar.message = description
|
|
this.snackbar.show = true
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
siteDeployBulk(){
|
|
|
|
sites = this.sites_selected
|
|
site_ids = sites.map( s => s.site_id )
|
|
should_proceed = confirm("Deploy defaults on " + sites.length + " sites?")
|
|
description = "Deploying defaults on '" + sites.length + " sites'"
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
var data = {
|
|
action: 'captaincore_install',
|
|
environment: this.dialog_bulk.environment_selected,
|
|
post_id: site_ids,
|
|
command: 'deploy-defaults'
|
|
}
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id ,"site_id": site_ids, "command": "manage", "description": description, "status": "queued", stream: []})
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// Updates job id with reponsed background job id
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data
|
|
this.runCommand( response.data )
|
|
this.snackbar.message = description
|
|
this.snackbar.show = true
|
|
})
|
|
.catch( error => console.log( error ) )
|
|
|
|
},
|
|
runCustomCode( site_id ) {
|
|
|
|
site = this.dialog_site.site
|
|
should_proceed = confirm("Deploy custom code on "+site.name+"?");
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
var data = {
|
|
action: 'captaincore_install',
|
|
environment: this.dialog_site.environment_selected.environment,
|
|
post_id: site_id,
|
|
command: 'run',
|
|
value: this.custom_script,
|
|
background: true
|
|
};
|
|
|
|
self = this;
|
|
description = "Deploying custom code on " + this.dialog_site.environment_selected.home_url;
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id, "description": description, "status": "queued", stream: []});
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// Updates job id with reponsed background job id
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data )
|
|
self.snackbar.message = description;
|
|
self.snackbar.show = true;
|
|
self.custom_script = "";
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
runCustomCodeBulk(){
|
|
|
|
sites = this.sites_selected;
|
|
site_ids = sites.map( s => s.site_id );
|
|
should_proceed = confirm("Deploy custom code on "+ sites.length +" sites?");
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
wp_cli = this.custom_script;
|
|
|
|
var data = {
|
|
action: 'captaincore_install',
|
|
environment: this.dialog_bulk.environment_selected,
|
|
post_id: site_ids,
|
|
command: 'run',
|
|
value: this.custom_script,
|
|
background: true
|
|
};
|
|
|
|
self = this;
|
|
description = "Deploying custom code on '" + sites.length + " sites'";
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id, "description": description, "status": "queued", stream: []});
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// Updates job id with reponsed background job id
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data )
|
|
self.snackbar.message = description;
|
|
self.snackbar.show = true;
|
|
self.custom_script = "";
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
fetchTimeline( site_id ) {
|
|
var data = {
|
|
action: 'captaincore_ajax',
|
|
post_id: site_id,
|
|
command: 'timeline'
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_site.site.timeline = response.data
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
addEnvironmentVarNewSite() {
|
|
this.dialog_new_site.environment_vars.push({ key: '', value: '' })
|
|
},
|
|
removeEnvironmentVarNewSite( index ) {
|
|
this.dialog_new_site.environment_vars.splice( index, 1 )
|
|
},
|
|
addEnvironmentVar() {
|
|
this.dialog_edit_site.site.environment_vars.push({ key: '', value: '' })
|
|
},
|
|
removeEnvironmentVar( index ) {
|
|
this.dialog_edit_site.site.environment_vars.splice( index, 1 )
|
|
},
|
|
addDefaultsUser() {
|
|
this.dialog_account.records.account.defaults.users.push({ email: "", first_name: "", last_name: "", role: "administrator", username: "" })
|
|
},
|
|
addGlobalDefaultsUser() {
|
|
this.defaults.users.push({ email: "", first_name: "", last_name: "", role: "administrator", username: "" })
|
|
},
|
|
addProvider() {
|
|
axios.post( '/wp-json/captaincore/v1/providers', {
|
|
provider: this.dialog_new_provider.provider
|
|
}, {
|
|
headers: { 'X-WP-Nonce':this.wp_nonce }
|
|
})
|
|
.then( response => {
|
|
if ( response.data.errors ) {
|
|
this.dialog_new_provider.loading = false
|
|
this.dialog_new_provider.errors = response.data.errors
|
|
return
|
|
}
|
|
this.snackbar.message = `Provider ${this.dialog_new_provider.provider.name} has been added.`
|
|
this.snackbar.show = true
|
|
this.dialog_new_provider = { show: false, provider: { name: "", provider: "", credentials: [ { "name": "", "value": "" } ] }, loading: false, errors: [] }
|
|
this.fetchProviders()
|
|
});
|
|
},
|
|
editProvider( provider ) {
|
|
this.dialog_edit_provider.provider = provider
|
|
this.dialog_edit_provider.show = true
|
|
},
|
|
updateProvider() {
|
|
provider_id = this.dialog_edit_provider.provider.provider_id
|
|
axios.put( `/wp-json/captaincore/v1/providers/${provider_id}`, {
|
|
provider: this.dialog_edit_provider.provider
|
|
}, {
|
|
headers: { 'X-WP-Nonce':this.wp_nonce }
|
|
})
|
|
.then( response => {
|
|
if ( response.data.errors ) {
|
|
this.dialog_edit_provider.loading = false
|
|
this.dialog_edit_provider.errors = response.data.errors
|
|
return
|
|
}
|
|
this.snackbar.message = `Provider ${this.dialog_edit_provider.provider.name} has been updated.`
|
|
this.snackbar.show = true
|
|
this.dialog_edit_provider = { show: false, provider: { name: "", provider: "", credentials: [ { "name": "", "value": "" } ] }, loading: false, errors: [] }
|
|
this.fetchProviders()
|
|
});
|
|
},
|
|
deleteProvider() {
|
|
should_proceed = confirm("Delete provider " + this.dialog_edit_provider.provider.name + "?");
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
provider_id = this.dialog_edit_provider.provider.provider_id
|
|
axios.delete( `/wp-json/captaincore/v1/providers/${provider_id}`, {
|
|
headers: { 'X-WP-Nonce':this.wp_nonce }
|
|
})
|
|
.then( response => {
|
|
if ( response.data.errors ) {
|
|
this.dialog_edit_provider.loading = false
|
|
this.dialog_edit_provider.errors = response.data.errors
|
|
return
|
|
}
|
|
this.snackbar.message = `Provider ${this.dialog_edit_provider.provider.name} has been deleted.`
|
|
this.snackbar.show = true
|
|
this.dialog_edit_provider = { show: false, provider: { name: "", provider: "", credentials: [ { "name": "", "value": "" } ] }, loading: false, errors: [] }
|
|
this.fetchProviders()
|
|
});
|
|
},
|
|
addDomain() {
|
|
this.dialog_new_domain.loading = true;
|
|
this.dialog_new_domain.errors = [];
|
|
|
|
var data = {
|
|
action: 'captaincore_account',
|
|
command: 'addDomain',
|
|
value: this.dialog_new_domain.domain.name,
|
|
account_id: this.dialog_new_domain.domain.account_id
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// If error then response
|
|
if ( response.data.errors ) {
|
|
this.dialog_new_domain.loading = false
|
|
this.dialog_new_domain.errors = response.data.errors;
|
|
return;
|
|
}
|
|
this.dialog_new_domain.loading = false;
|
|
this.dialog_new_domain = { show: false, domain: { name: "", customer: "" } };
|
|
this.domains.push( response.data )
|
|
this.domains.sort((a, b) => (a.name > b.name) ? 1 : -1)
|
|
this.snackbar.message = "Added new domain " + response.data.name;
|
|
this.snackbar.show = true;
|
|
})
|
|
.catch( error => {
|
|
this.snackbar.message = error;
|
|
this.snackbar.show = true;
|
|
this.dialog_new_domain.loading = false;
|
|
});
|
|
},
|
|
addRecord() {
|
|
timestamp = new Date().getTime();
|
|
this.dialog_domain.records.push({ id: "new_" + timestamp, edit: false, delete: false, new: true, ttl: "3600", type: "A", value: [{"value": "","enabled":true}], update: {"record_id": "new_" + timestamp, "record_type": "A", "record_name": "", "record_value": [{ value: "", enabled: true }], "record_ttl": "3600", "record_status": "new-record" } });
|
|
},
|
|
addRecordValue( index ) {
|
|
record = this.dialog_domain.records[index];
|
|
if ( record.type == "A" || record.type == "AAAA" || record.type == "ANAME" || record.type == "TXT" || record.type == "SPF" ) {
|
|
record.update.record_value.push({ value: "", enabled: true });
|
|
}
|
|
if ( record.type == "MX" ) {
|
|
record.update.record_value.push({ priority: "", server: "", enabled: true });
|
|
}
|
|
if ( record.type == "SRV" ) {
|
|
record.update.record_value.push({ priority: 100, weight: 1, port: 443, host: "", enabled: true });
|
|
}
|
|
},
|
|
viewRecord( record_id ){
|
|
record = this.dialog_domain.records.filter( r => r.id == record_id )[0];
|
|
record.edit = false
|
|
record.delete = false
|
|
},
|
|
editRecord( record_id ){
|
|
record = this.dialog_domain.records.filter( r => r.id == record_id )[0];
|
|
record.edit = true
|
|
record.delete = false
|
|
},
|
|
changeRecordType( index ) {
|
|
record = this.dialog_domain.records.filter( (r, i) => i == index )[0];
|
|
if ( record.type == "A" || record.type == "AAAA" || record.type == "CNAME" || record.type == "ANAME" || record.type == "TXT" || record.type == "SPF" ) {
|
|
record.update.record_value = [{ value: "", enabled: true }];
|
|
}
|
|
if ( record.type == "MX" ) {
|
|
record.update.record_value = [{ priority: "", server: "", enabled: true }];
|
|
}
|
|
if ( record.type == "SRV" ) {
|
|
record.update.record_value = [{ priority: 100, weight: 1, port: 443, host: "", enabled: true }];
|
|
}
|
|
if ( record.type == "HTTP" ) {
|
|
record.update.record_value = [{ url: "", redirectType: "301" }];
|
|
}
|
|
},
|
|
deleteUserValue( delete_index ) {
|
|
this.dialog_account.records.account.defaults.users = this.dialog_account.records.account.defaults.users.filter( (u, index) => index != delete_index )
|
|
},
|
|
deleteGlobalUserValue( delete_index ) {
|
|
this.defaults.users = this.defaults.users.filter( (u, index) => index != delete_index )
|
|
},
|
|
deleteRecordValue( index, value_index ) {
|
|
this.dialog_domain.records[index].update.record_value.splice( value_index, 1 )
|
|
},
|
|
deleteCurrentRecord( record_id ){
|
|
record = this.dialog_domain.records.filter( r => r.id == record_id )[0];
|
|
record.edit = false
|
|
record.delete = !record.delete
|
|
},
|
|
deleteRecord( index ){
|
|
this.dialog_domain.records.splice( index, 1 )
|
|
},
|
|
updateDomainContacts() {
|
|
this.dialog_domain.updating_contacts = true
|
|
axios.post( `/wp-json/captaincore/v1/domain/${domain.domain_id}/contacts`, {
|
|
'contacts': this.dialog_domain.provider.contacts
|
|
},{
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then( response => {
|
|
if ( response.data.error ) {
|
|
this.dialog_domain.updating_contacts = false
|
|
this.snackbar.message = response.data.error
|
|
this.snackbar.show = true
|
|
this.dialog_domain.loading = false
|
|
return
|
|
}
|
|
this.dialog_domain.updating_contacts = false
|
|
this.snackbar.message = response.data.response
|
|
this.snackbar.show = true
|
|
this.dialog_domain.loading = false
|
|
})
|
|
.catch( error => {
|
|
this.dialog_domain.updating_contacts = false
|
|
this.snackbar.message = error
|
|
this.snackbar.show = true
|
|
this.dialog_domain.loading = false
|
|
})
|
|
},
|
|
updateDomainNameservers() {
|
|
this.dialog_domain.updating_nameservers = true
|
|
axios.post( `/wp-json/captaincore/v1/domain/${domain.domain_id}/nameservers`, {
|
|
'nameservers': this.dialog_domain.provider.nameservers.map( ns => ns.value )
|
|
},{
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then( response => {
|
|
if ( response.data.error ) {
|
|
this.dialog_domain.updating_nameservers = false
|
|
this.snackbar.message = response.data.error
|
|
this.snackbar.show = true
|
|
this.dialog_domain.loading = false
|
|
return
|
|
}
|
|
this.dialog_domain.updating_nameservers = false
|
|
this.snackbar.message = response.data.response
|
|
this.snackbar.show = true
|
|
this.dialog_domain.loading = false
|
|
})
|
|
.catch( error => {
|
|
this.dialog_domain.updating_nameservers = false
|
|
this.snackbar.message = error
|
|
this.snackbar.show = true
|
|
this.dialog_domain.loading = false
|
|
})
|
|
},
|
|
domainLockUpdate() {
|
|
this.dialog_domain.update_lock = true
|
|
status = this.dialog_domain.provider.locked
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/domain/${domain.domain_id}/lock_${status}`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.snackbar.message = `Domain lock has been turned ${status}.`
|
|
this.snackbar.show = true
|
|
this.dialog_domain.update_lock = false
|
|
})
|
|
},
|
|
domainPrivacyUpdate() {
|
|
this.dialog_domain.update_privacy = true
|
|
status = this.dialog_domain.provider.whois_privacy
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/domain/${domain.domain_id}/privacy_${status}`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.snackbar.message = `Domain privacy has been turned ${status}.`
|
|
this.snackbar.show = true
|
|
this.dialog_domain.update_privacy = false
|
|
})
|
|
},
|
|
retrieveAuthCode() {
|
|
this.dialog_domain.fetch_auth_code = true
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/domain/${domain.domain_id}/auth_code`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.dialog_domain.auth_code = response.data
|
|
this.dialog_domain.fetch_auth_code = false
|
|
if ( response.data == "" ) {
|
|
this.snackbar.message = "Failed to retrieve auth code."
|
|
this.snackbar.show = true
|
|
return
|
|
}
|
|
})
|
|
},
|
|
fetchDomain( domain ) {
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/domain/' + domain.domain_id, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.dialog_domain.accounts = response.data.accounts
|
|
if ( response.data.provider.errors ) {
|
|
this.dialog_domain.provider = { contacts: {} }
|
|
return
|
|
}
|
|
this.dialog_domain.provider = response.data.provider
|
|
if ( this.dialog_domain.provider.contacts.owner.country && this.dialog_domain.provider.contacts.owner.country != "" ) {
|
|
this.populateStatesFor( this.dialog_domain.provider.contacts.owner )
|
|
}
|
|
})
|
|
},
|
|
modifyDNS( domain ) {
|
|
this.dialog_domain = { show: false, updating_contacts: false, updating_nameservers: false, auth_code: "", fetch_auth_code: false, provider: { contacts: {} }, contact_tabs: "", tabs: "", show_import: false, import_json: "", domain: {}, records: [], nameservers: [], loading: true, saving: false, step: 2 };
|
|
if ( domain.remote_id == null ) {
|
|
this.dialog_domain.errors = [ "Domain not found." ];
|
|
this.dialog_domain.domain = domain;
|
|
this.dialog_domain.loading = false
|
|
this.dialog_domain.show = true;
|
|
return
|
|
}
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/dns/' + domain.domain_id, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
if ( typeof response.data == "string" ) {
|
|
this.dialog_domain.errors = [ response.data ];
|
|
this.dialog_domain.loading = false
|
|
return
|
|
}
|
|
|
|
if ( typeof response.data.errors == 'object' ) {
|
|
this.dialog_domain.loading = false
|
|
this.dialog_domain.errors = response.data.errors
|
|
return
|
|
}
|
|
|
|
// Prep records with
|
|
response.data.records.forEach( r => {
|
|
r.update = {
|
|
"record_id": JSON.parse(JSON.stringify(r.id)),
|
|
"record_type": JSON.parse(JSON.stringify(r.type)),
|
|
"record_name": JSON.parse(JSON.stringify(r.name)),
|
|
"record_value": JSON.parse(JSON.stringify(r.value)),
|
|
"record_ttl": JSON.parse(JSON.stringify(r.ttl)),
|
|
"record_status": "edit-record"
|
|
};
|
|
r.edit = false;
|
|
r.delete = false;
|
|
});
|
|
timestamp = new Date().getTime();
|
|
response.data.records.push({ id: "new_" + timestamp, edit: false, delete: false, new: true, ttl: "3600", type: "A", value: [{"value": "","enabled":true}], update: {"record_id": "new_" + timestamp, "record_type": "A", "record_name": "", "record_value": [{"value": "","enabled":true}], "record_ttl": "3600", "record_status": "new-record" } });
|
|
this.dialog_domain.records = response.data.records
|
|
this.dialog_domain.nameservers = response.data.nameservers
|
|
this.dialog_domain.loading = false;
|
|
});
|
|
this.dialog_domain.domain = domain;
|
|
this.dialog_domain.show = true;
|
|
|
|
},
|
|
loadDNSRecords() {
|
|
axios.post(
|
|
`/wp-json/captaincore/v1/domains/import`, {
|
|
'domain': this.dialog_domain.domain.name,
|
|
'zone': this.dialog_domain.import_json
|
|
},{
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
import_json = response.data
|
|
// Remove any pending new records
|
|
this.dialog_domain.records = this.dialog_domain.records.filter( record => ! record.new )
|
|
// Mark existing records to be deleted
|
|
this.dialog_domain.records.forEach( record => {
|
|
record.delete = true
|
|
})
|
|
// Process records to be imported and mark as new
|
|
index = 0
|
|
import_json.forEach( record => {
|
|
if ( record.type == "SOA" || record.type == "NS" ) {
|
|
return;
|
|
}
|
|
timestamp = new Date().getTime();
|
|
key ="new_" + timestamp + "_" + index
|
|
item = { id: key, edit: false, delete: false, new: true, ttl: "3600", type: "A", value: [{"value": "","enabled":true}], update: {"record_id": key, "record_type": "A", "record_name": "", "record_value": [{ value: "", enabled: true }], "record_ttl": "3600", "record_status": "new-record" } };
|
|
item.type = record.type
|
|
item.update.record_name = record.name
|
|
item.update.record_type = record.type
|
|
item.update.record_value = [{ value: record.value, enabled: true }]
|
|
if ( record.type == "MX" ) {
|
|
value = record.value.split(" ")
|
|
item.update.record_value = [{ priority: value[0], server: value[1], enabled: true }]
|
|
}
|
|
if ( record.type == "SRV" ) {
|
|
value = record.value.split(" ")
|
|
item.update.record_value = [{ priority: value[0], weight: value[1], port: value[2], host: value[3], enabled: true }]
|
|
}
|
|
this.dialog_domain.records.push( item )
|
|
index++
|
|
})
|
|
this.dialog_domain.import_json = ""
|
|
this.dialog_domain.show_import = false
|
|
this.groupDNS()
|
|
this.addRecord()
|
|
this.snackbar.message = "Loaded DNS records from import. Review then save records."
|
|
this.snackbar.show = true
|
|
})
|
|
},
|
|
exportDomain() {
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/domains/${this.dialog_domain.domain.domain_id}/zone`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.$refs.export_domain.download = `${this.dialog_domain.domain.name}.zone`;
|
|
this.$refs.export_domain.href = "data:text/json;charset=utf-8," + encodeURIComponent(response.data);
|
|
this.$refs.export_domain.click();
|
|
})
|
|
|
|
},
|
|
deleteDomain() {
|
|
should_proceed = confirm("Delete domain " + this.dialog_domain.domain.name + "? All DNS records will be removed and domain will be removed.");
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
this.dialog_domain.loading = true
|
|
var data = {
|
|
action: 'captaincore_account',
|
|
command: 'deleteDomain',
|
|
value: this.dialog_domain.domain.domain_id,
|
|
account: this.dialog_domain.domain.account_id
|
|
}
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_domain = { show: false, updating_contacts: false, auth_code: "", fetch_auth_code: false, update_privacy: false, update_lock: false, provider: { contacts: {} }, contact_tabs: "", tabs: "", show_import: false, import_json: "", domain: {}, records: [], nameservers: [], loading: true, saving: false }
|
|
this.domains = this.domains.filter( d => d.domain_id != response.data.domain_id )
|
|
this.goToPath( '/domains' )
|
|
this.snackbar.message = response.data.message
|
|
this.snackbar.show = true
|
|
|
|
})
|
|
.catch( error => {
|
|
this.snackbar.message = error
|
|
this.snackbar.show = true
|
|
this.dialog_domain.loading = false
|
|
});
|
|
},
|
|
groupDNS() {
|
|
records_to_check = this.dialog_domain.records.filter( record => ! record.delete && record.type != "CNAME" && record.type != "HTTP" && record.update.record_value[0].value != "" )
|
|
records_to_check.forEach( record => {
|
|
records_to_compare = records_to_check.filter( item => item.id != record.id && item.update.record_name == record.update.record_name && item.type == record.type && ! item.merged )
|
|
if ( records_to_compare.length > 0 ) {
|
|
record.edit = true
|
|
record.merged = true
|
|
records_to_compare.forEach( duplicate => {
|
|
record.update.record_value = record.update.record_value.concat( duplicate.update.record_value )
|
|
this.dialog_domain.records = this.dialog_domain.records.filter( r => r.id != duplicate.id )
|
|
})
|
|
//console.log(record.id + " has " + records_to_compare.length + " conflicting records")
|
|
}
|
|
})
|
|
},
|
|
saveDNS() {
|
|
this.groupDNS()
|
|
this.dialog_domain.saving = true;
|
|
domain_id = this.dialog_domain.domain.remote_id;
|
|
record_updates = []
|
|
|
|
// Warn if domain is included in DNS entries
|
|
record_warnings = []
|
|
this.dialog_domain.records.forEach( record => {
|
|
if ( record.edit || record.new && ( record.type == "CNAME" && record.update.record_name.includes(this.dialog_domain.domain.name) ) ) {
|
|
record_warnings.push( record )
|
|
}
|
|
})
|
|
/* if ( this.dialog_domain.ignore_warnings != true && record_warnings != "" ) {
|
|
this.snackbar.message = "Show domain warnings."
|
|
this.snackbar.show = true
|
|
this.dialog_domain.saving = false
|
|
return;
|
|
} */
|
|
|
|
this.dialog_domain.records.forEach( record => {
|
|
// Format value for API
|
|
if ( record.type != "HTTP" ) {
|
|
record_value = [];
|
|
record.update.record_value.forEach( v => {
|
|
if ( ! v.value ) {
|
|
return
|
|
}
|
|
if ( v.value.value ) {
|
|
v.value.value = v.value.value.trim()
|
|
record_value.push( v )
|
|
return
|
|
}
|
|
v.value = v.value.trim()
|
|
if ( record.type == "CNAME" || record.type == "ANAME" ) {
|
|
// Check for value ending in period. If not add one.
|
|
if ( v.value.substr(v.value.length - 1) != "." ) {
|
|
v.value = v.value + ".";
|
|
}
|
|
}
|
|
record_value.push( v )
|
|
});
|
|
}
|
|
|
|
if ( record.type == "MX" ) {
|
|
// Check for value ending in period. If not add one.
|
|
record.update.record_value.forEach( v => {
|
|
v.server = v.server.trim();
|
|
if ( v.server.substr(v.server.length - 1) != "." ) {
|
|
v.server = v.server + ".";
|
|
}
|
|
})
|
|
record_value = record.update.record_value
|
|
}
|
|
|
|
if ( record.type == "SRV" ) {
|
|
// Check for value ending in period. If not add one.
|
|
record.update.record_value.forEach( v => {
|
|
v.host = v.host.trim();
|
|
if ( v.host.substr(v.host.length - 1) != "." ) {
|
|
v.host = v.host + ".";
|
|
}
|
|
})
|
|
record_value = record.update.record_value
|
|
}
|
|
|
|
if ( record.type == "TXT" ) {
|
|
if ( record.update.record_name == "@" ) {
|
|
record.update.record_name = ""
|
|
}
|
|
// Check for value wrapped in quotes. If not add them.
|
|
record.update.record_value.forEach( v => {
|
|
v.value = v.value.trim();
|
|
if ( v.value.substr(0,1) != '"' ) {
|
|
v.value = '"' + v.value;
|
|
}
|
|
if ( v.value.substr(v.value.length - 1) != '"' ) {
|
|
v.value = v.value + '"';
|
|
}
|
|
})
|
|
}
|
|
|
|
if ( record.type == "HTTP" ) {
|
|
record_value = record.update.record_value.url.trim();
|
|
}
|
|
|
|
// Clean out empty values
|
|
if ( record.update.record_type == "A" && record_value.length == 0 ) {
|
|
return;
|
|
}
|
|
|
|
// Clean out empty values
|
|
if ( record.update.record_type == "CNAME" && record.update.record_value[0].value == "" ) {
|
|
return;
|
|
}
|
|
|
|
// Prepares new records
|
|
if ( record.new ) {
|
|
record.update.record_type = record.type
|
|
}
|
|
|
|
// Prepares new & modified records
|
|
if ( record.edit || record.new ) {
|
|
record.update.record_value = record_value
|
|
record_updates.push( record.update );
|
|
}
|
|
|
|
// Prepares records to be removed
|
|
if ( record.delete ) {
|
|
record_updates.push({
|
|
"record_id": record.id,
|
|
"record_type": record.type,
|
|
"record_name": record.name,
|
|
"record_value": record_value,
|
|
"record_ttl": record.ttl,
|
|
"record_status": "remove-record"
|
|
});
|
|
}
|
|
});
|
|
|
|
if ( record_updates.length == 0 ) {
|
|
this.snackbar.message = "No record changes found.";
|
|
this.snackbar.show = true;
|
|
this.dialog_domain.saving = false;
|
|
return;
|
|
}
|
|
|
|
var data = {
|
|
'action': 'captaincore_dns',
|
|
'domain_key': domain_id,
|
|
'record_updates': record_updates
|
|
}
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_domain.results = response.data
|
|
this.reflectDNS()
|
|
|
|
// If no errors found then fetch new details
|
|
// self.modifyDNS( self.dialog_domain.domain );
|
|
})
|
|
.catch( error => {
|
|
this.dialog_domain.saving = false
|
|
//self.dialog_domain.results = response.data;
|
|
});
|
|
},
|
|
reflectDNS() {
|
|
this.dialog_domain.results.forEach( result => {
|
|
|
|
if ( result.record_status == "edit-record" && typeof result.errors == 'undefined' ) {
|
|
record = this.dialog_domain.records.filter( r => r.id == result.record_id )[0];
|
|
record.edit = false
|
|
record.name = JSON.parse(JSON.stringify( record.update.record_name ))
|
|
record.value = JSON.parse(JSON.stringify( record.update.record_value ))
|
|
record.ttl = JSON.parse(JSON.stringify( record.update.record_ttl ))
|
|
|
|
result.id = JSON.parse(JSON.stringify(result.data.id))
|
|
result.name = JSON.parse(JSON.stringify(record.update.record_name))
|
|
result.type = JSON.parse(JSON.stringify(record.update.record_type))
|
|
if ( result.name == "" ) {
|
|
result.success = `<code>${result.type.toUpperCase()}</code> record <code>@</code> updated successfully`
|
|
} else {
|
|
result.success = `<code>${result.type.toUpperCase()}</code> record <code>${result.name}</code> updated successfully`
|
|
}
|
|
}
|
|
|
|
if ( result.record_status == "remove-record" && result.message == 'Record deleted' ) {
|
|
record_to_remove = this.dialog_domain.records.filter( record => record.id == result.record_id );
|
|
console.log( "record to remove " + JSON.stringify( record_to_remove ) )
|
|
record_name = record_to_remove[0].name
|
|
console.log( "name " + record_name )
|
|
this.dialog_domain.records = this.dialog_domain.records.filter( record => record.id != result.record_id );
|
|
if ( record_name == "" ) {
|
|
result.success = `<code>${result.record_type.toUpperCase()}</code> record <code>@</code> deleted successfully`;
|
|
} else {
|
|
result.success = `<code>${result.record_type.toUpperCase()}</code> record <code>${record_name}</code> deleted successfully`;
|
|
}
|
|
}
|
|
|
|
if ( result.record_status == "new-record" && typeof result.errors == 'undefined' && result.data.id != "" ) {
|
|
if ( result.record_name == "" ) {
|
|
result.success = `<code>${result.type.toUpperCase()}</code> record <code>@</code> added successfully`;
|
|
} else {
|
|
result.success = `<code>${result.type.toUpperCase()}</code> record <code>${result.record_name}</code> added successfully`;
|
|
}
|
|
|
|
// Remove existing new recording matching type, name, value and ttl.
|
|
this.dialog_domain.records = this.dialog_domain.records.filter( r => {
|
|
if ( r.update.record_status == "new-record" && r.update.record_name == result.record_name && r.update.record_type.toUpperCase() == result.type.toUpperCase() ) {
|
|
return false
|
|
}
|
|
return true
|
|
})
|
|
|
|
if ( result.type == "a" || result.type == "aaaa" || result.type == "spf" ) {
|
|
record_value = [];
|
|
result.record_value.forEach( r => {
|
|
record_value.push({ value: r.value, enabled: true });
|
|
});
|
|
} else {
|
|
record_value = result.record_value
|
|
}
|
|
|
|
result.new = false
|
|
result.edit = false
|
|
result.delete = false
|
|
result.value = JSON.parse(JSON.stringify(record_value))
|
|
result.update = {
|
|
"record_id": JSON.parse(JSON.stringify(result.data.id)),
|
|
"record_type": JSON.parse(JSON.stringify(result.type)),
|
|
"record_name": JSON.parse(JSON.stringify(result.record_name)),
|
|
"record_value": JSON.parse(JSON.stringify(record_value)),
|
|
"record_ttl": "3600",
|
|
"record_status": "edit-record"
|
|
}
|
|
|
|
result.id = JSON.parse(JSON.stringify(result.data.id))
|
|
result.name = JSON.parse(JSON.stringify(result.record_name))
|
|
result.type = JSON.parse(JSON.stringify(result.type.toUpperCase()))
|
|
result.ttl = "3600"
|
|
|
|
// Add new record
|
|
this.dialog_domain.records.push( result );
|
|
|
|
// Sort new results
|
|
this.dialog_domain.records.sort(function (record1, record2) {
|
|
|
|
// Sort by types
|
|
// If the first item has a higher number, move it down
|
|
// If the first item has a lower number, move it up
|
|
if (record1.type < record2.type) return -1;
|
|
if (record1.type > record2.type) return 1;
|
|
|
|
// If the votes number is the same between both items, sort alphabetically
|
|
// If the first item comes first in the alphabet, move it up
|
|
// Otherwise move it down
|
|
if (record1.name > record2.name) return 1;
|
|
if (record1.name < record2.name) return -1;
|
|
|
|
});
|
|
}
|
|
|
|
this.dialog_domain.saving = false
|
|
|
|
});
|
|
},
|
|
customerModifyPlan( subscription ) {
|
|
this.dialog_customer_modify_plan.hosting_plans = JSON.parse(JSON.stringify( this.configurations.hosting_plans ))
|
|
this.dialog_customer_modify_plan.subscription = JSON.parse(JSON.stringify( subscription ) )
|
|
this.dialog_customer_modify_plan.selected_plan = subscription.plan.name
|
|
this.dialog_customer_modify_plan.show = true
|
|
},
|
|
modifyPlan() {
|
|
this.dialog_modify_plan.hosting_plans = JSON.parse(JSON.stringify( this.configurations.hosting_plans ))
|
|
this.dialog_modify_plan.hosting_plans.push( {"name":"Custom","interval":"12","price":"","limits":{"visits":"","storage":"","sites":""}} )
|
|
this.dialog_modify_plan.plan = JSON.parse(JSON.stringify( this.dialog_account.records.account.plan ))
|
|
// Adds commas
|
|
if ( this.dialog_modify_plan.plan.limits.visits != null ) {
|
|
this.dialog_modify_plan.plan.limits.visits = this.dialog_modify_plan.plan.limits.visits.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")
|
|
}
|
|
if ( this.dialog_modify_plan.plan.next_renewal == null ) {
|
|
this.dialog_modify_plan.plan.next_renewal = ""
|
|
}
|
|
this.dialog_modify_plan.selected_plan = JSON.parse(JSON.stringify( this.dialog_account.records.account.plan.name ) )
|
|
this.dialog_modify_plan.customer_name = this.dialog_site.site.account.name;
|
|
this.dialog_modify_plan.show = true;
|
|
},
|
|
editPlan() {
|
|
this.dialog_modify_plan.plan = Object.assign({}, this.dialog_account.records.account.plan)
|
|
// Adds commas
|
|
if ( this.dialog_modify_plan.plan.limits.visits != null ) {
|
|
this.dialog_modify_plan.plan.limits.visits = this.dialog_modify_plan.plan.limits.visits.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
|
}
|
|
this.dialog_modify_plan.selected_plan = this.dialog_account.records.account.plan.name;
|
|
this.dialog_modify_plan.customer_name = this.dialog_account.records.account.name;
|
|
this.dialog_modify_plan.show = true;
|
|
},
|
|
requestPlanChanges() {
|
|
interval = "Month"
|
|
this.hosting_intervals.forEach( i => {
|
|
if ( i.value == this.dialog_customer_modify_plan.subscription.plan.interval ) {
|
|
interval = i.text
|
|
}
|
|
})
|
|
should_proceed = confirm( `Update account (${this.dialog_customer_modify_plan.subscription.name}) to ${this.dialog_customer_modify_plan.subscription.plan.name} and ${interval}?`);
|
|
description = `Your account (${this.dialog_customer_modify_plan.subscription.name}) will be changed to ${this.dialog_customer_modify_plan.subscription.plan.name} and ${interval.toLowerCase()} here shortly.`
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
var data = {
|
|
'action': 'captaincore_account',
|
|
'command': "requestPlanChanges",
|
|
'value': this.dialog_customer_modify_plan.subscription,
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.snackbar.message = description
|
|
this.snackbar.show = true
|
|
|
|
})
|
|
.catch( error => {
|
|
this.snackbar.message = error;
|
|
this.snackbar.show = true;
|
|
});
|
|
|
|
},
|
|
cancelPlan() {
|
|
should_proceed = confirm("Cancel plan '" + this.dialog_customer_modify_plan.subscription.name + "'? All sites will be removed.");
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
description = "Requesting to cancel plan production site '" + this.dialog_customer_modify_plan.subscription.name + "'. Will send email notification once request completed.";
|
|
|
|
var data = {
|
|
'action': 'captaincore_account',
|
|
'command': "cancelPlan",
|
|
'value': this.dialog_customer_modify_plan.subscription,
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.snackbar.message = description
|
|
this.snackbar.show = true
|
|
|
|
})
|
|
.catch( error => {
|
|
this.snackbar.message = error;
|
|
this.snackbar.show = true;
|
|
});
|
|
|
|
|
|
},
|
|
updatePlan() {
|
|
account_id = this.dialog_account.records.account.account_id
|
|
plan = Object.assign( {}, this.dialog_modify_plan.plan )
|
|
|
|
// Remove commas
|
|
plan.limits.visits = plan.limits.visits.replace(/,/g, '')
|
|
this.dialog_account.records.account.plan.limits = plan.limits
|
|
this.dialog_account.records.account.plan.name = plan.name
|
|
this.dialog_account.records.account.plan.price = plan.price
|
|
this.dialog_modify_plan.show = false;
|
|
|
|
// Prep AJAX request
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'post_id': account_id,
|
|
'command': "updatePlan",
|
|
'value': { "plan": plan },
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.dialog_modify_plan = { show: false, site: {}, date_selector: false, hosting_plans: [], selected_plan: "", plan: { limits: {}, addons: [], next_renewal: "" }, customer_name: "", interval: "12" }
|
|
this.showAccount( account_id )
|
|
});
|
|
|
|
},
|
|
addAddon() {
|
|
this.dialog_modify_plan.plan.addons.push({ "name": "", "quantity": "", "price": "" });
|
|
},
|
|
removeAddon( remove_item ) {
|
|
this.dialog_modify_plan.plan.addons = this.dialog_modify_plan.plan.addons.filter( (item, index) => index != remove_item );
|
|
},
|
|
addCredit() {
|
|
this.dialog_modify_plan.plan.credits.push({ "name": "", "quantity": "", "price": "" });
|
|
},
|
|
removeCredit( remove_item ) {
|
|
this.dialog_modify_plan.plan.credits = this.dialog_modify_plan.plan.credits.filter( (item, index) => index != remove_item );
|
|
},
|
|
addCharge() {
|
|
this.dialog_modify_plan.plan.charges.push({ "name": "", "quantity": "", "price": "" });
|
|
},
|
|
removeCharge( remove_item ) {
|
|
this.dialog_modify_plan.plan.charges = this.dialog_modify_plan.plan.charges.filter( (item, index) => index != remove_item );
|
|
},
|
|
loadHostingPlan() {
|
|
current_auto_pay = this.dialog_modify_plan.plan.auto_pay
|
|
current_auto_switch = this.dialog_modify_plan.plan.auto_switch
|
|
billing_user_id = this.dialog_modify_plan.plan.billing_user_id
|
|
next_renewal = this.dialog_modify_plan.plan.next_renewal
|
|
current_interval = JSON.parse(JSON.stringify( this.dialog_modify_plan.plan.interval ) )
|
|
if ( typeof this.dialog_modify_plan.plan.addons != 'undefined' ) {
|
|
current_addons = JSON.parse(JSON.stringify( this.dialog_modify_plan.plan.addons ) )
|
|
}
|
|
if ( typeof this.dialog_modify_plan.plan.charges != 'undefined' ) {
|
|
current_charges = JSON.parse(JSON.stringify( this.dialog_modify_plan.plan.charges ) )
|
|
}
|
|
if ( typeof this.dialog_modify_plan.plan.credits != 'undefined' ) {
|
|
current_credits = JSON.parse(JSON.stringify( this.dialog_modify_plan.plan.credits ) )
|
|
}
|
|
selected_plan = this.dialog_modify_plan.selected_plan
|
|
hosting_plan = this.dialog_modify_plan.hosting_plans.filter( plan => plan.name == selected_plan )[0]
|
|
if ( typeof hosting_plan == "undefined" ) {
|
|
return
|
|
}
|
|
hosting_plan.addons = current_addons
|
|
hosting_plan.charges = current_charges
|
|
hosting_plan.credits = current_credits
|
|
if ( current_auto_pay ) {
|
|
hosting_plan.auto_pay = JSON.parse(JSON.stringify( current_auto_pay ) )
|
|
}
|
|
if ( current_auto_switch ) {
|
|
hosting_plan.auto_switch = JSON.parse(JSON.stringify( current_auto_switch ) )
|
|
}
|
|
if ( billing_user_id != "" ) {
|
|
hosting_plan.billing_user_id = JSON.parse(JSON.stringify( billing_user_id ) )
|
|
}
|
|
if ( typeof next_renewal != "undefined" && next_renewal != "" ) {
|
|
hosting_plan.next_renewal = JSON.parse(JSON.stringify( next_renewal ) )
|
|
}
|
|
this.dialog_modify_plan.plan = JSON.parse(JSON.stringify( hosting_plan ))
|
|
if ( current_interval != hosting_plan.interval ) {
|
|
this.dialog_modify_plan.plan.interval = current_interval
|
|
this.dialog_modify_plan.plan.addons = current_addons
|
|
this.calculateHostingPlan()
|
|
}
|
|
},
|
|
calculateHostingPlan() {
|
|
original_plan = this.dialog_modify_plan.hosting_plans.filter( p => p.name == this.dialog_modify_plan.selected_plan )[0]
|
|
if ( this.dialog_modify_plan.plan.interval == original_plan.interval ) {
|
|
this.dialog_modify_plan.plan.price = JSON.parse(JSON.stringify( original_plan.price ))
|
|
} else {
|
|
unit_price = original_plan.price / original_plan.interval
|
|
this.dialog_modify_plan.plan.price = unit_price * this.dialog_modify_plan.plan.interval
|
|
}
|
|
},
|
|
PushProductionToStaging( site_id ) {
|
|
site = this.dialog_site.site
|
|
environment = this.dialog_site.site.environments.filter( e => e.environment == "Production" )[0]
|
|
site_name = environment.home_url
|
|
site_name = site_name.replace( "https://www.", "" ).replace( "https://", "" ).replace( "http://www.", "" ).replace( "http://", "" )
|
|
should_proceed = confirm( `Push '${site_name}' to staging environment?` )
|
|
description = `Pushing '${site_name}' to staging environment.`
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
if ( site.provider == "kinsta" ) {
|
|
axios.post( '/wp-json/captaincore/v1/providers/kinsta/deploy-to-staging', {
|
|
site_id: this.dialog_site.site.site_id
|
|
}, {
|
|
headers: { 'X-WP-Nonce':this.wp_nonce }
|
|
})
|
|
.then( response => {
|
|
this.snackbar.message = `Deploying ${this.dialog_site.site.environments[0].home_url} to staging at Kinsta. Will notify once completed.`
|
|
this.snackbar.show = true
|
|
this.checkProviderActions()
|
|
});
|
|
return;
|
|
}
|
|
|
|
var data = {
|
|
action: 'captaincore_install',
|
|
post_id: site.site_id,
|
|
command: 'production-to-staging',
|
|
value: this.current_user_email
|
|
};
|
|
|
|
self = this;
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// Updates job id with reponsed background job id
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data );
|
|
self.snackbar.message = description;
|
|
self.snackbar.show = true;
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
PushStagingToProduction( site_id ) {
|
|
|
|
site = this.dialog_site.site
|
|
environment = this.dialog_site.site.environments.filter( e => e.environment == "Staging" )[0]
|
|
site_name = environment.home_url
|
|
site_name = site_name.replace( "https://", "" ).replace( "http://", "" )
|
|
should_proceed = confirm( `Push '${site_name}' to production environment?` )
|
|
description = `Pushing '${site_name}' to production environment`
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
if ( site.provider == "kinsta" ) {
|
|
axios.post( '/wp-json/captaincore/v1/providers/kinsta/deploy-to-production', {
|
|
site_id: this.dialog_site.site.site_id
|
|
}, {
|
|
headers: { 'X-WP-Nonce':this.wp_nonce }
|
|
})
|
|
.then( response => {
|
|
this.snackbar.message = `Deploying ${this.dialog_site.site.environments[1].home_url} to production at Kinsta. Will notify once completed.`
|
|
this.snackbar.show = true
|
|
this.checkProviderActions()
|
|
});
|
|
return;
|
|
}
|
|
|
|
var data = {
|
|
action: 'captaincore_install',
|
|
post_id: site.site_id,
|
|
command: 'staging-to-production',
|
|
value: this.current_user_email
|
|
};
|
|
|
|
self = this;
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// Updates job id with reponsed background job id
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data );
|
|
self.snackbar.message = description;
|
|
self.snackbar.show = true;
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
},
|
|
viewApplyHttpsUrls( site_id ) {
|
|
site = this.dialog_site.site
|
|
this.dialog_apply_https_urls.show = true;
|
|
this.dialog_apply_https_urls.site_id = site_id
|
|
this.dialog_apply_https_urls.site_name = site.name;
|
|
},
|
|
viewApplyHttpsUrlsBulk() {
|
|
this.dialog_apply_https_urls.show = true;
|
|
this.dialog_apply_https_urls.site_id = this.sites_selected.map( s => s.site_id );
|
|
this.dialog_apply_https_urls.site_name = this.sites_selected.length + " sites";
|
|
},
|
|
RollbackUpdate( hash, addon_type, addon_name, created_at, dialog ) {
|
|
site = this.dialog_site.site
|
|
date = this.$options.filters.pretty_timestamp_epoch( created_at );
|
|
description = "Rollback "+ addon_type + " " + addon_name +" to version as of " + date + " on " + site.name;
|
|
|
|
if ( typeof dialog.value == "boolean" ) {
|
|
dialog.value = false
|
|
}
|
|
|
|
should_proceed = confirm( description + "?");
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
site = this.dialog_site.site
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
this.dialog_site.environment_selected.update_logs.forEach( log => {
|
|
log.view_quicksave = false
|
|
})
|
|
|
|
axios.post(
|
|
`/wp-json/captaincore/v1/quicksaves/${hash}/rollback`, {
|
|
site_id: site.site_id,
|
|
environment: this.dialog_site.environment_selected.environment,
|
|
version: 'this',
|
|
type: addon_type,
|
|
value: addon_name
|
|
},
|
|
{ headers: {'X-WP-Nonce':this.wp_nonce} }
|
|
)
|
|
.then(response => {
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
this.runCommand( response.data );
|
|
this.snackbar.message = "Rollback in progress.";
|
|
this.snackbar.show = true;
|
|
})
|
|
},
|
|
RollbackQuicksave( hash, addon_type, addon_name, version, dialog ){
|
|
site = this.dialog_site.site
|
|
environment = this.dialog_site.environment_selected;
|
|
quicksave = environment.quicksaves.filter( quicksave => quicksave.hash == hash )[0];
|
|
date = this.$options.filters.pretty_timestamp_epoch(quicksave.created_at);
|
|
previous_date = this.$options.filters.pretty_timestamp_epoch(quicksave.previous_created_at);
|
|
if ( version == "this" ) {
|
|
description = "Rollback "+ addon_type + " " + addon_name +" to version as of " + date + " on " + site.name;
|
|
}
|
|
if ( version == "previous" ) {
|
|
description = "Rollback "+ addon_type + " " + addon_name +" to version as of " + previous_date + " on " + site.name;
|
|
}
|
|
|
|
if ( typeof dialog.value == "boolean" ) {
|
|
dialog.value = false
|
|
}
|
|
|
|
should_proceed = confirm( description + "?");
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
site = this.dialog_site.site
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
axios.post(
|
|
`/wp-json/captaincore/v1/quicksaves/${hash}/rollback`, {
|
|
site_id: site.site_id,
|
|
environment: this.dialog_site.environment_selected.environment,
|
|
version: version,
|
|
type: addon_type,
|
|
value: addon_name
|
|
},
|
|
{ headers: {'X-WP-Nonce':this.wp_nonce} }
|
|
)
|
|
.then(response => {
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
this.runCommand( response.data );
|
|
this.snackbar.message = "Rollback in progress.";
|
|
this.snackbar.show = true;
|
|
})
|
|
},
|
|
QuicksaveFileRestore() {
|
|
date = this.$options.filters.pretty_timestamp_epoch(this.dialog_file_diff.quicksave.created_at);
|
|
should_proceed = confirm("Rollback file " + this.dialog_file_diff.file_name + " as of " + date);
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
hash = this.dialog_file_diff.quicksave.hash
|
|
if ( typeof this.dialog_file_diff.quicksave.hash == "undefined" ) {
|
|
hash = this.dialog_file_diff.quicksave.hash_after
|
|
}
|
|
|
|
site = this.dialog_site.site
|
|
|
|
description = "Rollback file " + this.dialog_file_diff.file_name + " as of " + date
|
|
|
|
// Start job
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site.site_id,
|
|
'environment': this.dialog_site.environment_selected.environment,
|
|
'hash': hash,
|
|
'command': 'quicksave_file_restore',
|
|
'value' : this.dialog_file_diff.file_name,
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data
|
|
this.runCommand( response.data )
|
|
this.dialog_file_diff.show = false
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
QuicksaveFileDiff( hash, file_name ) {
|
|
site = this.dialog_site.site
|
|
environment = this.dialog_site.environment_selected
|
|
file_name = file_name.split(" ")[1]
|
|
this.dialog_file_diff.response = ""
|
|
this.dialog_file_diff.file_name = file_name
|
|
this.dialog_file_diff.loading = true
|
|
this.dialog_file_diff.quicksave = environment.quicksaves.filter(quicksave => quicksave.hash == hash)[0]
|
|
this.dialog_file_diff.show = true
|
|
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/quicksaves/${hash}/filediff`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce},
|
|
params: { site_id: site.site_id, environment: environment.environment.toLowerCase(), file: file_name }
|
|
})
|
|
.then(response => {
|
|
let html = []
|
|
JSON.parse ( JSON.stringify ( response.data ) ).split('\n').forEach(line => {
|
|
applied_css="";
|
|
if ( line[0] == "-" ) {
|
|
applied_css=" class='red lighten-4'";
|
|
}
|
|
if ( line[0] == "+" ) {
|
|
applied_css=" class='green lighten-5'";
|
|
}
|
|
html.push("<div"+applied_css+">" + line + "</div>");
|
|
});
|
|
this.dialog_file_diff.response = html.join('\n')
|
|
this.dialog_file_diff.loading = false
|
|
})
|
|
},
|
|
QuicksaveFileDiffUpdate( hash, file_name ) {
|
|
site = this.dialog_site.site
|
|
environment = this.dialog_site.environment_selected
|
|
file_name = file_name.split(" ")[1]
|
|
this.dialog_file_diff.response = ""
|
|
this.dialog_file_diff.file_name = file_name
|
|
this.dialog_file_diff.loading = true
|
|
this.dialog_file_diff.quicksave = environment.update_logs.filter(quicksave => quicksave.hash_after == hash)[0]
|
|
this.dialog_file_diff.show = true
|
|
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/quicksaves/${hash}/filediff`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce},
|
|
params: { site_id: site.site_id, environment: environment.environment.toLowerCase(), file: file_name }
|
|
})
|
|
.then(response => {
|
|
let html = []
|
|
JSON.parse ( JSON.stringify ( response.data ) ).split('\n').forEach(line => {
|
|
applied_css="";
|
|
if ( line[0] == "-" ) {
|
|
applied_css=" class='red lighten-4'";
|
|
}
|
|
if ( line[0] == "+" ) {
|
|
applied_css=" class='green lighten-5'";
|
|
}
|
|
html.push("<div"+applied_css+">" + line + "</div>");
|
|
});
|
|
this.dialog_file_diff.response = html.join('\n')
|
|
this.dialog_file_diff.loading = false
|
|
})
|
|
},
|
|
QuicksaveCheck( site_id ) {
|
|
site = this.dialog_site.site
|
|
should_proceed = confirm("Check for new files on " + site.name + "?")
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
// Start job
|
|
site_name = site.name;
|
|
description = "Checking for file changes on " + site_name;
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_id,
|
|
'command': 'quick_backup',
|
|
'environment': this.dialog_site.environment_selected.environment,
|
|
};
|
|
|
|
self = this;
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
|
|
// Updates job id with reponsed background job id
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data );
|
|
self.snackbar.message = "Quicksave in process.";
|
|
self.snackbar.show = true;
|
|
|
|
})
|
|
.catch( error => console.log( error ) );
|
|
|
|
},
|
|
QuicksavesRollback( site_id, quicksave, version ) {
|
|
site = this.dialog_site.site
|
|
environment = this.dialog_site.environment_selected
|
|
created_at = quicksave.created_at
|
|
if ( version == 'previous' ) {
|
|
created_at = quicksave.previous_created_at
|
|
}
|
|
date = this.$options.filters.pretty_timestamp_epoch(created_at)
|
|
should_proceed = confirm("Will rollback all themes/plugins on " + environment.home_url + " to " + date + ". Proceed?")
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
// Start job
|
|
description = "Quicksave rollback all themes/plugins on " + site.name + " to " + date + ".";
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
axios.post(
|
|
`/wp-json/captaincore/v1/quicksaves/${quicksave.hash}/rollback`, {
|
|
site_id: site.site_id,
|
|
environment: environment.environment,
|
|
version: version,
|
|
type: "all"
|
|
},
|
|
{ headers: {'X-WP-Nonce':this.wp_nonce} }
|
|
)
|
|
.then(response => {
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
quicksave.loading = false
|
|
this.runCommand( response.data );
|
|
this.snackbar.message = "Rollback in progress.";
|
|
this.snackbar.show = true;
|
|
})
|
|
},
|
|
rollbackUpdates( site_id, quicksave, previous ) {
|
|
hash = quicksave.hash_after
|
|
created_at = quicksave.created_at
|
|
if ( previous ) {
|
|
hash = quicksave.hash_before
|
|
created_at = quicksave.started_at
|
|
}
|
|
date = this.$options.filters.pretty_timestamp_epoch(created_at)
|
|
site = this.dialog_site.site
|
|
environment = this.dialog_site.environment_selected
|
|
should_proceed = confirm("Will rollback all themes/plugins on " + environment.home_url + " to " + date + ". Proceed?")
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
// Start job
|
|
description = "Quicksave rollback all themes/plugins on " + site.name + " to " + date + ".";
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
axios.post(
|
|
`/wp-json/captaincore/v1/quicksaves/${hash}/rollback`, {
|
|
site_id: site.site_id,
|
|
environment: environment.environment,
|
|
version: 'this',
|
|
type: "all"
|
|
},
|
|
{ headers: {'X-WP-Nonce':this.wp_nonce} }
|
|
)
|
|
.then(response => {
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
quicksave.view_quicksave = false;
|
|
this.runCommand( response.data );
|
|
this.snackbar.message = "Rollback in progress.";
|
|
this.snackbar.show = true;
|
|
})
|
|
|
|
},
|
|
viewQuicksavesChanges( site_id, quicksave ) {
|
|
site = this.dialog_site.site
|
|
quicksave.view_changes = true;
|
|
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/quicksaves/${quicksave.hash}/changed`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce},
|
|
params: { site_id: site_id, environment: this.dialog_site.environment_selected.environment.toLowerCase() }
|
|
})
|
|
.then(response => {
|
|
quicksave.view_files = response.data.trim().split("\n");
|
|
quicksave.filtered_files = response.data.trim().split("\n");
|
|
quicksave.loading = false;
|
|
});
|
|
},
|
|
viewQuicksavesChangesItem( item, match ) {
|
|
item.response = []
|
|
hash = item.hash
|
|
site = this.dialog_site.site
|
|
if ( typeof hash == 'undefined' ) {
|
|
hash = item.hash_after
|
|
}
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/quicksaves/${hash}/changed`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce},
|
|
params: { site_id: site.site_id, environment: this.dialog_site.environment_selected.environment.toLowerCase(), match: match }
|
|
})
|
|
.then(response => {
|
|
item.response = response.data.trim().split("\n")
|
|
});
|
|
},
|
|
expandQuicksave( item, site_id, environment ) {
|
|
table_name = "quicksave_table_" + site_id + "_" + environment;
|
|
if ( typeof this.$refs[table_name].expansion[item.hash] == 'boolean' ) {
|
|
this.$refs[table_name].expansion = ""
|
|
} else {
|
|
this.getQuicksave( item.hash, site_id )
|
|
this.$refs[table_name].expansion = { [item.hash] : true }
|
|
}
|
|
},
|
|
viewQuicksaves() {
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/quicksaves', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce},
|
|
params: { site_id: this.dialog_site.site.site_id, environment: this.dialog_site.environment_selected.environment.toLowerCase() }
|
|
})
|
|
.then(response => {
|
|
this.dialog_site.environment_selected.quicksaves = response.data
|
|
});
|
|
},
|
|
viewUpdateLogs() {
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/update-logs', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce},
|
|
params: { site_id: this.dialog_site.site.site_id, environment: this.dialog_site.environment_selected.environment.toLowerCase() }
|
|
})
|
|
.then(response => {
|
|
this.dialog_site.environment_selected.update_logs = response.data
|
|
});
|
|
},
|
|
saveBackupConfigurations() {
|
|
site_id = this.dialog_site.site.site_id
|
|
axios.post( `/wp-json/captaincore/v1/sites/${site_id}/backup`, {
|
|
settings: this.dialog_site.site.backup_settings
|
|
}, {
|
|
headers: { 'X-WP-Nonce':this.wp_nonce }
|
|
})
|
|
.then( response => {
|
|
this.snackbar.message = `Backup settings for ${this.dialog_site.site.name} has been updated.`
|
|
this.snackbar.show = true
|
|
this.dialog_backup_configurations = { show: false, settings: { mode: "", interval: "", active: true } }
|
|
});
|
|
},
|
|
downloadBackup( backup_id, backup_tree ) {
|
|
directories = []
|
|
site_id = this.dialog_site.site.site_id
|
|
|
|
files = backup_tree.map( item => item.path )
|
|
backup_tree.forEach ( item => {
|
|
if ( item.type == "dir" && item.size > 1 ) {
|
|
directories.push( item.path )
|
|
}
|
|
})
|
|
|
|
description = "Generating downloadable zip for " + backup_tree.map( item => item.count ).reduce((a, b) => a + b, 0) + " items. Will send an email when ready."
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "done", stream: [], "command": "downloadBackup"})
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_id,
|
|
'command': "backup_download",
|
|
'value': {
|
|
files: JSON.stringify( files ),
|
|
directories: JSON.stringify( directories ),
|
|
backup_id: backup_id,
|
|
},
|
|
'environment': this.dialog_site.environment_selected.environment,
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.snackbar.message = description
|
|
this.snackbar.show = true
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data
|
|
// Reset all file selections
|
|
this.dialog_site.environment_selected.backups.forEach( backup => backup.tree = [] )
|
|
});
|
|
},
|
|
searchQuicksave() {
|
|
this.quicksave_search_results.loading = true
|
|
site_id = this.dialog_site.site.site_id
|
|
environment = this.dialog_site.environment_selected.environment.toLowerCase()
|
|
search = `${this.quicksave_search_type}:${this.quicksave_search_field}:${this.quicksave_search}`
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/quicksaves/search`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce},
|
|
params: { site_id: site_id, environment: environment, search: search }
|
|
})
|
|
.then(response => {
|
|
this.quicksave_search_results.loading = false
|
|
this.quicksave_search_results.search = this.quicksave_search
|
|
this.quicksave_search_results.search_type = this.quicksave_search_type
|
|
this.quicksave_search_results.search_field = this.quicksave_search_field
|
|
this.quicksave_search_results.items = response.data
|
|
});
|
|
},
|
|
getQuicksave( hash, site_id ) {
|
|
environment = this.dialog_site.environment_selected.environment.toLowerCase()
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/quicksaves/${hash}`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce},
|
|
params: { site_id: site_id, environment: environment }
|
|
})
|
|
.then(response => {
|
|
quicksave_selected = this.dialog_site.environment_selected.quicksaves.filter( q => q.hash == hash )
|
|
if ( quicksave_selected.length != 1 ) {
|
|
return
|
|
}
|
|
quicksave_selected[0].previous_created_at = response.data.previous_created_at
|
|
quicksave_selected[0].plugins = response.data.plugins
|
|
quicksave_selected[0].plugins_deleted = response.data.plugins_deleted
|
|
quicksave_selected[0].themes = response.data.themes
|
|
quicksave_selected[0].themes_deleted = response.data.themes_deleted
|
|
quicksave_selected[0].core = response.data.core
|
|
quicksave_selected[0].status = response.data.status
|
|
quicksave_selected[0].loading = false
|
|
});
|
|
},
|
|
getUpdateLogQuicksave( hash_before, hash_after, site_id ) {
|
|
environment = this.dialog_site.environment_selected.environment.toLowerCase()
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/update-logs/${hash_before}_${hash_after}`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce},
|
|
params: { site_id: site_id, environment: environment }
|
|
})
|
|
.then(response => {
|
|
quicksave_selected = this.dialog_site.environment_selected.update_logs.filter( q => q.hash_before == hash_before && q.hash_after == hash_after )
|
|
if ( quicksave_selected.length != 1 ) {
|
|
return
|
|
}
|
|
quicksave_selected[0].previous_created_at = response.data.previous_created_at
|
|
quicksave_selected[0].plugins = response.data.plugins
|
|
quicksave_selected[0].plugins_deleted = response.data.plugins_deleted
|
|
quicksave_selected[0].themes = response.data.themes
|
|
quicksave_selected[0].themes_deleted = response.data.themes_deleted
|
|
quicksave_selected[0].core = response.data.core
|
|
quicksave_selected[0].status = response.data.status
|
|
quicksave_selected[0].loading = false
|
|
});
|
|
},
|
|
getBackup( backup_id, site_id ) {
|
|
environment = this.dialog_site.environment_selected.environment.toLowerCase()
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/sites/${site_id}/${environment}/backups/${backup_id}`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
if ( response.data.includes( "https://" ) ) {
|
|
axios.get( response.data ).then(response => {
|
|
backup_selected = this.dialog_site.environment_selected.backups.filter( b => b.id == backup_id )
|
|
if ( backup_selected.length != 1 ) {
|
|
return
|
|
}
|
|
backup_selected[0].files = response.data.files
|
|
backup_selected[0].omitted = response.data.omitted
|
|
this.sortTree( backup_selected[0].files )
|
|
backup_selected[0].loading = false
|
|
})
|
|
}
|
|
})
|
|
},
|
|
previewFile( item ) {
|
|
item.preview = ""
|
|
if ( item.active.length == 1 ) {
|
|
site_id = this.dialog_site.site.site_id
|
|
environment = this.dialog_site.environment_selected.environment.toLowerCase()
|
|
file = item.active[0].path
|
|
if ( item.active[0].size > 500000 ) {
|
|
item.preview = "too-large"
|
|
return
|
|
}
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/sites/${site_id}/${environment}/backups/${item.id}?file=${file}`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
item.preview = response.data
|
|
})
|
|
return
|
|
}
|
|
item.preview = ""
|
|
},
|
|
viewBackups() {
|
|
site_id = this.dialog_site.site.site_id
|
|
environment = this.dialog_site.environment_selected.environment.toLowerCase()
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/site/${site_id}/${environment}/backups`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
this.dialog_site.environment_selected.backups = response.data
|
|
});
|
|
},
|
|
expandBackup( item, site_id, environment ) {
|
|
table_name = "backup_table_" + site_id + "_" + environment;
|
|
if ( typeof this.$refs[table_name].expansion[item.id] == 'boolean' ) {
|
|
this.$refs[table_name].expansion = ""
|
|
} else {
|
|
this.getBackup( item.id, site_id )
|
|
this.$refs[table_name].expansion = { [item.id] : true }
|
|
}
|
|
},
|
|
viewSnapshots() {
|
|
site = this.dialog_site.site
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/site/'+ site.site_id +'/snapshots', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then(response => {
|
|
site.environments[0].snapshots = response.data.Production
|
|
site.environments[1].snapshots = response.data.Staging
|
|
});
|
|
},
|
|
activateTheme( theme_name, site_id ) {
|
|
|
|
site = this.dialog_site.site
|
|
|
|
// Enable loading progress
|
|
site.loading_themes = true;
|
|
this.dialog_site.environment_selected.themes.filter(theme => theme.name != theme_name).forEach( theme => theme.status = "inactive" );
|
|
|
|
// Start job
|
|
site_name = site.name;
|
|
description = "Activating theme '" + theme_name + "' on " + site_name;
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
// WP ClI command to send
|
|
wpcli = "wp theme activate " + theme_name;
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_id,
|
|
'command': "manage",
|
|
'value': "ssh",
|
|
'background': true,
|
|
'environment': this.dialog_site.environment_selected.environment,
|
|
'arguments': { "name":"Commands","value":"command","command":"ssh","input": wpcli }
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
site.loading_themes = false;
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
this.runCommand( response.data );
|
|
});
|
|
},
|
|
deleteTheme (theme_name, site_id) {
|
|
|
|
should_proceed = confirm("Are you sure you want to delete theme " + theme_name + "?");
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
site = this.dialog_site.site
|
|
|
|
// Enable loading progress
|
|
site.loading_themes = true;
|
|
description = "Deleting theme '" +theme_name + "' from " + site.name;
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
// WP ClI command to send
|
|
wpcli = "wp theme delete " + theme_name;
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_id,
|
|
'command': "manage",
|
|
'value': "ssh",
|
|
'background': true,
|
|
'environment': this.dialog_site.environment_selected.environment,
|
|
'arguments': { "name":"Commands","value":"command","command":"ssh","input": wpcli }
|
|
};
|
|
|
|
self = this;
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
environment = this.dialog_site.environment_selected
|
|
updated_themes = environment.themes.filter(theme => theme.name != theme_name);
|
|
environment.themes = updated_themes;
|
|
site.loading_themes = false;
|
|
// Updates job id with reponsed background job id
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data );
|
|
});
|
|
|
|
},
|
|
addPlugin ( site_id ){
|
|
site = this.dialog_site.site
|
|
this.new_plugin.show = true
|
|
this.new_plugin.sites = [ site ]
|
|
this.new_plugin.site_name = this.dialog_site.environment_selected.home_url
|
|
this.new_plugin.current_plugins = this.dialog_site.environment_selected.plugins.map( p => p.name )
|
|
this.new_plugin.environment_selected = this.dialog_site.environment_selected.environment
|
|
this.fetchPlugins()
|
|
this.fetchEnvatoPlugins()
|
|
},
|
|
addPluginBulk() {
|
|
this.new_plugin.show = true
|
|
this.new_plugin.sites = this.sites_selected
|
|
this.new_plugin.site_name = this.new_plugin.sites.length + " sites"
|
|
this.new_plugin.current_plugins = []
|
|
this.new_plugin.environment_selected = this.dialog_bulk.environment_selected
|
|
this.fetchPlugins()
|
|
this.fetchEnvatoPlugins()
|
|
},
|
|
installEnvatoPlugin ( plugin ) {
|
|
environment_selected = this.new_plugin.environment_selected
|
|
if ( this.new_plugin.sites.length == 1 ) {
|
|
site_id = this.new_plugin.sites[0].site_id
|
|
} else {
|
|
site_id = this.new_plugin.sites.map( s => s.site_id )
|
|
}
|
|
site_name = this.new_plugin.site_name;
|
|
should_proceed = confirm("Proceed with installing plugin " + plugin.name + " on " + site_name + "?");
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/providers/envato/plugin/${plugin.id}/download`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then( response => {
|
|
|
|
// Enable loading progress
|
|
description = `Installing plugin '${plugin.name}' to ${site_name}`
|
|
job_id = Math.round((new Date()).getTime())
|
|
this.jobs.push({"job_id": job_id,"site_id": site_id, "environment": environment_selected, "description": description, "status": "queued", "command": "manage", stream: []})
|
|
|
|
// WP ClI command to send
|
|
wpcli = `wp plugin install --force --skip-plugins --skip-themes '${response.data}'`
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_id,
|
|
'command': "run",
|
|
'value': wpcli,
|
|
'background': true,
|
|
'environment': environment_selected
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( res => {
|
|
this.new_plugin.show = false
|
|
this.snackbar.message = description
|
|
this.snackbar.show = true
|
|
this.new_plugin.api.items = []
|
|
this.new_plugin.api.info = {}
|
|
this.new_plugin.envato = { items: [], search: "" }
|
|
this.new_plugin.loading = false;
|
|
|
|
// Updates job id with reponsed background job id
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = res.data
|
|
this.runCommand( res.data );
|
|
})
|
|
.catch(error => {
|
|
console.log(error.response)
|
|
this.new_plugin.show = true
|
|
});
|
|
})
|
|
},
|
|
installEnvatoTheme ( theme ) {
|
|
environment_selected = this.new_theme.environment_selected
|
|
if ( this.new_theme.sites.length == 1 ) {
|
|
site_id = this.new_theme.sites[0].site_id
|
|
} else {
|
|
site_id = this.new_theme.sites.map( s => s.site_id )
|
|
}
|
|
site_name = this.new_theme.site_name;
|
|
should_proceed = confirm("Proceed with installing theme " + theme.name + " on " + site_name + "?");
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/providers/envato/theme/${theme.id}/download`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then( response => {
|
|
|
|
// Enable loading progress
|
|
description = `Installing theme '${theme.name}' to ${site_name}`
|
|
job_id = Math.round((new Date()).getTime())
|
|
this.jobs.push({"job_id": job_id,"site_id": site_id, "environment": environment_selected, "description": description, "status": "queued", "command": "manage", stream: []})
|
|
|
|
// WP ClI command to send
|
|
wpcli = `wp theme install --force --skip-plugins --skip-themes '${response.data}'`
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_id,
|
|
'command': "run",
|
|
'value': wpcli,
|
|
'background': true,
|
|
'environment': environment_selected
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( res => {
|
|
this.new_theme.show = false
|
|
this.snackbar.message = description
|
|
this.snackbar.show = true
|
|
this.new_theme.api.items = []
|
|
this.new_theme.api.info = {}
|
|
this.new_theme.envato = { items: [], search: "" }
|
|
this.new_theme.loading = false;
|
|
|
|
// Updates job id with reponsed background job id
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = res.data
|
|
this.runCommand( res.data );
|
|
})
|
|
.catch(error => {
|
|
console.log(error.response)
|
|
this.new_theme.show = true
|
|
});
|
|
})
|
|
},
|
|
installPlugin ( plugin ) {
|
|
environment_selected = this.new_plugin.environment_selected
|
|
if ( this.new_plugin.sites.length == 1 ) {
|
|
site_id = this.new_plugin.sites[0].site_id
|
|
} else {
|
|
site_id = this.new_plugin.sites.map( s => s.site_id )
|
|
}
|
|
site_name = this.new_plugin.site_name;
|
|
should_proceed = confirm("Proceed with installing plugin " + plugin.name + " on " + site_name + "?");
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
// Enable loading progress
|
|
description = "Installing plugin '" +plugin.name + "' to " + site_name;
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"site_id": site_id, "environment": environment_selected, "description": description, "status": "queued", "command": "manage", stream: []});
|
|
|
|
// WP ClI command to send
|
|
wpcli = "wp plugin install " + plugin.download_link + " --force";
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_id,
|
|
'command': "manage",
|
|
'value': "ssh",
|
|
'background': true,
|
|
'environment': environment_selected,
|
|
'arguments': { "name":"Commands","value":"command","command":"ssh","input": wpcli }
|
|
};
|
|
|
|
self = this;
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.new_plugin.show = false
|
|
self.snackbar.message = description
|
|
self.snackbar.show = true
|
|
self.new_plugin.api.items = []
|
|
self.new_plugin.api.info = {}
|
|
self.new_plugin.loading = false;
|
|
|
|
// Updates job id with reponsed background job id
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data );
|
|
})
|
|
.catch(error => {
|
|
console.log(error.response)
|
|
self.new_plugin.show = true
|
|
});
|
|
|
|
},
|
|
uninstallPlugin ( plugin ) {
|
|
if ( this.new_plugin.sites.length == 1 ) {
|
|
site_id = this.new_plugin.sites[0].site_id;
|
|
environment_selected = this.new_plugin.sites[0].environment_selected
|
|
} else {
|
|
site_id = this.new_plugin.sites.map( s => s.site_id )
|
|
environment_selected = this.new_plugin.environment_selected
|
|
}
|
|
site_name = this.new_plugin.site_name;
|
|
should_proceed = confirm("Proceed with uninstalling plugin " + plugin.name + " from " + site_name + "?");
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
// Enable loading progress
|
|
description = "Uninstalling plugin '" +plugin.name + "' from " + site_name;
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"site_id": site_id, "environment": environment_selected, "description": description, "status": "queued", "command": "manage", stream: []});
|
|
|
|
// WP ClI command to send
|
|
wpcli = "wp plugin delete " + plugin.slug;
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_id,
|
|
'command': "manage",
|
|
'value': "ssh",
|
|
'background': true,
|
|
'environment': environment_selected,
|
|
'arguments': { "name":"Commands","value":"command","command":"ssh","input": wpcli }
|
|
};
|
|
|
|
self = this;
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.new_plugin.show = false
|
|
self.snackbar.message = description
|
|
self.snackbar.show = true
|
|
self.new_plugin.api.items = []
|
|
self.new_plugin.api.info = {}
|
|
self.new_plugin.loading = false;
|
|
|
|
// Updates job id with reponsed background job id
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data );
|
|
})
|
|
.catch(error => {
|
|
console.log(error.response)
|
|
self.new_plugin.show = true
|
|
});
|
|
|
|
},
|
|
fetchPlugins() {
|
|
this.new_plugin.loading = true;
|
|
site_id = this.new_plugin.sites[0].site_id
|
|
search = this.new_plugin.search
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'post_id': site_id,
|
|
'command': "fetchPlugins",
|
|
'page': this.new_plugin.page
|
|
};
|
|
if ( search ) {
|
|
data.value = search;
|
|
}
|
|
self = this;
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.new_plugin.api.items = response.data.plugins
|
|
self.new_plugin.api.info = response.data.info
|
|
self.new_plugin.loading = false;
|
|
})
|
|
.catch(error => {
|
|
console.log(error.response)
|
|
self.new_plugin.loading = false;
|
|
});
|
|
},
|
|
fetchEnvatoThemes() {
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/providers/envato/themes`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then( response => {
|
|
this.new_theme.envato.items = response.data
|
|
})
|
|
},
|
|
fetchEnvatoPlugins() {
|
|
axios.get(
|
|
`/wp-json/captaincore/v1/providers/envato/plugins`, {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then( response => {
|
|
this.new_plugin.envato.items = response.data
|
|
})
|
|
},
|
|
addTheme ( site_id ) {
|
|
site = this.dialog_site.site
|
|
this.new_theme.show = true
|
|
this.new_theme.sites = [ site ]
|
|
this.new_theme.site_name = this.dialog_site.environment_selected.home_url
|
|
this.new_theme.current_themes = this.dialog_site.environment_selected.themes.map( p => p.name )
|
|
this.new_theme.environment_selected = this.dialog_site.environment_selected.environment
|
|
this.fetchThemes()
|
|
this.fetchEnvatoThemes()
|
|
},
|
|
addThemeBulk() {
|
|
this.new_theme.show = true
|
|
this.new_theme.sites = this.sites_selected
|
|
this.new_theme.site_name = this.new_theme.sites.length + " sites"
|
|
this.new_theme.environment_selected = this.dialog_bulk.environment_selected
|
|
this.fetchThemes()
|
|
this.fetchEnvatoThemes()
|
|
},
|
|
installTheme ( theme ) {
|
|
environment_selected = this.new_theme.environment_selected
|
|
if ( this.new_theme.sites.length == 1 ) {
|
|
site_id = this.new_theme.sites[0].site_id
|
|
} else {
|
|
site_id = this.new_theme.sites.map( s => s.site_id )
|
|
}
|
|
|
|
site_name = this.new_theme.site_name;
|
|
|
|
should_proceed = confirm("Proceed with installing theme " + theme.name + " on " + site_name + "?");
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
// Enable loading progress
|
|
description = "Installing theme '" + theme.name + "' to " + site_name;
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"site_id": site_id, "environment": environment_selected, "description": description, "status": "queued", "command": "manage", stream: []});
|
|
|
|
// WP ClI command to send
|
|
wpcli = "wp theme install " + theme.slug + " --force";
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_id,
|
|
'command': "manage",
|
|
'value': "ssh",
|
|
'background': true,
|
|
'environment': environment_selected,
|
|
'arguments': { "name":"Commands","value":"command","command":"ssh","input": wpcli }
|
|
};
|
|
|
|
self = this;
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.new_theme.show = false
|
|
self.snackbar.message = description
|
|
self.snackbar.show = true
|
|
self.new_theme.api.items = []
|
|
self.new_theme.api.info = {}
|
|
self.new_theme.loading = false;
|
|
|
|
// Updates job id with reponsed background job id
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data );
|
|
})
|
|
.catch(error => {
|
|
console.log(error.response)
|
|
self.new_theme.show = true
|
|
});
|
|
|
|
},
|
|
uninstallTheme ( theme ) {
|
|
if ( this.new_theme.sites.length == 1 ) {
|
|
site_id = this.new_theme.sites[0].site_id;
|
|
environment_selected = this.new_theme.sites[0].environment_selected
|
|
} else {
|
|
site_id = this.new_theme.sites.map( s => s.site_id )
|
|
environment_selected = this.new_theme.environment_selected
|
|
}
|
|
site_name = this.new_theme.site_name;
|
|
should_proceed = confirm("Proceed with uninstalling theme " + theme.name + " from " + site_name + "?");
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
// Enable loading progress
|
|
description = "Uninstalling theme '" + theme.name + "' from " + site_name;
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"site_id": site_id, "environment" : environment_selected, "description": description, "status": "queued", "command": "manage", stream: []});
|
|
|
|
// WP ClI command to send
|
|
wpcli = "wp theme delete " + theme.slug;
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_id,
|
|
'command': "manage",
|
|
'value': "ssh",
|
|
'background': true,
|
|
'environment': environment_selected,
|
|
'arguments': { "name":"Commands","value":"command","command":"ssh","input": wpcli }
|
|
};
|
|
|
|
self = this;
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.new_theme.show = false
|
|
self.snackbar.message = description
|
|
self.snackbar.show = true
|
|
self.new_theme.api.items = []
|
|
self.new_theme.api.info = {}
|
|
self.new_theme.loading = false;
|
|
|
|
// Updates job id with reponsed background job id
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data );
|
|
})
|
|
.catch(error => {
|
|
console.log(error.response)
|
|
self.new_theme.show = true
|
|
});
|
|
|
|
},
|
|
fetchThemes() {
|
|
this.new_theme.loading = true;
|
|
site_id = this.new_theme.sites[0].site_id
|
|
search = this.new_theme.search
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'post_id': site_id,
|
|
'command': "fetchThemes",
|
|
'page': this.new_theme.page
|
|
};
|
|
if ( search ) {
|
|
data.value = search;
|
|
}
|
|
self = this;
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.new_theme.api.items = response.data.themes
|
|
self.new_theme.api.info = response.data.info
|
|
self.new_theme.loading = false;
|
|
})
|
|
.catch(error => {
|
|
console.log(error.response)
|
|
self.new_theme.loading = false;
|
|
});
|
|
},
|
|
togglePlugin (plugin_name, plugin_status, site_id) {
|
|
|
|
site = this.dialog_site.site
|
|
|
|
// Enable loading progress
|
|
this.dialog_site.site.loading_plugins = true
|
|
site_name = this.dialog_site.site.name
|
|
|
|
if (plugin_status == "inactive") {
|
|
action = "deactivate";
|
|
}
|
|
if (plugin_status == "active") {
|
|
action = "activate";
|
|
}
|
|
|
|
description = titleCase(action) + " plugin '" + plugin_name + "' from " + site_name;
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id, "description": description, "status": "queued", stream: [], conn: {}});
|
|
|
|
// WP ClI command to send
|
|
wpcli = "wp plugin " + action + " " + plugin_name;
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_id,
|
|
'command': "manage",
|
|
'value': "ssh",
|
|
'background': true,
|
|
'environment': this.dialog_site.environment_selected.environment,
|
|
'arguments': { "name":"Commands","value":"command","command":"ssh","input": wpcli }
|
|
};
|
|
|
|
self = this;
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.sites.filter(site => site.site_id == site_id)[0].loading_plugins = false;
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data )
|
|
})
|
|
.catch(error => {
|
|
console.log(error.response)
|
|
});
|
|
},
|
|
deletePlugin (plugin_name, site_id) {
|
|
|
|
should_proceed = confirm("Are you sure you want to delete plugin " + plugin_name + "?");
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
site = this.dialog_site.site
|
|
|
|
// Enable loading progress
|
|
this.dialog_site.site.loading_plugins = true;
|
|
|
|
site_name = this.dialog_site.site.name;
|
|
description = "Delete plugin '" + plugin_name + "' from " + site_name;
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
// WP ClI command to send
|
|
wpcli = "wp plugin delete " + plugin_name;
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_id,
|
|
'command': "manage",
|
|
'value': "ssh",
|
|
'background': true,
|
|
'environment': this.dialog_site.environment_selected.environment,
|
|
'arguments': { "name":"Commands","value":"command","command":"ssh","input": wpcli }
|
|
};
|
|
|
|
self = this;
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
environment = this.dialog_site.environment_selected
|
|
updated_plugins = environment.plugins.filter(plugin => plugin.name != plugin_name);
|
|
environment.plugins = updated_plugins;
|
|
self.sites.filter(site => site.site_id == site_id)[0].loading_plugins = false;
|
|
|
|
// Updates job id with reponsed background job id
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data );
|
|
});
|
|
},
|
|
runUpdate( site_id ) {
|
|
|
|
site = this.dialog_site.site
|
|
should_proceed = confirm("Apply all plugin/theme updates for " + site.name + "?");
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
// New job for progress tracking
|
|
job_id = Math.round((new Date()).getTime());
|
|
description = "Updating themes/plugins on " + site.name;
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: [],"command":"update-wp", site_id: site.site_id});
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_id,
|
|
'environment': this.dialog_site.environment_selected.environment,
|
|
'command': "update-wp",
|
|
'background': true
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
this.runCommand( response.data );
|
|
});
|
|
|
|
},
|
|
themeAndPluginChecks( site_id ) {
|
|
site = this.dialog_site.site
|
|
this.dialog_theme_and_plugin_checks.site = site;
|
|
this.dialog_theme_and_plugin_checks.show = true;
|
|
},
|
|
killCommand( job_id ) {
|
|
job = this.jobs.filter(job => job.job_id == job_id)[0]
|
|
job.conn.send( '{ "token" : "'+ job.job_id +'", "action" : "kill" }' );
|
|
//job.conn.close();
|
|
job.status = "error"
|
|
},
|
|
runCommand( job_id ) {
|
|
|
|
job = this.jobs.filter(job => job.job_id == job_id)[0]
|
|
self = this;
|
|
// console.log( "Start: select token " + job_id + " found job " + job.job_id )
|
|
|
|
job.conn = new WebSocket( this.socket );
|
|
job.conn.onopen = () => job.conn.send( '{ "token" : "'+ job.job_id +'", "action" : "start" }' );
|
|
|
|
job.conn.onmessage = (session) => self.writeSocket( job_id, session );
|
|
job.conn.onclose = () => {
|
|
job = self.jobs.filter(job => job.job_id == job_id)[0]
|
|
last_output_index = job.stream.length - 1;
|
|
last_output = job.stream[last_output_index];
|
|
|
|
if ( last_output == "Finished.") {
|
|
job.status = "done"
|
|
} else {
|
|
job.status = "error"
|
|
}
|
|
|
|
if ( job.command == "checkSSH" ) {
|
|
axios.get(
|
|
'/wp-json/captaincore/v1/sites', {
|
|
headers: {'X-WP-Nonce':this.wp_nonce}
|
|
})
|
|
.then( response => {
|
|
site_updated = response.data.filter( s => s.site_id == job.site_id )
|
|
if ( site_updated.length == 1 ) {
|
|
this.sites = this.sites.filter( match => match.site_id != job.site_id )
|
|
this.sites.push( site_updated[0] )
|
|
this.sites.sort((a, b) => (a.name > b.name) ? 1 : -1)
|
|
}
|
|
})
|
|
}
|
|
|
|
if ( job.command == "syncSite" ) {
|
|
self.fetchSiteInfo( job.site_id )
|
|
}
|
|
|
|
if ( job.command == "scanErrors" ) {
|
|
self.fetchSiteInfo( job.site_id )
|
|
self.sites.filter( s => s.site_id == job.site_id )[0].loading = false
|
|
}
|
|
|
|
if ( job.command == "manage" && job.environment ) {
|
|
self.syncSite( job.site_id, job.environment );
|
|
}
|
|
|
|
if ( job.command == "manage" && !job.environment ) {
|
|
self.syncSite( job.site_id );
|
|
}
|
|
|
|
if ( job.command == "saveUpdateSettings" ){
|
|
// to do
|
|
}
|
|
|
|
if ( job.command == "update-wp" ){
|
|
this.viewUpdateLogs( job.site_id );
|
|
}
|
|
|
|
// console.log( "Done: select token " + job_id + " found job " + job.job_id )
|
|
}
|
|
},
|
|
writeSocket( job_id, session ) {
|
|
job = self.jobs.filter(job => job.job_id == job_id)[0]
|
|
job.stream.push( session.data )
|
|
},
|
|
configureFathom( site_id ) {
|
|
site = this.dialog_site.site
|
|
this.dialog_fathom.site = site
|
|
this.dialog_fathom.environment = this.dialog_site.environment_selected;
|
|
this.dialog_fathom.show = true;
|
|
},
|
|
configureFathomClose() {
|
|
this.dialog_fathom.editItem = false;
|
|
setTimeout(() => {
|
|
this.dialog_fathom.editedItem = {}
|
|
this.dialog_fathom.editedIndex = -1
|
|
}, 300)
|
|
},
|
|
configureFathomSave() {
|
|
if (this.dialog_fathom.editedIndex > -1) {
|
|
Object.assign(this.dialog_fathom.environment.fathom[this.dialog_fathom.editedIndex], this.dialog_fathom.editedItem)
|
|
} else {
|
|
this.dialog_fathom.environment.fathom.push(this.dialog_fathom.editedItem)
|
|
}
|
|
this.configureFathomClose()
|
|
},
|
|
newFathomItem(){
|
|
this.dialog_fathom.environment.fathom.push({ "code": "", "domain" : "" })
|
|
},
|
|
deleteFathomLiteItem (item) {
|
|
const index = this.dialog_fathom.environment.fathom.indexOf(item)
|
|
confirm('Are you sure you want to delete this item?') && this.dialog_fathom.environment.fathom.splice(index, 1)
|
|
},
|
|
deleteFathomItem (item) {
|
|
const index = this.dialog_site.environment_selected.fathom_analytics.indexOf(item)
|
|
confirm('Are you sure you want to delete this item?') && this.dialog_site.environment_selected.fathom_analytics.splice(index, 1)
|
|
},
|
|
saveMailgun() {
|
|
// Prep AJAX request
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'post_id': this.dialog_site.site.site_id,
|
|
'command': "updateMailgun",
|
|
'value': this.dialog_site.site.mailgun,
|
|
};
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// close dialog
|
|
this.dialog_mailgun_config.show = false;
|
|
});
|
|
},
|
|
saveFathomConfigurations() {
|
|
site = this.dialog_fathom.site;
|
|
environment = this.dialog_fathom.environment;
|
|
site_id = site.site_id;
|
|
should_proceed = confirm("Apply new Fathom tracker for " + site.name + "?");
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
|
|
// New job for progress tracking
|
|
job_id = Math.round((new Date()).getTime());
|
|
description = "Updating Fathom tracker on " + site.name;
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: []});
|
|
|
|
environment.fathom.forEach( fathom => {
|
|
fathom.domain = fathom.domain.trim()
|
|
fathom.code = fathom.code.trim()
|
|
})
|
|
|
|
// Prep AJAX request
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'post_id': site_id,
|
|
'command': "updateFathom",
|
|
'environment': this.dialog_site.environment_selected.environment,
|
|
'value': {
|
|
fathom_lite: environment.fathom,
|
|
fathom: this.dialog_site.environment_selected.fathom_analytics
|
|
}
|
|
}
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
// close dialog
|
|
this.dialog_fathom.site = {};
|
|
this.dialog_fathom.show = false;
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
this.runCommand( response.data );
|
|
});
|
|
},
|
|
verifyAndPayInvoice( invoice_id ) {
|
|
this.billing.rules = {
|
|
firstname: [v => !!v || 'First Name is required'],
|
|
lastname: [v => !!v || 'Last Name is required'],
|
|
address_1: [v => !!v || 'Address line 1 is required'],
|
|
city: [v => !!v || 'City is required'],
|
|
state: [v => !!v || 'State is required'],
|
|
zip: [v => !!v || 'Zip is required'],
|
|
email: [v => !!v || 'Email is required'],
|
|
country: [v => !!v || 'Country is required']
|
|
}
|
|
this.$nextTick(() => {
|
|
this.payInvoice( invoice_id )
|
|
})
|
|
},
|
|
updateBilling() {
|
|
var data = {
|
|
'action': 'captaincore_account',
|
|
'command': "updateBilling",
|
|
'value': this.billing.address,
|
|
};
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
this.fetchBilling()
|
|
});
|
|
},
|
|
updateSettings() {
|
|
this.dialog_update_settings.show = true;
|
|
site = this.dialog_site.site
|
|
environment = this.dialog_site.environment_selected
|
|
this.dialog_update_settings.environment.updates_exclude_plugins = environment.updates_exclude_plugins
|
|
this.dialog_update_settings.environment.updates_exclude_themes = environment.updates_exclude_themes
|
|
this.dialog_update_settings.environment.updates_enabled = environment.updates_enabled
|
|
this.dialog_update_settings.themes = environment.themes
|
|
this.dialog_update_settings.plugins = environment.plugins
|
|
},
|
|
updateMonitor( environment ) {
|
|
status = "OFF"
|
|
if ( environment.monitor_enabled == 1 ) {
|
|
status = "ON"
|
|
}
|
|
axios.post( `/wp-json/captaincore/v1/sites/${environment.site_id}/${environment.environment.toLowerCase()}/monitor`, {
|
|
monitor: environment.monitor_enabled
|
|
}, {
|
|
headers: { 'X-WP-Nonce':this.wp_nonce }
|
|
})
|
|
.then( response => {
|
|
this.snackbar.message = `Toggling monitor for ${environment.home_url} ${status}.`
|
|
this.snackbar.show = true
|
|
})
|
|
},
|
|
saveUpdateSettings() {
|
|
this.dialog_update_settings.loading = true;
|
|
site = this.dialog_site.site
|
|
|
|
// Adds new job
|
|
job_id = Math.round((new Date()).getTime());
|
|
description = "Saving update settings for " + site.name + " (" + this.dialog_site.environment_selected.environment + ")";
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: [], "command":"saveUpdateSettings"});
|
|
|
|
// Prep AJAX request
|
|
var data = {
|
|
'action': 'captaincore_ajax',
|
|
'post_id': site.site_id,
|
|
'command': "updateSettings",
|
|
'environment': this.dialog_site.environment_selected.environment,
|
|
'value': {
|
|
"updates_exclude_plugins": this.dialog_update_settings.environment.updates_exclude_plugins,
|
|
"updates_exclude_themes": this.dialog_update_settings.environment.updates_exclude_themes,
|
|
"updates_enabled": this.dialog_update_settings.environment.updates_enabled
|
|
}
|
|
};
|
|
|
|
this.dialog_update_settings.show = false;
|
|
this.dialog_update_settings.loading = false;
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
environment = this.dialog_site.environment_selected;
|
|
environment.updates_exclude_plugins = this.dialog_update_settings.environment.updates_exclude_plugins;
|
|
environment.updates_exclude_themes = this.dialog_update_settings.environment.updates_exclude_themes;
|
|
environment.updates_enabled = this.dialog_update_settings.environment.updates_enabled;
|
|
this.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
this.runCommand( response.data );
|
|
});
|
|
|
|
},
|
|
deleteUserDialog( username, site_id ){
|
|
site = this.dialog_site.site
|
|
environment = this.dialog_site.environment_selected;
|
|
this.dialog_delete_user.username = username
|
|
this.dialog_delete_user.site = site
|
|
this.dialog_delete_user.show = true
|
|
this.dialog_delete_user.users = environment.users.filter( u => u.user_login != username )
|
|
},
|
|
deleteUser() {
|
|
if ( this.dialog_delete_user.reassign.ID == undefined ) {
|
|
this.snackbar.message = "Can't delete user without reassign content to another user.";
|
|
this.snackbar.show = true;
|
|
return;
|
|
}
|
|
username = this.dialog_delete_user.username
|
|
site = this.dialog_delete_user.site
|
|
environment = this.dialog_site.environment_selected;
|
|
should_proceed = confirm("Are you sure you want to delete user " + username + "?");
|
|
|
|
if ( ! should_proceed ) {
|
|
return;
|
|
}
|
|
site_id = site.site_id
|
|
site_name = site.name;
|
|
description = "Delete user '" + username + "' from " + site_name + " (" + this.dialog_site.environment_selected.environment + ")";
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"site_id":site_id,"command":"manage","description": description, "status": "queued", stream: []});
|
|
|
|
// WP ClI command to send
|
|
wpcli = "wp user delete " + username + " --reassign=" + this.dialog_delete_user.reassign.ID;
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_id,
|
|
'command': "manage",
|
|
'value': "ssh",
|
|
'background': true,
|
|
'environment': this.dialog_site.environment_selected.environment,
|
|
'arguments': { "name":"Commands","value":"command","command":"ssh","input": wpcli }
|
|
};
|
|
|
|
self = this;
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
environment.users = environment.users.filter(user => user.username != username);
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data );
|
|
self.dialog_delete_user.show = false
|
|
self.dialog_delete_user.site = {}
|
|
self.dialog_delete_user.reassign = {}
|
|
self.dialog_delete_user.username = ""
|
|
self.dialog_delete_user.users = []
|
|
});
|
|
|
|
},
|
|
bulkactionLaunch() {
|
|
if ( this.dialog_bulk.environment_selected == "Production" || this.dialog_bulk.environment_selected == "Both" ) {
|
|
this.sites_selected.forEach(site => window.open(site.environments[0].home_url));
|
|
}
|
|
if ( this.dialog_bulk.environment_selected == "Staging" || this.dialog_bulk.environment_selected == "Both" ) {
|
|
this.sites_selected.forEach(site => {
|
|
if ( site.environments[1].home_url ) {
|
|
window.open( site.environments[1].home_url );
|
|
}
|
|
});
|
|
}
|
|
},
|
|
bulkactionSubmit() {
|
|
site_ids = this.sites.filter( site => site.selected ).map( site => site.site_id );
|
|
site_names = this.sites.filter( site => site.selected ).map( site => site.name );
|
|
|
|
var data = {
|
|
'action': 'captaincore_install',
|
|
'post_id': site_ids,
|
|
'command': "manage",
|
|
'background': true,
|
|
'value': this.select_bulk_action,
|
|
'arguments': this.select_bulk_action_arguments
|
|
};
|
|
|
|
var self = this;
|
|
|
|
description = "Running bulk " + this.select_bulk_action + " on " + site_names.join(" ");
|
|
job_id = Math.round((new Date()).getTime());
|
|
this.jobs.push({"job_id": job_id,"description": description, "status": "queued", stream: [], "command": "manage"});
|
|
|
|
axios.post( ajaxurl, Qs.stringify( data ) )
|
|
.then( response => {
|
|
self.jobs.filter(job => job.job_id == job_id)[0].job_id = response.data;
|
|
self.runCommand( response.data );
|
|
self.snackbar.message = description;
|
|
self.snackbar.show = true;
|
|
self.dialog = false;
|
|
});
|
|
},
|
|
keepTimestampNextRun: function ( date, item ) {
|
|
if ( typeof item.next_run == 'undefined' ) {
|
|
today = new Date().getFullYear()+'-'+("0"+(new Date().getMonth()+1)).slice(-2)+'-'+("0"+new Date().getDate()).slice(-2)
|
|
item.next_run = `${today} 5:00:00`
|
|
} else if ( item.next_run == "" ) {
|
|
item.next_run = `${date} 5:00:00`
|
|
} else {
|
|
timestamp = item.next_run.split(" ")[1]
|
|
item.next_run = `${date} ${timestamp}`
|
|
}
|
|
},
|
|
keepTimestamp: function ( date ) {
|
|
if ( typeof this.dialog_modify_plan.plan.next_renewal == 'undefined' ) {
|
|
today = new Date().getFullYear()+'-'+("0"+(new Date().getMonth()+1)).slice(-2)+'-'+("0"+new Date().getDate()).slice(-2)
|
|
this.dialog_modify_plan.plan.next_renewal = `${today} 5:00:00`
|
|
} else if ( this.dialog_modify_plan.plan.next_renewal == "" ) {
|
|
this.dialog_modify_plan.plan.next_renewal = `${date} 5:00:00`
|
|
} else {
|
|
timestamp = this.dialog_modify_plan.plan.next_renewal.split(" ")[1]
|
|
this.dialog_modify_plan.plan.next_renewal = `${date} ${timestamp}`
|
|
}
|
|
},
|
|
filterFiles( site_id, hash ) {
|
|
site = this.dialog_site.site
|
|
environment = this.dialog_site.environment_selected;
|
|
quicksave = environment.quicksaves.filter( quicksave => quicksave.hash == hash )[0];
|
|
search = quicksave.search;
|
|
quicksave.filtered_files = quicksave.view_files.filter( file => file.includes( search ) );
|
|
},
|
|
filteredSites( value ) {
|
|
if ( value ) {
|
|
return true
|
|
}
|
|
return false
|
|
},
|
|
filterUnassigned() {
|
|
this.sites.forEach( s => {
|
|
if ( s.account_id == "" || s.account_id == "0" ) {
|
|
s.filtered = true
|
|
} else {
|
|
s.filtered = false
|
|
}
|
|
})
|
|
},
|
|
filterSites() {
|
|
|
|
if ( this.applied_site_filter.length > 0 || this.search ) {
|
|
|
|
search = this.search;
|
|
filterby = this.applied_site_filter;
|
|
filterbyversions = this.applied_site_filter_version;
|
|
filterbystatuses = this.applied_site_filter_status;
|
|
filter_versions = [];
|
|
filter_statuses = [];
|
|
versions = [];
|
|
statuses = [];
|
|
|
|
if ( this.applied_site_filter_version.length > 0 ) {
|
|
// Find all themes/plugins which have selected version
|
|
this.applied_site_filter_version.forEach(filter => {
|
|
if(!versions.includes(filter.slug)) {
|
|
versions.push(filter.slug);
|
|
}
|
|
})
|
|
}
|
|
|
|
if ( this.applied_site_filter_status.length > 0 ) {
|
|
// Find all themes/plugins which have selcted version
|
|
this.applied_site_filter_status.forEach(filter => {
|
|
if(!statuses.includes(filter.slug)) {
|
|
statuses.push(filter.slug);
|
|
}
|
|
})
|
|
}
|
|
|
|
if ( filterby ) {
|
|
this.fetchFilterVersions ( filterby )
|
|
this.fetchFilterStatus ( filterby )
|
|
site_filters = {
|
|
filters: this.applied_site_filter,
|
|
versions: this.applied_site_filter_version,
|
|
statuses: this.applied_site_filter_status,
|
|
}
|
|
this.fetchFilteredSites ( site_filters )
|
|
}
|
|
|
|
}
|
|
|
|
// Neither filter is set so set all sites to filtered true.
|
|
if ( this.applied_site_filter.length == 0 && !this.search ) {
|
|
this.site_filter_status = [];
|
|
this.site_filter_version = [];
|
|
this.sites.forEach( s => {
|
|
s.filtered = true
|
|
})
|
|
}
|
|
|
|
this.page = 1;
|
|
}
|
|
}
|
|
})
|
|
|
|
</script>
|
|
<?php if ( is_plugin_active( 'arve-pro/arve-pro.php' ) ) { ?>
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
|
|
<script type='text/javascript' src='/wp-content/plugins/arve-pro/build/main.js'></script>
|
|
<script type='text/javascript' src='/wp-content/plugins/advanced-responsive-video-embedder/build/main.js'></script>
|
|
<?php } ?>
|
|
</body>
|
|
</html>
|
