2019-07-30 05:37:25 +12:00
<?php
$graph = $this->getParam('graph', false);
?>
2019-05-13 01:03:30 +12:00
< div class = "cover margin-bottom-small" >
< div class = "zone xl margin-bottom-large margin-top-small" >
< h1 class = "margin-bottom-small" >
2019-08-06 18:42:47 +12:00
< span class = "title" data-ls-bind = "{{console-project.name}}" > < / span >
<!-- <span class="tag focus" style="vertical - align: middle">Beta Plan</span> -->
2019-05-13 01:03:30 +12:00
< / h1 >
< ul class = "margin-top margin-bottom-large clear" >
< li class = "pull-start margin-end" > < a data-ls-attrs = "href=/console/settings?project={{router.params.project}}" > < i class = "icon-cog" > < / i > Settings< / a > < / li >
2019-08-05 16:47:52 +12:00
< li class = "pull-start margin-end" > < a data-ls-attrs = "href=/console/keys?project={{router.params.project}}" > < i class = "icon-key-inv" > < / i > API Keys< / a > < / li >
< li class = "pull-start margin-end" > < a data-ls-attrs = "href=/console/webhooks?project={{router.params.project}}" > < i class = "icon-link" > < / i > Webhooks< / a > < / li >
< li class = "pull-start margin-end" > < a data-ls-attrs = "href=/console/tasks?project={{router.params.project}}" > < i class = "icon-clock" > < / i > Tasks< / a > < / li >
2019-05-13 01:03:30 +12:00
< / ul >
2019-05-09 18:54:39 +12:00
< / div >
2019-05-13 01:03:30 +12:00
< / div >
2019-05-09 18:54:39 +12:00
2019-05-13 01:03:30 +12:00
< div class = "zone xxl margin-top-negative-large" >
< div >
2019-08-07 23:44:40 +12:00
< div class = "box margin-bottom dashboard" data-service = "projects.getProjectUsage" data-event = "load" data-name = "usage" data-param-project-id = "{{router.params.project}}" >
2019-08-06 18:42:47 +12:00
<?php if ( ! $graph ) : ?>
2019-07-30 05:37:25 +12:00
< div class = "row responsive" >
< div class = "col span-9" >
< div class = "pull-start margin-end" >
< div class = "value margin-bottom-small" > < span class = "sum" data-ls-bind = "{{usage.requests.total|statsTotal}}" > N/A< / span > < / div >
< div class = "metric margin-bottom-small" > Requests < span class = "tooltip" data-tooltip = "Total number of API requests this month" > < i class = "icon-info-circled" > < / i > < / span > < / div >
< div class = "range" > Current Month< / div >
< / div >
< div class = "chart" >
< div class = "content" data-ls-ui-chart > < / div >
< / div >
2019-05-09 18:54:39 +12:00
< / div >
2019-07-30 05:37:25 +12:00
< div class = "col span-3" >
< div class = "value margin-bottom-small" > < span class = "sum" data-ls-bind = "{{usage.network.total|humanFileSize}}" data-default = "0" > 0< / span > < / div >
< div class = "metric margin-bottom-small" > Bandwidth< / div >
< div class = "range" > Current Month< / div >
< div class = "margin-top dev-feature" >
< a href = "" > Full Usage Report < i class = "icon-right-open" > < / i > < / a >
< / div >
2019-05-13 01:03:30 +12:00
< / div >
< / div >
2019-07-30 05:37:25 +12:00
< hr / >
<?php endif ; ?>
2019-05-13 01:03:30 +12:00
< div >
2019-05-09 18:54:39 +12:00
2019-05-13 01:03:30 +12:00
< div class = "row responsive" >
< div class = "col span-3" >
< div class = "value" > < span class = "sum" data-ls-bind = "{{usage.documents.total|statsTotal}}" data-default = "0" > 0< / span > < / div >
< div class = "margin-top-small" > < b class = "text-size-small unit" > Documents< / b > < / div >
< / div >
< div class = "col span-3" >
< div class = "value" > < span class = "sum" data-ls-bind = "{{usage.storage.total|humanFileSize}}" data-default = "0" > 0< / span > < / div >
< div class = "margin-top-small" > < b class = "text-size-small unit" > Storage< / b > < / div >
< / div >
< div class = "col span-3" >
< div class = "value" > < span class = "sum" data-ls-bind = "{{usage.users.total}}" data-default = "0" > 0< / span > < / div >
< div class = "margin-top-small" > < b class = "text-size-small unit" > Users< / b > < / div >
< / div >
< div class = "col span-3" >
< div class = "value" > < span class = "sum" data-ls-bind = "{{usage.tasks.total}}" data-default = "0" > 0< / span > < / div >
< div class = "margin-top-small" > < b class = "text-size-small unit" > Tasks< / b > < / div >
2019-05-09 18:54:39 +12:00
< / div >
< / div >
< / div >
< / div >
< / div >
2019-05-13 01:03:30 +12:00
< / div >
2019-05-09 18:54:39 +12:00
2019-05-13 01:03:30 +12:00
< div class = "zone xl margin-top-xl clear" >
< h2 class = "margin-bottom" > Platforms< / h2 >
2019-05-09 18:54:39 +12:00
2019-05-14 21:02:51 +12:00
< div class = "box margin-bottom" data-ls-if = "0 < {{console-project.platforms.length}} && undefined !== {{console-project.platforms}}" style = "display: none;" >
2019-05-13 01:03:30 +12:00
< ul data-ls-loop = "console-project.platforms" data-ls-as = "platform" class = "list" >
< li class = "clear" >
2019-05-09 18:54:39 +12:00
2019-05-13 01:03:30 +12:00
< div data-ui-modal class = "modal close" data-button-text = "Update" data-button-class = "pull-end" >
2019-05-13 08:27:33 +12:00
< button type = "button" class = "close pull-end" data-ui-modal-close = "" > < i class = "icon-cancel" > < / i > < / button >
2019-05-09 18:54:39 +12:00
2019-05-13 01:03:30 +12:00
< h1 > Update Platform< / h1 >
2019-05-09 18:54:39 +12:00
2019-06-08 09:39:40 +12:00
< div xdata-ls-template = "template-{{platform.type}}-update" data-type = "script" > < / div >
2019-05-13 01:03:30 +12:00
< / div >
2019-05-09 18:54:39 +12:00
2019-08-07 23:44:40 +12:00
< form class = "pull-end margin-end" data-service = "projects.deletePlatform" data-scope = "console" data-event = "submit" data-confirm = "Are you sure you want to delete this platform?" data-success = "alert" data-success-alert-text = "Deleted platform successfully" data-error = "alert" data-error-alert-text = "Failed to delete platform" >
2019-05-13 01:03:30 +12:00
< input type = "hidden" name = "projectId" data-ls-bind = "{{console-project.$uid}}" >
< input type = "hidden" name = "platformId" data-ls-bind = "{{platform.$uid}}" >
< button class = "reverse danger" > Delete< / button >
< / form >
< div class = "margin-bottom-tiny" >
< img src = "" data-ls-attrs = "src=/images/clients/{{platform.type}}.png" class = "avatar pull-start margin-end" / >
< span data-ls-bind = "{{platform.name}}" > < / span >
< / div >
2019-05-09 18:54:39 +12:00
2019-05-13 01:03:30 +12:00
< p class = "note margin-bottom-no" > < span data-ls-bind = "{{platform.domains.0}}" > < / span > < / p >
< / li >
< / ul >
< / div >
2019-05-09 18:54:39 +12:00
2019-06-08 09:39:40 +12:00
< div data-ls-if = "({{console-project.platforms.length}} === undefined)" class = "box dashboard margin-bottom" style = "display: none;" >
2019-05-13 01:03:30 +12:00
< div class = "margin-bottom margin-top-small margin-end margin-start" >
< h3 class = "margin-bottom" > No Platforms Added to Your Project< / h3 >
2019-05-09 18:54:39 +12:00
2019-05-13 01:03:30 +12:00
< p class = "margin-bottom-no" > Add your first platform to start building your new application.< / p >
2019-05-09 18:54:39 +12:00
< / div >
2019-05-13 01:03:30 +12:00
< / div >
2019-05-09 18:54:39 +12:00
2019-08-05 17:51:02 +12:00
< a data-ls-attrs = "href=/console/keys?project={{router.params.project}}" class = "pull-end" > Manage Your API Keys< / a >
2019-05-13 01:03:30 +12:00
< div class = "drop-list pull-start" data-ls-ui-open = "" data-button-text = "Add Platform" data-button-class = "button" tabindex = "1" >
< ul >
< li >
2019-06-09 15:44:20 +12:00
< div class = "link web-new" > < img src = "/images/clients/web.png" alt = "Web Platform Logo" class = "avatar xs margin-end" / > New Website< / div >
2019-05-13 01:03:30 +12:00
< / li >
< li class = "disabled" >
2019-06-09 15:44:20 +12:00
< div class = "link ios-new" > < img src = "/images/clients/ios.png" alt = "iOS Platform Logo" class = "avatar xs margin-end" / > New iOS App < span class = "note" > (soon)< / span > < / div >
2019-05-13 01:03:30 +12:00
< / li >
< li class = "disabled" >
2019-06-09 15:44:20 +12:00
< div class = "link android-new" > < img src = "/images/clients/android.png" alt = "Android Platform Logo" class = "avatar xs margin-end" / > New Android App < span class = "note" > (soon)< / span > < / div >
2019-05-13 01:03:30 +12:00
< / li >
< li class = "disabled" >
2019-06-09 15:44:20 +12:00
< div class = "link unity-new" > < img src = "/images/clients/unity.png" alt = "Unity Platform Logo" class = "avatar xs margin-end" / > New Unity Game < span class = "note" > (soon)< / span > < / div >
2019-05-13 01:03:30 +12:00
< / li >
< / ul >
2019-05-09 18:54:39 +12:00
< / div >
< / div >
2019-06-09 15:44:20 +12:00
< div data-ui-modal class = "modal close" data-button-alias = ".web-new" >
2019-05-13 08:27:33 +12:00
< button type = "button" class = "close pull-end" data-ui-modal-close = "" > < i class = "icon-cancel" > < / i > < / button >
2019-05-09 18:54:39 +12:00
< h1 > New Website< / h1 >
2019-08-06 18:42:47 +12:00
< form data-service = "projects.createPlatform" data-scope = "console" data-event = "submit" data-success = "alert,trigger,reset" data-success-alert = "Created new platform successfully" data-success-triggers = "platform.new,modal-close" data-error = "alert" data-error-alert = "Failed to create platform" >
2019-05-09 18:54:39 +12:00
2019-05-10 04:15:51 +12:00
< input type = "hidden" name = "projectId" data-ls-bind = "{{console-project.$uid}}" >
< input type = "hidden" name = "type" data-ls-bind = "web" >
2019-05-09 18:54:39 +12:00
< label for = "name" > Name < span class = "tooltip large" data-tooltip = "Choose any name that will help you distinguish between your different apps." > < i class = "icon-question" > < / i > < / span > < / label >
< input type = "text" class = "full-width" id = "name" name = "name" required autocomplete = "off" / >
< label for = "domains" > Domains < span class = "tooltip large" data-tooltip = "List the domains your website will use to interact with the <?php echo APP_NAME ; ?> API in production or development environments." >< i class = "icon-question" ></ i ></ span ></ label >
< input name = "domains" type = "hidden" data-cast-to = "array-empty" >
< div data-forms-clone = "" data-first = "1" >
< div >
< div data-forms-remove class = "row thin" >
< div class = "col span-10" >
< input name = "domains" type = "text" class = "margin-bottom-small" autocomplete = "off" placeholder = "example.com" data-cast-to = "array" pattern = "^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6}$" title = "Please enter a valid domain name" required >
< / div >
< div class = "col span-2" >
< button type = "button" data-remove class = "reverse round danger pull-end" > < i class = "icon-cancel" > < / i > < / button >
< / div >
< / div >
< / div >
< / div >
< div class = "info margin-top-small margin-bottom-small" >
< div class = "text-bold margin-bottom-small" > Next Steps< / div >
< p > After adding your new website, install our JS SDK to integrate with your code and read our < a href = "/docs/getting-started-for-web" target = "_blank" > getting started< / a > tutorial.< / p >
< div class = "margin-bottom-no ide" >
< pre class = "line-numbers" > < code class = "prism language-bash" data-prism > npm install appwrite< / code > < / pre >
< / div >
< / div >
< div class = "margin-top" >
2019-05-13 08:27:33 +12:00
< button type = "submit" > Register< / button > < button data-ui-modal-close = "" type = "button" class = "reverse" > Cancel< / button >
2019-05-09 18:54:39 +12:00
< / div >
< / form >
< / div >
< script type = "text/html" id = "template-web-update" >
2019-08-06 18:42:47 +12:00
< form data-service = "projects.updatePlatform" data-scope = "console" data-event = "submit" data-success = "alert,trigger,reset" data-success-alert = "Updated platform successfully" data-success-triggers = "platform.update,modal-close" data-error = "alert" data-error-alert = "Failed to update platform" >
2019-05-09 18:54:39 +12:00
2019-05-10 04:15:51 +12:00
< input type = "hidden" name = "projectId" data-ls-bind = "{{console-project.$uid}}" >
< input type = "hidden" name = "platformId" data-ls-bind = "{{platform.$uid}}" >
2019-05-09 18:54:39 +12:00
< label for = "name" > Name < span class = "tooltip large" data-tooltip = "Choose any name that will help you distinguish between your different apps." > < i class = "icon-question" > < / i > < / span > < / label >
2019-05-10 04:15:51 +12:00
< input type = "text" class = "full-width" id = "name" name = "name" required autocomplete = "off" data-ls-bind = "{{platform.name}}" / >
2019-05-09 18:54:39 +12:00
< label for = "domains" > Domains < span class = "tooltip large" data-tooltip = "List the domains your website will use to interact with the <?php echo APP_NAME ; ?> API in production or development environments." >< i class = "icon-question" ></ i ></ span ></ label >
< input name = "domains" type = "hidden" data-cast-to = "array-empty" >
< div data-ls-loop = "platform.domains" data-ls-as = "domain" style = "overflow: hidden" >
< div >
< div data-forms-remove class = "row thin" >
< div class = "col span-10" >
2019-05-10 04:15:51 +12:00
< input name = "domains" type = "text" class = "margin-bottom-small" autocomplete = "off" placeholder = "example.com" data-ls-bind = "{{domain}}" data-cast-to = "array" pattern = "^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6}$" title = "Please enter a valid domain name" required >
2019-05-09 18:54:39 +12:00
< / div >
< div class = "col span-2" >
< button type = "button" data-remove class = "reverse round danger pull-end" > < i class = "icon-cancel" > < / i > < / button >
< / div >
< / div >
< / div >
< / div >
< div data-forms-clone = "" data-first = "0" >
< div >
< div data-forms-remove class = "row thin" >
< div class = "col span-10" >
< input name = "domains" type = "text" class = "margin-bottom-small" autocomplete = "off" placeholder = "example.com" data-cast-to = "array" pattern = "^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6}$" title = "Please enter a valid domain name" required >
< / div >
< div class = "col span-2" >
< button type = "button" data-remove class = "reverse round danger pull-end" > < i class = "icon-cancel" > < / i > < / button >
< / div >
< / div >
< / div >
< / div >
< div class = "margin-top" >
2019-05-13 08:27:33 +12:00
< button type = "submit" > Update< / button > < button data-ui-modal-close = "" type = "button" class = "reverse" > Cancel< / button >
2019-05-09 18:54:39 +12:00
< / div >
< / form >
< / script >