1
0
Fork 0
mirror of synced 2024-06-26 18:20:43 +12:00

Updated mobile view

This commit is contained in:
Eldad Fux 2020-02-27 19:44:03 +02:00
parent 750293c4f9
commit e2a52a9326
14 changed files with 174 additions and 109 deletions

View file

@ -1,6 +1,9 @@
<div class="cover">
<h1 class="zone xl margin-bottom-large margin-top">
Account
<h1 class="zone xl margin-bottom-large">
<a data-ls-attrs="href=/console" class="back text-size-small"><i class="icon-left-open"></i> Home</a>
<br />
<span>Your Account</span>
</h1>
</div>
@ -82,9 +85,15 @@
<input name="email" type="email" class="margin-bottom-no" autocomplete="off" placeholder="me@example.com" data-ls-bind="{{account.email}}" required>
</div>
<div class="col span-4">
<div data-ui-modal class="modal close width-small height-small" data-button-text="Update Email" data-button-class="fill reverse">
<div data-ui-modal class="modal box close width-small height-small" data-button-text="Update Email" data-button-class="fill reverse">
<h3>Confirm Password</h3>
<hr />
<label>Password</label>
<input name="password" type="password" class="full-width" autocomplete="off" placeholder="" required>
<hr />
<button type="submit" class="margin-bottom-no">Update</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
</div>
@ -94,7 +103,7 @@
<hr />
<div data-ui-modal class="modal close width-small" data-button-text="Update Password" data-button-class="reverse">
<div data-ui-modal class="modal box close width-small" data-button-text="Update Password" data-button-class="reverse">
<h1>Update Password</h1>
<form name="update-password"
@ -117,6 +126,8 @@
<label>New Password</label>
<input name="password" type="password" class="full-width" autocomplete="off" placeholder="" required data-forms-password-meter>
<hr />
<footer>
<button type="submit">Update Password</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
</footer>

View file

@ -1,6 +1,9 @@
<div class="cover">
<h1 class="zone xxl margin-bottom-large margin-top">
Database
<h1 class="zone xxl margin-bottom-large">
<a data-ls-attrs="href=/console/home?project={{router.params.project}}" class="back text-size-small"><i class="icon-left-open"></i> Home</a>
<br />
<span>Database</span>
</h1>
</div>

View file

@ -2,8 +2,11 @@
$scopes = $this->getParam('scopes', []);
?>
<div class="cover margin-bottom-large">
<h1 class="zone xl margin-bottom-large margin-top">
API Keys
<h1 class="zone xl margin-bottom-large">
<a data-ls-attrs="href=/console/home?project={{router.params.project}}" class="back text-size-small"><i class="icon-left-open"></i> Home</a>
<br />
<span>API Keys</span>
</h1>
</div>
<div class="zone xl"
@ -94,7 +97,7 @@ $scopes = $this->getParam('scopes', []);
<div class="margin-bottom-tiny"><span data-ls-bind="{{key.name}}"></span> <small>(<span data-ls-bind="{{key.scopes.length}}"></span> scopes granted)</small></div>
<div class="clear">
<div data-ui-modal class="modal close" data-button-text="Show Secret" data-button-class="link pull-start margin-end-small margin-top-tiny">
<div data-ui-modal class="modal box close" data-button-text="Show Secret" data-button-class="link pull-start margin-end-small margin-top-tiny">
<button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
<h1>API Key Secret</h1>
@ -103,6 +106,9 @@ $scopes = $this->getParam('scopes', []);
<div class="input-copy">
<textarea disabled style="height: 130px; line-height: 26px" data-forms-copy data-ls-bind="{{key.secret}}"></textarea>
</div>
<hr />
<div>
<button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
</div>

View file

@ -5,8 +5,11 @@ $customDomainsTarget = $this->getParam('customDomainsTarget', false);
?>
<div class="cover">
<h1 class="zone xl margin-bottom-xl margin-top">
Settings
<h1 class="zone xl margin-bottom-large">
<a data-ls-attrs="href=/console/home?project={{router.params.project}}" class="back text-size-small"><i class="icon-left-open"></i> Home</a>
<br />
<span>Settings</span>
</h1>
</div>
@ -315,6 +318,8 @@ $customDomainsTarget = $this->getParam('customDomainsTarget', false);
<label for="name">Domain Name</label>
<input type="text" class="full-width" id="domain" name="domain" placeholder="appwrite.example.com" required autocomplete="off" title="Enter a valid domain name" pattern="^[a-zA-Z0-9][a-zA-Z0-9-]{1,61}[a-zA-Z0-9](?:\.[a-zA-Z]{2,})+$" />
<hr />
<button type="submit">Create</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
</form>
@ -407,7 +412,7 @@ $customDomainsTarget = $this->getParam('customDomainsTarget', false);
</ul>
</div>
<div data-ui-modal class="modal close width-medium" data-button-text="Invite Member" data-button-class="">
<div data-ui-modal class="modal box close width-medium" data-button-text="Invite Member" data-button-class="">
<button type="button" class="close pull-end" data-ui-modal-close><i class="icon-cancel"></i></button>
<h1>Invite Member</h1>
@ -441,6 +446,8 @@ $customDomainsTarget = $this->getParam('customDomainsTarget', false);
<option data-ls-attrs="value={{role.type}}" data-ls-bind="{{role.label}}"></option>
</select>
<hr />
<div class="clear">
<button>Send Invite</button>
&nbsp; <button data-ui-modal-close="" type="button" class="reverse">Cancel</button>

View file

@ -4,8 +4,11 @@ $fileLimit = $this->getParam('fileLimit', 0);
$fileLimitHuman = $this->getParam('fileLimitHuman', 0);
?>
<div class="cover margin-bottom-large">
<h1 class="zone xl margin-bottom-large margin-top">
Storage
<h1 class="zone xl margin-bottom-large">
<a data-ls-attrs="href=/console/home?project={{router.params.project}}" class="back text-size-small"><i class="icon-left-open"></i> Home</a>
<br />
<span>Storage</span>
</h1>
</div>
@ -63,7 +66,7 @@ $fileLimitHuman = $this->getParam('fileLimitHuman', 0);
<div class="col span-10">
<input name="search" id="searchFiles" type="search" autocomplete="off" placeholder="Search" class="margin-bottom-no" data-ls-bind="{{router.params.search}}">
</div>
<div class="col span-2">
<div class="col span-2 desktops-only">
<button class="fill" title="Search" aria-label="Search"><i class="icon-search"></i></button>
</div>
</div>
@ -93,9 +96,9 @@ $fileLimitHuman = $this->getParam('fileLimitHuman', 0);
<thead>
<tr>
<th width="60"></th>
<th width="220">Filename</th>
<th width="180">Type</th>
<th>Size</th>
<th>Filename</th>
<th width="140">Type</th>
<th width="100">Size</th>
<th width="100">Created</th>
</tr>
</thead>
@ -105,45 +108,47 @@ $fileLimitHuman = $this->getParam('fileLimitHuman', 0);
<img src="" data-ls-attrs="src=//{{env.DOMAIN}}/v1/storage/files/{{file.$id}}/preview?width=45&height=45&project={{router.params.project}}&mode=admin" class="pull-start avatar" loading="lazy" width="30" height="30" />
</td>
<td data-title="Name: ">
<div data-ui-modal class="box modal close" data-button-text="{{file.name}}" data-button-class="link">
<button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
<div class="text-one-liner">
<div data-ui-modal class="box modal close" data-button-text="{{file.name}}" data-button-class="link">
<button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
<h1>Update File</h1>
<h1>Update File</h1>
<form
data-analytics-event="submit"
data-analytics-category="console"
data-analytics-label="Update Storage File"
data-service="storage.updateFile"
data-event="submit"
data-scope="sdk"
data-success="alert,trigger"
data-success-param-alert-text="File updated successfully"
data-success-param-trigger-events="storage.updateFile"
data-failure="alert"
data-failure-param-alert-text="Failed to update file"
data-failure-param-alert-classname="error">
<form
data-analytics-event="submit"
data-analytics-category="console"
data-analytics-label="Update Storage File"
data-service="storage.updateFile"
data-event="submit"
data-scope="sdk"
data-success="alert,trigger"
data-success-param-alert-text="File updated successfully"
data-success-param-trigger-events="storage.updateFile"
data-failure="alert"
data-failure-param-alert-text="Failed to update file"
data-failure-param-alert-classname="error">
<label for="files-fileId">File ID</label>
<div class="input-copy">
<input data-forms-copy type="text" name="fileId" id="files-fileId" disabled data-ls-bind="{{file.$id}}" />
</div>
<input type="hidden" name="folderId" id="files-folderId" data-cast-to="int" value="1">
<label for="files-fileId">File ID</label>
<div class="input-copy">
<input data-forms-copy type="text" name="fileId" id="files-fileId" disabled data-ls-bind="{{file.$id}}" />
</div>
<input type="hidden" name="folderId" id="files-folderId" data-cast-to="int" value="1">
<label for="file-read">Read Permissions (<a href="<?php echo $home; ?>/docs/permissions" target="_blank">Learn more</a>)</label>
<input type="hidden" id="file-read" name="read" required data-forms-tags data-cast-to="json" data-ls-bind="{{file.$permissions.read}}" />
<label for="file-write">Write Permissions (<a href="<?php echo $home; ?>/docs/permissions" target="_blank">Learn more</a>)</label>
<input type="hidden" id="file-write" name="write" required data-forms-tags data-cast-to="json" data-ls-bind="{{file.$permissions.write}}" />
<label for="file-read">Read Permissions (<a href="<?php echo $home; ?>/docs/permissions" target="_blank">Learn more</a>)</label>
<input type="hidden" id="file-read" name="read" required data-forms-tags data-cast-to="json" data-ls-bind="{{file.$permissions.read}}" />
<label for="file-write">Write Permissions (<a href="<?php echo $home; ?>/docs/permissions" target="_blank">Learn more</a>)</label>
<input type="hidden" id="file-write" name="write" required data-forms-tags data-cast-to="json" data-ls-bind="{{file.$permissions.write}}" />
<hr />
<hr />
<div class="pull-end">
<a href="" data-ls-attrs="href=//{{env.DOMAIN}}/v1/storage/files/{{file.$id}}/preview?project={{router.params.project}}&mode=admin" target="_blank">Open preview <i class="icon-link-ext"></i></a>
</div>
<div class="pull-end">
<a href="" data-ls-attrs="href=//{{env.DOMAIN}}/v1/storage/files/{{file.$id}}/preview?project={{router.params.project}}&mode=admin" target="_blank">Open preview <i class="icon-link-ext"></i></a>
</div>
<button type="submit">Update</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
</form>
<button type="submit">Update</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
</form>
</div>
</div>
</td>
<td data-title="Type: ">

View file

@ -1,6 +1,9 @@
<div class="cover margin-bottom-large">
<h1 class="zone xl margin-bottom-large margin-top">
Tasks
<h1 class="zone xl margin-bottom-large">
<a data-ls-attrs="href=/console/home?project={{router.params.project}}" class="back text-size-small"><i class="icon-left-open"></i> Home</a>
<br />
<span>Tasks</span>
</h1>
</div>
<div class="zone xl"
@ -22,10 +25,10 @@
<table class="full vertical">
<thead>
<tr>
<th width="220">Name</th>
<th></th>
<th width="140">Next Run</th>
<th width="140">Prev. Run</th>
<th width="240">Name</th>
<th width="80"></th>
<th width="120">Next Run</th>
<th width="120">Prev. Run</th>
<th></th>
</tr>
</thead>
@ -33,7 +36,7 @@
<tr>
<td>
<div class="margin-bottom-tiny text-one-liner">
<span data-ls-bind="{{task.name}}"></span>
<span data-ls-attrs="title={{task.name}} ({{task.failures}} errors)" data-ls-bind="{{task.name}}"></span>
<span data-ls-if="0 === {{task.security}}">
&nbsp; <span class="text-danger">SSL/TLS Disabled</span>
@ -53,12 +56,12 @@
<span class="tag red"><i class="icon-pause"></i> Paused &nbsp;</span>
</span>
</td>
<td data-title="Next Run:" style="vertical-align: middle">
<small data-ls-bind="{{task.next|date-time}}"></small>
<td data-title="Next Run:" style="vertical-align: middle" class="text-size-small text-fade">
<span data-ls-bind="{{task.next|date-time}}"></span>
</td>
<td data-title="Previous Run:" style="vertical-align: middle">
<td data-title="Previous Run:" style="vertical-align: middle" class="text-size-small text-fade">
<span data-ls-if="undefined !== {{task.previous}}">
<small data-ls-bind="{{task.previous|date-time}}"></small>
<span data-ls-bind="{{task.previous|date-time}}"></span>
<span data-ls-if="undefined !== {{task.delay}} && 59 < {{task.delay}}" class="text-danger margin-top-tiny">
<small data-ls-bind="({{task.delay|ms2hum}} Delay)"></small>
@ -68,8 +71,8 @@
None.
</small>
</td>
<td>
<div data-ui-modal class="modal box close" data-button-text="" data-button-class="pull-end reverse round" data-button-icon="icon-cog">
<td data-title="">
<div data-ui-modal class="modal box close" data-button-alias="none" data-open-event="task-update-{{task.$id}}">
<button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
<h1>Update Task</h1>
@ -194,27 +197,32 @@
<button type="submit">Update</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
</form>
<form class="margin-top"
data-analytics-event="submit"
data-analytics-category="console"
data-analytics-label="Delete Project Task"
data-service="projects.deleteTask"
data-scope="console"
data-event="submit"
data-confirm="Are you sure you want to delete this task?"
data-success="alert,trigger"
data-success-param-alert-text="Deleted task successfully"
data-success-param-trigger-events="projects.deleteTask"
data-failure="alert"
data-failure-param-alert-text="Failed to delete task"
data-failure-param-alert-classname="error">
<input type="hidden" name="projectId" data-ls-bind="{{router.params.project}}" />
<input type="hidden" name="taskId" data-ls-bind="{{task.$id}}" />
<button class="danger fill">Delete</button>
</form>
</div>
<form
data-analytics-event="submit"
data-analytics-category="console"
data-analytics-label="Delete Project Task"
data-service="projects.deleteTask"
data-scope="console"
data-event="task-delete-{{task.$id}}"
data-confirm="Are you sure you want to delete this task?"
data-success="alert,trigger"
data-success-param-alert-text="Deleted task successfully"
data-success-param-trigger-events="projects.deleteTask"
data-failure="alert"
data-failure-param-alert-text="Failed to delete task"
data-failure-param-alert-classname="error">
<input type="hidden" name="projectId" data-ls-bind="{{router.params.project}}" />
<input type="hidden" name="taskId" data-ls-bind="{{task.$id}}" />
</form>
<button class="pull-end margin-start-small reverse round desktops-only" data-ls-ui-trigger="task-update-{{task.$id}}"><i class="icon-cog"></i></button>
<button class="pull-end reverse danger round desktops-only" data-ls-ui-trigger="task-delete-{{task.$id}}"><i class="icon-trash"></i></button>
<button class="link pull-start margin-end-small tablets-only phones-only" data-ls-ui-trigger="task-update-{{task.$id}}">Update</button>
<button class="link pull-start margin-end-small text-danger tablets-only phones-only" data-ls-ui-trigger="task-delete-{{task.$id}}">Delete</button>
</td>
</tr>
</tbody>

View file

@ -3,8 +3,11 @@ $providers = $this->getParam('providers', []);
?>
<div class="cover">
<h1 class="zone xl margin-bottom-large margin-top">
Users
<h1 class="zone xl margin-bottom-large">
<a data-ls-attrs="href=/console/home?project={{router.params.project}}" class="back text-size-small"><i class="icon-left-open"></i> Home</a>
<br />
<span>Users</span>
</h1>
</div>
@ -62,7 +65,7 @@ $providers = $this->getParam('providers', []);
<div class="col span-10">
<input name="search" id="searchUsers" type="search" autocomplete="off" placeholder="Search" class="margin-bottom-no" data-ls-bind="{{router.params.search}}">
</div>
<div class="col span-2">
<div class="col span-2 desktops-only">
<button class="fill" title="Search" aria-label="Search"><i class="icon-search"></i></button>
</div>
</div>
@ -167,7 +170,7 @@ $providers = $this->getParam('providers', []);
<li data-state="/console/users/teams?project={{router.params.project}}">
<h2>Teams</h2>
<div data-ui-modal class="modal close" data-button-text="" data-button-class="fly round" data-button-icon="icon-plus">
<div data-ui-modal class="box modal close" data-button-text="" data-button-class="fly round" data-button-icon="icon-plus">
<button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
<h1>Create Team</h1>
@ -187,6 +190,8 @@ $providers = $this->getParam('providers', []);
<label for="team-name">Name</label>
<input type="text" class="full-width" id="team-name" name="name" required autocomplete="off" />
<hr />
<button type="submit">Create</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
</form>
@ -207,7 +212,7 @@ $providers = $this->getParam('providers', []);
<div class="col span-10">
<input name="search" id="searchTeams" type="search" autocomplete="off" placeholder="Search" class="margin-bottom-no" data-ls-bind="{{router.params.search}}">
</div>
<div class="col span-2">
<div class="col span-2 desktops-only">
<button class="fill" title="Search" aria-label="Search"><i class="icon-search"></i></button>
</div>
</div>
@ -248,7 +253,7 @@ $providers = $this->getParam('providers', []);
<img src="" data-ls-attrs="src={{team.name|gravatar}}" data-size="45" alt="Collection Avatar" class="avatar margin-end pull-start" loading="lazy" width="30" height="30" />
</td>
<td data-title="Name: ">
<div data-ui-modal class="modal close" data-button-text="{{team.name}}" data-button-class="link">
<div data-ui-modal class="box modal close" data-button-text="{{team.name}}" data-button-class="link">
<h1>Update Team</h1>
<form
@ -273,6 +278,8 @@ $providers = $this->getParam('providers', []);
<label for="name">Name</label>
<input name="name" data-ls-attrs="id=name-{{team.$id}}" type="text" autocomplete="off" data-ls-bind="{{team.name}}">
<hr />
<button>Update</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
</form>
</div>
@ -332,7 +339,7 @@ $providers = $this->getParam('providers', []);
if (isset($data['mock']) && $data['mock']) { continue; }
?>
<li class="clear <?php echo (isset($data['enabled']) && !$data['enabled']) ? 'dev-feature' : ''; ?>">
<div data-ui-modal class="modal close" data-button-text="Settings" data-button-class="pull-end">
<div data-ui-modal class="modal close" data-button-alias="none" data-open-event="provider-update-<?php echo $provider; ?>">
<button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
<h1><?php echo ucfirst($provider); ?> OAuth2 Settings</h1>
@ -376,14 +383,20 @@ $providers = $this->getParam('providers', []);
</form>
</div>
<span data-ls-if="
{{console-project.usersOauth2<?php echo ucfirst($provider); ?>Appid}} &&
{{console-project.usersOauth2<?php echo ucfirst($provider); ?>Secret}}">
<button class="switch on pull-end margin-top-small" data-ls-ui-trigger="provider-update-<?php echo $provider; ?>"></button>
</span>
<span data-ls-if="
!{{console-project.usersOauth2<?php echo ucfirst($provider); ?>Appid}} ||
!{{console-project.usersOauth2<?php echo ucfirst($provider); ?>Secret}}">
<button class="switch pull-end margin-top-small" data-ls-ui-trigger="provider-update-<?php echo $provider; ?>"></button>
</span>
<img src="/images/oauth2/<?php echo strtolower($provider); ?>.png" alt="<?php echo ucfirst($provider); ?> Logo" class="pull-start provider margin-end" />
<span>
<?php echo ucfirst($provider); ?>
<span data-ls-if="
!{{console-project.usersOauth2<?php echo ucfirst($provider); ?>Appid}} ||
!{{console-project.usersOauth2<?php echo ucfirst($provider); ?>Secret}}">
&nbsp;<span class="tag red">Disabled</span>
</span>
</span>
<p class="margin-bottom-no margin-top-small text-one-liner">
<a href="<?php echo $data['developers']; ?>" target="_blank" rel="noopener">OAuth2 Developer Docs<i class="icon-link-ext"></i></a>

View file

@ -24,8 +24,11 @@ $events = [
?>
<div class="cover margin-bottom-large">
<h1 class="zone xl margin-bottom-large margin-top">
Webhooks
<h1 class="zone xl margin-bottom-large">
<a data-ls-attrs="href=/console/home?project={{router.params.project}}" class="back text-size-small"><i class="icon-left-open"></i> Home</a>
<br />
<span>Webhooks</span>
</h1>
</div>
@ -235,7 +238,7 @@ $events = [
</div>
</div>
</div>
<button type="submit">Create</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
</form>
</div>

View file

@ -11,7 +11,7 @@ $litespeed = $this->getParam('litespeed', true);
$analytics = $this->getParam('analytics', 'UA-26264668-9');
$env = $this->getParam('env', '');
$canonical = $this->getParam('canonical', '');
$buster = 33; // For DEV env
$buster = 38; // For DEV env
if(!empty($platforms)) {
$platforms = array_map(function($platform) {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -63,7 +63,7 @@
}
hr {
height: 2px;
height: 1px;
background: var(--config-border-color);
border: none;
margin: 30px -30px;

View file

@ -713,7 +713,7 @@ label.switch {
line-height: 42px;
}
input[type=checkbox].switch {
.switch {
width: 67px;
height: 42px;
line-height: 42px;
@ -722,8 +722,19 @@ input[type=checkbox].switch {
display: block;
margin: 0;
padding: 5px;
.func-padding-start(30px);
.func-padding-end(5px);
.func-padding-start(5px);
.func-padding-end(30px);
&.on {
background-color: var(--config-color-success);
.func-padding-start(30px);
.func-padding-end(5px);
&:focus,
&:hover {
background: var(--config-color-success);
}
}
&:checked {
background: var(--config-color-focus);
@ -733,6 +744,8 @@ input[type=checkbox].switch {
&:focus,
&:hover {
background: var(--config-color-fade);
&:after {
background: #ffffff;
}

View file

@ -106,10 +106,6 @@ table {
overflow: hidden;
padding-top: 12px;
.pull-end, .pull-start {
float: none;
}
.hide {
display: none;
}