diff --git a/.gitignore b/.gitignore index 4b1db45..a4fc8e9 100644 --- a/.gitignore +++ b/.gitignore @@ -12,6 +12,9 @@ local_settings.py db.sqlite3 db.sqlite3-journal media +.DS_Store +*.packages +*.build # If your build process includes running collectstatic, then you probably don't need or want to include staticfiles/ # in your Git repository. Update and uncomment the following line accordingly. diff --git a/app/jobs.py b/app/jobs.py index bb447bf..0ad6a32 100644 --- a/app/jobs.py +++ b/app/jobs.py @@ -22,6 +22,7 @@ def sync_repositories_for_installation( installation_instance.installation_id, installation_instance.creator.get_active_access_token(), ) + print("sync_repositories_for_installation:::", github_manager) github_manager.sync_repositories() diff --git a/app/lib.py b/app/lib.py index a58b4e1..157adea 100644 --- a/app/lib.py +++ b/app/lib.py @@ -20,7 +20,9 @@ def __init__(self, installation_id: int, user_token: str): def sync_repositories(self): repo_generator = self.github_manager_instance.get_repositories() + print("sync_repositories::::", repo_generator) for repo in repo_generator: + print("repo:::", repo) app_models.GithubRepository.objects.get_or_create( repo_id=repo["id"], repo_name=repo["name"], diff --git a/app/views.py b/app/views.py index 8b4ee3b..806dd0e 100644 --- a/app/views.py +++ b/app/views.py @@ -218,7 +218,7 @@ def post(self, request, *args, **kwargs): if not is_verified: return HttpResponse("Invalid signature", status=403) logger.info( - "Recieved Github webhook", + "Received Github webhook", extra={"data": {"headers": headers, "payload": payload}}, ) EVENT_TYPE = headers.get("X-Github-Event", None) @@ -353,6 +353,11 @@ def get(self, request): @method_decorator(login_required, name="dispatch") class AllPRView(TemplateView): + # if settings.USING_FTD: + # template_name = '/' + # else: + # template_name = "all_pr_for_org.html" + template_name = "all_pr_for_org.html" @log_http_event( @@ -370,9 +375,62 @@ def get(self, request, *args: Any, **kwargs: Any): github_user=github_user, installation=context["repo_mapping"].integration, ) + context.pop('repo_mapping') return self.render_to_response(context) def get_context_data(self, **kwargs: Any) -> Dict[str, Any]: + def queryset_to_value(data): + import django + from datetime import date, datetime + print("get_context_data:", isinstance(data, django.db.models.query.QuerySet), isinstance(data, (datetime, date)), type(data)) + if settings.USING_FTD and isinstance(data, django.db.models.query.QuerySet): + value = list(data.values()) + for idx, val in enumerate(value): + print("isinstance(val, Dict):::", isinstance(val, Dict)) + if not isinstance(val, Dict): + continue + for k, v in val.items(): + value[idx][k] = queryset_to_value(v) + return value + elif settings.USING_FTD and isinstance(data, (datetime, date)): + return data.isoformat() + else: + return data + + def ftd_context(context): + # for key, value in context.items(): + # print("key:", key) + # context[key] = queryset_to_value(value) + new_context = { + "owner_account_name": context["repo_mapping"].code_repo.owner.account_name, + "code_repo_full_name": context["repo_mapping"].code_repo.repo_full_name, + "documentation_repo_full_name": context["repo_mapping"].documentation_repo.repo_full_name, + "open_prs": [], + } + for open_pr in context["open_prs"]: + code_pull_request = { + "pr_number": open_pr.code_pull_request.pr_number, + "pr_title": open_pr.code_pull_request.pr_title + } + documentation_pull_request = { + "pr_number": open_pr.documentation_pull_request.pr_number, + "pr_title": open_pr.documentation_pull_request.pr_title + } if open_pr.documentation_pull_request else None + approver_info = { + "approver": open_pr.get_latest_approval().approver.github_user.account_name if open_pr.get_latest_approval().approver else None, + "created_on": open_pr.get_latest_approval().created_on + } if open_pr.get_latest_approval() else None + open_pr_data = { + "pull_request_status": open_pr.pull_request_status, + "code_pull_request": code_pull_request, + "documentation_pull_request": documentation_pull_request, + "pull_request_status_display": open_pr.get_pull_request_status_display(), + "approver_info": approver_info + } + new_context["open_prs"].append(open_pr_data) + + return new_context + context = super().get_context_data(**kwargs) matches = self.request.resolver_match.kwargs context["all_installations"] = app_models.GithubAppInstallation.objects.filter( @@ -410,6 +468,15 @@ def get_context_data(self, **kwargs: Any) -> Dict[str, Any]: context["all_documentation_prs"] = app_models.GithubPullRequest.objects.filter( repository=context["repo_mapping"].documentation_repo, pr_state="open" ) + + # if settings.USING_FTD: + # new_context = ftd_context(context) + # new_context["repo_mapping"] = context["repo_mapping"] + # new_context["view"] = context["view"] + # context = new_context + + print("context::::",context) + return context @@ -531,7 +598,12 @@ def post(self, request, *args, **kwargs): class AppIndexPage(TemplateView): - template_name = "index.html" + if not settings.USING_FTD: + template_name = "index.html" + else: + template_name = "/" + + # template_name = "index.html" def get_okind_ekind(view, request, *args, **kwargs): if request.method == "GET": @@ -571,6 +643,50 @@ def get(self, request, *args, **kwargs) -> HttpResponse: return super().get(request, *args, **kwargs) def get_context_data(self, **kwargs: Any) -> Dict[str, Any]: + + def ftd_context(context): + new_context = { + "github-login-url": context.get("github_login_url"), + "is-authenticated": self.request.user.is_authenticated, + "all-repo-map": [], + "unmapped-repos-display": [], + "available-repos-for-mapping": [] + } + + for repo_map in (context.get("all_repo_map") or []): + code_repo = { + "get-url": repo_map.code_repo.get_url(), + "repo-full-name": repo_map.code_repo.repo_full_name + } if repo_map.code_repo else None + + documentation_repo = { + "get-url": repo_map.documentation_repo.get_url(), + "repo-full-name": repo_map.documentation_repo.repo_full_name + } if repo_map.documentation_repo else None + + new_context["all-repo-map"].append({ + "code-repo": code_repo, + "documentation-repo": documentation_repo + }) + + for repo in (context.get("unmapped_repos_display") or []): + new_context["unmapped-repos-display"].append({ + "get-url": repo.get_url(), + "repo-full-name": repo.repo_full_name, + "id": repo.id, + }) + + for repo in (context.get("available_repos_for_mapping") or []): + new_context["available-repos-for-mapping"].append({ + "get-url": repo.get_url(), + "repo-full-name": repo.repo_full_name, + "id": repo.id, + }) + new_context["view"] = context["view"] + + return new_context + + context = super().get_context_data(**kwargs) if self.request.user.is_authenticated: all_installations = app_models.GithubAppInstallation.objects.filter( @@ -618,6 +734,12 @@ def get_context_data(self, **kwargs: Any) -> Dict[str, Any]: req.prepare_url(url, params) context["github_login_url"] = req.url + + if settings.USING_FTD: + context = ftd_context(context) + + # print("context::::", context) + return context diff --git a/cdoc/settings.py b/cdoc/settings.py index f42ebdc..e9f1024 100644 --- a/cdoc/settings.py +++ b/cdoc/settings.py @@ -35,6 +35,7 @@ "localhost", "0.0.0.0", "fifthtry-cdoc.herokuapp.com", + "a51f-14-141-47-2.in.ngrok.io", DEPLOYMENT_HOST_NAME, ] @@ -85,10 +86,10 @@ ], }, }, - # { - # "BACKEND": "ftd_django.TemplateBackend", - # "DIRS": ["cdoc-doc"], - # }, + { + "BACKEND": "ftd_django.TemplateBackend", + "DIRS": ["templates_ftd"], + }, ] WSGI_APPLICATION = "cdoc.wsgi.application" @@ -247,6 +248,8 @@ "NAME": BASE_DIR / "db.sqlite3", } +USING_FTD = False + try: from .local_settings import * # noqa except ModuleNotFoundError: diff --git a/cdoc/urls.py b/cdoc/urls.py index 14d211d..6efd024 100644 --- a/cdoc/urls.py +++ b/cdoc/urls.py @@ -56,7 +56,11 @@ ), path("ftd/", app_views.IndexView.as_view()), ] -# + ftd_django.static() + + + +if settings.USING_FTD: + urlpatterns += ftd_django.static() def make_v(template, context): diff --git a/lib.py b/lib.py index efbe787..5392ef3 100644 --- a/lib.py +++ b/lib.py @@ -108,6 +108,7 @@ def _get_repository_page(self, page: int, per_page: Optional[int] = None): f"https://api.github.com/user/installations/{self.installation_id}/repositories?per_page={per_page}&page={page}", headers=headers, ) + print("_get_repository_page response::", response.text) if response.ok: response_data = response.json() logger.info(response.content.decode()) diff --git a/requirements.in b/requirements.in index 58d386a..440740e 100644 --- a/requirements.in +++ b/requirements.in @@ -13,4 +13,4 @@ whitenoise sentry-sdk rq django-rq -ftd-django==0.1.1 +ftd-django==0.1.3 diff --git a/requirements.txt b/requirements.txt index 3bdcdf6..3f52f28 100644 --- a/requirements.txt +++ b/requirements.txt @@ -41,11 +41,11 @@ django-extensions==3.1.5 # via -r requirements.in django-rq==2.5.1 # via -r requirements.in -ftd==0.1.2 +ftd==0.1.3 # via ftd-django -ftd-django==0.1.1 +ftd-django==0.1.3 # via -r requirements.in -ftd-sys==0.1.0 +ftd-sys==0.1.1 # via ftd gunicorn==20.1.0 # via -r requirements.in diff --git a/templates_ftd/FPM.ftd b/templates_ftd/FPM.ftd new file mode 100644 index 0000000..e64d807 --- /dev/null +++ b/templates_ftd/FPM.ftd @@ -0,0 +1,12 @@ +-- import: fpm + +-- fpm.package: templates-ftd + +-- fpm.auto-import: templates-ftd/assets + +-- fpm.dependency: fifthtry.github.io/inter +-- fpm.font: Octicon +display: swap +style: normal +weight: normal +woff: -/fifthtry.github.io/octicon/static/octicons.woff \ No newline at end of file diff --git a/templates_ftd/assets/images/Icon.svg b/templates_ftd/assets/images/Icon.svg new file mode 100644 index 0000000..ec75180 --- /dev/null +++ b/templates_ftd/assets/images/Icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/templates_ftd/assets/images/Union.png b/templates_ftd/assets/images/Union.png new file mode 100644 index 0000000..266e076 Binary files /dev/null and b/templates_ftd/assets/images/Union.png differ diff --git a/templates_ftd/assets/images/Vector.png b/templates_ftd/assets/images/Vector.png new file mode 100644 index 0000000..6681836 Binary files /dev/null and b/templates_ftd/assets/images/Vector.png differ diff --git a/templates_ftd/assets/images/back-logo.png b/templates_ftd/assets/images/back-logo.png new file mode 100644 index 0000000..b2282ee Binary files /dev/null and b/templates_ftd/assets/images/back-logo.png differ diff --git a/templates_ftd/assets/images/fifthtry-logo.png b/templates_ftd/assets/images/fifthtry-logo.png new file mode 100644 index 0000000..a9dce49 Binary files /dev/null and b/templates_ftd/assets/images/fifthtry-logo.png differ diff --git a/templates_ftd/assets/images/icon-dark.svg b/templates_ftd/assets/images/icon-dark.svg new file mode 100644 index 0000000..20e4065 --- /dev/null +++ b/templates_ftd/assets/images/icon-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/templates_ftd/assets/images/icon-github.png b/templates_ftd/assets/images/icon-github.png new file mode 100644 index 0000000..4b5f81c Binary files /dev/null and b/templates_ftd/assets/images/icon-github.png differ diff --git a/templates_ftd/assets/images/icon-github.svg b/templates_ftd/assets/images/icon-github.svg new file mode 100644 index 0000000..bbad7bf --- /dev/null +++ b/templates_ftd/assets/images/icon-github.svg @@ -0,0 +1,3 @@ + + + diff --git a/templates_ftd/assets/images/icon-language.png b/templates_ftd/assets/images/icon-language.png new file mode 100644 index 0000000..c5dd144 Binary files /dev/null and b/templates_ftd/assets/images/icon-language.png differ diff --git a/templates_ftd/assets/images/icon-moon.png b/templates_ftd/assets/images/icon-moon.png new file mode 100644 index 0000000..71ead2a Binary files /dev/null and b/templates_ftd/assets/images/icon-moon.png differ diff --git a/templates_ftd/assets/images/icon9.png b/templates_ftd/assets/images/icon9.png new file mode 100644 index 0000000..3328f1d Binary files /dev/null and b/templates_ftd/assets/images/icon9.png differ diff --git a/templates_ftd/assets/images/logo-fifthtry-dark.svg b/templates_ftd/assets/images/logo-fifthtry-dark.svg new file mode 100644 index 0000000..34022b3 --- /dev/null +++ b/templates_ftd/assets/images/logo-fifthtry-dark.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/templates_ftd/assets/images/lower-rect.png b/templates_ftd/assets/images/lower-rect.png new file mode 100644 index 0000000..258a534 Binary files /dev/null and b/templates_ftd/assets/images/lower-rect.png differ diff --git a/templates_ftd/assets/images/lower-rectangle.png b/templates_ftd/assets/images/lower-rectangle.png new file mode 100644 index 0000000..2550e25 Binary files /dev/null and b/templates_ftd/assets/images/lower-rectangle.png differ diff --git a/templates_ftd/assets/images/orgname.png b/templates_ftd/assets/images/orgname.png new file mode 100644 index 0000000..8e21def Binary files /dev/null and b/templates_ftd/assets/images/orgname.png differ diff --git a/templates_ftd/assets/images/pull-request.png b/templates_ftd/assets/images/pull-request.png new file mode 100644 index 0000000..2a6a16c Binary files /dev/null and b/templates_ftd/assets/images/pull-request.png differ diff --git a/templates_ftd/assets/images/rectangle-white.png b/templates_ftd/assets/images/rectangle-white.png new file mode 100644 index 0000000..ce5ee65 Binary files /dev/null and b/templates_ftd/assets/images/rectangle-white.png differ diff --git a/templates_ftd/assets/images/rectangle.png b/templates_ftd/assets/images/rectangle.png new file mode 100644 index 0000000..1be7803 Binary files /dev/null and b/templates_ftd/assets/images/rectangle.png differ diff --git a/templates_ftd/assets/images/repo-code.png b/templates_ftd/assets/images/repo-code.png new file mode 100644 index 0000000..3fb46d8 Binary files /dev/null and b/templates_ftd/assets/images/repo-code.png differ diff --git a/templates_ftd/assets/images/site-logo-black.png b/templates_ftd/assets/images/site-logo-black.png new file mode 100644 index 0000000..e425b55 Binary files /dev/null and b/templates_ftd/assets/images/site-logo-black.png differ diff --git a/templates_ftd/assets/images/upper-rect.png b/templates_ftd/assets/images/upper-rect.png new file mode 100644 index 0000000..258a534 Binary files /dev/null and b/templates_ftd/assets/images/upper-rect.png differ diff --git a/templates_ftd/config.ftd b/templates_ftd/config.ftd new file mode 100644 index 0000000..e69de29 diff --git a/templates_ftd/custom-typo.ftd b/templates_ftd/custom-typo.ftd new file mode 100644 index 0000000..63ea0bd --- /dev/null +++ b/templates_ftd/custom-typo.ftd @@ -0,0 +1,129 @@ +-- import: templates-ftd/assets +-- import: fpm +-- import: fifthtry.github.io/inter/assets as font-assets + + +-- fpm.font-display: $font-assets.fonts.Inter + + +-- ftd.font-size copyies-lg: +line-height: 20 +size: 16 +letter-spacing: 0 + +-- ftd.type copyies: $fpm.font-display +desktop: $copyies-lg +mobile: $copyies-lg +xl: $copyies-lg +weight: 700 + + +-- ftd.font-size footer-txt: +line-height: 16 +size: 14 +letter-spacing: 0 + +-- ftd.type footer-font: $fpm.font-display +desktop: $footer-txt +mobile: $footer-txt +xl: $footer-txt +weight: 400 + +-- ftd.font-size copy-lg: +line-height: 24 +size: 20 +letter-spacing: 0 + +-- ftd.type copy: $fpm.font-display +desktop: $copy-lg +mobile: $copy-lg +xl: $copy-lg +weight: 400 + +-- ftd.font-size copy-tight-desktop: +line-height: 20 +size: 16 +letter-spacing: 0 + +-- ftd.font-size section-t: +line-height: 44 +size: 32 +letter-spacing: 0 + +-- ftd.type section-title: $fpm.font-display +desktop: $section-t +mobile: $section-t +xl: $section-t +weight: 400 + +-- ftd.type copy-tight: $fpm.font-display +desktop: $copy-tight-desktop +mobile: $copy-tight-desktop +xl: $copy-tight-desktop +weight: 400 + +-- ftd.font-size heading-medium-desktop: +line-height: 44 +size: 34 +letter-spacing: 0 + +-- ftd.type heading-medium: $fpm.font-display +desktop: $heading-medium-desktop +mobile: $heading-medium-desktop +xl: $heading-medium-desktop +weight: 400 + +-- ftd.font-size copy-relaxed-desktop: +line-height: 24 +size: 16 +letter-spacing: 0 + +-- ftd.type copy-relaxed: $fpm.font-display +desktop: $copy-relaxed-desktop +mobile: $copy-relaxed-desktop +xl: $copy-relaxed-desktop +weight: 400 + +-- ftd.color cta_primary_base: +light: #2DD4BF +dark: #2DD4BF + +-- ftd.color warning-text_base: +light:#966220 +dark: #966220 + + +-- ftd.font-size button-txt: +line-height: 16 +size: 16 +letter-spacing: 0 + +-- ftd.type button: $fpm.font-display +desktop: $button-txt +mobile: $button-txt +xl: $button-txt +weight: 700 + + + + + +-- ftd.color shadow-box_primary: +light: #2DD4BF +dark: #2DD4BF + + +-- ftd.color shadow-box: +light:rgba(150,98,32,1) +dark: rgba(150,98,32,1) + + +-- ftd.color cta_hover: +light: rgba(79, 178, 223, 0) +dark: rgba(79, 178, 223, 0) + + + +-- ftd.color backkk: +light: rgba(0, 0, 0, 0.8) +dark: rgba(0, 0, 0, 0.8) \ No newline at end of file diff --git a/templates_ftd/first.ftd b/templates_ftd/first.ftd new file mode 100644 index 0000000..ad42df6 --- /dev/null +++ b/templates_ftd/first.ftd @@ -0,0 +1,3 @@ +-- import: fpm + +-- ftd.text: jhj \ No newline at end of file diff --git a/templates_ftd/index.ftd b/templates_ftd/index.ftd new file mode 100644 index 0000000..d6158c2 --- /dev/null +++ b/templates_ftd/index.ftd @@ -0,0 +1,578 @@ +-- import: fpm +-- import: templates-ftd/assets +-- import: fifthtry.github.io/inter/assets as font-assets +-- import: templates-ftd/custom-typo as font +-- fpm.font-display: $font-assets.fonts.Inter +-- import: templates-ftd/pull as pull +-- import: templates-ftd/popup as popup +-- import: templates-ftd/login as login + + +-- integer selected: 1 + +-- integer changes: $selected + +-- string abc: kkkk + + +-- fpm.toc-item list sub-sections: +$processor$: toc + +- Home: + - Home Index: /index/ + - Docs: /index/ + - Articles: /index/ + - Home Pictures: /index/ + +-- boolean close: false +-- ftd.font-size octicon-fs: +line-height: 16 +size: 16 +letter-spacing: 0 + +-- ftd.type octicon: +font: $assets.fonts.Octicon +desktop: $octicon-fs +mobile: $octicon-fs +xl: $octicon-fs +weight: 700 + + +-- boolean is-authenticated: false +$processor$: get-data + + +-- optional string github-login-url: +$processor$: get-data + +null + +-- record available-repos-for-mapping-data: +integer id: +string repo-full-name: +string get-url: + + +-- available-repos-for-mapping-data list available-repos-for-mapping: +$processor$: get-data + +[] + + +-- record code-repo-data: +optional string repo-full-name: +optional string get-url: + + +-- record documentation-repo-data: +optional string repo-full-name: +optional string get-url: + +-- record all-repo-map-data: +code-repo-data code-repo: +documentation-repo-data documentation-repo: + +-- all-repo-map-data list all-repo-map: +$processor$: get-data + +[] + + + + + + + + + + + + + + + + + + +-- homepage: + + + +-- ftd.column homepage: +optional ftd.color bg-color: $fpm.color.main.background.base +background-color: $bg-color +width: fill + +--- pull.header: +background: $fpm.color.glass.background.step-2 + +--- container: ftd.main + +--- login.login-content: Login to Github +sub-heading-main: Click below to login with github +cta-text: sign up with +url: $github-login-url +if: not $is-authenticated + +--- container: ftd.main + +--- ftd.column: +width: fill +padding-horizontal:280 +padding-vertical: 36 +id:main-section +align: center +spacing: 36 +id: section-conatiner + +--- popup.logo-with-text: +logo: $assets.files.assets.images.pull-request.png +logo-text: Connections + +--- pull.search-btn: +title: search + +--- ftd.text: Mapping +padding-bottom: $fpm.space.space-3 +role: $fpm.type.heading-small +color: $fpm.color.main.text-strong + +--- ftd.column: +width:fill +border-width: 1 +border-radius: 8 +border-color: $fpm.color.main.border-strong + +--- mapping-loop: +documentation-repo: $obj.documentation-repo +code-repo: $obj.code-repo +$loop$: $all-repo-map as $obj + +--- container: section-conatiner + +--- ftd.text: Available repos +padding-bottom: $fpm.space.space-3 +role: $fpm.type.heading-small +color: $fpm.color.main.text-strong + +--- ftd.column: +width:fill +border-width: 1 +border-radius: 8 +border-color: $fpm.color.main.border-strong + +--- available-loop: +index: $obj.id +children: $obj.repo-full-name +$loop$: $available-repos-for-mapping as $obj + + + + + + + + +-- ftd.row mapping-loop: +optional ftd.image-src button-name: +optional ftd.image-src doc-logo: +optional ftd.image-src code-logo: +width: fill +border-bottom: 1 +border-color: $fpm.color.main.text +padding-horizontal:30 +padding-vertical: 20 +code-repo-data code-repo: +code-repo-data documentation-repo: + +--- ftd.column: +width: fill +id: left-side + +--- ftd.row: +spacing: 4 +padding-top: 4 + + +--- ftd.image: +padding-top: 8 +src: $assets.files.assets.images.lower-rectangle.png + + + +--- ftd.image: +padding-top: 4 +src: $assets.files.assets.images.icon9.png + + + +--- ftd.text: $code-repo.repo-full-name +link: $code-repo.get-url +color: $fpm.color.main.text +role: $fpm.type.label-small + +--- container: left-side + + +--- ftd.row: +spacing: 4 +padding-top: 4 + +--- ftd.image: +padding-top: 8 +src: $assets.files.assets.images.lower-rect.png + + + +--- ftd.image: +padding-top: 4 +src: $assets.files.assets.images.rectangle-white.png + +--- ftd.text: $documentation-repo.repo-full-name +link: $documentation-repo.get-url +color: $fpm.color.main.text +role: $fpm.type.label-small + +--- container: ftd.main + +--- ftd.column: + +--- ftd.text :˃ +role: $octicon +border-radius: 8 +padding-horizontal: $fpm.space.space-4 +padding-vertical: $fpm.space.space-2 +background-color: $fpm.color.main.cta-primary.base + + + + + + +-- ftd.row available-loop: +optional ftd.image-src button-name: +optional ftd.image-src doc-logo: $assets.files.assets.images.orgname.png +width: fill +border-bottom: 1 +border-color: $fpm.color.main.text +padding-horizontal:30 +padding-vertical: 20 +string children: +integer index: + +--- ftd.row: +width:fill +margin-top: 8 +spacing: 4 + +--- ftd.image: +src: $doc-logo + +--- ftd.text: $children +link: $children +color: $fpm.color.main.text +role: $fpm.type.label-small + +--- container: ftd.main + +--- ftd.row: + +--- overview: Connect +heading-name: $children + +--- both-button: +repo-name: $children +title-right: code-repo +title-left: documentation-repo +about-repo-left: Code Repository: +about-repo-right: Documentation Repository: +heading-name-right: Attach Documentation repository +heading-name-left: Attach Code repository + + + + +-- ftd.row both-button: +width: fill +caption title-right: +caption title-left: +string about-repo-right: +string about-repo-left: +caption heading-name-right: +caption heading-name-left: +string repo-name: +spacing: 8 + +--- code-repo: $title-right +about-repo: $about-repo-right +repo-name: $repo-name +heading-name: $heading-name-left + +--- container: ftd.main + +--- code-repo: $title-left +about-repo: $about-repo-left +repo-name: $repo-name +heading-name: $heading-name-right + + + + + + + + + + +-- ftd.column overview: +caption title: +optional string heading-name: +boolean open-1: false +optional integer border-wi: 0 +optional ftd.image-src cross-logo: $assets.files.assets.images.Union.png +open: true +append-at: col-id + +--- ftd.text: $title +role: $font.button +background-color: $fpm.color.main.cta-primary.base +color: $fpm.color.main.background.base +background-color if $MOUSE-IN: $font.cta_hover +color if $MOUSE-IN: $fpm.color.main.error.base +border-radius: 8 +padding-vertical: 12 +padding-horizontal: 16 +border-width: 1 +border-color: $fpm.color.main.border-strong +$on-click$: $open-1 = true + +--- ftd.column: +z-index: 100 +anchor: window +top: 0 +left: 0 +width: percent 100 +height: percent 100 +background-color: $font.backkk +id: kjlk +if: $open-1 + + +--- ftd.column: +background-color: $fpm.color.main.background.base +width: 614 +move-right: 500 +move-down: 200 +border-width: 1 +padding-top: $fpm.space.space-3 +padding-bottom: $fpm.space.space-8 +padding-horizontal: $fpm.space.space-8 +boolean mouse-in: false +border-color: $fpm.color.main.border-strong +id: col-id +shadow-offset-x: 3 +shadow-offset-y: 4 +shadow-size: 1 +shadow-blur: 4 +border-top: 1 +border-radius: 8 +border-color: $fpm.color.main.cta-primary.base +shadow-color: $fpm.color.main.cta-primary.base +id: model-content + +--- ftd.row: +width: fill + +--- ftd.text: $heading-name +role: $fpm.type.heading-medium +color: $fpm.color.main.text-strong +width: fill + +--- ftd.image: +src: $cross-logo +$on-click$: $open-1 = false + +--- container: model-content + +--- ftd.text: This repo is a: +role: $fpm.type.copy-relaxed +color: $fpm.color.main.text +width: fill + + +--- container: model-content + +--- ftd.row: +width: fill +id: col-id +open: true + + + +-- ftd.column code-repo: +caption button-name: +string about-repo: +string heading-name: +string repo-name: +boolean open-1: false +optional integer border-wi: 0 +optional ftd.image-src cross-logo: $assets.files.assets.images.Union.png +open: true +append-at: col-id + +--- ftd.text: $button-name +role: $fpm.type.label-big +ftd.color button-bg: $fpm.color.main.background.base +ftd.color button-color: $fpm.color.main.error.base +background-color: $font.cta_primary_base +color: $fpm.color.main.background.base +background-color if $MOUSE-IN: $font.cta_hover +color if $MOUSE-IN: $fpm.color.main.error.base +border-radius: 8 +padding-vertical: 8 +padding-horizontal: 16 +border-width: 1 +border-color: $fpm.color.main.border-strong +margin-top:20 +$on-click$: $open-1 = true +$on-click$: $abc = $repo-name + +--- ftd.column: +z-index: 100 +anchor: window +top: 0 +left: 0 +width: percent 100 +height: percent 100 +background-color: $font.backkk +id: kjlk +if: $open-1 + +--- ftd.column: +background-color: $fpm.color.main.background.base +width: 650 +border-width: 1 +padding-vertical: 12 +padding-horizontal: 24 +boolean mouse-in: false +border-color: $fpm.color.main.border-strong +id: col-id +shadow-offset-x: 3 +shadow-offset-y: 4 +shadow-size: 1 +shadow-blur: 4 +border-top: $border-wi +border-radius: 8 +shadow-color: $fpm.color.main.cta-primary.base +spacing: 24 + +--- ftd.row: +width:fill + +--- ftd.text: $heading-name +role: $fpm.type.heading-medium +color: $fpm.color.main.text-strong +width: fill + +--- ftd.image: +src: $assets.files.assets.images.Union.png +/$on-click-outside$: $open-1 = true +$on-click$: $open-1 = false + +--- container: col-id + +--- ftd.text: $repo-name +role: $fpm.type.copy-relaxed +color: $fpm.color.main.text +width: fill + +--- container: col-id + +--- ftd.row: +width: fill + +--- ftd.text: $about-repo +role: $fpm.type.copy-relaxed +color: $fpm.color.main.text +width: fill + +--- search-btn: search +available-repos-for-mapping: $available-repos-for-mapping + +--- container: col-id + +--- ftd.row: +align: center +margin-top: $fpm.space.space-4 +margin-bottom: $fpm.space.space-4 + +--- popup.button: Attach +button-bg: $fpm.color.main.cta-primary.base + + + + + + + + + +-- ftd.row search-btn: +available-repos-for-mapping-data list available-repos-for-mapping: +caption title: +boolean open: false +$on-click$: toggle $open +open: true +append-at: kk + +--- ftd.input: $abc +cursor: pointer +width:fill +height: 34 +color: $fpm.color.main.text +border-radius: 8 +padding-vertical: 14 +padding-horizontal: 28 +border-width: 1 +placeholder: $abc +background-color: $fpm.color.main.background.base +border-color: $fpm.color.main.text + +--- ftd.text: ﹀ +if: $available-repos-for-mapping is not empty +color: $fpm.color.main.text +position: center +move-right: -20 + +--- ftd.column: +width: fill +anchor: parent +z-index: 4 +top: 20 +background-color: $fpm.color.main.text-strong +left: 0 + +--- show-children: +if: $open +if: $available-repos-for-mapping is not empty +index: $obj.id +children: $obj.repo-full-name +$loop$: $available-repos-for-mapping as $obj + + + + +-- ftd.row show-children: +width: fill +id: kk +integer index: +background-color if $MOUSE-IN:$fpm.color.main.cta-primary.base +string children: + +--- ftd.text: $children +$on-click$: $abc = $children +role: $fpm.type.copy-tight +color: $fpm.color.main.text-strong +white-space: nowrap +width: fill + diff --git a/templates_ftd/login.ftd b/templates_ftd/login.ftd new file mode 100644 index 0000000..8a85ef6 --- /dev/null +++ b/templates_ftd/login.ftd @@ -0,0 +1,128 @@ +-- import: fpm +-- import: templates-ftd/assets +-- import: fifthtry.github.io/inter/assets as font-assets +-- import: templates-ftd/custom-typo as font +-- fpm.font-display: $font-assets.fonts.Inter + +/-- boolean is-authenticated: true + +/-- boolean verify: false + +/-- is-authenticated: false +if: $verify == true + + + + + +/-- login-content: Login to Github +sub-heading-main: click below to login with github +cta-text: sign up with +url: https://github.com/apps/continuous-documentation + + +-- ftd.column login-content : +optional caption title: +optional string sub-heading-main: +optional string cta-text: +string url: +z-index: 100 +anchor: parent +top: 0 +left: 0 +width: percent 100 +height: percent 100 +background-color: $font.backkk + + +--- ftd.column: +optional caption title: +optional string sub-heading-main: +optional string cta-text: +background-color: $fpm.color.main.background.base +width: 614 +move-right: 400 +move-down: 200 +border-width: 1 +padding-vertical: 35 +padding-horizontal: 32 +boolean mouse-in: false +border-color: $fpm.color.main.border-strong +id: col-id +shadow-offset-x: 3 +shadow-offset-y: 4 +shadow-size: 1 +shadow-blur: 4 +border-top: 3 +border-radius: 8 +border-color: $fpm.color.main.warning.text +shadow-color: $fpm.color.main.warning.text +padding-horizontal: 42 +id: model-contete + +--- ftd.row: +width:fill +padding-bottom: 90 + +--- ftd.text: $title +text-align: center +role: $fpm.type.heading-medium +color: $fpm.color.main.text-strong +width: fill + + +--- container: model-contete + +--- ftd.column: +width: fill +id: col-id +padding-bottom: 12 + +--- ftd.text: $sub-heading-main +if: $sub-heading-main is not null +text-align: center +width: fill +role: $fpm.type.copy-relaxed +color: $fpm.color.main.text +padding-bottom: 32 + +--- github-button: +sign-in: $cta-text +link: $url + + + + + + + +-- ftd.row github-button: +boolean is-authenticated: false +optional string sign-in: +optional string github-cta: +optional string width: +ftd.image-src icon-github: $assets.files.assets.images.icon-github.svg +string link: https://github.com/apps/continuous-documentation +padding-horizontal: $fpm.space.space-4 +padding-vertical: $fpm.space.space-3 +color: $fpm.color.main.background.step-1 +background-color: $fpm.color.main.cta-primary.base +border-radius: 4 +/$on-click$: $verify = true +width: $width +spacing: 4 +cursor: pointer +link: $link +align: center + + +--- ftd.text: $sign-in +role: $font.button +white-space: nowrap +align: center +text-align: center +padding-top: 2 +color: $fpm.color.main.background.step-1 + +--- ftd.image: +src: $icon-github diff --git a/templates_ftd/model.ftd b/templates_ftd/model.ftd new file mode 100644 index 0000000..e69de29 diff --git a/templates_ftd/popup.ftd b/templates_ftd/popup.ftd new file mode 100644 index 0000000..21ff21a --- /dev/null +++ b/templates_ftd/popup.ftd @@ -0,0 +1,511 @@ +-- import: fpm +-- import: templates-ftd/assets +-- import: fifthtry.github.io/inter/assets as font-assets +-- import: templates-ftd/custom-typo as font +-- fpm.font-display: $font-assets.fonts.Inter + +-- import: templates-ftd/config as datas + + +-- record tc: +caption title: +ftd.image-src icon-theme-mode: $assets.files.assets.images.icon-moon.png + + +-- tc list list-tc: + +-- list-tc: Commit to the process +icon-theme-mode: $assets.files.assets.images.icon-moon.png + + + + + + +-- record section-data: +string button-name:connect +string logo-text: +optional ftd.image-src icon-theme-mode: $assets.files.assets.images.icon-moon.png + + +-- section-data list section-list: + +-- section-list: +logo-text:#123 Some Doc PR +icon-theme-mode: $assets.files.assets.images.icon-moon.png +button-name: connect + +-- section-list: +logo-text:#123 Some Doc PR +icon-theme-mode: $assets.files.assets.images.icon-moon.png +button-name: connect + +-- section-list: +icon-theme-mode: $assets.files.assets.images.icon-moon.png +logo-text:#123 Some Doc PR +button-name: connect + + +-- ftd.color red: red +dark: red + + +-- ftd.color backkk: +light: rgba(0, 0, 0, 0.9) +dark: rgba(0, 0, 0, 0.9) + + +--- container: col-id + +--- model-body: +sub-heading-main: $sub-heading-main +sub-heading-secondary: $sub-heading-secondary +git-name: $git-name +code-logo: $code-logo +code-text: $code-text +footer-text: $footer-text + + +--- model-content: +sub-heading-main: $sub-heading-main +sub-heading-secondary: $sub-heading-secondary +body: $body + + + + +-- ftd.column model-body: +optional string sub-heading-main: +optional string sub-heading-secondary: +optional ftd.image-src code-logo: +optional string code-text: +optional string footer-text: +optional string git-name: +width:fill + +--- ftd.text: $sub-heading-main +width: fill +role: $font.copy-relaxed +color: $fpm.color.main.text +padding-top:12 + +--- ftd.text: $sub-heading-secondary +width: fill +role: $font.copy-relaxed +color: $fpm.color.main.text +padding-top:7 +margin-bottom: 27 + +--- ftd.row: +margin-bottom: 27 + +--- logo-with-text: +logo: $code-logo +logo-text: $code-text + + +--- container: ftd.main + +---ftd.row: +margin-bottom: 27 + + +--- search-btn: +cta-text:search +width: fill + +--- container: ftd.main + +--- ftd.column: +margin-top: 20 +width: fill + +--- model-pr-items: +icon-theme-mode: $section-items.icon-theme-mode +logo-text: $section-items.logo-text +button-name: $section-items.button-name +$loop$: $section-list as $section-items + +--- container: ftd.main + +--- ftd.row: +align:center +border-bottom: 1 +border-color: $font.warning-text_base +margin-top:20 + +--- ftd.text: +text: $footer-text +text-align: center +color: $fpm.color.main.warning.base + + +-- ftd.row model-pr-items: +optional ftd.image-src icon-theme-mode: $assets.files.assets.images.rectangle.png +string button-name: +string logo-text: +boolean mouse-in: false +width: fill +border-bottom: 1 +padding-horizontal:30 +padding-vertical:10 +$on-mouse-enter$: $mouse-in = true +$on-mouse-leave$: $mouse-in = false + + +--- ftd.row: +width:fill +padding-vertical: 20 + +--- logo-with-text: +logo: $icon-theme-mode +logo-text: $logo-text + + + +--- container:ftd.main + +--- ftd.row: +if: $mouse-in +padding-vertical:10 + +--- button: connect +button-bg: $font.cta_primary_base + + + + + + + + + + + + + + + + + + +-- ftd.input search-btn: +caption cta-text: +optional string cta-placeholder: +cursor: pointer +optional string width: 1 +width: $width +border-radius: 8 +padding-vertical: 14 +padding-horizontal: 28 +border-width: 1 +align:left +placeholder: $cta-text +background-color: $fpm.color.main.background.base +color: $fpm.color.main.error.base +border-color: $fpm.color.main.border-strong + +--- ftd.text: +text: $cta-text +role: $fpm.type.label-big +color: $fpm.color.main.error.base + + + + + +-- ftd.text button: +caption title: +text: $title +align: center +role: $font.button +ftd.color button-bg: $fpm.color.main.background.base +ftd.color button-color: $fpm.color.main.error.base +background-color:$button-bg +color: $fpm.color.main.background.base +background-color if $MOUSE-IN: $font.cta_hover +color if $MOUSE-IN: $fpm.color.main.error.base +border-radius: 8 +padding-vertical: 12 +padding-horizontal: 16 +border-width: 1 +border-color: $fpm.color.main.border-strong + + + +-- ftd.column model-content: +optional string cta-placeholder: +optional string sub-heading-main: +optional string sub-heading-secondary: +optional ftd.image-src repo-code-logo: $assets.files.assets.images.repo-code.png +optional ftd.image-src moon-logo: $assets.files.assets.images.icon9.png +optional ftd.image-src moon-logos: $assets.files.assets.images.rectangle.png +optional string logo-text: +optional string moon-logos-text: +optional string cta-text: +optional string footer-text: +body body: +width:fill +padding-horizontal: 42 + +--- ftd.text: $sub-heading-main +if: $sub-heading-main is not null +text-align: center +width: fill +role: $font.copy-relaxed +color: $fpm.color.main.text +padding-top:12 + + +--- ftd.column: +if: $sub-heading-main is not null +width: fill +align: center +padding-top:32 +padding-bottom:11 + +--- ftd.row: +align: center + +--- logo-with-text: +logo: $moon-logo +logo-text: $logo-text + +--- container: ftd.main + +--- ftd.row: +align: center + + +--- ftd.row: +if: $sub-heading-main is null +width: fill +id: section-container +spacing: 10 +align: center + + +--- ftd.column: +align:center + +--- ftd.image: +src: $repo-code-logo + +--- container: section-container + +--- ftd.column: +align: center +id: image-text-container +spacing: 10 + +--- ftd.row: +width:fill +align: center +spacing: 10 + + +--- logo-with-text: +logo: $moon-logo +logo-text: $logo-text + +--- container: image-text-container + +--- ftd.row: +width:fill +align: center +spacing: 10 +id:jkkk + +--- logo-with-text: +logo: $moon-logo +logo-text: $logo-text + + +--- container: ftd.main + + +--- ftd.row: +padding-vertical:12 + +--- ftd.text: $sub-heading-secondary +color: $fpm.color.main.text-strong +role: $font.copyies + +--- container: ftd.main +--- ftd.row: +padding-vertical:12 + +--- ftd.text: +text: $body +color: $fpm.color.main.text +text-align: center + +--- container: ftd.main + +--- ftd.row: +width: fill +padding-horizontal: 32 +margin-top:15 + +--- search-btn: +if: $cta-text is not null +cta-text:search +width:fill + + + +--- container: ftd.main + +--- ftd.row: +margin-top: 20 +align: center + +--- button: confirm +button-bg: $font.warning-text_base + + + +--- container: ftd.main + +--- ftd.text: +padding-top: 24 +if: $footer-text is not null +text: $footer-text +color: $fpm.color.main.text +align: center +white-space: nowrap + + + + + + + +-- ftd.row logo-with-text: +width:fill +optional ftd.image-src logo: +optional string logo-text: +spacing: 10 + + +--- ftd.image: +padding-top: $fpm.space.space-2 +src: $logo +height: 24 +width: auto + + +--- ftd.text: $logo-text +color: $fpm.color.main.text-strong +role: $fpm.type.heading-small + + + + + + + + + +-- login-content: Login to Github +sub-heading-main: click below to login with github +cta-text: sign up with + + +-- ftd.column login-content : +optional caption title: +optional string sub-heading-main: +optional string cta-text: +z-index: 100 +anchor: window +top: 0 +left: 0 +width: percent 100 +height: percent 100 +background-color: $font.backkk + + +--- ftd.column: +optional caption title: +optional string sub-heading-main: +optional string cta-text: +background-color: $fpm.color.main.background.base +width: 614 +move-right: 400 +move-down: 200 +border-width: 1 +padding-vertical: 35 +padding-horizontal: 32 +boolean mouse-in: false +border-color: $fpm.color.main.border-strong +id: col-id +shadow-offset-x: 3 +shadow-offset-y: 4 +shadow-size: 1 +shadow-blur: 4 +border-top: 3 +border-radius: 8 +border-color: $fpm.color.main.warning.text +shadow-color: $fpm.color.main.warning.text +padding-horizontal: 42 +id: model-contete + +--- ftd.row: +width:fill +padding-bottom: 90 + +--- ftd.text: $title +text-align: center +role: $fpm.type.heading-medium +color: $fpm.color.main.text-strong +width: fill + + +--- container: model-contete + +--- ftd.column: +width: fill +id: col-id +padding-bottom: 12 + + +--- ftd.text: $sub-heading-main +if: $sub-heading-main is not null +text-align: center +width: fill +role: $fpm.type.copy-relaxed +color: $fpm.color.main.text +padding-bottom: 32 + +--- github-button: +sign-in: $cta-text + + +-- ftd.row github-button: +optional string sign-in: +optional string github-cta: +optional string width: +optional ftd.image-src icon-github: $assets.files.assets.images.icon-github.svg +optional string link: https://github.com/apps/continuous-documentation +padding-horizontal: $fpm.space.space-4 +padding-vertical: $fpm.space.space-3 +color: $fpm.color.main.background.step-1 +background-color: $fpm.color.main.cta-primary.base +border-radius: 4 +width: $width +spacing: 4 +cursor: pointer +link: $link +align: center + +--- ftd.text: $sign-in +role: $font.button +white-space: nowrap +align: center +text-align: center +padding-top: 2 +color: $fpm.color.main.background.step-1 + +--- ftd.image: +src: $icon-github + diff --git a/templates_ftd/pull.ftd b/templates_ftd/pull.ftd new file mode 100644 index 0000000..8978b24 --- /dev/null +++ b/templates_ftd/pull.ftd @@ -0,0 +1,774 @@ +-- import: fpm +-- import: templates-ftd/assets +-- import: fifthtry.github.io/inter/assets as font-assets +-- import: templates-ftd/custom-typo as font +-- fpm.font-display: $font-assets.fonts.Inter + +-- import: templates-ftd/popup as popup + + + + +-- record tc: +caption title: +integer index: +ftd.image-src icon-theme-mode: $assets.files.assets.images.icon-moon.png + + +-- tc list list-tc: + +-- list-tc: Commit to the process +index: 1 +icon-theme-mode: $assets.files.assets.images.icon-moon.png + + +-- list-tc: Own the changes +index:2 +icon-theme-mode: $assets.files.assets.images.icon-moon.png + + + +-- record section-data: +string button-name: +string doc-text: +string code-text: +ftd.image-src doc-logo: +ftd.image-src code-logo: +integer index: + +-- section-data list section-list: + +-- section-list: +doc-logo: $assets.files.assets.images.icon-moon.png +code-logo: $assets.files.assets.images.icon-moon.png +button-name: connect +doc-text: Add a Code PR to complete this pair +code-text: Doc PR name +index: 1 + +-- section-list: +doc-logo: $assets.files.assets.images.icon-moon.png +code-logo: $assets.files.assets.images.icon-moon.png +button-name: connect +doc-text: #203 Code PR name +code-text: Add a Documentation PR to complete this pair +index: 2 + +-- section-list: +doc-logo: $assets.files.assets.images.icon-moon.png +code-logo: $assets.files.assets.images.icon-moon.png +doc-text: #203 Code PR name +code-text: #404 Doc PR name +button-name: connect +index: 3 + +-- section-list: +doc-logo: $assets.files.assets.images.icon-moon.png +code-logo: $assets.files.assets.images.icon-moon.png +doc-text:Doc PR name +code-text:Add a Code PR to complete this pair +button-name: connect +index: 4 + +-- section-list: +doc-logo: $assets.files.assets.images.icon-moon.png +code-logo: $assets.files.assets.images.icon-moon.png +doc-text: #203 Code PR name +code-text: #404 Doc PR name +button-name: approve +index: 5 + + + +-- section-list: +doc-logo: $assets.files.assets.images.icon-moon.png +code-logo: $assets.files.assets.images.icon-moon.png +doc-text: #203 Code PR name +code-text: #404 Doc PR name +button-name: approve +index: 6 + +-- section-list: +doc-logo: $assets.files.assets.images.icon-moon.png +code-logo: $assets.files.assets.images.icon-moon.png +doc-text: #203 Code PR name +code-text: #404 Doc PR name +button-name: approve +index: 7 + + + +/-- popup.login-content: Login to Github +sub-heading-main: click below to login with github +cta-text: sign up with + + + +-- homepage: + + + + +-- ftd.column homepage: +optional ftd.color bg-color: $fpm.color.main.background.base +background-color: $bg-color +width: fill +id: kk + + +--- container: ftd.main + +--- header: +background:$fpm.color.glass.background.step-2 + + + + +--- ftd.column: +width: fill +padding-horizontal:155 +padding-vertical: 36 +id:main-section + +--- navbar: +title: abd + +--- ftd.row: +padding-top:32 +width:fill + +--- ftd.row: +width: fill + +--- search-btn: +title: search + +--- ftd.row: +padding-horizontal:64 + +--- container: main-section + +--- ftd.column: +margin-top:17 +width:fill +margin-bottom:84 +border-width: 1 +border-radius: 8 +border-color: $fpm.color.main.border-strong + +--- sections: +doc-logo: $section-items.doc-logo +code-logo: $section-items.code-logo +doc-text:$section-items.doc-text +code-text:$section-items.code-text +index: $section-items.index +button-name: $section-items.button-name +$loop$: $section-list as $section-items + + + + + + + + +-- ftd.column header: +optional ftd.image-src site-logo: $assets.files.assets.images.logo-fifthtry-dark.svg +optional ftd.image-src icon-github: $assets.files.assets.images.icon-github.svg +string site-url: / +width:fill +ftd.color background: $fpm.color.main.background.base +background-color: $background +id:header-item +padding-horizontal:32 + + +--- ftd.row: +width:fill +id:main-row + + +--- ftd.row: +width:fill +padding-vertical:24 + + +--- ftd.image: +src:$site-logo + + + +--- container: main-row + +--- ftd.row: +id:right-side-header +padding-vertical:28 +spacing:32 + + + +--- ftd.image: +src:$icon-github + + +-- ftd.row navbar: +caption title: +optional ftd.image-src orgname-logo: $assets.files.assets.images.orgname.png +string site-url: / +optional ftd.image-src code-repo-logo:$assets.files.assets.images.repo-code.png +optional ftd.image-src pull-logo:$assets.files.assets.images.pull-request.png +optional ftd.image-src site-logo: +optional string org-text: Orgname +optional string code-text: Code Repo +optional string doc-text: Doc Repo +optional string pull-text: Pull requests +width: fill +align: center + +/--- ftd.row: +width:fill + +--- ftd.column: +width:fill +id:nav-right + + +--- ftd.image: +src:$orgname-logo +margin-top:5 +margin-right:13 + +--- ftd.text: $org-text +color: $font.cta_primary_base +role: $fpm.type.heading-large + +--- container: ftd.main + + + +--- ftd.row: +spacing: 10 + +--- ftd.image: +src:$code-repo-logo +margin-top:8 + + +--- ftd.row: + +--- ftd.column: +spacing:7 + +--- logo-text: $code-text + + + +--- logo-text: $doc-text + + + +--- container: ftd.main + + +--- ftd.image: +src:$pull-logo +margin-top:12 +padding-left:10 + + +--- ftd.text: $pull-text +color: $fpm.color.main.text-strong +role: $fpm.type.heading-large +padding:5 + + +-- ftd.text logo-text: +caption title: +text: $title +ftd.color text-color: $fpm.color.glass.text-strong +color: $text-color + + + + + + + + +-- ftd.input search-btn:search +caption title: +cursor: pointer +width:fill +color: $fpm.color.main.text +border-radius: 8 +padding-vertical: 14 +padding-horizontal: 28 +border-width: 1 +align:left +placeholder: $title +background-color: $fpm.color.main.background.base +border-color: $fpm.color.main.text + +--- ftd.text: $title +role: $fpm.type.label-big +color: $fpm.color.main.text-strong + + + + + + + + + + + + + + + +-- ftd.row sections: +string button-name: +string doc-text: +ftd.image-src doc-logo: +ftd.image-src code-logo: +string code-text: +integer index: +width: fill +border-bottom: 1 +border-color: $fpm.color.main.text +padding-horizontal:30 +padding-vertical: 20 + + + +---ftd.row: +width: fill + +--- leftside: + button-name: $button-name + doc-text: $doc-text + code-text: $code-text + index: $index + + +--- container:ftd.main + +--- ftd.row: + + +--- rightside: + button-name: $button-name + index: $index + + +-- ftd.column leftside: +optional ftd.image-src moon-logo: $assets.files.assets.images.repo-code.png +optional ftd.image-src rectangle-logo: $assets.files.assets.images.rectangle.png +optional ftd.image-src open-close-logo: $assets.files.assets.images.icon9.png +optional ftd.image-src upper-rect-logo: $assets.files.assets.images.lower-rectangle.png +optional ftd.image-src lower-rect-logo: $assets.files.assets.images.lower-rect.png +optional ftd.image-src vector-logo: $assets.files.assets.images.Vector.png +optional string button-name: +string doc-text: +optional integer index: +string code-text: +width: fill +padding-vertical: 20 +integer index: + + + +--- ftd.row: +if: $index == 3 +anchor:parent +top:35 +left:-2 + +--- ftd.image: +src: $vector-logo + +--- container:ftd.main + +--- ftd.row: +if: $index == 4 +anchor:parent +top:35 +left:-2 + +--- ftd.image: +src: $vector-logo +--- container:ftd.main +--- ftd.row: +if: $index == 5 +anchor:parent +top:35 +left:-2 + +--- ftd.image: +src: $vector-logo + +--- container:ftd.main +--- ftd.row: +width:fill +align: center +id:jkkk +spacing:10 + +--- ftd.row: +align: center +spacing:5 + + +--- ftd.column: +align: center + +--- ftd.image: +src: $upper-rect-logo + + +--- container: jkkk + +--- ftd.column: +align: center + +--- ftd.image: +src: $open-close-logo + +--- container: jkkk + + + + +--- ftd.text: $doc-text +role: $font.copy-tight +color: $fpm.color.main.text +color if $index == 1: $fpm.color.main.error.text +color if $index == 2: $fpm.color.main.warning.base + +--- container: ftd.main + +--- ftd.row: +width:fill +align: center +spacing: 10 +id:jkkk + +--- ftd.row: +align: center +spacing: 10 +id:jkkkl + +--- ftd.column: +align: center + +--- ftd.image: +src: $lower-rect-logo + +--- container: jkkkl + +--- ftd.column: +align: center + +--- ftd.image: +src: $rectangle-logo + +--- container: jkkkl + + +--- ftd.text: $code-text +role: $font.copy-tight +color: $fpm.color.main.text-strong +color if $index == 1: $fpm.color.main.warning.base +color if $index == 2: $fpm.color.main.warning.base + + + + + + + + + +-- ftd.column rightside: +optional ftd.image-src site-logo: $assets.files.assets.images.repo-code.png +optional ftd.image-src back-logo: $assets.files.assets.images.back-logo.png +optional ftd.image-src cross-logo: $assets.files.assets.images.Union.png +optional ftd.color bg-color: $fpm.color.glass.background.base +optional string button-name: +boolean mouse-in: false +integer index: + + + + +--- ftd.row: +if: $index == 1 + +--- overview: +index: $index +model-title:Attach Documentation +text-align: left +width:916 +border-wi:0 +outlines: $font.cta_primary_base +button-name: $button-name + +--- popup.model-body: +sub-heading-main: A healthy code always carry good Documentation +sub-heading-secondary: Attach one for: +code-logo: $assets.files.assets.images.rectangle.png +code-text: #222 Code PR Name +footer-text: My PR doesnt need a connection + + +--- container: ftd.main + + +--- ftd.row: +if: $index == 2 + +--- overview: +index: $index +text-align: left +model-title:Attach Code PR +border-wi:8 +width:916 +outlines: $font.cta_primary_base +button-name: $button-name + +--- popup.model-body: +sub-heading-main: A healthy code always carry good Documentation +sub-heading-secondary:Attach one for: +code-logo: $assets.files.assets.images.rectangle.png +code-text: #222 Code PR Name + + + +--- container: ftd.main +--- ftd.row: +if: $index == 3 +width:fill + +--- verified-text: +status: Approved + +Approved by @{white:sharmashobit}20 min ago + + +--- container: ftd.main + +--- ftd.row: +if: $index == 4 + +--- overview: +open-1: false +text-align: center +model-title: Are you sure? +index: $index +width:614 +outlines: $font.shadow-box +button-name: $button-name + +--- popup.model-content: +sub-heading-main: A healthy code always carry good Documentation +cta-text: search +logo-text: #222 Code PR Name +moon-logo: $assets.files.assets.images.rectangle.png + +does not need any associated documentation. + +This action should be used sparingly. It may be reviewed by your Manager,and will affect your organizations’ dev statistics + + + +--- container: ftd.main +--- ftd.row: +if: $index == 5 +width:fill + + +--- verified-text: +status: Approved + +Approved by @{white:sharmashobit}20 min ago + + +--- container: ftd.main + +--- ftd.row: +if: $index == 6 + +--- overview: +open-1: false +text-align: center +model-title: Approve Changes +index: $index +outlines: $font.shadow-box +width:614 +button-name: $button-name + +--- popup.model-content: +sub-heading-main: A healthy code always carry good Documentation +logo-text: #222 Code PR Name +moon-logo: $assets.files.assets.images.icon-github.png +does not need any associated documentation + + +This action should be used sparingly. It may be reviewed by your Manager,and will affect your organizations’ dev statistics + + + +--- container: ftd.main + +--- ftd.row: +if: $index == 7 + +--- overview: +open-1: false +text-align: center +model-title: Are you sure +index: $index +outlines: $font.shadow-box +width:614 +button-name: $button-name + +--- popup.model-content: +cta-text: search +logo-text: #222 Code PR Name +moon-logo: $assets.files.assets.images.icon-github.png +moon-logos-text:#203 Code PR name +moon-logo: $assets.files.assets.images.rectangle.png +repo-code-logo: $assets.files.assets.images.repo-code.png +footer-text:Note: Please ask the Dev/Documentor to come in sync if this is not the case + +does not need any associated documentation. + +This action should be used sparingly. It may be reviewed by your Manager,and will affect your organizations’ dev statistics + + + + +-- ftd.text white: yo +color: $fpm.color.main.text-strong +role: $font.copy-tight + +-- ftd.column verified-text: +optional string status: +body body: + +--- ftd.column: +width: fill +align: right + +--- ftd.row: +align: right + +--- ftd.text:$status +color: $fpm.color.main.text +text-align: right +role: $font.copy + +--- container: ftd.main + +--- ftd.row: +width:fill + +--- ftd.text: +text: $body +white-space: nowrap +role: $font.copy +color: $fpm.color.main.text + + + +-- ftd.column overview: +optional string button-name: +boolean open-1: false +integer index: +string width: +string text-align: +optional integer border-wi: 0 +ftd.color outlines: +string model-title: +optional ftd.image-src cross-logo: $assets.files.assets.images.Union.png +open: true +append-at: col-id + + +--- ftd.text : $button-name +text: $button-name +role: $fpm.type.label-big +ftd.color button-bg: $fpm.color.main.background.base +ftd.color button-color: $fpm.color.main.error.base +background-color: $font.cta_primary_base +color: $fpm.color.main.background.base +background-color if $MOUSE-IN: $font.cta_hover +color if $MOUSE-IN: $fpm.color.main.error.base +border-radius: 8 +padding-vertical: 8 +padding-horizontal: 16 +border-width: 1 +border-color: $fpm.color.main.border-strong +margin-top:20 +$on-click$: $open-1 = true + + +--- ftd.column : +z-index: 100 +anchor: window +top: 0 +left: 0 +width: percent 100 +height: percent 100 +background-color: $font.backkk +id: kjlk +if: $open-1 + + + +--- ftd.column: +background-color: $fpm.color.main.background.base +width: $width +move-right:275 +move-down: 100 +border-width: 1 +padding-vertical: 35 +padding-horizontal: 24 +boolean mouse-in: false +border-color: $fpm.color.main.border-strong +id: col-id +shadow-offset-x: 3 +shadow-offset-y: 4 +shadow-size: 1 +shadow-blur: 4 +border-top: $border-wi +border-radius: 8 +border-color: $outlines +shadow-color: $outlines +id: model-contete + +--- ftd.row: +width:fill + +--- ftd.row: +width: fill +padding-bottom: 24 + +--- ftd.text: $model-title +text-align: $text-align +role: $font.heading-medium +color: $fpm.color.main.text-strong +width: fill + +--- ftd.image: +src: $assets.files.assets.images.Union.png +/$on-click-outside$: $open-1 = true +$on-click$: $open-1 = false + +--- container: model-contete + +--- ftd.column: +width: fill +id: col-id +