wp-cli-gui/app/components/tab-install.php
2021-07-11 02:46:52 +02:00

127 lines
3.7 KiB
PHP

<h1>Site creation</h1>
<h2>Download WordPress</h2>
<div class="cc">
<div class="control">
<div class="form-element fe-select">
<p class="label">Locale</p>
<v-select v-model="active_config.download_language" :options="<?=vue_select_options( download_languages_list() );?>" :reduce="options => options.value" label="label"></v-select>
</div>
</div><!-- control -->
<div class="code">
<pre v-show="code_t1_download" v-text="code_t1_download"></pre>
<button v-clipboard:copy="code_t1_download">Copy</button>
</div><!-- code -->
</div><!-- cc -->
<h2>Configure wp-config</h2>
<div class="cc">
<div class="control">
<div class="form-element fe-input">
<label for="<?=fe_id();?>">Database host</label>
<input id="<?=fe_id();?>" v-model="active_config.database_host">
</div>
<div class="form-element fe-input">
<label for="<?=fe_id();?>">Database name</label>
<input id="<?=fe_id();?>" v-model="active_config.database_name">
</div>
<div class="form-element fe-input">
<label for="<?=fe_id();?>">Database prefix</label>
<input id="<?=fe_id();?>" v-model="active_config.database_prefix">
</div>
<div class="form-element fe-input">
<label for="<?=fe_id();?>">Database user</label>
<input id="<?=fe_id();?>" v-model="active_config.database_user">
</div>
<div class="form-element fe-input">
<label for="<?=fe_id();?>">Database pass</label>
<input id="<?=fe_id();?>" v-model="active_config.database_pass">
</div>
</div><!-- control -->
<div class="code">
<pre v-show="code_t1_config" v-text="code_t1_config"></pre>
<button v-clipboard:copy="code_t1_config">Copy</button>
</div><!-- code -->
</div><!-- cc -->
<h2>Database creation</h2>
<div class="cc">
<div class="control">
<div class="form-element fe-checkbox">
<label for="<?=fe_id();?>">Create database</label>
<input id="<?=fe_id();?>" type="checkbox" v-model="active_config.create_database">
</div>
</div><!-- control -->
<div class="code">
<pre v-show="code_t1_database" v-text="code_t1_database"></pre>
<button v-clipboard:copy="code_t1_database">Copy</button>
</div><!-- code -->
</div><!-- cc -->
<h2>Install WordPress</h2>
<div class="cc">
<div class="control">
<h3>Site</h3>
<div class="form-element fe-input">
<label for="<?=fe_id();?>">Name</label>
<input id="<?=fe_id();?>" v-model="active_config.site_name">
</div>
<div class="form-element fe-input">
<label for="<?=fe_id();?>">URL</label>
<input id="<?=fe_id();?>" v-model="active_config.site_url">
</div>
<h3>Account</h3>
<div class="form-element fe-input">
<label for="<?=fe_id();?>">Username</label>
<input id="<?=fe_id();?>" v-model="active_config.account_username">
</div>
<div class="form-element fe-input">
<label for="<?=fe_id();?>">Password</label>
<input id="<?=fe_id();?>" v-model="active_config.account_password">
<p @click="password_generate">regenerate</p>
</div>
<div class="form-element fe-input">
<label for="<?=fe_id();?>">Email address</label>
<input id="<?=fe_id();?>" v-model="active_config.account_email">
</div>
</div><!-- control -->
<div class="code">
<pre v-show="code_t1_install" v-text="code_t1_install"></pre>
<button v-clipboard:copy="code_t1_install">Copy</button>
</div><!-- code -->
</div><!-- cc -->