Esri / geoform-template-js

GeoForm is a configurable template for form based data editing of a Feature Service.
http://esri.github.io/geoform-template-js/
Apache License 2.0
67 stars 83 forks source link

Edit Post Submittal Dialog #513

Open gismcieri opened 8 years ago

gismcieri commented 8 years ago

Hi,

I am working on slightly modifying the post submittal form and i made some changes by including some HTML tags in between some of the text variable quotes but i need to do a little more and was wondering if anyone could point me in the right direction on how to modify the form and where the javascript is to do this. I have tried using firebug and other tools but everything i change seems to have no affect.

image

Thanks, Matt

driskull commented 8 years ago

Its in the _openShareModal function which uses the shareDialog.js. the share dialog loads the HTML in views/modal.html

gismcieri commented 8 years ago

I did find a file called shareModal.js and the modal.html and was able to make some tweaks to the header and footer but I still have been unable to truly edit the body.

capture

I was able to edit the header and footer in the modal.html file.

I was able to edit the area in the green by adding some html in the entrySubmitted: tag in resource.js.

What I really want to do is remove the mailing and the link and everything I have tried has had no affect. I even tried deleting the div for the body which causes the app to not submit.

Any thoughts? Thanks, Matt

driskull commented 8 years ago

@gismcieri main.js has a function _createShareDlgContent which creates the mail link. Should be line 2543 or so.

gismcieri commented 8 years ago

I found the section below and i found the enableSharing sharing variable to in default.js. The value is set to false. So I don't see why its still showing up.

   _openShareModal: function () {
      // destroy modal if it exists
      if (this._ShareModal) {
        this._ShareModal.destroy();
      }
      // create modal content
      this._createShareDlgContent();
      // create modal
      this._ShareModal = new ShareModal({
        bitlyLogin: this.config.bitlyLogin,
        bitlyKey: this.config.bitlyKey,
        image: this.config.sharinghost + '/sharing/rest/content/items/' + this.config.itemInfo.item.id + '/info/' + this.config.itemInfo.item.thumbnail,
        title: this.config.details.Title || nls.user.geoformTitleText || '',
        summary: this.config.itemInfo.item.snippet || '',
        hashtags: 'esriGeoForm',
        shareOption: this.config.enableSharing
      });
      this._ShareModal.startup();
      // show modal
      $("#myModal").modal('show');
      domAttr.set(dom.byId("viewSubmissionsOption"), "href", this._viewSubmissions());
    }

I also tried commenting out certain parts and then the form fails to submit.

Thanks again for your time. Matt

driskull commented 8 years ago

The enableSharing just removes the social buttons but not the email and link. If you want those removed, you'll have to edit the ShareModal.js file which creates those nodes.

Its in the function here: https://github.com/Esri/geoform-template-js/blob/master/js/main.js#L2502

driskull commented 8 years ago

We'll add this option when we make the 4x JSAPI version of this app.