Skip to content
This repository was archived by the owner on Aug 14, 2018. It is now read-only.

Commit 3886c5e

Browse files
LostInBrittanyLostInBrittany
committed
Dealing with #134, adding paper-dialog-scrollable to create activity detail dialog
1 parent 3a54514 commit 3886c5e

File tree

1 file changed

+85
-84
lines changed

1 file changed

+85
-84
lines changed

‎src/experts-activities/experts-activity-detail-create.html‎

Lines changed: 85 additions & 84 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@
2626

2727
<link rel="import" href="../../bower_components/paper-button/paper-button.html">
2828
<link rel="import" href="../../bower_components/paper-dialog-behavior/paper-dialog-behavior.html">
29+
<link rel="import" href="../../bower_components/paper-dialog-scrollable/paper-dialog-scrollable.html">
2930
<link rel="import" href="../../bower_components/paper-input/paper-input.html">
3031
<link rel="import" href="../../bower_components/paper-styles/color.html">
3132

@@ -54,13 +55,15 @@
5455
transition : box-shadow 0.5s cubic-bezier(.25,.8,.25,1);
5556
box-shadow : 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
5657
font-family : Roboto;
58+
@apply(--layout-vertical);
5759
}
5860
:host:hover {
5961
box-shadow : 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
6062
}
6163

6264
.content {
6365
padding: 15px;
66+
@apply(--layout-flex);
6467
}
6568
#closeCreateActivityDetail {
6669
position: absolute;
@@ -196,7 +199,6 @@
196199
HTML
197200
====================================
198201
-->
199-
<div class="container">
200202
<paper-button
201203
id="closeCreateActivityDetail"
202204
on-tap="cancel"
@@ -206,7 +208,7 @@
206208
</iron-icon>
207209
</paper-button>
208210

209-
<div class="content">
211+
<paper-dialog-scrollable class="content">
210212
<h2>
211213
<iron-icon
212214
class="step0-icon"
@@ -223,91 +225,90 @@ <h2>
223225
<p>Activities must contain at one supporting child link; you can enter additional links after the initial record is created on the edit screen.</p>
224226
</div>
225227

226-
<div class="item">
227-
<div class="item_name">
228-
<paper-dropdown-menu
229-
selected-item-label="{{detail.detail_type}}"
230-
label="Link source"
231-
on-iron-select="_activityLinkSelected">
232-
<paper-listbox
233-
selected="{{initial_detail_type}}"
234-
class="dropdown-content">
235-
<template is="dom-repeat" items="{{activityLinks}}" as="link">
236-
<paper-item
237-
data-link="{{link}}"
238-
label="{{link.label}}">
239-
{{link.label}}
240-
</paper-item>
228+
<div class="item">
229+
<div class="item_name">
230+
<paper-dropdown-menu
231+
selected-item-label="{{detail.detail_type}}"
232+
label="Link source"
233+
on-iron-select="_activityLinkSelected">
234+
<paper-listbox
235+
selected="{{initial_detail_type}}"
236+
class="dropdown-content">
237+
<template is="dom-repeat" items="{{activityLinks}}" as="link">
238+
<paper-item
239+
data-link="{{link}}"
240+
label="{{link.label}}">
241+
{{link.label}}
242+
</paper-item>
243+
</template>
244+
</paper-listbox>
245+
</paper-dropdown-menu>
246+
</div>
247+
</div>
248+
249+
<div hidden$="{{!_activateMetrics}}">
250+
<div class="item">
251+
<paper-input
252+
auto-validate
253+
pattern="https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)"
254+
error-message="Must be a valid URL."
255+
name="url"
256+
id="inputUrl"
257+
label="URL"
258+
type="text"
259+
value="{{detail.url}}"
260+
invalid="{{_urlInvalid}}"
261+
required></paper-input>
262+
</div>
263+
<div class="item">
264+
<div class="item_name">Activity metrics</div>
265+
<template is="dom-if" if="{{_chosenActivityLink.metrics.direct}}">
266+
<div class="item_value metric">
267+
<paper-input
268+
id="metric_reached"
269+
type="number"
270+
label="How many people directly reached?"
271+
value="{{ detail.metric_reached }}"
272+
min="0">
273+
</paper-input>
274+
</div>
275+
</template>
276+
<template is="dom-if" if="{{_chosenActivityLink.metrics.trained}}">
277+
<div class="item_value metric">
278+
<paper-input
279+
id="metric_reached"
280+
type="number"
281+
label="How many people trained?"
282+
value="{{ detail.metric_trained }}"
283+
min="0">
284+
</paper-input>
285+
</div>
241286
</template>
242-
</paper-listbox>
243-
</paper-dropdown-menu>
287+
<template is="dom-if" if="{{_chosenActivityLink.metrics.indirect}}">
288+
<div class="item_value metric">
289+
<paper-input
290+
id="metric_reached"
291+
type="number"
292+
label="How many people indirectly reached?"
293+
value="{{ detail.metric_indirect }}"
294+
min="0">
295+
</paper-input>
296+
</div>
297+
</template>
298+
</div>
244299
</div>
245-
</div>
246-
247-
<div hidden$="{{!_activateMetrics}}">
248-
<div class="item">
249-
<paper-input
250-
auto-validate
251-
pattern="https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)"
252-
error-message="Must be a valid URL."
253-
name="url"
254-
id="inputUrl"
255-
label="URL"
256-
type="text"
257-
value="{{detail.url}}"
258-
invalid="{{_urlInvalid}}"
259-
required></paper-input>
260-
</div>
261-
<div class="item">
262-
<div class="item_name">Activity metrics</div>
263-
<template is="dom-if" if="{{_chosenActivityLink.metrics.direct}}">
264-
<div class="item_value metric">
265-
<paper-input
266-
id="metric_reached"
267-
type="number"
268-
label="How many people directly reached?"
269-
value="{{ detail.metric_reached }}"
270-
min="0">
271-
</paper-input>
272-
</div>
273-
</template>
274-
<template is="dom-if" if="{{_chosenActivityLink.metrics.trained}}">
275-
<div class="item_value metric">
276-
<paper-input
277-
id="metric_reached"
278-
type="number"
279-
label="How many people trained?"
280-
value="{{ detail.metric_trained }}"
281-
min="0">
282-
</paper-input>
283-
</div>
284-
</template>
285-
<template is="dom-if" if="{{_chosenActivityLink.metrics.indirect}}">
286-
<div class="item_value metric">
287-
<paper-input
288-
id="metric_reached"
289-
type="number"
290-
label="How many people indirectly reached?"
291-
value="{{ detail.metric_indirect }}"
292-
min="0">
293-
</paper-input>
294-
</div>
295-
</template>
300+
<div class="item">
301+
<div class="item_value submit">
302+
<paper-button
303+
id="submit"
304+
on-tap="_submitActivityDetail"
305+
disabled$="{{!_submitDisabled}}"
306+
raised>
307+
Save
308+
</paper-button>
296309
</div>
297-
</div>
298-
<div class="item">
299-
<div class="item_value submit">
300-
<paper-button
301-
id="submit"
302-
on-tap="_submitActivityDetail"
303-
disabled$="{{!_submitDisabled}}"
304-
raised>
305-
Save
306-
</paper-button>
307-
</div>
308-
</div>
309-
</div>
310-
310+
</div>
311+
</paper-dialog-scrollable>
311312
<iron-ajax
312313
id = "insertActivityDetail"
313314
url = "https://elite-firefly-737.appspot.com/_ah/api/expertstracking/v2.0/activityDetail"

0 commit comments

Comments
 (0)