2019-07-30 05:37:25 +12:00
<?php
$graph = $this->getParam('graph', false);
2021-01-13 14:05:27 +13:00
$usageStatsEnabled = $this->getParam('usageStatsEnabled',true);
2019-07-30 05:37:25 +12:00
?>
2019-05-13 01:03:30 +12:00
< div class = "cover margin-bottom-small" >
2020-02-29 19:24:55 +13:00
< div class = "zone xl margin-bottom-xl margin-top-small" >
2019-08-21 18:55:51 +12:00
< h1 class = "margin-bottom-small"
2020-01-31 06:12:29 +13:00
data-service="projects.get"
2020-01-31 09:58:49 +13:00
data-event="load,project.update,projects.createPlatform,projects.updatePlatform,projects.deletePlatform"
2019-08-21 18:55:51 +12:00
data-name="console-project"
data-param-project-id="{{router.params.project}}"
data-scope="console">
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 >
2020-07-24 19:07:01 +12:00
< ul class = "desktops-only margin-top-negative-small margin-bottom clear" >
2020-06-15 06:43:08 +12:00
< li class = "pull-start margin-end margin-bottom-small" > < a data-ls-attrs = "href=/console/settings?project={{router.params.project}}" class = "link-animation-enabled" > < i class = "icon-cog" > < / i > Settings< / a > < / li >
< li class = "pull-start margin-end margin-bottom-small" > < a data-ls-attrs = "href=/console/keys?project={{router.params.project}}" class = "link-animation-enabled" > < i class = "icon-key-inv" > < / i > API Keys< / a > < / li >
< li class = "pull-start margin-end margin-bottom-small" > < a data-ls-attrs = "href=/console/webhooks?project={{router.params.project}}" class = "link-animation-enabled" > < i class = "icon-link" > < / i > Webhooks< / a > < / li >
< li class = "pull-start margin-end margin-bottom-small" > < a data-ls-attrs = "href=/console/tasks?project={{router.params.project}}" class = "link-animation-enabled" > < i class = "icon-clock" > < / i > Tasks< / a > < / li >
2019-05-13 01:03:30 +12:00
< / ul >
2020-07-24 19:07:01 +12:00
< div class = "margin-bottom phones-only" > < / div >
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
2020-07-24 09:00:10 +12:00
< div class = "zone xxl margin-top-negative-xxxl" >
< div class = "clear margin-bottom-small margin-top-negative" >
2021-02-11 00:57:04 +13:00
<?php if ( ! $graph && $usageStatsEnabled ) : ?>
< div class = "pull-end" >
2020-07-24 19:07:01 +12:00
2021-02-11 00:57:04 +13:00
< form class = "margin-start-small inline" data-ls-if = "{{usage.range}} !== '24h'"
data-analytics
data-analytics-event="click"
data-analytics-category="console"
data-analytics-label="Usage 24h"
data-service="projects.getUsage"
data-event="submit"
data-name="usage"
data-param-project-id="{{router.params.project}}"
data-param-range="24h">
< button class = "tick" > 24h< / button >
< / form >
2020-07-24 09:00:10 +12:00
2021-02-11 00:57:04 +13:00
< button class = "tick margin-start-small" data-ls-if = "{{usage.range}} === '24h'" disabled > 24h< / button >
2020-07-24 09:00:10 +12:00
2021-02-11 00:57:04 +13:00
< form class = "margin-start-small inline" data-ls-if = "{{usage.range}} !== '30d'"
data-analytics
data-analytics-event="click"
data-analytics-category="console"
data-analytics-label="Usage 30d"
data-service="projects.getUsage"
data-event="submit"
data-name="usage"
data-param-project-id="{{router.params.project}}">
< button class = "tick" > 30d< / button >
< / form >
2020-07-24 09:00:10 +12:00
2021-02-11 00:57:04 +13:00
< button class = "tick margin-start-small" data-ls-if = "{{usage.range}} === '30d'" disabled > 30d< / button >
2019-08-06 18:42:47 +12:00
2021-02-11 00:57:04 +13:00
< form class = "margin-start-small inline" data-ls-if = "{{usage.range}} !== '90d'"
data-analytics
data-analytics-event="click"
data-analytics-category="console"
data-analytics-label="Usage 90d"
data-service="projects.getUsage"
data-event="submit"
data-name="usage"
data-param-project-id="{{router.params.project}}"
data-param-range="90d">
< button class = "tick" > 90d< / button >
< / form >
2020-07-24 09:00:10 +12:00
2021-02-11 00:57:04 +13:00
< button class = "tick margin-start-small" data-ls-if = "{{usage.range}} === '90d'" disabled > 90d< / button >
< / div >
<?php endif ; ?>
2020-07-24 09:00:10 +12:00
< / div >
< div
data-service="projects.getUsage"
data-event="load"
data-name="usage"
data-param-project-id="{{router.params.project}}"
data-param-range="30d">
2021-01-13 19:12:57 +13:00
<?php if ( ! $graph && $usageStatsEnabled ) : ?>
2020-07-24 09:00:10 +12:00
< div class = "box dashboard" >
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" >
2020-07-24 02:59:44 +12:00
< input type = "hidden" data-ls-bind = "{{usage}}" data-forms-chart = "Requests=usage.requests.data" / >
2019-08-08 18:11:47 +12:00
< / 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 >
2021-04-17 08:40:49 +12:00
< div class = "metric margin-bottom-small" > Requests < span class = "tooltip" data-tooltip = "Total number of API requests" > < i class = "icon-info-circled" > < / i > < / span > < / div >
2019-07-30 05:37:25 +12:00
< / div >
2019-05-09 18:54:39 +12:00
< / div >
2019-07-30 05:37:25 +12:00
< div class = "col span-3" >
2021-02-24 05:17:45 +13:00
< div class = "value margin-bottom-small" >
< span class = "sum" data-ls-bind = "{{usage.network.total|humanFileSize}}" data-default = "0" > 0< / span >
< span data-ls-bind = "{{usage.network.total|humanFileUnit}}" class = "text-size-small unit" > < / span >
< / div >
2019-07-30 05:37:25 +12:00
< div class = "metric margin-bottom-small" > Bandwidth< / div >
2020-07-21 22:33:23 +12:00
2020-07-24 09:00:10 +12:00
< div class = "margin-top-large value small" >
2020-07-22 06:43:34 +12:00
< b class = "text-size-small sum small" data-ls-bind = "{{usage.functions.total|statsTotal}}" data-default = "0" > < / b >
< br / >
< b > Func. Executions< / b >
< / div >
2019-05-13 01:03:30 +12:00
< / div >
< / div >
2020-07-24 09:00:10 +12:00
< / div >
<?php endif ; ?>
2019-05-13 01:03:30 +12:00
2020-07-24 09:00:10 +12:00
< div class = "box dashboard" >
< 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" >
2021-02-24 05:17:45 +13:00
< div class = "value" >
< span class = "sum" data-ls-bind = "{{usage.storage.total|humanFileSize}}" data-default = "0" > 0< / span >
< span data-ls-bind = "{{usage.storage.total|humanFileUnit}}" class = "text-size-small unit" > < / span >
< / div >
2020-07-24 09:00:10 +12:00
< 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 >
2019-05-13 01:03:30 +12:00
< / div >
2019-05-09 18:54:39 +12:00
2019-08-14 09:07:41 +12:00
< div class = "zone xl margin-top-xl clear" data-ls-if = "({{console-project}})" >
2019-05-13 01:03:30 +12:00
< h2 class = "margin-bottom" > Platforms< / h2 >
2019-05-09 18:54:39 +12:00
2020-02-24 08:27:02 +13:00
< div class = "box margin-bottom" data-ls-if = "0 < {{console-project.platforms.length}} && undefined !== {{console-project.platforms}}" >
2019-05-13 01:03:30 +12:00
< ul data-ls-loop = "console-project.platforms" data-ls-as = "platform" class = "list" >
< li class = "clear" >
2020-05-01 19:59:54 +12:00
< div class = "pull-end desktops-only" >
< button data-ls-ui-trigger = "platform-delete-{{platform.$id}}" class = "reverse danger margin-end-small" > Delete< / button >
< button data-ls-ui-trigger = "platform-update-{{platform.$id}}" > Update< / button >
< / div >
2019-05-09 18:54:39 +12:00
2020-04-29 20:35:22 +12:00
< div data-ui-modal data-button-hide = "on" data-open-event = "platform-update-{{platform.$id}}" >
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"
2021-01-18 19:29:26 +13:00
data-analytics
data-analytics-activity
2020-02-04 19:28:41 +13:00
data-analytics-event="submit"
data-analytics-category="console"
data-analytics-label="Delete Project Platform"
2019-08-08 06:10:53 +12:00
data-service="projects.deletePlatform"
data-scope="console"
2020-04-29 20:35:22 +12:00
data-event="platform-delete-{{platform.$id}}"
2019-08-08 06:10:53 +12:00
data-confirm="Are you sure you want to delete this platform?"
data-success="alert,trigger"
data-success-param-alert-text="Deleted platform successfully"
2020-01-31 09:58:49 +13:00
data-success-param-trigger-events="projects.deletePlatform"
2019-08-08 06:10:53 +12:00
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-08-24 07:07:17 +12:00
< input type = "hidden" name = "projectId" data-ls-bind = "{{router.params.project}}" / >
2020-02-17 20:16:11 +13:00
< input type = "hidden" name = "platformId" data-ls-bind = "{{platform.$id}}" / >
2019-05-13 01:03:30 +12:00
< / form >
2020-04-12 18:03:00 +12:00
< div >
< div class = "pull-start margin-end avatar-container" >
2020-08-12 02:29:27 +12:00
< img src = "" data-ls-attrs = "src=/images/clients/{{platform.type}}.png?v= <?php echo APP_CACHE_BUSTER ; ?> " alt = "Platform Logo" class = "avatar" loading = "lazy" width = "60" height = "60" />
2020-04-12 18:03:00 +12:00
< div data-ls-if = "{{platform.type}} === 'flutter-ios'" class = "corner" >
2021-05-30 23:29:14 +12:00
< img src = "" data-ls-attrs = "src=/images/clients/flutter.png?v= <?php echo APP_CACHE_BUSTER ; ?> " alt = "iOS Logo" class = "avatar xs" loading = "lazy" width = "30" height = "30" />
2020-04-12 18:03:00 +12:00
< / div >
< div data-ls-if = "{{platform.type}} === 'flutter-android'" class = "corner" >
2021-05-30 23:29:14 +12:00
< img src = "" data-ls-attrs = "src=/images/clients/flutter.png?v= <?php echo APP_CACHE_BUSTER ; ?> " alt = "Android Logo" class = "avatar xs" loading = "lazy" width = "30" height = "30" />
2020-04-12 18:03:00 +12:00
< / div >
2021-05-06 17:34:34 +12:00
< div data-ls-if = "{{platform.type}} === 'flutter-linux'" class = "corner" >
2021-05-30 23:29:14 +12:00
< img src = "" data-ls-attrs = "src=/images/clients/flutter.png?v= <?php echo APP_CACHE_BUSTER ; ?> " alt = "Linux Logo" class = "avatar xs" loading = "lazy" width = "30" height = "30" />
2021-05-06 17:34:34 +12:00
< / div >
< div data-ls-if = "{{platform.type}} === 'flutter-macos'" class = "corner" >
2021-05-30 23:29:14 +12:00
< img src = "" data-ls-attrs = "src=/images/clients/flutter.png?v= <?php echo APP_CACHE_BUSTER ; ?> " alt = "MacOS Logo" class = "avatar xs" loading = "lazy" width = "30" height = "30" />
2021-05-06 17:34:34 +12:00
< / div >
< div data-ls-if = "{{platform.type}} === 'flutter-windows'" class = "corner" >
2021-05-30 23:29:14 +12:00
< img src = "" data-ls-attrs = "src=/images/clients/flutter.png?v= <?php echo APP_CACHE_BUSTER ; ?> " alt = "Windows Logo" class = "avatar xs" loading = "lazy" width = "30" height = "30" />
2021-05-06 17:34:34 +12:00
< / div >
2020-04-12 18:03:00 +12:00
< / div >
2020-07-24 19:07:01 +12:00
< span class = "text-one-liner" data-ls-bind = "{{platform.name}}" > < / span >
2019-05-13 01:03:30 +12:00
< / div >
2019-05-09 18:54:39 +12:00
2020-10-26 03:59:29 +13:00
< p class = "margin-bottom-no" > < small data-ls-bind = "{{platform.hostname}}{{platform.key}}" > < / small > < / p >
2020-04-29 20:35:22 +12:00
2020-07-24 19:07:01 +12:00
< div class = "phones-only-inline tablets-only-inline margin-top-small" >
2020-04-29 20:35:22 +12:00
< button class = "link" data-ls-ui-trigger = "platform-update-{{platform.$id}}" > Update< / button >
< button class = "link danger" data-ls-ui-trigger = "platform-delete-{{platform.$id}}" > Delete< / button >
< / div >
2019-05-13 01:03:30 +12:00
< / li >
< / ul >
< / div >
2019-05-09 18:54:39 +12:00
2020-02-24 08:27:02 +13:00
< div data-ls-if = "(!{{console-project.platforms.length}})" class = "box dashboard margin-bottom" >
2020-02-04 19:28:41 +13:00
< div class = "margin-bottom-small margin-top-small margin-end margin-start" >
2020-02-25 02:47:35 +13:00
< h3 class = "margin-bottom-small text-bold" > No Platforms Added to Your Project< / h3 >
2019-05-09 18:54:39 +12:00
2020-02-04 19:28:41 +13:00
< p class = "margin-bottom-no" > Add your first platform and build 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
2020-02-27 10:54:12 +13:00
< div class = "pull-end desktops-only tablets-only" >
2021-01-19 06:34:05 +13:00
< a data-analytics
data-analytics-event="click"
data-analytics-category="console"
data-analytics-label="API Keys Link"
data-ls-attrs="href=/console/keys?project={{router.params.project}}">Manage Your Server API Keys< / a >
2020-02-27 10:54:12 +13:00
< / div >
2019-05-13 01:03:30 +12:00
2020-06-13 23:13:53 +12:00
< div class = "drop-list pull-start" data-ls-ui-open = "" data-button-aria = "Choose Platform" data-button-text = "Add Platform" data-button-class = "button" data-blur = "1" >
2019-05-13 01:03:30 +12:00
< ul >
< li >
2020-06-13 23:13:53 +12:00
< div class = "link web-new" >< img src = "/images/clients/web.png?v= <?php echo APP_CACHE_BUSTER ; ?> " alt = "Web Platform Logo" class = "avatar xxs margin-end-small" loading = "lazy" /> New Web App</ div >
2020-04-05 07:02:52 +12:00
< / li >
< li >
2020-06-13 23:13:53 +12:00
< div class = "link flutter-new" >< img src = "/images/clients/flutter.png?v= <?php echo APP_CACHE_BUSTER ; ?> " alt = "Flutter Platform Logo" class = "avatar xxs margin-end-small" loading = "lazy" /> New Flutter App < span class = "text-size-tiny" > (beta)</ span ></ div >
2019-05-13 01:03:30 +12:00
< / li >
< li class = "disabled" >
2020-12-07 10:26:55 +13:00
< div class = "link ios-new" >< img src = "/images/clients/ios.png?v= <?php echo APP_CACHE_BUSTER ; ?> " alt = "iOS Platform Logo" class = "avatar xxs margin-end-small" loading = "lazy" /> New iOS App < span class = "text-fade text-size-small" > (soon)</ span ></ div >
2019-05-13 01:03:30 +12:00
< / li >
< li class = "disabled" >
2020-12-07 10:26:55 +13:00
< div class = "link android-new" >< img src = "/images/clients/android.png?v= <?php echo APP_CACHE_BUSTER ; ?> " alt = "Android Platform Logo" class = "avatar xxs margin-end-small" loading = "lazy" /> New Android App < span class = "text-fade text-size-small" > (soon)</ span ></ div >
2019-05-13 01:03:30 +12:00
< / li >
< li class = "disabled" >
2020-12-07 10:26:55 +13:00
< div class = "link unity-new" >< img src = "/images/clients/unity.png?v= <?php echo APP_CACHE_BUSTER ; ?> " alt = "Unity Platform Logo" class = "avatar xxs margin-end-small" loading = "lazy" /> New Unity Game < span class = "text-fade text-size-small" > (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
2019-11-30 06:35:16 +13:00
< h1 > New Web App< / h1 >
2019-05-09 18:54:39 +12:00
2019-08-08 17:09:49 +12:00
< form
2021-01-18 19:29:26 +13:00
data-analytics
data-analytics-activity
2020-02-04 19:28:41 +13:00
data-analytics-event="submit"
data-analytics-category="console"
2020-02-13 21:39:27 +13:00
data-analytics-label="Create Project Platform (Web)"
2019-08-08 17:09:49 +12:00
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"
2020-02-24 19:59:10 +13:00
data-success-param-trigger-events="projects.createPlatform"
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-08-24 07:07:17 +12:00
< input type = "hidden" name = "projectId" data-ls-bind = "{{router.params.project}}" / >
< 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 >
2020-09-08 09:28:40 +12:00
< input type = "text" class = "full-width" name = "name" required autocomplete = "off" placeholder = "My Web App" maxlength = "128" / >
2019-05-09 18:54:39 +12:00
2020-05-22 15:31:33 +12:00
< label for = "hostname" > Hostname < span class = "tooltip large" data-tooltip = "The hostname that your website will use to interact with the <?php echo APP_NAME ; ?> APIs in production or development environments. No port number required." >< i class = "icon-question" ></ i ></ span ></ label >
2020-03-05 11:54:49 +13:00
< input name = "hostname" type = "text" class = "margin-bottom" autocomplete = "off" placeholder = "localhost" required >
2019-08-10 23:38:09 +12:00
2019-11-30 06:35:16 +13:00
< div class = "info margin-top margin-bottom" >
2019-05-09 18:54:39 +12:00
< div class = "text-bold margin-bottom-small" > Next Steps< / div >
2020-12-24 11:39:48 +13:00
< p > After adding your new website, install our Web SDK to integrate with your code and read our < a data-ls-attrs = "href={{env.HOME}}/docs/getting-started-for-web" target = "_blank" rel = "noopener" > getting started< / a > tutorial.< / p >
2019-05-09 18:54:39 +12:00
2020-01-22 06:28:06 +13:00
< div class = "margin-bottom-no ide" data-lang = "bash" data-lang-label = "bash" >
2019-05-09 18:54:39 +12:00
< pre class = "line-numbers" > < code class = "prism language-bash" data-prism > npm install appwrite< / code > < / pre >
< / div >
< / div >
2020-04-14 18:16:18 +12:00
< button type = "submit" > Register< / button > < button data-ui-modal-close = "" type = "button" class = "reverse" > Back< / 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
2021-01-18 19:29:26 +13:00
data-analytics
data-analytics-activity
2020-02-04 19:28:41 +13:00
data-analytics-event="submit"
data-analytics-category="console"
2020-04-14 22:24:52 +12:00
data-analytics-label="Update Project Platform (Web)"
2019-08-08 06:10:53 +12:00
data-service="projects.updatePlatform"
data-scope="console"
data-event="submit"
2019-08-24 09:56:45 +12:00
data-success="alert,trigger"
2019-08-08 06:10:53 +12:00
data-success-param-alert-text="Updated platform successfully"
2020-02-24 19:59:10 +13:00
data-success-param-trigger-events="projects.updatePlatform"
2019-08-08 06:10:53 +12:00
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
2020-03-05 11:54:49 +13:00
< input type = "hidden" name = "projectId" data-ls-bind = "{{router.params.project}}" / >
2020-02-17 20:16:11 +13:00
< input type = "hidden" name = "platformId" data-ls-bind = "{{platform.$id}}" / >
2019-05-09 18:54:39 +12:00
2020-02-17 20:16:11 +13:00
< label data-ls-attrs = "for=name-{{platform.$id}}" > 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 >
2020-09-08 09:28:40 +12:00
< input type = "text" class = "full-width" data-ls-attrs = "id=name-{{platform.$id}}" name = "name" required autocomplete = "off" data-ls-bind = "{{platform.name}}" placeholder = "My Web App" maxlength = "128" / >
2019-05-09 18:54:39 +12:00
2020-05-22 15:31:33 +12:00
< label for = "hostname" > Hostname < span class = "tooltip large" data-tooltip = "The hostname that your website will use to interact with the <?php echo APP_NAME ; ?> APIs in production or development environments. No port number required." >< i class = "icon-question" ></ i ></ span ></ label >
2020-03-05 11:54:49 +13:00
< input name = "hostname" type = "text" class = "margin-bottom" autocomplete = "off" placeholder = "localhost" data-ls-bind = "{{platform.hostname}}" required / >
2019-08-10 23:38:09 +12:00
2019-08-11 03:24:47 +12:00
< hr / >
2020-04-14 18:16:18 +12:00
< button type = "submit" > Update< / button > < button data-ls-ui-trigger = "modal-close" type = "button" class = "reverse" > Back< / button >
2020-04-05 07:02:52 +12:00
< / form >
< / script >
2021-05-06 19:48:54 +12:00
< div data-ui-modal class = "modal box close width-large" data-button-alias = ".flutter-new" >
2020-04-05 07:02:52 +12:00
< button type = "button" class = "close pull-end" data-ui-modal-close = "" > < i class = "icon-cancel" > < / i > < / button >
2020-04-12 18:03:00 +12:00
< h1 class = "margin-bottom-xl" > Register your Flutter App< / h1 >
2020-04-05 07:02:52 +12:00
2020-05-02 06:44:43 +12:00
< ul class = "phases clear margin-top-negative-small padding" data-ui-phases >
2020-04-12 18:03:00 +12:00
< li >
< h2 style = "display: none" > iOS < / h2 >
2020-04-05 07:02:52 +12:00
2020-04-12 18:03:00 +12:00
< form
2021-01-18 19:29:26 +13:00
data-analytics
data-analytics-activity
2020-04-12 18:03:00 +12:00
data-analytics-event="submit"
data-analytics-category="console"
2020-04-14 22:24:52 +12:00
data-analytics-label="Create Project Platform (Flutter / iOS)"
2020-04-12 18:03:00 +12:00
data-service="projects.createPlatform"
data-scope="console"
data-event="submit"
data-success="alert,trigger,reset"
data-success-param-alert-text="Registered new platform successfully"
data-success-param-trigger-events="projects.createPlatform"
data-failure="alert"
data-failure-param-alert-text="Failed to register platform"
data-failure-param-alert-classname="error">
2020-04-05 07:02:52 +12:00
2020-04-12 18:03:00 +12:00
< input type = "hidden" name = "projectId" data-ls-bind = "{{router.params.project}}" / >
< input type = "hidden" name = "type" data-ls-bind = "flutter-ios" / >
2020-04-05 07:02:52 +12:00
2020-04-12 18:03:00 +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 >
2020-09-08 09:28:40 +12:00
< input type = "text" class = "full-width" name = "name" required autocomplete = "off" placeholder = "My iOS App" maxlength = "128" / >
2020-04-05 07:02:52 +12:00
2020-04-12 18:03:00 +12:00
< label for = "key" > Bundle ID < span class = "tooltip large" data-tooltip = "You can find your Bundle Identifier in the General tab for your app's primary target in Xcode." > < i class = "icon-question" > < / i > < / span > < / label >
2020-06-07 15:33:36 +12:00
< input type = "text" class = "full-width" name = "key" required autocomplete = "off" placeholder = "com.company.appname" / >
2020-04-05 07:02:52 +12:00
2020-04-12 18:03:00 +12:00
< hr / >
< button type = "submit" > Register< / button > < button data-ui-modal-close = "" type = "button" class = "reverse" > Back< / button >
< / form >
< / li >
< li >
< h2 style = "display: none" > Android < / h2 >
< form
2021-01-18 19:29:26 +13:00
data-analytics
data-analytics-activity
2020-04-12 18:03:00 +12:00
data-analytics-event="submit"
data-analytics-category="console"
2020-04-14 22:24:52 +12:00
data-analytics-label="Create Project Platform (Flutter / Android)"
2020-04-12 18:03:00 +12:00
data-service="projects.createPlatform"
data-scope="console"
data-event="submit"
data-success="alert,trigger,reset"
data-success-param-alert-text="Registered new platform successfully"
data-success-param-trigger-events="projects.createPlatform"
data-failure="alert"
data-failure-param-alert-text="Failed to register platform"
data-failure-param-alert-classname="error">
< input type = "hidden" name = "projectId" data-ls-bind = "{{router.params.project}}" / >
< input type = "hidden" name = "type" data-ls-bind = "flutter-android" / >
< 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 >
2020-09-08 09:28:40 +12:00
< input type = "text" class = "full-width" name = "name" required autocomplete = "off" placeholder = "My Android App" maxlength = "128" / >
2020-04-12 18:03:00 +12:00
< label for = "key" > Package Name < span class = "tooltip large" data-tooltip = "Your package name is generally the applicationId in your app-level build.gradle file." > < i class = "icon-question" > < / i > < / span > < / label >
2020-06-07 15:33:36 +12:00
< input type = "text" class = "full-width" name = "key" required autocomplete = "off" placeholder = "com.company.appname" / >
2020-04-12 18:03:00 +12:00
< hr / >
2021-05-06 17:34:34 +12:00
< button type = "submit" > Register< / button > < button data-ui-modal-close = "" type = "button" class = "reverse" > Back< / button >
< / form >
< / li >
< li >
< h2 style = "display: none" > Linux < / h2 >
< form
data-analytics
data-analytics-activity
data-analytics-event="submit"
data-analytics-category="console"
data-analytics-label="Create Project Platform (Flutter / Linux)"
data-service="projects.createPlatform"
data-scope="console"
data-event="submit"
data-success="alert,trigger,reset"
data-success-param-alert-text="Registered new platform successfully"
data-success-param-trigger-events="projects.createPlatform"
data-failure="alert"
data-failure-param-alert-text="Failed to register platform"
data-failure-param-alert-classname="error">
< input type = "hidden" name = "projectId" data-ls-bind = "{{router.params.project}}" / >
< input type = "hidden" name = "type" data-ls-bind = "flutter-linux" / >
< 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" name = "name" required autocomplete = "off" placeholder = "My Linux App" maxlength = "128" / >
< label for = "key" > Package Name < span class = "tooltip large" data-tooltip = "Your application name" > < i class = "icon-question" > < / i > < / span > < / label >
< input type = "text" class = "full-width" name = "key" required autocomplete = "off" placeholder = "appname" / >
< hr / >
< button type = "submit" > Register< / button > < button data-ui-modal-close = "" type = "button" class = "reverse" > Back< / button >
< / form >
< / li >
< li >
< h2 style = "display: none" > MacOS < / h2 >
< form
data-analytics
data-analytics-activity
data-analytics-event="submit"
data-analytics-category="console"
data-analytics-label="Create Project Platform (Flutter / Mac OS)"
data-service="projects.createPlatform"
data-scope="console"
data-event="submit"
data-success="alert,trigger,reset"
data-success-param-alert-text="Registered new platform successfully"
data-success-param-trigger-events="projects.createPlatform"
data-failure="alert"
data-failure-param-alert-text="Failed to register platform"
data-failure-param-alert-classname="error">
< input type = "hidden" name = "projectId" data-ls-bind = "{{router.params.project}}" / >
< input type = "hidden" name = "type" data-ls-bind = "flutter-macos" / >
< 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" name = "name" required autocomplete = "off" placeholder = "My Mac OS App" maxlength = "128" / >
< label for = "key" > Bundle ID < span class = "tooltip large" data-tooltip = "You can find your Bundle Identifier in the General tab for your app's primary target in Xcode." > < i class = "icon-question" > < / i > < / span > < / label >
< input type = "text" class = "full-width" name = "key" required autocomplete = "off" placeholder = "com.company.appname" / >
< hr / >
< button type = "submit" > Register< / button > < button data-ui-modal-close = "" type = "button" class = "reverse" > Back< / button >
< / form >
< / li >
< li >
< h2 style = "display: none" > Windows < / h2 >
< form
data-analytics
data-analytics-activity
data-analytics-event="submit"
data-analytics-category="console"
data-analytics-label="Create Project Platform (Flutter / Windows)"
data-service="projects.createPlatform"
data-scope="console"
data-event="submit"
data-success="alert,trigger,reset"
data-success-param-alert-text="Registered new platform successfully"
data-success-param-trigger-events="projects.createPlatform"
data-failure="alert"
data-failure-param-alert-text="Failed to register platform"
data-failure-param-alert-classname="error">
< input type = "hidden" name = "projectId" data-ls-bind = "{{router.params.project}}" / >
< input type = "hidden" name = "type" data-ls-bind = "flutter-windows" / >
< 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" name = "name" required autocomplete = "off" placeholder = "My Windows App" maxlength = "128" / >
< label for = "key" > Package Name < span class = "tooltip large" data-tooltip = "Your application name" > < i class = "icon-question" > < / i > < / span > < / label >
< input type = "text" class = "full-width" name = "key" required autocomplete = "off" placeholder = "appname" / >
< hr / >
2020-04-12 18:03:00 +12:00
< button type = "submit" > Register< / button > < button data-ui-modal-close = "" type = "button" class = "reverse" > Back< / button >
< / form >
< / li >
< / ul >
2020-04-05 07:02:52 +12:00
< / div >
2020-04-14 18:16:18 +12:00
< script type = "text/html" id = "template-ios-update" >
< form
2021-01-18 19:29:26 +13:00
data-analytics
data-analytics-activity
2020-04-14 18:16:18 +12:00
data-analytics-event="submit"
data-analytics-category="console"
2021-01-19 06:19:43 +13:00
data-analytics-label="Update Project Platform (Flutter / iOS)"
2020-04-14 18:16:18 +12:00
data-service="projects.updatePlatform"
data-scope="console"
data-event="submit"
data-success="alert,trigger"
data-success-param-alert-text="Updated platform successfully"
data-success-param-trigger-events="projects.updatePlatform"
data-failure="alert"
data-failure-param-alert-text="Failed to update platform"
data-failure-param-alert-classname="error">
< input type = "hidden" name = "projectId" data-ls-bind = "{{router.params.project}}" / >
< input type = "hidden" name = "platformId" data-ls-bind = "{{platform.$id}}" / >
< label data-ls-attrs = "for=name-{{platform.$id}}" > 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 >
2020-09-08 09:28:40 +12:00
< input type = "text" class = "full-width" data-ls-attrs = "id=name-{{platform.$id}}" name = "name" required autocomplete = "off" data-ls-bind = "{{platform.name}}" placeholder = "My iOS App" maxlength = "128" / >
2020-04-14 18:16:18 +12:00
< label data-ls-attrs = "for=key-{{platform.$id}}" > Bundle ID < span class = "tooltip large" data-tooltip = "You can find your Bundle Identifier in the General tab for your app's primary target in Xcode." > < i class = "icon-question" > < / i > < / span > < / label >
< input name = "key" type = "text" class = "margin-bottom" autocomplete = "off" placeholder = "com.cpmpany.appname" data-ls-bind = "{{platform.key}}" required / >
< hr / >
< button type = "submit" > Update< / button > < button data-ls-ui-trigger = "modal-close" type = "button" class = "reverse" > Back< / button >
2019-05-09 18:54:39 +12:00
< / form >
2020-04-14 18:16:18 +12:00
< / script >
< script type = "text/html" id = "template-android-update" >
< form
2021-01-18 19:29:26 +13:00
data-analytics
2020-04-14 18:16:18 +12:00
data-analytics-event="submit"
data-analytics-category="console"
2021-01-19 06:19:43 +13:00
data-analytics-label="Update Project Platform (Flutter / Android)"
2020-04-14 18:16:18 +12:00
data-service="projects.updatePlatform"
data-scope="console"
data-event="submit"
data-success="alert,trigger"
data-success-param-alert-text="Updated platform successfully"
data-success-param-trigger-events="projects.updatePlatform"
data-failure="alert"
data-failure-param-alert-text="Failed to update platform"
data-failure-param-alert-classname="error">
< input type = "hidden" name = "projectId" data-ls-bind = "{{router.params.project}}" / >
< input type = "hidden" name = "platformId" data-ls-bind = "{{platform.$id}}" / >
< label data-ls-attrs = "for=name-{{platform.$id}}" > 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 >
2020-09-08 09:28:40 +12:00
< input type = "text" class = "full-width" data-ls-attrs = "id=name-{{platform.$id}}" name = "name" required autocomplete = "off" data-ls-bind = "{{platform.name}}" placeholder = "My Android App" maxlength = "128" / >
2020-04-14 18:16:18 +12:00
< label data-ls-attrs = "for=key-{{platform.$id}}" > Package Name < span class = "tooltip large" data-tooltip = "Your package name is generally the applicationId in your app-level build.gradle file." > < i class = "icon-question" > < / i > < / span > < / label >
< input name = "key" type = "text" class = "margin-bottom" autocomplete = "off" placeholder = "com.cpmpany.appname" data-ls-bind = "{{platform.key}}" required / >
< hr / >
< button type = "submit" > Update< / button > < button data-ls-ui-trigger = "modal-close" type = "button" class = "reverse" > Back< / button >
< / form >
< / script >
< script type = "text/html" id = "template-flutter-ios-update" >
< div data-ls-template = "template-ios-update" data-type = "script" > < / div >
< / script >
< script type = "text/html" id = "template-flutter-android-update" >
2020-06-16 09:20:31 +12:00
< div data-ls-template = "template-android-update" data-type = "script" > < / div >
2020-04-14 18:16:18 +12:00
< / script >
< script type = "text/html" id = "template-flutter-macos-update" >
< div data-ls-template = "template-macos-update" data-type = "script" > < / div >
2019-05-09 18:54:39 +12:00
< / script >