|
1 | 1 | <template>
|
2 |
| - <div> |
| 2 | + <div class="clapage"> |
3 | 3 | <a-alert
|
4 | 4 | v-if="needCla"
|
5 | 5 | type="warning"
|
|
22 | 22 | <!-- CLA text -->
|
23 | 23 | <a-spin v-if="loading" />
|
24 | 24 | <div class="cla" v-html="claHtml" />
|
25 |
| - <hr /> |
26 |
| - <div> |
27 |
| - Your Name: |
28 |
| - <a-input :disabled="!needCla" v-model:value="userName"> |
29 |
| - <template #prefix> |
30 |
| - <i class="glyphicon glyphicon-user" /> |
31 |
| - </template> |
32 |
| - </a-input> |
33 |
| - Your Email: |
34 |
| - <a-input :disabled="!needCla" v-model:value="userEmail"> |
35 |
| - <template #prefix> |
36 |
| - <i class="glyphicon glyphicon-envelope" /> |
37 |
| - </template> |
38 |
| - </a-input> |
39 |
| - Your Employer (or 'none'):<a-input |
40 |
| - :disabled="!needCla" |
41 |
| - v-model:value="userEmployer" |
42 |
| - > |
43 |
| - <template #prefix> |
44 |
| - <i class="glyphicon glyphicon-briefcase" /> |
45 |
| - </template> |
46 |
| - </a-input> |
| 25 | + |
| 26 | + <a-form |
| 27 | + name="claform" |
| 28 | + :label-col="{ span: 6 }" |
| 29 | + :wrapper-col="{ span: 19 }" |
| 30 | + autocomplete="off" |
| 31 | + > |
| 32 | + <a-form-item label="Your Name"> |
| 33 | + <a-input :disabled="!needCla" v-model:value="userName"> |
| 34 | + <template #prefix> |
| 35 | + <i class="glyphicon glyphicon-user" /> |
| 36 | + </template> |
| 37 | + </a-input> |
| 38 | + </a-form-item> |
| 39 | + <a-form-item label="Your Email"> |
| 40 | + <a-input :disabled="!needCla" v-model:value="userEmail"> |
| 41 | + <template #prefix> |
| 42 | + <i class="glyphicon glyphicon-envelope" /> |
| 43 | + </template> |
| 44 | + </a-input> |
| 45 | + </a-form-item> |
| 46 | + <a-form-item label="Your Employer (or 'none')"> |
| 47 | + <a-input :disabled="!needCla" v-model:value="userEmployer"> |
| 48 | + <template #prefix> |
| 49 | + <i class="glyphicon glyphicon-briefcase" /> |
| 50 | + </template> |
| 51 | + </a-input> |
| 52 | + </a-form-item> |
| 53 | + |
| 54 | + <!-- non form item --> |
47 | 55 | <i class="pleaseChoose" v-if="needCla && userSign == 0"
|
48 |
| - >Please choose one:</i |
49 |
| - ><br /> |
50 |
| - <a-radio-group :disabled="!needCla" v-model:value="userSign"> |
51 |
| - <a-radio :style="radioStyle" :value="1"> |
52 |
| - My employer has already signed the CLA and is listed on Unicode’s |
53 |
| - <a href="https://www.unicode.org/policies/corporate-cla-list/" |
54 |
| - >List of Corporate CLAs</a |
55 |
| - >. |
56 |
| - </a-radio> |
57 |
| - <a-radio :style="radioStyle" :value="2"> |
58 |
| - I am a self-employed or unemployed individual and I have read and |
59 |
| - agree to the CLA. |
60 |
| - </a-radio> |
61 |
| - </a-radio-group> |
62 |
| - <br /> |
63 |
| - <button |
64 |
| - @click="sign" |
65 |
| - v-if=" |
66 |
| - needCla && |
67 |
| - userSign != 0 && |
68 |
| - userName && |
69 |
| - userEmail && |
70 |
| - userEmployer && |
71 |
| - !readonlyCla |
72 |
| - " |
| 56 | + >Please check the applicable box below (only one) to indicate your |
| 57 | + agreement.</i |
73 | 58 | >
|
74 |
| - Sign |
75 |
| - </button> |
76 |
| - <a-alert |
77 |
| - type="info" |
78 |
| - v-else-if="needCla" |
79 |
| - message="Please fill in the above fields." |
80 |
| - /> |
81 |
| - <hr /> |
82 |
| - </div> |
83 |
| - <div v-if="!needCla"> |
| 59 | + |
| 60 | + <a-form-item> |
| 61 | + <a-radio-group :disabled="!needCla" v-model:value="userSign"> |
| 62 | + <a-radio :style="radioStyle" :value="2"> |
| 63 | + I am contributing as an individual because I am self-employed or |
| 64 | + unemployed. I have read and agree to the foregoing terms. |
| 65 | + </a-radio> |
| 66 | + <a-radio :style="radioStyle" :value="3"> |
| 67 | + I am contributing as an individual because, even though I am |
| 68 | + employed, my employer has no rights and claims no rights to my |
| 69 | + contributions. I have read and agree to the foregoing terms. |
| 70 | + </a-radio> |
| 71 | + <a-radio :style="radioStyle" :value="4"> |
| 72 | + I am employed and my employer has or may have rights in my |
| 73 | + contributions under my employment agreement and/or the work for hire |
| 74 | + doctrine or similar legal principles. |
| 75 | + </a-radio> |
| 76 | + <a-radio v-if="false" :style="radioStyle" :value="1"> |
| 77 | + My employer has already signed the CLA and is listed on Unicode’s |
| 78 | + <a href="https://www.unicode.org/policies/corporate-cla-list/" |
| 79 | + >List of Corporate CLAs</a |
| 80 | + >. |
| 81 | + </a-radio> |
| 82 | + </a-radio-group> |
| 83 | + </a-form-item> |
| 84 | + <a-form-item> |
| 85 | + <button |
| 86 | + @click="sign" |
| 87 | + v-if=" |
| 88 | + needCla && |
| 89 | + userSign != 0 && |
| 90 | + userSign != 4 && |
| 91 | + userName && |
| 92 | + userEmail && |
| 93 | + userEmployer && |
| 94 | + !readonlyCla |
| 95 | + " |
| 96 | + > |
| 97 | + Sign |
| 98 | + </button> |
| 99 | + <div v-else-if="userSign == 4"> |
| 100 | + <a-alert |
| 101 | + type="error" |
| 102 | + message="Please request that your employer sign the Unicode Corporate CLA." |
| 103 | + /> |
| 104 | + <a |
| 105 | + href="https://www.unicode.org/policies/licensing_policy.html#signing" |
| 106 | + >How to sign the Corporate CLA…</a |
| 107 | + > |
| 108 | + </div> |
| 109 | + <a-alert |
| 110 | + type="info" |
| 111 | + v-else-if="needCla" |
| 112 | + message="Please fill in the above fields." |
| 113 | + /> |
| 114 | + </a-form-item> |
| 115 | + </a-form> |
| 116 | + <hr /> |
| 117 | + <div v-if="false && !needCla"> |
| 118 | + <!-- revocation is not allowed at present --> |
84 | 119 | <a-alert
|
85 | 120 | v-if="!readonlyCla"
|
86 | 121 | type="warning"
|
|
89 | 124 | <button v-if="!readonlyCla" @click="revoke">Revoke</button>
|
90 | 125 | </div>
|
91 | 126 | <a-spin v-if="loading" />
|
| 127 | + |
| 128 | + <p> |
| 129 | + If you would like further information regarding contributing to Unicode, |
| 130 | + please see our |
| 131 | + <a |
| 132 | + target="_blank" |
| 133 | + href="https://www.unicode.org/policies/licensing_policy.html" |
| 134 | + >IP Policies</a |
| 135 | + >. |
| 136 | + </p> |
92 | 137 | </div>
|
93 | 138 | </template>
|
94 | 139 |
|
@@ -116,6 +161,7 @@ let userEmployer = ref(user?.org);
|
116 | 161 | let userSign = ref(0);
|
117 | 162 | const radioStyle = {
|
118 | 163 | display: "flex",
|
| 164 | + "padding-bottom": "1em", |
119 | 165 | };
|
120 | 166 |
|
121 | 167 | async function loadData() {
|
@@ -211,4 +257,9 @@ async function revoke() {
|
211 | 257 | background-color: bisque;
|
212 | 258 | font-size: small;
|
213 | 259 | }
|
| 260 | +
|
| 261 | +.clapage { |
| 262 | + padding-left: 2em; |
| 263 | + padding-right: 2em; |
| 264 | +} |
214 | 265 | </style>
|
0 commit comments