実践ServiceNow - 権限許可申請

#概要
Active Directoryなどの管理者権限申請と入室申請をServiceNowで作成します。
実際に利用する場合は承認フローの定義も必要になりますが、今回は画面を作成します。

#フォームの実装
今回は次のようなネットワークの管理者権限とサーバ部屋などの入室申請フォームを作成します。
![privilege_request_test_service_portal_5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/e3658d70-f9cf-fc19-98c6-57f9e3d77cdf.png)

1.先ずはフォームを作成します。アプリケーションナビゲータから「アイテムの」を検索ます。
![privilege_request_test_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/86f246e5-c5e3-94b5-e18a-80bebfa61b28.png)
2.アイテムの管理はよく使うのでお気に入りに登録します。「アイテムの管理」の右の星をクリックします。
次回から「アイテムの管理」を開く場合はアプリケーションナビゲータの直下にある星アイコンを選択して、「サービスカタログ・アイテム」を選択します。
![privilege_request_test_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/e12d4f4a-8033-936e-b3ec-eb5b4d23dcf7.png)
3.「新規」ボタンを押下して、新しいフォームを作成します。
![privilege_request_form_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/b88ce166-3f9b-f467-c3ee-4fc307354fe5.png)
4.項目「名前」と項目「簡単な説明」を入力します。

|項目|値|
|---|---|
|名前|Privilege request form|
|値|Request permission to have special privilege|
![privilege_request_form_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/e1048947-6fcf-5c6a-d107-b0625937a2b9.png)

5.ポータル用の設定を行います。
「ポータルの設定」タブを選択して次のように設定します。

|項目|値|
|---|---|
|要求の方法|要求|
|買い物かごに追加を非表示にする|チェック|
|数量を非表示にする|チェック|
|配送時間を非表示にする|チェック|
|ウィッシュリストに追加を非表示にする|チェック|
|添付ファイルを非表示にする|チェック|
![privilege_request_form_4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/c2e07bba-41cd-e43f-6a5b-6c35d063b9bf.png)

6.フォームを保存します。
ヘッダ領域を右クリックして「保存」を選択します。保存するとページの下に変数やスクリプトのタブが表示されます。
![privilege_request_form_5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/6b0b1cc7-3a97-93b3-c126-4fa30a6d3e4a.png)

##フィールド（変数）の作成
1.権限申請フォームには9つのフィールドがあります。これらのフィールを作成していきます。
画面からは8つのフィールドしかないようですが、ネットワーク管理者申請と入室申請用は別々に設けるため9フィールドを定義します。
![privilege_request_form_variables_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/3050b3c4-1806-0e49-e2c0-f0752341c0f1.png)
2.「変数」タブを選択して「新規」ボタンを押下します。
![privilege_request_form_variables_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/60b7666e-47a8-d31a-3a2b-065775ba03c1.png)
3.最初に日付のフィールドを定義します。次のように設定します。

|項目|値|
|---|---|
|タイプ|日付|
|必須|チェック|
|順番|10|
|質問|Submission date|
|名前|submission_date|
![privilege_request_form_variables_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/d57452ea-0699-893e-18f9-6173f5229915.png)

4.フィールドの幅を短くします。
「タイプ仕様」タブを選択して、変数の幅を「System Default Width(25)%」にします。
![privilege_request_form_variables_4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/7181255f-0af0-9c4c-999f-07b00a44df89.png)

5.デフォルトで今日の日付を入力するようにします。
「デフォルト」タブを選択してデフォルト値に「now」を入力します。
これで日付フィールドの定義は終わりましたので「送信」ボタンを押下します。
![privilege_request_form_variables_5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/ef08a0c9-644b-e1d1-4b69-3842a686dc29.png)

6.次の申請者情報を表示するフィールドを作成します。
「新規」ボタンを押下します。
![privilege_request_form_variables_10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/880c711a-1fa4-98f6-9206-d6c319c711aa.png)
7.申請はログインしているユーザに限るので、ログインしているユーザ情報を表示するだけにします。
次のように設定します。

|項目|値|
|---|---|
|タイプ|1行テキスト|
|順番|20|
|質問|Employee info|
|名前|employee_info|
![privilege_request_form_variables_11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/57d736df-9a9f-0c28-bd06-6445fa891476.png)
8.フィールドの幅を短くします。
「タイプ仕様」タブを選択して、変数の幅を「25%」にします。
![privilege_request_form_variables_12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/1744c374-af24-bcb4-5e6e-787431b448b1.png)
9.デフォルトでログインしているユーザ名を表示します。
「デフォルト値」タブを選択してデフォルト値に「javascript: gs.getUserDisplayName();」を入力します。これで社員情報フィールドの定義は終わりなので「送信」ボタンを押下します。
ログインユーザを取得するプロパティ及び関数に関しては次のページを参照してください。
https://qiita.com/htshozawa/items/f76615b1acaad3d5c68b
![privilege_request_form_variables_13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/3902cc44-763c-9290-f84f-404aabf0dee0.png)
10.申請の種類選択のラジオボタンフィールドを作成します。
「新規」ボタンを押下します。
![privilege_request_form_variables_20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/ed5b82c1-1bde-151b-9e72-7a831a44ac01.png)
11.ID選択フィールドを定義します。

|項目|値|
|---|---|
|タイプ|複数選択肢|
|必須|チェック|
|順番|110|
|質問|ID Type|
|名前|id_type|
![privilege_request_form_variables_21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/2743a8e4-a583-3912-c2fa-dd487fd07be1.png)
12.ラジオボタンを横に表示させます。
「タイプ仕様」タブを選択して、変数の幅を「75%」にします。幅が短いと改行する2段に表示されます。
項目「選択肢の表示方向」を「交差」にします。
![privilege_request_form_variables_22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/bd50cb50-90e5-8920-c10d-e5c5e0bfaa17.png)
13.必須フィールドに指定したので、デフォルト値を設定します。ネットワーク管理者権利申請の方が入室申請よりも多いと想定してデフォルトではネットワーク管理者申請を選択されるようにします。
「デフォルト」タブを選択します。デフォルト値に「system_login」を入力します。この値は後程定義するネットワーク権利申請の値です。
![privilege_request_form_variables_23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/decadcf3-6e86-4909-497d-20355d17c682.png)
14.設定を保存します。
ヘッダ領域を右クリックして「保存」を選択します。保存されるとページ下に選択肢を作成するための項目が表示されます。
![privilege_request_form_variables_24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/44be2798-2e1e-f49a-000e-394f1d941602.png)
15.選択肢を定義します。表示された「質問の選択肢」の「新規」ボタンを押下します。
![privilege_request_form_variables_25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/0a2fef5e-14ad-88e2-7768-f5e6f43dce38.png)
16.テキストを「Network Administration Privilege」に設定して、値を「system_login」とします。この「system_login」が上ステップ設定したデフォルト値です。
![privilege_request_form_variables_26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/c2dd75eb-8fd7-e252-fe1a-cf5b2b35dbff.png)
17.次の選択肢を作成します。
「新規」ボタンを押下します。
![privilege_request_form_variables_27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/3bd5dcc4-0c0c-8506-51f4-3e939c78b2b6.png)
18.テキストに「Room Entry Privilege」、値に「entry_card」を入力します。
![privilege_request_form_variables_28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/35e30f0b-6a9c-a2a2-338a-80bd07de86d5.png)
19.「更新」ボタンを押下してフィールド「ID Type」を変更します。
![privilege_request_form_variables_29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/14ce21f1-0219-a219-8a50-03aa73649b8d.png)
20.入室許可用に社員証の番号を入力するフィールドを作成します。施設管理会社に入室許可を依頼する場合に伝える番号です。ネットワーク申請の場合は不要です。
「新規」ボタンを押下します。
![privilege_request_form_variables_30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/6e308e3f-f7fd-3ad6-dd00-e2228d34e162.png)
21.次のように入力します。入力した後に「送信」ボタンを押下します。

|項目|値|コメント|
|---|---|---|
|タイプ|1行テキスト||
|順番|120||
|質問|Card id||
|名前|card_id||
|サンプルテキスト|Employee card internal number|フィールドに値が入力される前に表示する文字列|
![privilege_request_form_variables_31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/7f219837-d364-c352-11fe-8835eb5500be.png)
22.入室権限の種類選択フィールドを作成します。
「新規」ボタンを押下します。
![privilege_request_form_variables_40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/e49b69f8-49f2-1219-0ab8-38cba4f8a063.png)
23.次のように設定します。

|項目|値|
|---|---|
|タイプ|複数選択肢|
|必須|チェック|
|順番|130|
|質問|Room request privilege|
|名前|room_request_privilege|
![privilege_request_form_variables_41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/4a17b664-bc99-ff29-d07a-b989cde85dd3.png)
24.ラジオボタンを横に並べるようにします。
「タイプ仕様」タブを選択して、選択肢の表示方向を「交差」にします。
![privilege_request_form_variables_42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/005f14af-3e4e-4177-97e6-ed601bb657a6.png)
25.デフォルト値を入室申請にします。
「デフォルト」タブを選択してデフォルト値を「room_entry_request」にします。
![privilege_request_form_variables_43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/d4a8fa4f-8f94-c99c-f06d-3c720dc046d7.png)
26.選択肢を入力するために一旦、保存します。
ヘッダ領域を右クリックした「保存」を選択します。
![privilege_request_form_variables_44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/dcac8961-5434-250d-620f-b83912c25c65.png)
27.ネットワーク権限申請用の選択肢フィールドを作成します。
「新規」ボタンを押下します。
![privilege_request_form_variables_45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/a9bd5772-d564-3404-b4f0-4ec9cbb090bb.png)
28.項目テキストに「Room entry request」を入力して、値に「room_entry_request」を入力します。入力後に「送信」ボタンを押下します。
![privilege_request_form_variables_46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/4853cda1-2209-f552-68a0-9a5bfc76b366.png)
29.別の選択肢を作成します。
「新規」ボタンを押下します。
![privilege_request_form_variables_47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/2301a852-a165-4081-2567-b34db41d0092.png)
30.項目「テキスト」に「Other privilege」を入力して、値に「other_privilege」を入力した後に「送信」ボタンを押下します。
![privilege_request_form_variables_48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/9d87e865-f1b7-ea0e-5214-7eb11d847f37.png)
31.「更新」ボタンを押下してフィールド設定を保存します。
![privilege_request_form_variables_49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/7a80a0f3-6600-b835-8282-1a96d22ba5a3.png)
32.ネットワーク権限種類選択フィールドを作成します。
「新規」ボタンを押下します。
![privilege_request_form_variables_50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/53d4f6b0-94e2-5799-b970-f14bdc568e84.png)
33.次のように設定します。

|項目|値|
|---|---|
|タイプ|複数選択肢|
|必須|チェック|
|順番|135|
|質問|System request privilege|
|名前|system_request_privilege|
![privilege_request_form_variables_51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/38dac35b-b553-f412-0531-e124c15bc8a1.png)
34.横に表示するように設定します。
「タイプ仕様」タブを選択して、選択肢の表示方向を「交差」にします。
![privilege_request_form_variables_52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/9f8d0171-941b-7dfb-e84a-e86f5de5d36d.png)
35.デフォルト値をネットワーク権限申請に設定します。
「デフォルト」タブを選択して、デフォルト値に「system_access_request」を入力します。
![privilege_request_form_variables_53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/757a57ec-090c-7355-1bf6-069e0f75b874.png)
36.選択可能な値を作成するのでパージに残るように保存します。
ヘッダ領域を右クリックして「保存」を選択します。
![privilege_request_form_variables_54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/84482308-90b3-aeca-23d8-124a187bc4e1.png)
37.選択を作成します。
ページ下に表示される「質問の選択肢」の右の「新規」ボタンを押下します。
![privilege_request_form_variables_55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/20225088-d367-ec58-0698-5523007a578c.png)
38.項目「テキスト」に「System access request」を入力して、値に「system_access_request」を入力した後に「送信」ボタンを押下します。
![privilege_request_form_variables_56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/098ccf66-b4a3-842b-ad85-09f16523da5c.png)
39.「その他」の選択肢を作成します。
「新規」ボタンを押下します。
![privilege_request_form_variables_57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/8b23ef83-67e4-8011-7064-916700a40bd3.png)
40.項目「テキスト」に「Other privilege」を入力して、値に「other_privilege」を入力した後に「送信」ボタンを押下します。
![privilege_request_form_variables_58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/586ac070-1a28-cfa5-ee78-3989fb1ad55b.png)
41.ネットワーク権限種類選択フィールを保存して閉じます。
「更新」ボタンを押下します。
![privilege_request_form_variables_59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/73b55eb2-903d-ef9b-746d-9cb5488cdcdc.png)
42.申請する権限の詳細を記入するフィールドを作成します。
「新規」ボタンを押下します。
![privilege_request_form_variables_60.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/8e908dad-7917-b1f1-20b9-08b47a2bf5f9.png)
43.次のように設定した後に「送信」ボタンを押下します。

|項目|値|
|---|---|
|タイプ|1行テキスト|
|必須回答|チェック|
|順番|140|
|質問|Request privilege detail|
|名前|request_privilege_detail|
|サンプルテキスト|server name, System name, privilege detailed information|
![privilege_request_form_variables_61.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/4c830198-f0d6-58e0-0327-0a394a6fb5c8.png)
44.コメントフィールドを作成します。
「新規」ボタンを押下します。
![privilege_request_form_variables_70.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/5cb7de52-eca4-b428-ddf8-03c7c551219c.png)
45.次のように設定した後に「送信」ボタンを押下してフィールドを作成します。

|項目|値|
|---|---|
|タイプ|複数行テキスト|
|必須|チェック|
|順番|150|
|質問|Comment|
|名前|comment|
![privilege_request_form_variables_71.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/a22d198b-7b04-bfbc-4830-f830fada880a.png)
46.注意メッセージ用のフィールドを作成します。注意メッセージは後で読取り専用にします。
「新規」ボタンを押下します。
![privilege_request_form_variables_80.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/aac24b19-ae4e-dec5-5213-08dedb390881.png)
47.次のように設定します。

|項目|値|
|---|---|
|タイプ|複数行テキスト|
|順番|200|
|質問|*|
|名前|warning|
![privilege_request_form_variables_81.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/a6a9e8bc-d455-ae7e-e685-3758ce9b0fbb.png)
48.デフォルト値に注意メッセージを入力します。
「デフォルト」タブを選択します。デフォルト値に次の文面を入力します。

```
Warning
1)The person applying should be the person who needs the privilege.
2)Privilege should only be used by the person granted and not rent to anyone else.
3) In case the card is lost or access information is leaked, please contact us immediately.
```
![privilege_request_form_variables_82.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/cc729c5d-4feb-026e-e14c-35bdf00e0208.png)
49.フィールドの登録を完成すると次のように9つのフィールドが定義されます。
![privilege_request_form_variables_90.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/29c2393c-1a0e-997f-9505-9353fd121ad0.png)

##UIポリシー
UIポリシーで社員情報と注意メッセージを読取り専用にします。また入室申請種類フィールドを非表示にします。
1.「カタログUIポリシー」タブを選択して新しいUIポリシーを作成するために「新規」ボタンを押下します。
![privilege_request_form_ui_policy_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/4a30f396-f600-7df0-e12d-c06442c10bf9.png)
2.項目「簡単な説明」に「Form initialization」を入力します。
![privilege_request_form_ui_policy_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/ad555fe5-6789-31ab-d36e-8144efd1f326.png)
3.UIポリシーアクションを定義するのため、一旦保存します。
ヘッダ領域を右クリックして「保存」を選択します。保存されるとページ下にカタログUIポリシーアクションが表示されます。
![privilege_request_form_ui_policy_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/8a722f60-9800-88fe-b3b9-ced5e11ee481.png)
4.注意メッセージを読取り専用にするアクションを作成します。
「新規」ボタンを押下します。
![privilege_request_form_ui_policy_4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/0db80947-33fa-7e1d-d205-541fc4793a5d.png)
5.注意メッセージを読み込み専用に設定します。
次のように項目を設定した後に「送信」ボタンを押下します。

|項目|値|コメント|
|---|---|---|
|変数名|warning|注意メッセージのフィールド名|
|読み込み専用|True||
![privilege_request_form_ui_policy_5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/669a8170-f88b-6b9a-472b-0c0ee5b97561.png)
2.社員情報フィールドを読み込み専用に設定するアクションも作成します。
「新規」ボタンを押下します。
![privilege_request_form_ui_policy_6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/8448b9ab-f12e-15a2-0218-19bc03c31b4d.png)
3.次のように項目を設定した後に「送信」ボタンを押下します。

|項目|値|コメント|
|---|---|---|
|変数名|employee_info|社員情報フィールド名|
|順番|200||
|読み込み専用|True||
![privilege_request_form_ui_policy_7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/367f4a15-e7cb-cd55-c757-00fa6d320dcc.png)
4.入室申請種類フィールドを非表示にします。入室申請種類はIDタイプが入室権限の申請の場合に表示します。
「新規」ボタンを押下します。
![privilege_request_form_ui_policy_8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/3f76dda1-67b4-87b5-a0c9-062ddf5b1fa8.png)
5.項目を次のように設定した後に「送信」ボタンを押下します。

|項目|値|コメント|
|---|---|---|
|変数名|room_request_privilege|入室申請種類フィールド名|
|順番|300||
|表示|False|非表示にする|
![privilege_request_form_ui_policy_9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/106953ee-9ae6-4503-633d-a1412b25d7c3.png)
6.UIポリシーを保存して設定を完了します。
![privilege_request_form_ui_policy_10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/ed3f38ad-5ba0-f454-6dc1-c11b8273eb06.png)

##クライアントスクリプト
社員番号を表示するスクリプトとIDタイプを選択によりネットワーク申請か入室申請を表示する2つのスクリプトを作成します。

###初期化
ログインしている社員の社員番号を表示します。
1.「カタログクライアントスクリプト」タブを選択して「新規」ボタンを押下します。
![privilege_request_form_client_script_initial_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/ce1df28d-5575-81cd-bc07-7b72c8e57204.png)
2.次のように設定した後に「送信」ボタンを押下します。

|項目|値|コメント|
|---|---|---|
|名前|Form initialization||
|UIタイプ|すべて|ポータルでもスクリプトを実行させるため|
|タイプ|onLoad|フォームを開いた時に実行|
スクリプト

```
function onLoad() {
    setUserInfo(); //ユーザ情報の表示
    setWarningMessage(); //注意メッセージの背景色を白にして、ボーダーを無くす
}

function setUserInfo() {
    var ajax = new GlideAjax('GetUserInfo'); //Ajaxを利用してサーバを呼び出す。引数にサーバスクリプトファイル名を渡す
    ajax.addParam('sysparm_name', 'getUserNameAndEmpNo'); //呼び出すメソッド名を指定
    ajax.getXMLAnswer(function(answer) { //Ajax呼び出し
        if (answer.length > 0) { //メールアドレスを取得できたかチェック
            g_form.setValue('employee_info', answer); //   結果をメールフィールドに設定する
        }
    });
}

function setWarningMessage() {
    try { //ポータルの場合はエラーになるのでスキップ
        var warning = g_form.getControl('warning'); //注意要素を取得
        warning.style.backgroundColor = 'white'; //背景を白に変更
        warning.style.color = 'red'; //文字色を赤にする
        warning.style.borderStyle = 'none'; //ボーダーを無くす
    } catch (err) {}
}
```
![privilege_request_form_client_script_initial_2b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/ff85eff1-6c13-4be1-309e-4f30307a3c41.png)


###選択可能な権限の変更
IDタイプによりネットワーク種類フィールド又は入室種類フィールドを表示するスクリプトを作成します。
1.「新規」ボタンを押下します。
![privilege_request_form_client_script_toggle_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/17d18327-02c1-ce9f-3625-3cbbd2e4d991.png)
2.項目を次のように設定した後に「送信」ボタンを押下します。

|項目|値|コメント|
|---|---|---|
|名前|Toggle request choice based on type id||
|UIタイプ|すべて|ポータルでも実行する|
|タイプ|onChange|変数名で指定したフィールドが変更された場合に実行|
|変数名|id_type|変更を監視するフィールド名|

フィールドを非表示するプロパティは.setVisible()と.setDisplay()があります。.setVisible('フィールド名',false)の場合もフィールドは非表示になりますが、フィールドが空白になり次のフィールドの間に空白ができます。.setDisplay('フィールド名',false)の場合は空白が次のフィールドで埋まります。今回はIDタイプにより表示するフィールドを切り替えるので.setDisplay()を使います。
```
function onChange(control, oldValue, newValue, isLoading) {
    if (isLoading || newValue == '') {
        return;
    }

    if (newValue == 'entry_card') { //入室許可申請の場合
        g_form.setDisplay('room_request_privilege', true); //入室申請種類フィールドを表示
        g_form.setDisplay('system_request_privilege', false); //ネットワーク種類フィールドを非表示
        g_form.setValue('room_request_privilege', 'room_entry_request'); //デフォルトを入室申請にする
		g_form.setMandatory('current_id', true); //カード番号フィールドを必須にする
    } else { //ネットワーク権限申請の場合
        g_form.setDisplay('room_request_privilege', false); //入室種類フィールドを非表示にする
        g_form.setDisplay('system_request_privilege', true); //ネットワーク種類フィールドを表示する
        g_form.setValue('system_request_privilege', 'system_access_request'); //デフォルトをネットワーク権限申請にする
		g_form.setMandatory('current_id', false); //カード番号フィールドは任意にする
    }
}
```
![privilege_request_form_client_script_toggle_2b.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/f1a359e5-049c-9cbd-e3b7-ffdbe9f3c7e0.png)

##カタログ指定
ポータルから申請を出せるように申請を表示するカタログとカテゴリを指定します。
1.申請設定ページを表示します。
申請設定ページが表示されていない場合は履歴アイコンを選択して、Privilege request formカタログアイテムを選択します。
![privilege_request_catalog_entry_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/fd43db00-4a9f-02a3-aa92-7a98875b6e81.png)
2.項目「カタログ」に右に表示されている錠前アイコンをクリックします。
![privilege_request_catalog_entry_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/ae6f5560-8a39-6d84-af44-cca3e590f443.png)
3.虫眼鏡をクリックします。
![privilege_request_catalog_entry_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/44e2e64f-4a39-26f1-e2d1-cd9f1bb5bf85.png)
4.「サービスカタログ」を選択します。
![privilege_request_catalog_entry_4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/8323ef1a-5469-ac45-8927-cb90c4625dac.png)
5.カタログに「サービスカタログ」が追加されたことを確認した後にカテゴリの虫眼鏡を選択します。
![privilege_request_catalog_entry_5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/a173c7b2-5dc3-76d1-3d75-66e977ff88f9.png)
6.今回は「サービス」にこの申請を含めるようにします。
![privilege_request_catalog_entry_6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/45063cb0-1b50-e43e-ff44-41a0dfb6ec5f.png)
7.カテゴリが「サービス」に設定されたことを確認した後に「更新」ボタンを押下して保存します。
![privilege_request_catalog_entry_7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/f49b8053-91aa-60a2-8a62-88383c7af2b6.png)
8.正しくポータルで表示されるか確認します。
アプリケーションナビゲータから「ポータル」を検索して、「サービスポータルホーム」を選択します。
![privilege_request_catalog_entry_10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/4292f762-3020-c019-e005-5a2a79dcb101.png)
9.サービスカタログは要求内容にあります。
「要求内容」を選択します。
![privilege_request_catalog_entry_11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/cb329e27-3942-e0c5-8bba-86b9db7b6450.png)
10.カテゴリから「オフィス」＞「サービス」を選択します。
表示されたサービスから「Privilege request form」を選択します。正しく設定されていればフォームが開きます。
![privilege_request_catalog_entry_12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/cdb8cff8-5530-ef1a-44a8-189fcdf21c74.png)

#サーバスクリプト（スクリプトインクルード）
社員情報フィールドにログインしているユーザの名前と社員番号を表示するようにします。クライアントだけでは社員名しか表示することができないのでサーバ側スクリプトを呼び出して社員番号も表示するようにします。
1.アプリケーションナビゲータから「スクリプトインクルード」を検索して、「システム定義」下の「スクリプトインクルード」を選択します。
2.新しいスクリプトを作成するために「新規」ボタンを押下します。
![privilege_request_script_include_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/1fd593b3-1566-9d14-9c04-cd8bae640d16.png)
3.次のように設定します。クライアントコール可能をチェックするとコードテンプレートがスクリプトに生成されます。また、クライアントコール可能とはクライアントからの呼び出しを許可すると言う意味です。
入力した後に「送信」ボタンを押下します。

|項目|値|
|---|---|
|名前|GetUserInfo|
|クライアントコール可能|チェック|

```
var GetUserInfo = Class.create();
GetUserInfo.prototype = Object.extendsObject(AbstractAjaxProcessor, {
    getUserNameAndEmpNo: function() {
		var user_id = gs.getUserID();
        var grUser = new GlideRecord('sys_user'); //SystemNowのユーザテーブル（sys_id）を参照する
        if (grUser.get(user_id)) { //指定したユーザが存在するか確認
            return gs.getUserDisplayName() + '  [' + grUser.employee_number + ']'; //存在する場合はメールアドレスを返す
        }
        return ''; //存在しない場合は空文字を返す
    },
    type: 'GetUserInfo'
});
```
![privilege_request_script_include_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/a5018314-4677-cee1-36e3-265a732dc5ad.png)


#テスト
最後にすべて正しく動作するか確認します。
##カタログクライアントから
先ずはサービスカタログ・アイテムから確認します。
1.お気に入りから「サービスカタログ・アイテム」を選択します。
![privilege_request_test_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/e12d4f4a-8033-936e-b3ec-eb5b4d23dcf7.png)
2.「試行」ボタンを押下します。
![privilege_request_test_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/c8f4ce22-6712-fa67-7422-2d3b63f98e27.png)
3.次のような申請フォームが表示されます。
![privilege_request_test_4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/f92f348d-6cad-ae1a-7d8e-f813f78096aa.png)
4.ID Type「Room Entry Privilege」を選択するとSystem request privilegeがRoom request privilegeに変更します。
![privilege_request_test_5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/8095e4ea-5c30-f202-bfbe-07f088ffce15.png)

##サービスポータルから
次に再びサービスポータルから確認します。
1.アプリケーションナビゲータから「サービスポータル」を検索して「サービスポータルホーム」を選択します。
![privilege_request_test_service_portal_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/43757268-b0a3-32be-258c-8495225d6499.png)
2.「要求内容」を選択します。
![privilege_request_test_service_portal_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/f8748e4b-3af1-4850-b7dd-2a78d4a6b749.png)
3.カテゴリから「オフィス」＞「サービス」を選択します。
![privilege_request_test_service_portal_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/4f47a2ed-ae5f-e880-05c8-8c20d4bb9998.png)
4.「Privilege request form」を選択します。
![privilege_request_test_service_portal_4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/5d36bfb3-5215-108f-ee81-ae7bf17544d7.png)
5.サーバ側スクリプトを作成したので、今回は社員情報フィールに社員名と社員番号が表示されます。
![privilege_request_test_service_portal_5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/698027/e3658d70-f9cf-fc19-98c6-57f9e3d77cdf.png)

以上