2019-05-09 18:54:39 +12:00
< div data-ls-rerender = "project.load" >
< div class = "cover margin-bottom-small" >
< div class = "zone xl margin-bottom-large margin-top-small" >
< h1 class = "margin-bottom-small" >
2019-05-10 04:15:51 +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-09 18:54:39 +12:00
< / h1 >
2019-05-10 04:15:51 +12:00
< p data-ls-bind = "{{console-project.description}}" class = "note text-one-liner margin-bottom-large" > < / p >
2019-05-09 18:54:39 +12:00
< ul class = "margin-top margin-bottom-large clear" >
2019-05-10 04:15:51 +12:00
< 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 >
< li class = "pull-start margin-end" > < a data-ls-attrs = "href=/console/settings/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/settings/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/settings/tasks?project={{router.params.project}}" > < i class = "icon-clock" > < / i > Tasks< / a > < / li >
2019-05-09 18:54:39 +12:00
< / ul >
< / div >
< / div >
< div class = "zone xxl margin-top-negative-large" >
< div >
< div class = "box margin-bottom dashboard"
data-appwrite="projects.getProjectUsage"
data-event="load"
data-service="usage"
2019-05-09 20:23:22 +12:00
data-param-project-id="{{router.params.project}}"
2019-05-09 18:54:39 +12:00
data-success="render,trigger"
data-error="render"
data-success-triggers="usage.load">
< div class = "row responsive" >
< div class = "col span-9" >
< div class = "pull-start margin-end" >
2019-05-10 04:15:51 +12:00
< div class = "value margin-bottom-small" > < span class = "sum" data-ls-bind = "{{usage.requests.total|statsTotal}}" > N/A< / span > < / div >
2019-05-09 18:54:39 +12:00
< 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" data-ls-wait = "usage.load" >
< div class = "content" data-ls-ui-chart > < / div >
< / div >
< / div >
< div class = "col span-3" >
2019-05-10 04:15:51 +12:00
< div class = "value margin-bottom-small" > < span class = "sum" data-ls-bind = "{{usage.network.total|humanFileSize}}" data-default = "0" > 0< / span > < / div >
2019-05-09 18:54:39 +12:00
< 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 >
< / div >
< / div >
< hr / >
< div >
< div class = "row responsive" >
< div class = "col span-3" >
2019-05-10 04:15:51 +12:00
< div class = "value" > < span class = "sum" data-ls-bind = "{{usage.documents.total|statsTotal}}" data-default = "0" > 0< / span > < / div >
2019-05-09 18:54:39 +12:00
< div class = "margin-top-small" > < b class = "text-size-small unit" > Documents< / b > < / div >
< / div >
< div class = "col span-3" >
2019-05-10 04:15:51 +12:00
< div class = "value" > < span class = "sum" data-ls-bind = "{{usage.storage.total|humanFileSize}}" data-default = "0" > 0< / span > < / div >
2019-05-09 18:54:39 +12:00
< div class = "margin-top-small" > < b class = "text-size-small unit" > Storage< / b > < / div >
< / div >
< div class = "col span-3" >
2019-05-10 04:15:51 +12:00
< div class = "value" > < span class = "sum" data-ls-bind = "{{usage.users.total}}" data-default = "0" > 0< / span > < / div >
2019-05-09 18:54:39 +12:00
< div class = "margin-top-small" > < b class = "text-size-small unit" > Users< / b > < / div >
< / div >
< div class = "col span-3" >
2019-05-10 04:15:51 +12:00
< div class = "value" > < span class = "sum" data-ls-bind = "{{usage.tasks.total}}" data-default = "0" > 0< / span > < / div >
2019-05-09 18:54:39 +12:00
< div class = "margin-top-small" > < b class = "text-size-small unit" > Tasks< / b > < / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "zone xl margin-top-xl clear" >
< h2 class = "margin-bottom" > Platforms< / h2 >
< div class = "box margin-bottom" data-ls-if = "0 != {{console-project.platforms.length}} && 'undefined' != '{{console-project.platforms}}'" style = "display: none;" >
< ul data-ls-loop = "console-project.platforms" data-ls-as = "platform" class = "list" >
< li class = "clear" >
< div data-ui-modal class = "modal close" data-button-text = "Update" data-button-class = "pull-end" >
< button type = "button" class = "close pull-end" data-ls-trigger = "modal-close" > < i class = "icon-cancel" > < / i > < / button >
< h1 > Update Platform< / h1 >
< div data-ls-template = "template-{{platform.type}}-update" data-type = "script" > < / div >
< / div >
< form class = "pull-end margin-end"
data-appwrite="projects.platforms.delete"
data-scope="console"
data-event="submit"
data-confirm="Are you sure you want to delete this platform?"
data-success="alert,trigger"
data-success-alert="Deleted platform successfully"
data-success-triggers="platform.delete"
data-error="alert"
data-error-alert="Failed to delete platform">
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
< button class = "reverse danger" > Delete< / button >
< / form >
< div class = "margin-bottom-tiny" >
2019-05-10 04:15:51 +12:00
< img src = "" data-ls-attrs = "src=/images/clients/{{platform.type}}.png" class = "avatar pull-start margin-end" / >
< span data-ls-bind = "{{platform.name}}" > < / span >
2019-05-09 18:54:39 +12:00
< / div >
2019-05-10 04:15:51 +12:00
< p class = "note margin-bottom-no" > < span data-ls-bind = "{{platform.domains.0}}" > < / span > < / p >
2019-05-09 18:54:39 +12:00
< / li >
< / ul >
< / div >
< div data-ls-if = "'0' === '{{console-project.platforms.length}}' || 'undefined' === '{{console-project.platforms}}'" class = "box dashboard margin-bottom" style = "display: none;" >
< div class = "margin-bottom margin-top-small margin-end margin-start" >
< h3 class = "margin-bottom" > No Platforms Added to Your Project< / h3 >
< p class = "margin-bottom-no" > Add your first platform to start building your new application.< / p >
< / div >
< / div >
2019-05-10 04:15:51 +12:00
< a data-ls-attrs = "href=/console/settings/keys?project={{router.params.project}}" class = "pull-end" > Manage Your API Keys< / a >
2019-05-09 18:54:39 +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 >
< div class = "link" id = "web-new" > < img src = "/images/clients/web.png" alt = "Web Platform Logo" class = "avatar xs margin-end" / > New Website< / div >
< / li >
< li class = "disabled" >
< div class = "link" id = "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 >
< / li >
< li class = "disabled" >
< div class = "link" id = "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 >
< / li >
< li class = "disabled" >
< div class = "link" id = "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 >
< / li >
< / ul >
< / div >
< / div >
< / div >
< div data-ui-modal class = "modal close" data-button-alias = "web-new" >
< button type = "button" class = "close pull-end" data-ls-trigger = "modal-close" > < i class = "icon-cancel" > < / i > < / button >
< h1 > New Website< / h1 >
< form data-appwrite = "projects.platforms.create"
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-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" >
< button type = "submit" > Register< / button > < button data-ls-trigger = "modal-close" type = "button" class = "reverse" > Cancel< / button >
< / div >
< / form >
< / div >
< script type = "text/html" id = "template-web-update" >
< form data-appwrite = "projects.platforms.update"
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-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" >
< button type = "submit" > Update< / button > < button data-ls-trigger = "modal-close" type = "button" class = "reverse" > Cancel< / button >
< / div >
< / form >
< / script >