Skip to content

Commit 65c136d

Browse files
andrewtelnovandrewtelnov
authored
Merge pull request #2 from surveyjs/customize-index-page
customize-index-page
2 parents 7544045 + eefc22a commit 65c136d

File tree

17 files changed

+315
-92
lines changed

17 files changed

+315
-92
lines changed

‎DomainModels/DomainModel.cs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ public class DomainModel
88
public string Id { get; set; }
99
public override string ToString()
1010
{
11-
return this.Id;
11+
return "#" + this.Id;
1212
}
1313
}
1414
}

‎DomainModels/JobApplication.cs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77

88
namespace SurveyJSAsFormLibrary.DomainModels
99
{
10-
[DomainModelForm("job-application", "Job Application Form (auto generated)")]
10+
[DomainModelForm("job-application", "Job Application Form")]
1111
public sealed class JobApplication: PersonInformation
1212
{
1313
[FormField(ChoicesByUrl = "https://surveyjs.io/api/CountriesExample")]

‎DomainModels/NPSSurvey.cs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88

99
namespace SurveyJSAsFormLibrary.DomainModels
1010
{
11-
[DomainModelForm("nps-survey", "NPS Survey (Domain Model without attributes)")]
11+
[DomainModelForm("nps-survey", "NPS Survey")]
1212
public class NPSSurvey: DomainModel
1313
{
1414
public int NPSScore { get; set; }

‎Views/Home/EditForm.cshtml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
<script src="~/js/creatorjs.js" asp-append-version="true"></script>
1313
<script src="~/js/codegenerator.js" asp-append-version="true"></script>
1414
@{
15-
ViewData["Title"] = "Edit Form: " + Model.FormName;
15+
ViewData["Title"] = "Edit Form as " + (Model.IsAdmin ? "Administrator: " : "Content Manager: ") + Model.FormName;
1616
}
1717
<div id="surveyCreatorContainer" style="height: 100vh;"></div>
1818
<script>

‎Views/Home/FormResponse.cshtml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<script src="~/js/form_api.js" asp-append-version="true"></script>
88
<script src="~/js/surveyjs.js" asp-append-version="true"></script>
99
@{
10-
ViewData["Title"] = "Fill Form: " + Model.FormName;
10+
ViewData["Title"] = "Fill Out a Form: " + Model.FormName;
1111
}
1212
<div id="surveyElement" style="display: inline-block; width: 100%;">
1313
<div id="idLoading">Loading...</div>

‎Views/Home/Index.cshtml

Lines changed: 94 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,95 @@
11
@model FormListModel
2-
<p>
3-
You can update your form presentation and fill forms in this applications
4-
</p>
5-
<p>
6-
Fill forms:
7-
@for (var i = 0; i < Model.FormList.Count; i++)
8-
{
9-
var form = Model.FormList[i];
10-
<div>@form.Title</div>
11-
<ul>
12-
<li><a href="/Home/[email protected]&id=new">Fill New Form</a></li>
13-
@foreach (var obj in Model.GetObjectsByType(form.Name))
14-
{
15-
<li><a href="/Home/[email protected]&[email protected]">Edit: @obj.ToString()</a></li>
16-
}
17-
</ul>
18-
}
19-
</p>
20-
<p>
21-
Edit form presentation (as a content manager):
22-
<ul>
23-
@for (var i = 0; i < Model.FormList.Count; i++)
24-
{
25-
var form = Model.FormList[i];
26-
<li><a href="/Home/[email protected]">@form.Title</a></li>
27-
}
28-
</ul>
29-
</p>
30-
<p>
31-
Edit form presentation (as an admin, without restrictions):
32-
<ul>
33-
@for (var i = 0; i < Model.FormList.Count; i++)
34-
{
35-
var form = Model.FormList[i];
36-
<li><a href="/Home/[email protected]&isAdmin=true">@form.Title</a></li>
37-
}
38-
</ul>
39-
</p>
2+
@{
3+
ViewData["Title"] = "No-Code Editor for Domain Models";
4+
}
5+
<section class="logo-section">
6+
<img class="logo" src="/images/logo.svg" />
7+
</section>
8+
<section class="index-section">
9+
<div class="index-header">
10+
<h1 class="index-header__title">No-Code Editor for Domain Models</h1>
11+
<div class="index-header__description">
12+
Use SurveyJS to generate form JSON schemas based on domain model code and
13+
edit the forms in a visual designer.
14+
</div>
15+
</div>
16+
<div class="index-container">
17+
<div class="index-action">
18+
<div class="index-action-icon">
19+
<img class="index-action-icon__background" src="~/images/circle.svg">
20+
<img class="index-action-icon__image" src="~/images/run.svg">
21+
</div>
22+
<div class="index-action__text">
23+
Fill Out a Form
24+
</div>
25+
<ul class="index-forms">
26+
@for (var i = 0; i < Model.FormList.Count; i++) {
27+
var form = Model.FormList[i];
28+
<li class="index-form">
29+
<a href="/Home/[email protected]&id=new">@form.Title</a>
30+
@if (Model.GetObjectsByType(form.Name).Count > 0) {
31+
<ul class="index-form-responses">
32+
@foreach (var obj in Model.GetObjectsByType(form.Name)) {
33+
<li class="index-form-response"><a href="/Home/[email protected]&[email protected]">@obj.ToString()</a></li>
34+
}
35+
</ul>
36+
}
37+
</li>
38+
}
39+
</ul>
40+
</div>
41+
<div class="index-action">
42+
<div class="index-action-icon">
43+
<img class="index-action-icon__background" src="~/images/circle.svg">
44+
<img class="index-action-icon__image" src="~/images/manage.svg">
45+
</div>
46+
<div class="index-action__text">
47+
Edit a Form as Content Manager
48+
</div>
49+
<ul class="index-forms">
50+
@for (var i = 0; i < Model.FormList.Count; i++) {
51+
var form = Model.FormList[i];
52+
<li class="index-form">
53+
<a href="/Home/[email protected]">@form.Title</a>
54+
</li>
55+
}
56+
</ul>
57+
</div>
58+
<div class="index-action">
59+
<div class="index-action-icon">
60+
<img class="index-action-icon__background" src="~/images/circle.svg">
61+
<img class="index-action-icon__image" src="~/images/admin.svg">
62+
</div>
63+
<div class="index-action__text">
64+
Edit a Form as Administrator
65+
</div>
66+
<ul class="index-forms">
67+
@for (var i = 0; i < Model.FormList.Count; i++) {
68+
var form = Model.FormList[i];
69+
<li class="index-form">
70+
<a href="/Home/[email protected]&isAdmin=true">@form.Title</a>
71+
</li>
72+
}
73+
</ul>
74+
</div>
75+
</div>
76+
</section>
77+
<section class="index-footer">
78+
<div class="index-footer-social">
79+
<a href="https://www.facebook.com/SurveyJS/" target="_blank" class="index-footer-social-link">
80+
<img src="~/images/facebook.svg" />
81+
</a>
82+
<a href="https://github.com/surveyjs" target="_blank" class="index-footer-social-link">
83+
<img src="~/images/github.svg" />
84+
</a>
85+
<a href="https://medium.com/@@surveyjs" target="_blank" class="index-footer-social-link">
86+
<img src="~/images/medium.svg" />
87+
</a>
88+
<a href="https://twitter.com/surveyjs" target="_blank" class="index-footer-social-link">
89+
<img src="~/images/twitter.svg" />
90+
</a>
91+
</div>
92+
<div class="index-footer__copyright">
93+
Copyright © 2023 Devsoft Baltic OÜ. All rights reserved.
94+
</div>
95+
</section>

‎Views/Shared/_Layout.cshtml

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>@ViewData["Title"] - Generate From from Model and render it by using SurveyJS Library</title>
6+
<title>@ViewData["Title"] | Generate From from Model and render it by using SurveyJS Library</title>
7+
<link rel="stylesheet" href="/css/site.css" />
8+
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Raleway:wght@400;500;600;700&display=swap" rel="stylesheet">
79
</head>
810
<body>
911
<div class="container">

0 commit comments

Comments
 (0)