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 >
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-08 06:10:53 +12:00
< div class = "box margin-bottom dashboard"
data-service="projects.getProjectUsage"
data-event="load"
data-name="usage"
2019-08-08 18:54:25 +12:00
data-param-project-id="{{router.params.project}}"
xdata-scope="console">
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" >
2019-08-08 18:11:47 +12:00
< div class = "chart pull-end" >
< div class = "content" data-ls-ui-chart > < / div >
< / div >
< div class = "chart-metric" >
2019-07-30 05:37:25 +12:00
< 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 >
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-08-11 03:24:47 +12:00
< div data-ui-modal class = "modal box 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-08-11 03:24:47 +12:00
< div data-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-08 06:10:53 +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,trigger"
data-success-param-alert-text="Deleted platform successfully"
data-success-param-trigger-events="platform-delete"
data-failure="alert"
2019-08-09 01:43:24 +12:00
data-failure-param-alert-text="Failed to delete platform"
data-failure-param-alert-classname="error">
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-08-10 23:38:09 +12:00
< p class = "note margin-bottom-no" > < span data-ls-bind = "{{platform.url}}" > < / span > < / p >
2019-05-13 01:03:30 +12:00
< / li >
< / ul >
< / div >
2019-05-09 18:54:39 +12:00
2019-08-11 03:24:47 +12:00
< div data-ls-if = "(!{{console-project.platforms.length}})" 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
2019-08-09 18:28:16 +12:00
< div class = "drop-list pull-start" data-ls-ui-open = "" data-button-text = "Add Platform" data-button-class = "button" data-blur = "1" tabindex = "1" >
2019-05-13 01:03:30 +12:00
< ul >
< li >
2019-08-11 07:05:36 +12:00
< div class = "link web-new" > < img src = "/images/clients/web.png" alt = "Web Platform Logo" class = "avatar xs margin-end" / > New Web App< / 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-08-11 03:24:47 +12:00
< div data-ui-modal class = "modal box 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-08 17:09:49 +12:00
< form
data-service="projects.createPlatform"
2019-08-08 06:10:53 +12:00
data-scope="console"
data-event="submit"
data-success="alert,trigger,reset"
data-success-param-alert-text="Created new platform successfully"
data-success-param-trigger-events="platform-create,modal-close"
2019-08-08 17:09:49 +12:00
data-failure="alert"
2019-08-09 01:43:24 +12:00
data-failure-param-alert-text="Failed to create platform"
data-failure-param-alert-classname="error">
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" / >
2019-08-10 23:38:09 +12:00
< label for = "url" > URL < span class = "tooltip large" data-tooltip = "The URL that your website will use to interact with the <?php echo APP_NAME ; ?> APIs in production or development environments." >< i class = "icon-question" ></ i ></ span ></ label >
< input name = "url" type = "url" class = "margin-bottom" autocomplete = "off" placeholder = "https://localhost:3000" required >
2019-05-09 18:54:39 +12:00
< 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 >
2019-08-11 03:24:47 +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
< / form >
< / div >
< script type = "text/html" id = "template-web-update" >
2019-08-08 06:10:53 +12:00
< form
data-service="projects.updatePlatform"
data-scope="console"
data-event="submit"
data-success="alert,trigger,reset"
data-success-param-alert-text="Updated platform successfully"
data-success-param-trigger-events="platform-update,modal-close"
data-failure="alert"
2019-08-09 01:43:24 +12:00
data-failure-param-alert-text="Failed to update platform"
data-failure-param-alert-classname="error">
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
2019-08-10 23:38:09 +12:00
< label for = "url" > URL < span class = "tooltip large" data-tooltip = "The URL that your website will use to interact with the <?php echo APP_NAME ; ?> APIs in production or development environments." >< i class = "icon-question" ></ i ></ span ></ label >
< input name = "url" type = "url" class = "margin-bottom" autocomplete = "off" placeholder = "example.com" data-ls-bind = "{{platform.url}}" required >
2019-08-11 03:24:47 +12:00
< hr / >
< button type = "submit" > Update< / button > < button data-ui-modal-close = "" type = "button" class = "reverse" > Cancel< / button >
2019-05-09 18:54:39 +12:00
< / form >
< / script >